JavaScript and React for Beginners: Create 12 projects

JavaScript is the most popular scripting language in the world. It is responsible for the interactivity like games, online forms or surveys and other activities user’s can engage with on a website. Most dynamic if not all website contains some element of JavaScript.

JavaScript programming language drives millions of interactive web sites, powers fast web servers and can even be used to build desktop and mobile applications

• Analogue Clock
• Quote of the day app
• Digital calculator
• Tip calculator
• Image slider
• Addition game

Day of birth calculator

React.js is a an open-source JavaScript library for creating user interfaces 
React adopts  a component based approach in developing applications.
Every react app can considered a component or a collection of components which can be re-usable.

React.js is designed to make the process of building modular, reusable user interface components simple and intuitive. With React you can design  simple views for each state of an application. You can also use  React to efficiently update and render  components when your data changes.  I will walk you through how to create react components from scratch, review components properties, and component state, as well as the foundational parent/child relationships within React.js. I will also take you through  the lifecycle of components . You will be transpiling JSX code using babel which is an in browser transpiler that converts  JSX code into readable format.

What you will learn includes:

Setting up a local react development environment
Accessing React Library via CDN
Using Creating a React App tool to create new react projects
Accessing Reaact from JSBIN
Creating React Components
Creating React Components in ES6
Converting React functions to ES6 Class
Using JSX
Embedding JSX as expressions
Using props
Using State
Component life cycle

• Creating a  React mortgage calculator
• Creating a React Todo List App
• Creating a React static tweet component
• Creating a React countdown timer
• Creating a React digital clock

📂 **Course Review** ## Overview The course in question is designed for individuals looking to learn web development with a focus on React and related technologies. The global rating stands at 4.40, indicating a generally positive experience among students, though there are notable concerns that have influenced this score. ## Pros - **Clear Installation Instructions:** At least one student found the Git installation instructions to be clear and direct. - **Comprehensible Instructor:** Several students mentioned that the instructor's teaching style was easy to understand, in contrast to other instructors who were not as comprehensible. - **Valuable Content for Beginners:** The course seems to be helpful for beginners, with one student stating they learned a lot and got a React app running successfully. - **Good Pacing for Detailed Learning:** Some students appreciated the thoroughness of the course's content, despite it being slower paced. This allowed them to dive deeper into topics. - **Easy-to-Understand Concepts:** The concepts taught in the course were reported as easy to understand. - **Positive Feedback on Teaching Style:** One student particularly liked the instructor's approach and teaching throughout the course, finding it engaging and non-monotonous. - **Encouragement of Official Documentation Use:** A student suggested using official documentation alongside the course for a better learning experience. ## Cons - **Missing Supporting Code Files:** At least one student was disappointed because promised supporting code files were never supplied, impacting their ability to complete exercises. - **Outdated Technologies and Practices:** A significant concern raised by several students was that the course content includes outdated technologies and does not show good practices. - **Lack of Interactivity and Responsiveness:** Many students felt that the course lacked interactivity, with some pointing out that the instructor merely pasted code without demonstrating how to use certain installed tools. Additionally, there were issues with a lack of responses to questions in the Q&A section. - **Redundancy in Content:** Some topics were covered more than once, and there was an observation of unnecessary repetition of information. - **Structure and Continuity Issues:** The course's structure seemed disorganized, with a mix of various tools at the beginning and then a shift to explaining concepts, but without clear connections on how these installed tools are used in practice. - **Unresponsive Instructor:** Some students attempted to engage with the instructor but received no response, which affected their learning experience negatively. ## Final Verdict Overall, the course offers valuable content for beginners and is taught in a comprehensible manner by an instructor who seems to have a strong understanding of the subject matter. However, it falls short in terms of providing up-to-date practices, interactivity, and responsiveness to student inquiries. The redundancy in some areas and the lack of continuity in teaching tools versus concepts may pose challenges for students looking for a cohesive learning pathway. Despite these issues, the course's overall rating remains positive, reflecting its potential benefits if certain aspects are improved. Students are advised to use official documentation in conjunction with this course and to be prepared for a learning experience that requires some self-motivation and initiative to fill in gaps left by the course structure and instructor responsiveness.