What Is Front-End Web Development?

By

Advanced-Front-End-Web-Development

Name: Nick Schaden (@nschaden)
Occupation: Web Designer/Developer

1. In 140 characters or less, what is front-end web development, from your experience?

A mix of programming and layout that powers the visuals and interactions of the web.

2. If a website were a house, front-end web development would be ______?

Front end development would be the pretty exterior that gives the house character, or the host that invites guests in and makes them feel at home.

3. What’s your favorite part about programming languages or coding?

That there are almost always multiple ways to solve a single problem, or achieve any specific functionality using programming languages. On the outside, I think programming can seem like a very prescriptive, direct, binary kind of job skill. But there’s actually a lot of creativity and ingenuity involved.

4. How would you explain the difference between front-end development and back-end web development to a 5-year-old?

Pretend a website is a car. There are a lot of things inside of a car that help it run, make it speed up, slow down, keep its lights on—all of these things you can’t really see but are really important. That’s what back-end development services are about.

But then there are items that you directly use in the car to make it go: your gas and brake pedals, the steering wheel. And there are also a lot of things on that car that make it fun to drive and cool to look at: a racing stripe, a slick leather interior. All the stuff you can directly touch, see, or hear? That’s front end development.

6. What resources—a favorite book, podcast, platform, etc.—would you recommend for someone interested in getting started in front-end web development?

  • A Book Apart series, especially the books on HTML5 (Jeremy Keith) and CSS3 (Dan Cederholm). Great primers and reference material.
  • A List Apart is a bi-weekly web journal that I’d consider required reading for developers everywhere, whether they’re new or have vast experience.
  • Smashing Magazine is a pretty classic web resource.
  • Hacker News is a consistent source of news articles and discussion.

For any web developers who also design, I regularly read:

  • Beautiful Pixels for design trends in mobile and web apps.
  • Sidebar is a new link blog where I discover a lot of design related gems.

Finally for the audio-inclined:

  • Shop Talk is a web design and development podcast hosted by CSS whiz Chris Coyier.

7. Any advice for an aspiring front end web developer?

  • Never stop learning. Web development (both front and back) changes quickly, arguably faster than almost any other development genre.
  • Have side projects. Especially a project that covers ground outside of work. It’s one of the best ways to really challenge yourself, and keep growing.
  • Be open to change. You might think you know what area of web development you want to go into, but you’ll definitely discover new interests along the way. Come to a web project open minded, willing to tackle any challenge (QA to database work to production design). You’ll form your strengths and specializations later in your career.

Learn More About Front-End Web Development at GA