Skip to content
πŸ’― The most essential list of resources for Front-End beginners (πŸ‡ΊπŸ‡Έ πŸ‡¬πŸ‡§ πŸ‡¨πŸ‡¦ & πŸ‡«πŸ‡·)
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE Initial commit Oct 11, 2017
_config.yml Set theme jekyll-theme-cayman Oct 20, 2017

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.