JavaScript stands at the core of interactive and responsive web design, powering the behavior of websites across the globe. This powerful scripting language enables you to create rich user interfaces, handle events, and manipulate web content in real time. As the backbone of modern web frameworks and libraries such as React, Angular, and Vue, understanding JavaScript is essential for any aspiring web developer. In this course, we delve into the latest features introduced in ECMAScript 6 (ES6) and beyond, exploring new syntax, arrow functions, promises, async functions, and more, ensuring that by the end of this course, you'll be well-equipped to craft sophisticated and modern web applications.
Modern JavaScript - From Novice to Ninja
Beginner
19h
By: Shaun Pelling
Overview
Modules
1. Course Introduction
1.1 Why You Should Take This Course3 min
1.2 Why JavaScript Is Awesome2 min
1.3 Setting Up Your Environment7 min
1.4 Course Files2 min
2. JavaScript Basics
2.1 Adding JavaScript to a Web Page5 min
2.2 The Browser Console3 min
2.3 Variables & Constants8 min
2.4 Types4 min
2.5 Strings10 min
2.6 String Methods5 min
2.7 Numbers10 min
2.8 Template Strings6 min
2.9 Arrays9 min
2.10 Null & Undefined3 min
2.11 Loose vs Strict Comparison4 min
2.12 Type Conversion6 min
3. Control Flow Basics
3.1 What Is Control Flow1 min
3.2 For Loops9 min
3.3 While Loops4 min
3.4 Do While Loops3 min
3.5 If Statements5 min
3.6 Else & Else If4 min
3.7 Logical Operators5 min
3.8 Logical Not3 min
3.9 Break & Continue4 min
3.10 Switch Statement5 min
3.11 Block Scope8 min
4. Functions & Methods
4.1 What Are Functions3 min
4.2 Function Declarations & Expressions6 min
4.3 Arguments & Parameters5 min
4.4 Returning Values4 min
4.5 Arrow Functions9 min
4.6 Functions vs Methods4 min
4.7 Callback Functions & Foreach9 min
4.8 Callback Functions in Action4 min
5. Object Literals
5.1 Objects at a Glance2 min
5.2 Creating an Object7 min
5.3 Adding Methods3 min
5.4 This Keyword6 min
5.5 Objects in Arrays4 min
5.6 Math Object5 min
5.7 Primitive vs Reference Types10 min
6. The Document Object Model
6.1 Interacting with a Web Page2 min
6.2 The DOM Explained5 min
6.3 The Query Selector8 min
6.4 Other Ways to Query the DOM6 min
6.5 Adding & Changing Page Content10 min
6.6 Getting & Setting Attributes6 min
6.7 Adding & Removing Styles6 min
6.8 Adding & Removing Classes10 min
6.9 Parents, Children & Siblings11 min
6.10 Events & Event Listeners10 min
6.11 Creating & Removing Elements8 min
6.12 Event Bubbling & Delegation10 min
6.13 More Events10 min
6.14 Making a Popup10 min
7. Forms & Form Events
7.1 Events Inside Forms2 min
7.2 Submit Events8 min
7.3 REGEX8 min
7.4 Testing REGEX Patterns8 min
7.5 Basic Form Validation5 min
7.6 Keyboard Events9 min
8. Project - Interactive Ninja Quiz
8.1 Project Preview & Setup2 min
8.2 Bootstrap Introduction6 min
8.3 Making the HTML Template11 min
8.4 Calculating Scores9 min
8.5 Showing the Score5 min
8.6 The Window Object7 min
8.7 Animating the Score7 min
9. Array Methods
9.1 Filter Method8 min
9.2 Map Method8 min
9.3 Reduce Method8 min
9.4 Find Method3 min
9.5 Sort Method11 min
9.6 Chaining Array Methods7 min
10. Project - Todo List
10.1 Project Preview & Template3 min
10.2 HTML & CSS Template7 min
10.3 Adding Todos9 min
10.4 Deleting Todos5 min
10.5 Filtering Todos18 min
11. Dates & Times
11.1 Times8 min
11.2 Timestamps7 min
11.3 Building a Digital Clock7 min
11.4 Date-Fns9 min
12. Async JavaScript
12.1 What Is Async JavaScript6 min
12.2 Async in Action3 min
12.3 What Are HTTP Requests?4 min
12.4 Making HTTP Requests7 min
12.5 Status Codes6 min
12.6 Async Code & Callbacks8 min
12.7 JSON Data7 min
12.8 Callback Hell5 min
12.9 Promise Basics12 min
12.10 Chaining Promises5 min
12.11 Fetch API7 min
12.12 Async & Await11 min
12.13 Throwing Custom Errors5 min
13. Project - Weather App
13.1 Project Preview & Setup5 min
13.2 HTML & CSS Template9 min
13.3 Accuweather API5 min
13.4 Get City API Call9 min
13.5 Get Weather API Call9 min
13.6 Updating the Location10 min
13.7 Object Shorthand2 min
13.8 Updating the UI7 min
13.9 Destructuring3 min
13.10 Icons & Images10 min
13.11 Ternary Operator4 min
14. Local Storage
14.1 What Is Local Storage3 min
14.2 Storing & Getting Data7 min
14.3 Deleting Storage Data3 min
14.4 Stringifying & Parsing Data5 min
14.5 Updating the Weather App6 min
15. Object Oriented JavaScript
15.1 What Is OOP?8 min
15.2 Object Literal Recap5 min
15.3 Classes4 min
15.4 Classes Continued5 min
15.5 Constructor Functions5 min
15.6 Class Methods & Method Chaining9 min
15.7 Class Inheritance8 min
15.8 Super( )4 min
15.9 Constructors Under The Hood5 min
15.10 Prototype Model12 min
15.11 Prototypal Inheritance10 min
15.12 Built-In Objects3 min
15.13 Making A Forecast Class (Weather App)11 min
16. Databases (Firestore)
16.1 NoSQLS Databases3 min
16.2 Firebase & Firestore8 min
16.3 Connecting To Firestore6 min
16.4 Getting Documents11 min
16.5 Saving Documents8 min
16.6 Deleting Documents10 min
16.7 Real-Time Listeners11 min
16.8 Unsubscribing From Changes4 min
17. Project - Real-Time Chatroom
17.1 Project Preview & Setup4 min
17.2 HTML Template6 min
17.3 Connecting To Firestore5 min
17.4 Chatroom Classes10 min
17.5 Realtime Listener Setup6 min
17.6 Complex Queries6 min
17.7 Updating The Name & Room8 min
17.8 Chat UI Class11 min
17.9 Formatting The Date & Time4 min
17.10 Sending New Chats6 min
17.11 Changing Usernames15 min
17.12 Updating Rooms8 min
17.13 Testing The App3 min
18. More ES6 Features
18.1 Rest & Spread8 min
18.2 Sets9 min
18.3 Symbols4 min
19. Modern Workflow With Babel & Webpack
19.1 Modern Feature Support3 min
19.2 Babel Basics5 min
19.3 Installing Node & Babel11 min
19.4 Using The Babel CLI6 min
19.5 NPM Scripts & Watching Files9 min
19.6 What Is Webpack3 min
19.7 Creating A Webpack File7 min
19.8 The Webpack CLI5 min
19.9 Intro To Modules10 min
19.10 Default Exports6 min
19.11 Watching For Changes2 min
19.12 Webpack Dev Server6 min
19.13 Production & Development Modes5 min
19.14 Babel & Webpack7 min
19.15 Webpack Boilerplate5 min
20. Project - UI Library
20.1 Project Preview & Setup4 min
20.2 CSS & Style Loaders (Webpack)6 min
20.3 Tooltips14 min
20.4 Dropdowns10 min
20.5 Tabs15 min
20.6 Snackbars10 min
20.7 Extending The Library2 min
20.8 What's Next2 min
Ready to Elevate Your Team's Learning?
Talk with our sales team to see how StormWind can transform the way your organization trains and grows.
CONTACT SALES