Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rahil1202/complete-web-development-resources


https://github.com/rahil1202/complete-web-development-resources

Last synced: 14 days ago
JSON representation

Awesome Lists containing this project

README 

        
# Complete Web Development Resources 🌐



Welcome to the Complete Web Development Resources readme! Here, you'll find a comprehensive list of resources to help you master web development. Whether you're a beginner or looking to expand your skills, we've got you covered. 🚀



## Resources 📘



| Section                                  | Description                                           | Link                                            |

|------------------------------------------|-------------------------------------------------------|-------------------------------------------------|

| Front End Development Roadmap            | Roadmap for frontend development.               | [Roadmap]()|

| Git Cheat Sheets                         | Handy Git cheat sheets.                         | [Git Cheat Sheet 1]()|

| HTML Cheat Sheet                         | Quick reference for HTML.                      | [HTML Cheat Sheet]()     |

| MongoDB Cheat Sheet                      | Quick reference for MongoDB.                  | [MongoDB Cheat Sheet]() |

| Namaste JavaScript Notes                 | JavaScript notes by Namaste.                   | [Namaste JavaScript Notes]() |

| Next.js Handbook                         | Handbook for Next.js.                       | [Next.js Handbook]()    |

| Node.js Cheat Sheets                     | Handy Node.js cheat sheets.                   | [Node.js Cheat Sheet 1]() |

| REST and HTTP                            | Guide on REST and HTTP.                      | [REST and HTTP]()          |

| Web3 Buzzwords Explained                 | Explanation of Web3 buzzwords.               | [Web3 Buzzwords Explained]() |

| Collapsible Borders with CSS             | Using outline for collapsible borders.      | [Using Outline as Collapsible Border in CSS]()|

| Web Cache                                | Understanding web caching.                  | [Web Cache]() |

| Responsive Design in CSS                 | Guide to responsive design.                 | [Responsive Design in CSS]() |



---



## Online Platforms 🖥️



| Online Learning Platform                | Description                                   | Link                                           |

|-----------------------------------------|-----------------------------------------------|------------------------------------------------|

| Free Code Camp                          | Learn to code for free.                       | [FreeCodeCamp](https://www.freecodecamp.org/)  |

| Udemy                                   | Online courses for various skills.            | [Udemy](https://www.udemy.com/)                |

| Treehouse                               | Learn web development and more.               | [Treehouse](https://teamtreehouse.com/)        |

| Udacity                                 | Tech courses by industry experts.             | [Udacity](https://www.udacity.com/)            |

| Coursera                                | Offers courses from top universities.         | [Coursera](https://www.coursera.org/)          |

| Sololearn                               | Mobile-friendly coding lessons.              | [Sololearn](https://www.sololearn.com/)        |

| Frontend Master                         | Advanced web development courses.            | [Frontend Master](https://frontendmasters.com/)|

| W3Schools                               | Web development tutorials and references.    | [W3Schools](https://www.w3schools.com/)        |

| Codecademy                              | Interactive coding lessons.                  | [Codecademy](https://www.codecademy.com/)      |

| Traversy Media                          | YouTube tutorials on web development.        | [Traversy Media](https://www.traversymedia.com/)|



---



## Youtube Channels 🎥



| YouTube Channels                     | Description                                  | Link                                            |

|--------------------------------------|----------------------------------------------|-------------------------------------------------|

| Free Code Camp                     | Learn to code for free.                      | [FreeCodeCamp]()           |

| Traversy Media                     | Web development tutorials and projects.      | [Traversy Media]()         |

| Dev Ed                             | Creative coding tutorials and projects.      | [Dev Ed]()                         |

| Programming With Mosh               | In-depth programming tutorials.              | [Programming With Mosh]() |

| Tyler Moore                        | Web design and development tutorials.       | [Tyler Moore]()               |

| Web Bos                            | Frontend development tutorials.             | [Web Bos]()                       |

| Coding The Smart Way              | Programming tutorials and guides.           | [Coding The Smart Way]() |

| Code With Harry                   | Programming tutorials in Hindi.            | [Code With Harry]()       |

| Clever Programmer                 | Learn coding and programming concepts.      | [Clever Programmer]()   |

| Yahoo Baba                        | Tech tutorials and coding tips.             | [Yahoo Baba]()                 |



---



## Blogs 📜



| Blogs                         | Description                              | Link                                     |

|--------------------------|------------------------------------------|------------------------------------------|

|  CSS Tricks               | A collection of CSS tips and tricks.     | [CSS Tricks](https://css-tricks.com/)           |

| Smashing Magazine        | Quality articles for web designers.      | [Smashing](https://www.smashingmagazine.com/) |

|  SitePoint                | Learn web development and design.        | [SitePoint](https://www.sitepoint.com/)        |

|  Dev Community            | Where programmers share ideas and help.  | [Dev](https://dev.to/)                  |

|  Envato Tuts              | Tutorials for creative and tech skills.  | [Tuts](https://tutsplus.envato.com/)     |

|  Medium                   | Personalized insights from experts.      | [Medium](https://medium.com/)              |



---



## Cheat Sheets 🌀



| Cheat Sheets                    | Description                              | Link                                     |

|------------------------------|------------------------------------------|------------------------------------------   |

|  CSS Tricks                   | A collection of CSS tips and tricks.     | [CSS](https://css-tricks.com/)           |

|  Smashing Magazine             | Quality articles for web designers.      | [Magazine](https://www.smashingmagazine.com/)|

|  SitePoint                    | Learn web development and design.        | [SitePoint](https://www.sitepoint.com/)        |

|  Dev Community                | Where programmers share ideas and help.  | [Dev](https://dev.to/)                  |

|  Envato Tuts                  | Tutorials for creative and tech skills.  | [Envato](https://tutsplus.envato.com/)     |

|  Medium                       | Personalized insights from experts.      | [Medium](https://medium.com/)              |

|  Over API                     | Collection of API cheat sheets.          | [API](https://overapi.com/)             |

|  Awesome cheat sheets         | A list of awesome cheat sheets.          | [Cheat](https://github.com/detailyang/awesome-cheatsheet) |

|  HTML5 Element Index          | Comprehensive index of HTML elements.    | [Elements](https://html5elementindex.com/)   |

|  Can I use                    | Browser compatibility tables for support.| [Can I Use](https://caniuse.com/)             |

|  CSS Animation                | Guide to CSS animations and transitions.| [Animation](https://cssanimation.rocks/)     |

|  CSS Grid Cheat Sheet         | Quick reference for CSS Grid properties. | [Grid Cheat](https://grid.malven.co/)          |

|  CSS Flexbox Cheat Sheet      | Visual guide to CSS Flexbox properties.  | [Flexbox](https://flexbox.malven.co/)       |



---



Feel free to explore these resources and embark on your web development journey! Remember, consistent practice and learning are key. Happy coding! 🌟