If you want to learn how to become a Front-End developer, you are in the right place!
Start here
- Understand Internet
- Understand your journey
→ Web Developer Roadmap 2019 - Github
Learn HTML
-
Courses / Tutorials
- 🌍 Learn HTML - CodeCademy 💰🆓 📹 🔝
- HTML5 and CSS - FreeCodeCamp 🆓 🔝
- MarkSheet - A free HTML & CSS tutorial 🆓 🔝
- Intro to HTML/CSS: Making webpages - KhanAcademy 🆓
- Learn the Web 🆓
- HTML5 Introduction - EDX 🆓
- HTML - Creating basic web pages 🆓
- Learn to code HTML & CSS - Shay Howe 🆓
- HTML Tutorials 🆓
- Intro to HTML and CSS - Udacity 🆓
- Learn HTML in 12 minutes - Youtube 🆓 📹
- Learn HTML in 30 Minutes - Youtube 🆓 📹
- HTML Fundamentals - SoloLearn 💰🆓
- HTML Basics - TreeHouse 💰 📹
- HTML/CSS Path - Code School 💰 📹
- HTML Essential Training - Lynda 💰 📹
- Your First Day with HTML - Pluralsight 💰 📹
- HTML Fundamentals - Pluralsight 💰 📹
- Introduction to HTML and CSS - TreeHouse 💰
- Introduction to HTML5 and CSS3 - Frontend Masters 💰 📹
- HTML/CSS on Code Avengers 💰🆓
- 30 Days to Learn HTML & CSS 💰🆓 📹
- Introduction to HTML 🆓 📹
- HTML5 Tutorial - w3schools 🆓
- AlgoExpert's Front-end Expert Course 💰
-
Documentation
-
Guidelines
-
Quiz / Challenges
-
Articles/Books
Learn CSS
-
Courses / Tutorials
- 🌍 Learn CSS - CodeCademy 💰🆓 🔝
- Learn CSS in 12 Minutes - Youtube 🆓 📹
- CSS Basics - TreeHouse 💰 📹
- Introduction to CSS 💰 📹
- CSS3 In-Depth 💰 📹
- CSS Essential Training 3 - Lynda 💰 📹
- Scalable Modular Architecture for CSS (SMACSS) - Frontend Masters 💰 📹
- CSS Tutorial - w3schools 🆓
- Introduction to CSS 🆓 📹
- Learn CSS - Sololearn
- Selectors
- CSS Diner 🆓 🔝
- Flexbox
- 🌍 Flexbox Froggy 🆓 🔝
- Flexbox Defense 🆓 🔝
- CSS Grid
- 🌍 Grid Garden 🆓 🔝
- Learn CSS Grid with Wes Bos 🆓 🔝
- Selectors
-
Documentation
-
Guidelines
-
Quizz / challenges
-
Articles/Books
Learn JavaScript
-
Courses / Tutorials
- Basic JavaScript 🆓 🔝
- Introduction To JavaScript - CodeCademy 💰🆓 🔝
- Beau teaches JavaScript - Youtube 🆓 📹
- JS 30 For 30 - 30 Projects for 30 Days 🆓 📹
- Intro to JavaScript - Udacity 🆓
- Learn JavaScript - Codementor 🆓
- Introduction to JavaScript Programming - Frontend Masters 💰 📹
- LambdaSchool Javascript Mini Bootcamp💰🆓 🔝
- JavaScript Essential Training - Lynda 💰 📹
- JavaScript Fundamentals - Tuts+ 💰🆓 📹
- Getting Started with JavaScript for Web Development - Scotch 💰🆓
- JavaScript Basics - TreeHouse 💰
- JavaScript path - Code School 💰
- ES6 for everyone 💰 📹
- JavaScript.Info
- JavaScript Tutorial - w3schools 🆓
- Javascript Tutorial - Watch and Code by Gordon Zhu 🆓💰
- Learn Javascript
- Introduction to Javascript 🆓
-
Documentation
-
Guidelines
-
Quiz / challenges
-
Articles / Books
- Practical Modern JavaScript 🆓
- You Don't Know JS (book series) 🆓
- JavaScript, the definitive guide
- Javascript: The Good Parts
- Eloquent JavaScript: A Modern Introduction to Programming
- JavaScript Allongée
- Learning JavaScript
- Understanding ECMAScript 6: The Definitive Guide for JavaScript Developers
- JavaScript and JQuery: Interactive Front-End Web Development
- Airbnb JavaScript Guide()
Learn TypeScript
- Articles / Books
Learn GIT
- 15 minutes to learn Git 🔝
- Git-it (Desktop App) - NodeSchool 🆓 🔝
- 🌍 Learn Git on CodeCademy 💰🆓 🔝
- Git-it is a (Mac, Win, Linux) Desktop App for Learning Git and GitHub 🆓 🔝
- Learn Git Branching – Educational challenges 🆓
- Introduction to version control with Git - Microsoft Learn 🆓
- Git-it – Learn Git in a real terminal 🆓
- Git CheatSheet 🆓
- Git Essential Training - Lynda 💰 📹
- Try Git 🆓
- Learn Git - Git Tutorials, workflows and commands🆓
Tools
-
Essential
- Github 💰🆓 🔝
-
Website auditors
- Checkbot 💰🆓 🔝
-
Playgrounds
-
Web design Tools
-
Editors
- Visual Studio Code 🆓 🔝
- Sublime Text 🆓
- Atom 🆓
- Brackets 🆓
- NotePad++ 🆓
- Cloud9 💰🆓
Chat / Slack channels
Aggregators / News
- Smashing Magazine 🔝
- CSS-Tricks 🔝
- Front-End Stash 🔝
- Codrops 🔝
- Front-End Front - Basically, front-end news
- Echo JS - JavaScript News
- A list Apart - Code
- Scotch - Code Eat Sleep Loop
- Daily.dev