Learn Mobile App Development by Creating a Food Ordering App

Discover how to use VS Code as your IDE, including file explorer, extensions, and settings. Learn to navigate with shortcuts, search, the action panel, and split editors for efficient coding.

Build a functional HTML blog by coding headings, paragraphs, images, links, and a contact form, while learning HTML basics, semantic divs, and basic styling from the W3Schools resources.

Master CSS selectors, from element and class selectors to IDs, using comma separated lists and the asterisk universal selector to apply backgrounds and borders across HTML elements.

Learn to debug CSS using the browser inspector, resolve conflicting styles, and test responsive layouts with the browser's responsive design mode across devices.

Explore JavaScript syntax, file structure, and formatting essentials—from comments and indentation to semicolon use and style guides—through practical examples in code and the browser.

Learn how to integrate JavaScript with HTML by adding script tags, manipulating the DOM with getElementById and innerHTML, and wiring modules via import and export.

Explore objects in JavaScript, defining objects with properties, accessing them via dot and bracket notation, and creating object methods that modify state, including nested objects like bottle dimensions.

Explore JavaScript data types, including strings, numbers, booleans, objects, and arrays, and learn const versus let, type of, and common operators for comparisons and arithmetic.

Explore how functions work in JavaScript, from the function keyword and parameters to return values, calling with arguments, and using default values or arrow functions via const.

Explore if conditions and logical operators in JavaScript, using true/false booleans and comparisons to control flow with else, else if, and, or, including nesting examples.

Learn how promises handle asynchronous server requests in JavaScript, using async/await, and practical examples with setTimeout to control timing, fulfillment, and resolve.

Master Mac terminal setup with iTerm2, brew installation, and a Solarized theme, then enable Oh My Zsh and Powerlevel10k for verbose prompts.

Explore version control with GitHub, view repositories, readme guidance, and commit history, including diffs, branches, and master and develop workflows.

Learn how TypeScript adds types and syntax to JavaScript, enabling explicit typing, interfaces, and type aliases. Explore arrays, objects, optional properties, unions, and typed functions to improve developer experience.

Launch a React.js project with Create React App, choosing the TypeScript template and installing node modules. Run npm start to view the app locally at localhost:3000 in VS Code.

Learn how to use props in React with TypeScript by typing a paragraph component via an interface, passing a mandatory message prop, and destructuring or rest-spreading other props.

Explore conditional rendering in React by using useState to toggle content with a button and a ternary operator in a food ordering app.

Explore how to implement a React useContext log system by building a logs provider, creating a logs context, and consuming it across components to log events.

Build a React app using Create React App and TypeScript, integrate Chakra UI, add a sidebar navigation, and manage a mock contact list with a context provider.

Add edit and delete capabilities to each contact by reusing the contact form, implementing routes for edit, wiring navigate and params, and updating the context with edit and delete operations.