Curated Video
Modern JavaScript from the Beginning - Second Edition - Client Folder Setup
In this video, we will set up the client folder where we will build the frontend of our app. This clip is from the chapter "RandomIdeas Project - Webpack Frontend (Bonus Project)" of the series "Modern JavaScript from the Beginning".In...
Curated Video
Modern JavaScript from the Beginning - Second Edition - http Module
The http module provides a way to create HTTP servers and clients in Node.js. In this video, we will explore how to create an HTTP server using the http module and how to handle HTTP requests and responses. We will also cover how to...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Poll Project
In this project, we will use sets and maps to create a poll application that allows users to vote on different options and displays the results in real-time. This clip is from the chapter "Iterators, Generators, and Data Structures" of...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Tracalorie Refactor to Use Webpack
In this video, we will refactor our Tracalorie project to use Webpack. We will explore how to configure Webpack to work with our project, including loading CSS files, transpiling our JavaScript with Babel, and optimizing our code with...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Webpack DevServer Plugin
In this video, we will explore the Webpack DevServer plugin, which allows us to run a local development server that automatically rebuilds our project whenever we make changes. You will learn how to set up the DevServer plugin and how to...
Curated Video
Modern JavaScript from the Beginning - Second Edition - HTML Webpack Plugin
In this video, you will learn how to use the HTML Webpack plugin to generate an HTML file that includes our bundled JavaScript and CSS files. We will explore how to configure the plugin and how to add dynamic content to the generated...
Curated Video
Modern JavaScript from the Beginning - Second Edition - CSS and Style Loaders
In this video, we will explore how to use CSS and style loaders in Webpack. We will look at the different types of style loaders available and how to configure them in our Webpack configuration file. This clip is from the chapter...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Webpack Basic Setup
This video covers how to set up Webpack, a popular module bundler, for a basic project. The video explains how to install and configure Webpack, how to create a simple configuration file, and how to use Webpack to bundle our code. This...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Display New Meal and Workout
This video demonstrates how to display new meal and workout objects in the Tracalorie app project. The video covers how to create and update HTML templates for displaying the new items and how to use JavaScript DOM manipulation to...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Display Tracker Stats
This video demonstrates how to display tracker stats in the Tracalorie App project. The video covers how to calculate and display total calories, total meals, and total workouts using the BaseTracker class and JavaScript DOM...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - How to Use Material UI in React.JS
In this video, you will learn to use Material UI, a popular UI library, in React.JS, and the process of installing and configuring Material UI in React projects. You will learn about the various components and styling options provided by...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Building a Restful API in React.JS - Part 2
Continuing from the previous video, we dive deeper into building a RESTful API in React.JS. You will learn about handling API responses, error handling, and implementing pagination for large datasets, and the process of structuring code...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Building a Calculator - Part 1
In this video, we will begin building a calculator app using React. You will learn to set up the project, create the necessary components for the calculator interface, and handle user input. The video will guide you through implementing...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - First Project (Part 1)
In this video, you will start working on the first part of the project. You will learn how to set up the project structure, create the necessary React components, and handle state management. The video will guide you through building the...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Conditional Rendering
This video delves into various techniques for conditionally rendering components based on specific conditions or user interactions, if statements, ternary operators, and logical operators for implementing conditional rendering effectively.
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Understanding Hierarchy in React.JS
This video provides a comprehensive explanation of the hierarchy concept in React.JS. You will learn how components are structured in a hierarchical manner, with parent and child components, topics such as component composition, passing...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Props in React.JS
In this video, we will dive deeper into the concept of components in React.JS, create reusable and modular components that encapsulate specific functionality and can be composed together to build complex user interfaces, the different...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Components in React.JS
This video introduces template literals in React.JS to dynamically generate strings with embedded expressions. You will learn to use template literals to concatenate strings and variables in a more concise and readable way. You will...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Template Literals in React.JS
In this video, you will learn about different methods of styling components in React.JS. we will explore inline styling to directly apply styles to individual elements using JavaScript objects. You will learn about internal styling,...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Inline and Internal Styling in React.JS
In this video, you will learn about different methods of styling components in React.JS. You will explore inline styling, where you can directly apply styles to individual elements using JavaScript objects. You will also learn about...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - First React App
In this video, you will learn to create our first React application, be guided through the process of setting up a basic React project and understanding the structure of a React application. You will learn to create and render React...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Introduction to React.JS
In this video, we will look at React.JS, a popular JavaScript library for building user interfaces. You will learn about the benefits of using React, its component-based architecture, and the virtual DOM, and an overview of the key...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Conclusion-2
In this video, we will recap and summarize the key concepts and topics covered throughout the JavaScript section and look at a comprehensive overview of the important aspects of JavaScript, including variables, functions, control flow,...
Curated Video
The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Insert Adjacent Element and Insert Adjacent HTML
This video introduces the insertAdjacentElement() and insertAdjacentHTML() methods, which provide flexible ways to insert elements or HTML content at specific positions relative to an element. You will learn to use these methods to...