EP19 - Free Cloud Services for Web Developers

This week Arlo and Ryan talk about all the FREE, FREE, FREE cloud services for web developers. Go banana crazy with all these cool platforms. There are no excuses to not try out some new tools/technologies that employers are asking for.

Download: Direct Link

Itunes: itunes link

Sponsor

Use coupon code Dev1Podcast for 25% off. Use coupon code Dev1Reseller for $25 off.


Tryout new technology

  • git-server, node.js, ruby, sass/scss,
  • linux tools
    • grep
    • sed
    • more/less
    • man
  • Free is ALWAYS good. You don’t have to buy to practice new stuff.
  • We are not sys admins. Don’t fret with OS stuff.

Free, Free, Free!!

EP18 - Using SVN #likeaboss

This week Arlo and Ryan discuss what you need to know if you want to use SVN as your version control system.

Download: Direct Link

Itunes: itunes link

Sponsor

Use coupon code Dev1Podcast for 25% off. Use coupon code Dev1Reseller for $25 off.


Hack of The Week

Ryan talks about Doctrine 2 on how it could be used in your current PHP project.

What is SVN?

  • General Concepts
    • Type of file versioning.
    • Revision control.
    • True atomic operations.
    • Open source.
    • File logging.
  • History
    • Was preceded by CVS: Concurrent Version System -> 1986, still mostly compatible.
    • Born in 2000 by CollabNet.
    • In 2001 it was hosting itself.
    • Was around before git was born in 2005.
    • In 2009 , it became an Apache Foundation Top level Project.
    • Subversion manages at least 60-70% of development code.
  • How is SVN different from git
    • Centralized source code control.
    • merging hell

Basics of SVN

  • Principles
    • Collections of files are called repositories.
    • Repositories have a directory structure.
    • SVN works on changes, not on files.
    • These are called changesets
    • Two revisions make up a changeset.
    • changeset can make a patch
  • Commands
    • checkout (BIG)
    • add (BIG)
    • commit (BIG)
    • update (BIG)
    • status
    • diff
    • merge
    • export
    • mv
    • cp
    • revert
    • resolve
    • resolved

Online services

  • springloops
    • They do have a free plan.
    • Support SVN, as well as git.
    • Other AWESOME tools like deployments, and tickets, etc..
    • Closed source
    • 2 users, 1 repo.
  • GoogleCode
    • Free
    • Open source only
    • Also does project management, ticket tracking, etc…
  • SourceForge
    • Free
    • Open source only
    • Also does project management.
    • Good end-to-end solution for open source projects.
  • Codesion
    • Free
    • Closed source
    • Only 1 user.
  • Beanstalk
    • Free Trial
    • One user, one repo.

Useful GUIs

Mentioned Links:

EP17 - What Does Your IDE Do For You?

This week Arlo and Erick talk about shortcuts and how IDE type editors can save you time while programming! All programmers should be power-shortcut-users, so get it together!

Download: Direct Link

Itunes: itunes link

Sponsor

Use coupon code Dev1Podcast for 25% off. Use coupon code Dev1Reseller for $25 off.

Hack of The Week

Arlo talks about a simple technique to scrape data from a website. PHP Simple DOM is a class of choice when Arlo scrapes sites and he explains how to use it in combination with Curl.

What IDEs have to offer

  • Shortcuts are KING! The mouse is your anchor.
    • save, [copy/paste], select all - basic
    • alt+tab, alt + #, alt + w, home/end - moderate
    • ftp, version control, multi-desktop, word boundaries - advanced?
  • Some argue that IDEs are only for compiled languages
    • Their arguments. Haters gonna hate
    • You can still step through scripting languages for debugging (xdebug)
  • Benefits of an IDE vs Text Editor
  • Features from IDEs
    • version control
    • macros
    • terminals
    • Grep
  • Benefits of Text Editors
    • lightweight
    • syntax highlighting
    • plugins
  • What do you like about your current IDE/Text editor.
    • grep feature.

What Are My Options?

Mentioned Links:

EP16 - Interviewing For A Web Development Position

This week we talk about our experiences going through interviews for web development. We offer tips on what will be asked, expected of you and what we suggest you ask the interviewer. By preparing you for the interview, our goal is to allow you to keep calm and show your best face during the interview.

Download: Direct Link

Itunes: itunes link

Sponsor

Use coupon code Dev1Podcast for 25% off. Use coupon code Dev1Reseller for $25 off.

Hack of the Week

Talking about FirePHP and it’s benefits. It can also be used with other languages.

Phone Interview / Non-Technical

  • Do’s and Don’ts
  • Resume Questions - beef it up
    • Gaps in Job History
    • Experience / Responsibilities
  • Continual Learning
    • side projects?
    • opensource contributions
    • [program at home!]
  • Financial
    • How much are you getting paid
    • How much are you looking for
  • Confidence
    • answer confidently, don’t stumble

Technical Interview

  • Don’t be scared to say you don’t know. Be self aware and stay confident.
  • Concepts / Terms
    • Difference: GET / POST. cookie?
    • abstract / interface
    • Know: clientside and serverside
  • Javascript
    • object construct
  • MVC Frameworks: explain
  • AJAX: without jquery
    • Can you do Web2.0
  • Language Specific
    • What don’t you like about the language
    • I think they want to know that you are passionate about it
  • SQL
    • LEFT JOIN / RIGHT JOIN / INNER / OUTER
  • Some make you write something or take a test
    • Login page
    • blog page / comments..

Asking Questions

  • Show that you are interested!! Things matter to you. It looks like you have options. Tables turn.
  • Dresscode (creative environment)
  • Stable Environment: Last time you fired someone and why?
  • What development lifecycle do they follow?
    • scrum, agile, waterfall?
    • Ask if not in description. Read up on them anyway so you know your stuff.
    • Ticketing System?
    • Testing style? Do you test at all?
    • meeting with the users? important for apps
  • Any Sysadmins? Web Designers?
    • (how much non programming is involved?)
  • Version Control:
    • Which one?
    • Which workflow? Topic branching?
  • Implementation Details
    • Why do they use the language they use?
    • What database do they use?
    • Infrastructure?
  • Joel Spolsky

Mentioned Links:

EP15 - Understanding MVC In Web Development

This week we talk about MVC and it’s place in the Web Development world. We try to bridge the gap for bewteen “lean” script based web development and framework based web development.

Download: Direct Link

Itunes: itunes link

Sponsor

Use coupon code Dev1Podcast for 25% off. Use coupon code Dev1Reseller for $25 off.

What do I need to know?

  • What is MVC?
  • The concept behind MVC
  • What makes MVC confusing in web apps?
    • Devs used to structured programming
  • Classes seem like over kill
    • Arlo’s senior project story
  • When did YOU realize using frameworks was the way to go?
  • Think about Big Picture
    • Maintenance
    • Future proofing
    • Documentation
    • User Impact?
  • MVC Frameworks are different
    • Controller
    • Models
    • Views

Moving Forward

  • Picking your next MVC framework
    • Based on what? (Doc., easy to use)
  • Build your next app with an MVC framework
  • Building your own MVC

Web Frameworks:

EP14 - WTH Is HTML5 and CSS3 Anyway?

This week we talk about HTML5 and CSS3. We’ve all heard about it, but do we really understand the differences it brings to the industry? We try to find out for ourselves.

Download: Direct Link

Itunes: itunes link

Sponsor

Use coupon code Dev1Podcast for 25% off. Use coupon code Dev1Reseller for $25 off.

What do I need to know?

  • Fully understand things introduced in HTML4.
    • DOCTYPE, CSS guidelines
  • Learn HTML4 deprecated tags
    • center, frameset and more [W3Schools link below]
  • Learn new stuff in HTML5
    • tags: footer, header, progress, navigation, canvas, section. SEO BOOST! [W3Schools link below]
    • audio, video and canvas
    • geolocation, localstorage, full web apps
  • Wassup wit CSS3? What’s New?
    • Native: Media queries, rounded corners, opacity, gradients, animations, shadows
  • Know your audience and your intended platform
    • How soon applicable to average user???
  • Limitations:
    • browsers. Users must be up to date with their platform, because HTML5 is constantly evolving.
  • Tackle limitations:
    • graceful degradation vs progress enhancement
    • Choosing CSS2 vs CSS3 base
    • Mobile and HTML5 is like fish in water

What do I do?

  • Working on a static page [brochure site]
    • full CSS3 animations, scrolling navigation, responsive (media queries)
  • Use the appropriate tags
    • header, nav, section, article, footer, etc.
  • Tutorials/examples [html5 link below]

Moving Forward

  • Fancy effects != HTML5
    • scroll down navigation, fluid/responsive design
  • HTML5 / CSS3 Frameworks
    • Responsive web design has become extremely important lately, since our content is published across many different platforms. It is important to consider how your content will reflow, so that you can plan accordingly. Frameworks like these are great starting points for creating responsive layouts, while not having to reinvent the wheel each time.
    • 52Framework
    • foundation by zurb
    • boilerplate.com
    • Grid Frameworks
    • Sencha
  • Emulating desktop experience
    • games: localstorage, canvas tag for animation, processing, css3 animation
    • phone gap
  • Mind Blowing Sites

Mentioned Links:

Correction: Tijuana Flats is not a HTML5 site, but an example is similar effects/sites done without HTML5.

EP13 - Managing A Software Project Solo With @jaredbrown

This week we talk about our experiences while freelancing and lessons learned. We discuss appropriate tools you can use to make your experience a lot more enjoyable.

Sponsor

Arvixe.com - Reliable Servers, Afforable Packages and 24/7 Support

Download: Direct Link

Itunes: Itunes Link

What do I need to know?

  • Likes and dislikes
    • L: Choosing what to work on
    • D: Dealing with People/Client
  • Pros and Cons
    • P: Working from home
    • C: Working from home
  • Does and Don’ts
    • Do: Structure your time
    • Do: Join a co-location
    • Don’t: Mismanage your “go” time
  • Contracts and Picking a Price

What do I do?

  • Timekeeping: 37signals BaseCamp, Harvest, Freckle, Crometa …
  • Invoicing: FreshBooks, Harvest, Ballpark, TinderBox …
  • Project Management: BaseCamp, Pivotal Tracker …

Moving Forward

  • Consultant / Firm
    • multiple clients
    • outsourcing developers??
  • Making a living
    • Get follow ups from 1 client
    • Serious goals => Serious clients
    • “Go where the money is”

Mentioned Links:

EP12 - Using Javascript #likeaboss In And Out Of The Browser

This week we talk about common misconceptions about Javascript and the DOM Api. Learning about Javascript’s strengths can help us understand how/why this popular language is being used extensibly in and out of the browser.

Sponsor

Hostgator.com - Unlimited Space, Unlimited Bandwidth and Stellar Support. 

Use coupon code Dev1Podcast for 25% off. Use coupon code Dev1Reseller for $25 off.

Download: Direct Link

Itunes: itunes link

What do I need to know?

  • More than just the document API. What is document API and DOM?
    • DOM is the actual HTML document
    • document.createElementByTag, getElementByID, getElementsByClass, XMLHttpRequest
    • Types: ‘string’, ‘boolean’, ‘undefined’, ‘function’, and ‘object’
    • Recommend: Javascript the Good parts
  • Client side applications is where it’s at
    • facebook, twitter, google, yahoo:
  • JS: More than just UI
  • V8 Engine

What do I do and not do?

  • Goal: Build your web’s client side JS app
  • Drop global variables! (Namespacing)
  • Falsy Values and other gotchas: Javascript Garden

Moving Forward

Mentioned Links:

EP11 - Intro to NoSQL

This week we talk about NoSQL (Not Only SQL). Though we do not deep dive into any one particular schemaless database we cover their importance and what changes they are making in the web world today.

Sponsor

Hostgator.com - Unlimited Space, Unlimited Bandwidth and Stellar Support. 

Use coupon code Dev1Podcast for 25% off. Use coupon code Dev1Reseller for $25 off.

Download: Direct Link

Itunes: itunes link

What do I need to know?

  • Developed a while ago (1998), refined by high traffic sites
    • facebook, yahoo, google, amazon
  • Not relational
    • No Joins, big performance boost
    • document oriented: CouchDB, MongoDB, SimpleDB
    • key value pair: Memchached, Redis
    • extensive record: Google BigTable, Cassandra

What do I do?

  • NodeJS + MongoDB
  • MongoLab.com
  • php/redis, php/memchached

Moving Forward

  • Cloud hosting services
  • aws.amazon.com/free
  • How would I design for functional environment?

Mentioned Links:

Correction: Chartbeat is the analytics tool mentioned, not “Heartbeat”.

EP10 - Using Git on a Production Website

This week we talk about what you need for setting deploying to your production website with Git. We go through different existing cloud services that let you deploy in the same fashion. Then we cover how to have a similar setup with shared hosting.

Sponsor

Hostgator.com - Unlimited Space, Unlimited Bandwidth and Stellar Support. 

Use coupon code Dev1Podcast for 25% off. Use coupon code Dev1Reseller for $25 off.

Download: Direct Link

Itunes: itunes link

Hack of the Week

Erick shares his most recent hack involving a Hanging with Friends “helper” website. Where you would type in the known letters and it would suggest possible words for the answer.

What do I need to know?

What do I do?

  • If not using above services
  • Ghetto way: push directly to hostgator
    • problems? crash your site?
    • maybe ok when you are by yourself
    • Push directly into a working repo
  • Running unit tests?
    • use git hooks to check for validating latest commit
  • Push into a bare repo, then make your “environments” pull

Moving Forward

  • Leverage Hosted Git Services
    • github.com / bitbucket.org / gitorious.org
  • Workflow:
    • pull requests
    • issues
    • anything with web hooks

Mentioned Links: