Resources for DevDen ( WEB )

Learning Resources for Web Development. These are for gaining basic understanding of Web Developemnt.

https://web.dev/learn/

Make sure to checkout this Repo:

https://github.com/Shees-Ali/Web-Dev-For-Beginners

PROJECT ODIN ( A open source project which has amazing courses from begineer to mid-level )

https://www.theodinproject.com/

Below are a few links where you can find inspirations and some guidence on how you can approach building sites for your practice:

https://github.com/Shees-Ali/Web-Development

https://frontendsprojects.com/projects

https://reactjsexample.com/

https://freefrontend.com/

Below are some Roadmaps for FrontEnd Development :

FrontEnd Beginner Roadmap

https://roadmap.sh/frontend?r=frontend-beginner

FrontEnd Developer Road map

https://roadmap.sh/frontend

Must visit site has some insane showcases of what HTML and CSS are capable off

https://uiverse.io/all?page=1

A Brilliant Book for learning JavaScript.

https://eloquentjavascript.net/

CheatSheet resources

https://htmlcheatsheet.com/

Brilliant cheatsheet for a quick overview

https://overapi.com/

Freecodecamp Playlist

https://www.youtube.com/watch?v=mU6anWqZJcc&list=PLWKjhJtqVAbnSe1qUNMG7AbPmjIG54u88

Freecodecamp courses

https://www.freecodecamp.org/learn/

Short CSS tutorial:

https://www.youtube.com/watch?v=u5-K_ua9sOw&feature=youtu.be

Short HTML tutorial:

https://www.youtube.com/watch?v=BsDoLVMnmZs&feature=youtu.be

Some Other Helpful Links

Links for Road Maps short tutorials etc.

https://www.showwcase.com/

https://webartdevelopers.com/blog/

For HTML/CSS:

https://youtu.be/G3e-cpL7ofc

For CSS only:

https://youtube.com/@KevinPowell

https://css-tricks.com/

For JS:

https://youtu.be/jS4aFq5-91M

For all three combined:

https://youtu.be/zJSY8tbf_ys

W3Schools HTML Tutorial:

https://www.w3schools.com/html/default.asp

W3Schools CSS Tutorial:

https://www.w3schools.com/css/default.asp

W3Schools JavaScript Tutorial:

https://www.w3schools.com/js/default.asp

Drive for dumping projects

https://drive.google.com/drive/folders/1-0RVfk5I8_47ktrHHhDr8nc6pD8izY4p