How Front-End Developers Are Made [102]

Today, in general, one can’t go to college and expect to graduate with a degree in front-end engineering. And, I rarely hear of or meet front-end developers who suffered through what is likely a deprecated computer science degree or graphic design degree to end up writing HTML, CSS, and JavaScript professionally.

From my perspective, most of the people working on the front-end today generally seem to be self-taught from the ground up or cross over into the front-end space from design or computer science fields.

If you were to set out today to become a front-end developer I would loosely strive to follow the process outlined below.

1. Learn, roughly, how the web platform works. Make sure you know the “what” and “where” of HTML, CSS, DOM, JavaScript, Domains, DNS, URLs, HTTP, browsers, and servers/hosting. Don’t dive deep on anything just yet, just aim to understand the parts at play and how they loosely fit together. Start by building simple web pages.

2. Learn HTML

3. Learn CSS

4. Learn JavaScript

5. Learn DOM

6. Learn the fundamentals of user interface design (i.e. UI patterns, interaction design, user experience design, and usability).

7. Learn CLI/command line

8. Learn the practice of software engineering (i.e., Application design/architecture, templates, Git, testing, monitoring, automating, code quality, development methodologi-es).

9. Get opinionated and customize your tool box with whatever makes sense to your brain (e.g. Webpack, React, and Mobx).

10. Learn Node.js

A short word of advice on learning. Learn the actual underlying technologies, before learning abstractions. Don’t learn jQuery, learn the DOM. Don’t learn SASS, learn CSS. Don’t learn JSX, learn HTML. Don’t learn TypeScript, learn JavaScript. Don’t learn Handlebars, learn JavaScript ES6 templates. Don’t just use Bootstrap, learn UI patterns.

Lately a lot of non-accredited, expensive, front-end code schools/bootcamps have emerged. These avenues of becoming a front-end developer are typically teacher directed courses, that follow a more traditional style of learning, from an official instructor (i.e., syllabus, test, quizzes, projects, team projects, grades, etc.).

Keep in mind, if you are considering an expensive training program, this is the web!Everything you need to learn is on the web for the taking, costing little to nothing.

However, if you need someone to tell you how to take and learn what is low cost to free, and hold you accountable for learning it, you should consider a traditional instructor lead class room setting. Otherwise, I am not aware of any other profession that is practically free for the taking with an internet connection, a couple of dollars a month for screencasting memberships, and a burning desire for knowledge.

For example, if you want to get going today search web pages the self-directed resources below can work out for developers;

  • Getting started with the Web [read]
  • So, You Want to be a Front-End Engineer [watch]
  • Frontend Masters Learning Paths [watch][$]
  • Introduction to Web Development [watch][$]
  • Treehouse Techdegree [watch][$]
  • Front-End Web Developer Nanodegree [watch][$]
  • Become a Front-End Web Developer [watch][$]
  • FreeCodeCamp [interactive][watch]

When getting your start, you should fear most things that conceal complexity.

Abstractions (e.g. jQuery) in the wrong hands can give the appearance of advanced skills, while all the time hiding the fact that a developer has an inferior understanding of the basics or underlying concepts.



Watch – Video

$ –       Paid file

Read – eBook / Article .

Leave a Reply

Your email address will not be published. Required fields are marked *