Resources for Learning Web Development

Web development is a rapidly growing field with an ever-increasing demand for skilled professionals. If you're interested in learning web development, then you're in luck! There are plenty of online resources available to help you get started. In this blog post, I will be sharing some of the best resources that I have collected through my study with a particular focus on JavaScript, React and Data Structures & Algorithms.

The order of the links is intended to go from the most basic to the advanced in such a way that you can gradually review according to your knowledge.

Learning Platforms

The learning platforms give you a guide to learn what you want. Both the free and paid options are totally worth it.

• Full stack open: a free online course offered by the University of Helsinki that covers modern web development using React, Redux, Node.js, MongoDB, and GraphQL. It's designed for beginners who want to learn full-stack development and includes a variety of exercises and projects to help you build practical skills.
• FreeCodeCamp: a non-profit organization that offers free online courses in web development, including HTML, CSS, JavaScript, React, Node.js, and more. It's designed for beginners and includes a wide range of interactive exercises and projects to help you learn practical skills.
• Leetcode: an online platform that offers coding challenges and contests for programmers. It's designed for people who want to practice their coding skills and prepare for technical interviews.
• Egghead: an online platform that offers courses in web development, including JavaScript, React, Angular, Vue.js, and more.
• FrontendMasters: features a variety of courses taught by industry experts.
• Epic React: a course offered by Kent C. Dodds, a well-known JavaScript developer, that covers React development in-depth. It's designed for intermediate and advanced developers who want to learn advanced React techniques.

GitHub Repositories

GitHub is a popular platform for hosting open-source projects, including a wealth of resources for learning and practicing JavaScript and React. Here are some useful repositories that contain questions, philosophy, cheatsheets, and other helpful information for these topics:

• JavaScript Questions
• JavaScript Algorithms and Data Structures
• Awesome Learning
• Naming cheatsheet
• Clean Code Javascript
• Bulletproof React
• React Interview Questions & Answers
• React Philosophies
• App Ideas

Documentation

Online documentation is a crucial resource for developers who want to learn how to use a specific technology or tool. Here are some useful online documentation resources that cover a range of web development topics:

• MDN Web Docs
• React official docs
• TypeScript Docs
• React TypeScript Cheatsheets
• Patterns.dev
• Javascript and React patterns
• Testing Library
• Prisma Data Guide
• Next.js Docs

Blogs

Amazing people share their knowledge, be sure to check all their posts, I assure you that it will help you improve.

• Tania Rascia
• Miguel Ángel Durán
• Lee Robinson
• Alex Kondov
• Lydia Hallie
• Kent C. Dodds / Epic React

Youtube Channels

• FreeCodeCamp
• midudev
• Fernando Herrera
• Josh tried coding
• Web Dev Simplified
• Gentleman Programming
• CoderOne
• t3dotgg
• Jack Herrington
• ThePrimeagen

I hope the resources shared in this post will be helpful to you as you continue your journey in web development. Remember, the field is constantly evolving, so it's important to keep learning and improving every day. Whether you're just starting out or have been in the field for years, there's always something new to discover. Best of luck on your web development journey!