Write 30 projects in JavaScript-CSS then React-TS-Tailwind

Master React and JavaScript by Building 30 Projects from Scratch
Course Description: You'll have the opportunity to practice gaining hands-on experience with JavaScript (vanilla JS) and React by building 30 projects from scratch. All 30 projects will be built twice — once in vanilla JavaScript and then translated into a React app using TypeScript and spruced up in Tailwind CSS. By working through this, you'll have a solid foundation in core JavaScript as well as understanding how to get the best out of React  component-based paradigm, state management, and contemporary tooling.

Why This Course?
Most courses just learn vanilla JavaScript or React in isolation, omitting learning how to do it when going back and forth between them. This course addresses the omission by having a nice balance between problem-solving without and with frameworks. It's the ideal course for developers who would like to have greater comprehension of both JavaScript fundamentals and cutting-edge frontend development using React.
Students will be able to write fully functional web apps in plain JS or React and understand when and why to use a framework like React on larger-sized projects.

Who is the course for? The course is suitable for:
Beginners to intermediate-level developers with some background in basic JavaScript wanting to learn more through practice.
Developers transitioning to React with some background in JavaScript but wanting to learn how React enhances the typical development process.
Prospective frontend developers who want to add some practical projects to their portfolio and solidify their understanding of modern frontend development.

Course Objectives: By the time you complete the course, you will:
Be a curator of vanilla JavaScript by creating interactive projects from scratch.
Learn React with TypeScript by refactoring all projects in a type-safe way to make your apps more scalable and maintainable.
Find Tailwind CSS to create responsive, up-to-date user interfaces in an instant without the weight of native CSS or third-party libraries.
See the exponential leap between plain JavaScript and React with TypeScript, and how React's declarative nature and Tailwind's utility-first approach can increase development speed and code structure.
Develop a JSON portfolio of 30 real-world applications, showcasing expertise in both JavaScript and the modern React framework (with TypeScript and Tailwind CSS).

Project Description:

• Overview of the project, application, and expected features.
• Most significant JavaScript concepts or React concepts that will be covered in the module.
• Part 1: Development in Vanilla JavaScript
• Step-by-step development process with only HTML, CSS, and JavaScript basics.
• Highlight the DOM manipulation, events, local storage, and other tooling features.
• Master updates and optimizations without libraries.
• Part 2: Refactoring in React
• Step-by-step equivalent of the same project in React.
• Focus on React components, hooks (such as use State, use Effect), JSX, etc.
• Pinpoint the differences in the key areas from the vanilla JS version, and how React simplifies it.

Mastering JavaScript and React: By writing every project from scratch in vanilla JavaScript and a second time in React, students will have a deep understanding of both programming paradigms. They'll see the limits and possibilities of JavaScript and develop a close respect for why React is the de facto choice selection of contemporary frontend libraries.
Hands-On, Practical Learning: The course emphasizes learning by doing, with 30 actual-world projects balancing retro JavaScript programming and new-school React coding. The projects build upon some specific feature, so learners can learn their skills step-by-step.
Improved Problem-Solving Skill: Completing one problem twice (vanilla JS once and in React once) will encourage students to think hard about different ways of approaching and solving coding challenges. They'll be able to balance the pros and cons between multiple development methodologies.
In-Depth Understanding of Fundamental React Concepts: With the transition from standard JS to React, students gain an in-depth understanding of essential React concepts such as components, hooks, props, and state. Exposure to these concepts multiple times roots them in students and makes them stronger while developing with React in real-world applications.
Solid Foundation in Frontend Development: In addition to learning React, students will also get a solid foundation in the fundamentals of frontend development — DOM manipulation, event handling, CSS, and JavaScript features. This makes the course worth taking even for those who are interested in just solidifying their JavaScript foundation.
Preparation for Career Opportunities: The two aspects of the projects (in vanilla JS and React) prepare students to adopt a more complete perspective toward frontend development, thereby making them more versatile job candidates in the job market. Employers just love developers who understand how applications are built by hand as well as the way modern tools make it possible.