paint-brush
The most essential list of resources for Front-End beginnersby@thedaviddias
1,468 reads
1,468 reads

The most essential list of resources for Front-End beginners

by David DiasOctober 11th, 2017
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

If you are a <a href="https://hackernoon.com/tagged/front-end" target="_blank">Front-End</a> beginner or want to learn Web <a href="https://hackernoon.com/tagged/development" target="_blank">Development</a>, you probably struggle to know how to start. This is why I decide to create the “<a href="https://github.com/thedaviddias/Resources-Front-End-Beginner" target="_blank"><strong>Most essential list of resources for Front-End beginners</strong></a>” on Github. Based on some lists I had <a href="https://boostnote.io/" target="_blank">Boostnote</a>, I choose to create a new list… but different from <a href="https://github.com/sindresorhus/awesome" target="_blank">others (excellent list) you may find on Github</a>.

Company Mentioned

Mention Thumbnail
featured image - The most essential list of resources for Front-End beginners
David Dias HackerNoon profile picture

If you are a Front-End beginner or want to learn Web Development, you probably struggle to know how to start. This is why I decide to create the “Most essential list of resources for Front-End beginners” on Github. Based on some lists I had Boostnote, I choose to create a new list… but different from others (excellent list) you may find on Github.

Using emoticons to add more information

Today, everyone uses emoticons, so I found interesting to use them to add more information about the resources I added:

  • The 🌍 means the resource is multi-language.
  • 💰 are paid tutorials and 🆓 means they are free tutorials.
  • 🔝 indicates that the link is a reference, it is a little subjective but there are always really good resources I wanted to point out.
  • The 📹 is present when video content is available

Example of the use of emoticons in the list

English 🇺🇸 and French 🇫🇷 resources

Some people on my Youtube channel and where I’m living (Mauritius) ask me regularly to provide them content in French. I added the flag of France to help identify which resources are in that language.

Doing some research, I found that really few content is in French for beginners, content with good quality. That means some “space” is still here to provide content in French about web development.

What’s next?

I am already working on an intermediate list with resources about Sass, CSS Frameworks, JS Frameworks and more advanced stuff. So stay tuned and don’t hesitate to follow my profile on Github.

Thanks for reading and feel free to leave a comment if you have any question or comment.

If you think other people should read this, press the ❤️ button, tweet and share the post. Remember to follow me on Medium so you can get notified about my future posts.