Curated Video
Modern JavaScript from the Beginning - Second Edition - Generators
Generators are a powerful tool for creating iterators in JavaScript. In this video, you will learn how generators work, how to define them, and how to use them to generate complex sequences of data. This clip is from the chapter...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Iterators
Iterators are objects that provide a way to iterate over collections of data. In this video, you will learn how iterators work and how to create custom iterators using the Symbol.iterator method. This clip is from the chapter "Iterators,...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Symbols
Symbols are a new primitive type in JavaScript, introduced in ES6. In this video, you will learn what symbols are and how they can be used to create unique identifiers for objects. This clip is from the chapter "Iterators, Generators,...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Section Introduction-Iterators, Generators and Data Structures
In this section, we will explore the concepts of iterators, generators, and data structures in JavaScript. These topics are essential for writing more efficient and effective code. This clip is from the chapter "Iterators, Generators,...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Deploy Tracalorie to Netlify
In this video, you will learn how to deploy our Tracalorie project to Netlify, a popular platform for hosting static websites. We will explore how to set up a Netlify account, connect it to our GitHub repository, and deploy our project...
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 - CSS Minify Extract Plugin
In this video, we will explore the CSS Minify Extract plugin, which allows us to minify and extract our CSS code into a separate file. You will learn how to configure this plugin in our Webpack setup and explore how it can help optimize...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Babel Setup
In this video, we will look at how to configure Babel in Webpack to transpile our modern JavaScript code to be compatible with older browsers. You will learn how to install Babel and configure it to work with our Webpack setup. This clip...
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 - Module Bundlers
This video explains what module bundlers are and why we need them. It covers how module bundlers work, how they help to optimize our code for production, and the benefits of using a module bundler such as Webpack. This clip is from the...
Curated Video
Modern JavaScript from the Beginning - Second Edition - ES Modules
This video covers ES Modules, which is a module format introduced in ES6 (ECMAScript 2015). The video explains how to create and use ES Modules in our code, how to export and import modules using the ES6 syntax, and how to use ES Modules...
Curated Video
Modern JavaScript from the Beginning - Second Edition - NPM Packages/Modules
This video covers NPM packages/modules, which are reusable code modules that can be installed and used in our projects. The video explains how to search for and install NPM packages, how to use NPM to manage project dependencies, and how...
Curated Video
Modern JavaScript from the Beginning - Second Edition - CommonJS Modules
This video explains the CommonJS module format, which is a module format used in Node.js. The video covers how to create modules using the CommonJS format, how to export and import modules, and how to use modules in our code. This clip...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Installing and Using Node.js
This video covers how to install and use Node.js, a JavaScript runtime environment that allows us to run JavaScript code outside of the browser. The video explains how to install Node.js on different operating systems and shows how to...
Curated Video
Modern JavaScript from the Beginning - Second Edition - What Are Modules?
This video provides an overview of modules and why they are important in modern web development. It explains how modules help organize code and make it easier to maintain and reuse. The video also discusses the benefits of using modules,...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Project Introduction-2
In this section, you will learn about modules and tooling. We will understand the basics of using Node.js and NPM packages. You will learn about different module formats, such as CommonJS and ES Modules, and how to use them in our code....
Curated Video
Modern JavaScript from the Beginning - Second Edition - Clear Storage Items
In this video, we will update the Tracalorie app to clear all the items from local storage. We will add a clear button that calls a method in the Storage class to clear all the items from local storage. This is useful when the user wants...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Remove Meals and Workouts from Local Storage
In this video, we will update the Tracalorie app to remove meals and workouts from local storage when they are removed from the app. We will use the Storage class to remove the corresponding item from local storage so that it is not...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Save Workouts to Local Storage
In this video, we will update the Tracalorie app to save the workouts to local storage. We will use the Storage class to save and retrieve the workouts from local storage so that they are remembered even after the user closes the app....
Curated Video
Modern JavaScript from the Beginning - Second Edition - Save Meals to Local Storage
In this video, we will update the Tracalorie app to save the meals to local storage. We will use the Storage class to save and retrieve the meals from local storage so that they are remembered even after the user closes the app. This...
Curated Video
Modern JavaScript from the Beginning - Second Edition - Persist Total Calories to Local Storage
In this video, we update the Tracalorie app to persist the total calories to local storage. We will use the Storage class to save and retrieve the total calories from local storage so that it is remembered even after the user closes the...