The most essential list of resources for Front-End beginners

If you want to learn how to become a Front-End developer, you are in the right place!

I'm using some emoticons to give you more information on these links.

  1. All links without a flag are in English.
  2. πŸ’° are paid tutorials, πŸ†“ are free tutorials. Sometimes you will have some free videos / articles and other paid on the same website.
  3. πŸ” indicate that the link is a reference
  4. πŸ“Ή is present when video content is available

Start here

Understand Internet

  1. How Does the Internet Actually Work? πŸ“Ή πŸ”
  2. What is Internet? πŸ“Ή πŸ”
  3. How does the internet work? - Part 1 (It's like a bad drawing.) πŸ“Ή
  4. How Does the Internet Work? πŸ“Ή
  5. How the Internet Works for Developers - Pt 1 - Overview & Frontend πŸ“Ή

Learn HTML

Courses / Tutorials

Documentation

Guidelines

Quiz / Challenges

Articles/Books


Learn CSS

Courses / Tutorials

Documentation

Guidelines

Quizz / challenges


Learn JavaScript

Courses / Tutorials

Documentation

Quiz / challenges

Articles / Books


Learn GIT


Tools

Essential

  • Github πŸ’°πŸ†“ πŸ”

Website auditors

Playgrounds

Editors

Aggregators / News


Newsletters

Blog

copyrightΒ©2021
PAPRI all rights reserved