Skip to content
Branch: master
Find file Copy path
300 lines (249 sloc) 17.6 KB

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 on the right place!

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

I'm using some emoticons to give you more information about 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

You can’t perform that action at this time.