Front-End Learning for Programmer

If you are an existing programmer (fluent in one common programming language) and want to learn Front-End (HTML+CSS+JS), I would recommend using freeCodeCamp and picking only the modules you need. If you want to learn just enough to work on modern front-end projects or start a new project with Create React App, below is what modules I think you should learn on freeCodeCamp.

“✔️” means you should learn it. “❌” means you could skip it. “❗” means you could skip if you are in a hurry but you should learn if you have time.

• Responsive Web Design
  • ✔️ Basic HTML and HTML5
  • ✔️ Basic CSS
  • ✔️ Applied Visual Design
  • ❌ Applied Accessibility
  • ❌ Responsive Web Design Principles
  • ✔️ CSS Flexbox
  • ❌ CSS Grid
  • ✔️ Responsive Web Design Projects
• JavaScript Algorithms and Data Structures
  • ✔️ Basic JavaScript
  • ✔️ ES6
  • ❌ Regular Expressions
  • ✔️ Debugging
  • ✔️ Basic Data Structures
  • ❗ Basic Algorithm Scripting
    • (Use it as a practice to write more JavaScript code.)
  • ✔️ Object Oriented Programming
  • ✔️ Functional Programming
  • ❗ Intermediate Algorithm Scripting
    • (Use it as a practice to write more JavaScript code.)
  • ❗ JavaScript Algorithms and Data Structures Projects
    • (Use it as a practice to write more JavaScript code.)
• Front End Libraries
  • ✔️ Bootstrap
  • ❌ jQuery
  • ❌ Sass
  • ✔️ React
  • ✔️ Redux
  • ✔️ React and Redux
  • ✔️ Front End Libraries Projects