List of resources to Learn Web Development online

If you are web developer, or someone want to learn web development, You should embrace the fact that it takes a lot of time in researching and find resources on the Internet  as a self-starter. Here is something that I feel its very important to document all the resources that I found  helpful as a learning source to help someone like me to save time and obviously money. Because Internet is a big ! and might get lost in the wild finding that gem. Let me know if you have some good sources too.. so that it can be helpful for others too.

Learn Web Development using this resources : 

Sass:

Sass Guidelines – https://sass-guidelin.es/

CSS

CSS Selector – https://flukeout.github.io/

Learn how CSS Selector works with animation !

Grid – https://cssgridgarden.com/

Learn Grid CSS as gardener !

Flexbox – https://flexboxfroggy.com/

Learn Flexbox in CSS as a Frog !

VIM 📝

Learn about this famous text editor across a game ! Yes in fact it’s possible !

https://vim-adventures.com/

Regex 🔣

Who loves and know 100 % about Regex ? Yes it’s a pain to learn this and apply them.

Across these both ressources you will :

Learn Regex

https://regexone.com/

CheatList about Regex Pattern (email, password, phone number, ect..)

https://ihateregex.io/

Javascript 🖥️

Just one ressource about Javascript, I will share with you the BEST ressource about learning javascript Properly

https://javascript.info/

Git :

Git Book – https://git-scm.com/book/en/v2

Learn Git Branching – https://learngitbranching.js.org

React JS

React

React Bootstrap

Typescript

Typescript


Nextjs

Nextjs Docs – https://nextjs.org/docs/getting-started

Node

Node Begineer – https://www.nodebegineer.org

For Quering DB :

Graphql

How to Graphql – https://www.howtographql.com/

Graphql Specs Docs – https://spec.graphql.org/

WordPress

https://www.linkedin.com/learning/wordpress-5-essential-training

Online Code Editors :

Code Sandbox – https://codesandbox.io

Youtube Channels :

This channels have some real good content related to web development and latest technologies

CodeEvolution – https://www.youtube.com/c/Codevolution/playlists

Scroll to Top