Free Resources For The Front-End developer

1. Code Pen.

Codepen is an online tester to try the code in HTML, CSS and Javascript. You can sign in to save your work, and you can share it with other people, for example; to explain some part of code. Codepen is a social network too. At first, you have to login in the app to share codes. Then, if you are searching for a question, you can discover a lot of works that other people share and people can see your work. Codepen is very useful. We use it all the time to test and learn more.

2. MDN web docs of Mozilla.

  • Development of applications for Open Web.
  • And also Development of add-ons for Firefox.

3. Learning with games

If you want to understand the concepts better or you want to practise, you can access to a few original resources like the next ones:

4. Loupe

Loupe, from is a tool to visualize how JavaScripts Callback Queue and Event Loop interact.

5. Stack overflow

This web is very helpful when you learn a little more. When you manage HTML, CSS & Javascript, and have problems with a code or with a project in particular, you can ask other people in this forum. Write a ticket and then the community helps you with the error. If you prefer, there is a list of the most popular questions (FAQs) and you can write down the answers. You can help other people too. This work area is very solidarity and is always open source.

6. GitHub Awesome

Maybe you know GitHub already. But maybe you don’t capitalize on all of its full potential. GitHub has a lot of functions. Now we talk about one of these: Awesome. This function is a list where you can find a lot of resources that other people share in GitHub: lessons, ebooks, bookshops… You write ‘awesome’ in the search box and you can see all the material. You can choose the language about your query, or looking for the repository you need.

Open source

As you can see, there are lots of webs and apps to make life easier in the Web Development world. If you searched more in Google you will find help for all these tools and much more than in the Front-End world which is good to know. This is the advantage in this work area: you can solve all the problems and errors because development is open source.



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


If something does not work, ACT. Yes, you! That’s why I’m now #Developer at @vmware . Formerly @kairos_ds .Constantly absorbing knowledge. Proud #Adalaber