![Modern JavaScript from the Beginning - Second Edition [Video]](https://content.packt.com/V20964/cover_image_small.jpg)
Modern JavaScript from the Beginning - Second Edition [Video]
Subscription
FREE
Video + Subscription
€11.99
Video
€125.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video + Subscription
€11.99
Video
€125.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterCourse Introduction
-
Variables, Data Types, Methods, and More
- Section Introduction
- The Sandbox Files
- Using the Console
- Comments and Shortcuts
- Variables and Constants
- Data Types
- Primitive Versus Reference Types
- Type Conversion
- Operators
- Type Coercion
- Working with Strings
- Capitalize Challenge
- Working with Numbers
- The Math Object
- Number Challenge
- Dates and Times
- Date Methods and DateTimeFormat API
-
Arrays and Objects
-
Functions, Scope, and Execution Context
-
Logic and Control Flow
-
Loops, Iteration, and High-Order Array Methods
-
DOM Manipulation
- Section Introduction
- Introduction to the DOM
- Document Element Properties
- DOM Selectors - Single Elements
- DOM Selectors - Multiple Elements
- Traversing the DOM - Elements
- Traversing the DOM - All Nodes
- Create and Append Elements
- InnerHTML Versus createElement()
- Refactor to Multiple Functions
- Insert Elements, Text, and HTML
- Custom insertAfter() Challenge
- Replace Elements
- Remove Elements
- Manipulating Styles and Classes
-
Events
-
Shopping List Project
- Section Introduction
- Add Items to List (DOM Only)
- Setting Up Git and GitHub (Optional)
- Remove and Clear Items
- Clear UI State
- Filter Items
- Local Storage Crash Course
- Add Items to Local Storage
- Display Items from Local Storage
- Remove Items from Local Storage
- Set Item to Edit
- Update Item and Reset State
- Prevent Duplicate Items
- Deploy to Netlify
-
Asynchronous JavaScript
- Section Introduction
- Under the Hood: Thread of Execution
- Under the Hood: How Async JS Works
- setTimeout and clearTimeout Functions
- setInterval and clearInterval Functions
- Callbacks
- Crash Course on HTTP Requests
- DevTools Network Tab
- AJAX and XHR Object
- Joke Generator Project Challenge
- Callback Hell
- Promises
- Callback to Promise Refactor
- Promise Chaining
- Promises Versus Callback Hell
- Handling Multiple Promises with promise.all()
-
Fetch API and Async Await
- Section Introduction
- Fetch Basics
- Random User Mini-Project
- Fetch Options - Method, Body Headers
- Typicode Todos Mini-Project - Part 1
- Typicode Todos Mini-Project - Part 2
- Fetch API Error Handling
- Async and Await
- Try...Catch Statements
- Error Handling with Async and Await
- Multiple Promises with Async and Await
-
Flixx Movie App Project
-
Web Browser APIs
- Section Introduction
- GeoLocation API
- Show Location on a Map
- Canvas Element and API
- requestAnimationFrame() Method
- Animated Clock - Part 1
- Animated Clock - Part 2
- Web Audio API
- Music Player Project
- Drum Machine Project
- Video API
- Video Player Project
- Web Animations API - Ball Project
- Speech Recognition API - Color Say Project
- Speech Synthesis API - Text to Speech
-
OOP - Constructors and Prototypes
- Section Introduction
- What Is OOP?
- Basic Principles of OOP
- More on Object Literals and this Keyword
- Constructor Functions
- Literals Versus Built-In Constructors
- Working with Object Properties
- Prototypes and the Prototype Chain
- Adding Methods to the Prototype
- Using Object.create()
- Prototypical Inheritance and call()
- OOP Game Challenge
-
OOP - Classes, Getters, Setters, and Private Properties
-
Tracalorie App (OOP Project)
- Project Introduction
- UI Theme Setup
- Project Planning and Diagram
- Base Tracker, Meal, and Workout Class
- Display Tracker Stats
- Progress Bar and Calorie Alert
- App Class, New Meal, and Workout
- Refactor to Single _newItem Method
- Display New Meal and Workout
- Remove Meal and Workout
- Filter and Reset
- Set Calorie Limit
- Storage Class and Calorie Limit Persist
- Persist Total Calories to Local Storage
- Save Meals to Local Storage
- Save Workouts to Local Storage
- Remove Meals and Workouts from Local Storage
- Clear Storage Items
-
Modules and Tooling
- Project Introduction
- What Are Modules?
- Installing and Using Node.js
- CommonJS Modules
- NPM Packages/Modules
- ES Modules
- Module Bundlers
- Webpack Basic Setup
- CSS and Style Loaders
- HTML Webpack Plugin
- Webpack DevServer Plugin
- Babel Setup
- CSS Minify Extract Plugin
- Tracalorie Refactor to Use Webpack
- Deploy Tracalorie to Netlify
-
Iterators, Generators, and Data Structures
-
Unit Testing Algorithms
-
Node.js Modules (Bonus Module)
-
RandomIdeas Project - Backend REST API (Bonus Project)
-
RandomIdeas Project - Webpack Frontend (Bonus Project)
About this video
This course is a comprehensive introduction to JavaScript, covering everything from the basics of variables, data types, and methods, to more advanced topics such as asynchronous programming, object-oriented programming, and unit testing.
Starting with the fundamentals of the language, the course progresses through a series of carefully structured sections that build on each other to give you a solid understanding of JavaScript’s capabilities and how to use them effectively. You will learn how to work with arrays and objects, write functions, and use logic and control flow to create more complex programs.
From there, the course dives into more advanced topics such as DOM manipulation, event handling, and asynchronous programming, teaching you how to use these techniques to create responsive and interactive web applications. You will also learn about object-oriented programming in JavaScript, including constructors, prototypes, and classes, and build several projects along the way to put your new skills into practice.
The course also covers more advanced topics such as modules, iterators, and generators, as well as unit testing and data structures. Additionally, you will get hands-on experience with tools like Webpack and Node.js, giving you a well-rounded understanding of modern JavaScript development.
By the end of the course, you will have a solid foundation in JavaScript and be able to build dynamic, interactive web applications using the language. Whether you are just starting out with programming or are looking to expand your skillset, this course is the perfect way to learn JavaScript from the ground up.
- Publication date:
- April 2023
- Publisher
- Packt
- Duration
- 36 hours 58 minutes
- ISBN
- 9781805127826