Zero to React

Introduction to web programming, HTML, CSS. Cascading concepts and CSS selectors. DOM Architecture.

Deep dive into HTML/CSS, Flexbox, fluid layouts, and an introduction to Bootstrap. Live template creation.

Introduction to JavaScript and the Node.js environment. Variables, data types, math operators, and logic.

Introduction to generalized programming. What is a programming language? Writing executable code.

Practical JavaScript exercises. Zooming in on algorithmic logic. If/Else clauses and the Switch statement.

While loops. Core array and string methods. Practical iterative exercises to challenge previously learned concepts.

For loops. Truthy and Falsy concepts in JS. Introduction to function scoping, isolation, and syntax.

Theoretical conclusions on classic functional blocks. Modern advantages and integrations of ES6 Arrow functions.

Concluding JS logic with high-difficulty iterations. Advanced functional methods: array mapping and filtering.

Merging JavaScript logic with an HTML frontend. The global document object. QuerySelector deep dive.

QuerySelectorAll, GetElementById. Handing User forms on the client. Introduction to Events and prevention patterns.

ES6 destructuring. Synchronous vs Asynchronous logic. Callbacks, Promises, APIs, and the native JSON fetch() API.

Introduction to the React ecosystem. JSX rendering, Props, and functional components. The mental model of Reactivity (useState).

The component lifecycle and the powerful useEffect hook. Modern approaches to integrating CSS stylesheets inside React.

Advanced form state tracking in React. Utilizing the Fetch API inside React components gracefully without leaks.

Introduction to the Context API (useContext) and lifting state up passing handler references as parameters.

Introduction to client-side rendering routing logic. Implementing routers and parsing dynamic URL parameters.

Intensive recap of all major React logic pieces via a guided 1-on-1 development environment of a complex frontend.