Awesome Open Source
Awesome Open Source

The most essential list of resources for Front-End beginners (πŸ‡ΊπŸ‡Έ πŸ‡¬πŸ‡§ & πŸ‡«πŸ‡·)

Join the chat at Contributors CC0

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

I will regularly update that list with new resources and links I found on the web. Don't hesitate to participate by sending a PR! Maybe your first on Github :)

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

  1. All links without a flag are in English πŸ‡ΊπŸ‡Έ πŸ‡¬πŸ‡§. The flag πŸ‡«πŸ‡· means the resource is in French, 🌍 means the resource is multi-language.
  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

Table of Contents

  1. Start here
  2. Learn HTML
  3. Learn CSS
  4. Learn JavaScript
  5. Learn Git
  6. Tools
  7. Chat / Slack
  8. Aggregators / News
  9. Newsletters

Learn the basics From Web Developer Roadmap 2017

Start here

⬆ back to top

Learn HTML

⬆ back to top

Learn CSS

⬆ back to top

Learn JavaScript

⬆ back to top

Learn GIT

⬆ back to top


⬆ back to top

Chat / Slack channels

Aggregators / News

⬆ back to top



Open an issue or a pull request to suggest changes or additions.


Check out all the super awesome contributors.


David Dias



⬆ back to top

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
awesome-list (1,343)Β 
list (380)Β 
resources (210)Β 
front-end (193)Β 
beginner (67)Β