课时
5 个部分 · 46 节课 · 17小时59分钟 总时长
第 1 至 10 节10 节课 · 3小时41分钟
- 1- What is JavaScript? | History of JavaScript Explained | JavaScript Tutorial for Beginners 202620分钟
- 2-JavaScript Environment Setup Tutorial | Install VS Code & Run Your First JavaScript Program26分钟
- 3-JavaScript Console Explained: Complete Guide to Console.log() & More24分钟
- 4-JavaScript Comments and Console Explained | Learn Debugging & Code Documentation23分钟
- 5-JavaScript Variables Explained | Learn var, let, and const for Beginners26分钟
- 6- JavaScript Data Types Explained | Complete Guide to Primitive & Non-Primitive Data Types (2026)20分钟
- 7- JavaScript Type Conversion & Data Type Detection | Complete Beginner Tutorial19分钟
- 8- What Are Operators in JavaScript? | Complete Guide to JavaScript Operators22分钟
- 9- JavaScript Assignment Operators & Comparison Operators Explained | with Examples20分钟
- 10- JavaScript Logical Operators Explained | with Examples | JavaScript Tutorial for Beginners21分钟
第 11 至 20 节10 节课 · 4小时2分钟
- 11-JavaScript Conditional Statements Tutorial | Learn with Examples | Beginner to Advanced (2025)22分钟
- 12- JavaScript If, Else If & Else Tutorial | Conditional Statements Explained with Examples (2026)30分钟
- 13- JavaScript Switch Statement Explained | Complete Tutorial with Examples | Beginner to Advanced18分钟
- 14- What Is an Array in JavaScript? |Complete Array Tutorial for Beginners | Learn JavaScript Arrays19分钟
- 15-JavaScript Two-Dimensional Arrays Tutorial | Learn 2D Arrays with Easy Examples | Complete Guide17分钟
- 16- JavaScript For Loop Tutorial | Learn for Loop from Beginner to Advanced with Examples28分钟
- 17-JavaScript While Loop Tutorial for Beginners | Learn While Loop with Practical Examples26分钟
- 18-JavaScript Do While Loop Tutorial for Beginners | Learn Do While Loop with Practical Examples32分钟
- 19- JavaScript Functions Tutorial for Beginners | Learn Functions, Parameters, Return Values25分钟
- 20-JavaScript Arrow Functions Tutorial | Learn ES6 Arrow Functions with Examples26分钟
第 21 至 30 节10 节课 · 4小时13分钟
- 21-JavaScript Advanced Array Methods Tutorial | Master map(), filter(), reduce(), find()24分钟
- 22-JavaScript DOM Tutorial | Master the Document Object Model for Interactive Web Development23分钟
- 23- JavaScript DOM Selectors Tutorial | getElementById, querySelector & querySelectorAll30分钟
- 24- JavaScript DOM Manipulation | innerHTML, innerText, textContent & Attributes22分钟
- 25- Dark Mode & Light Mode in JavaScript | Toggle Theme Using DOM24分钟
- 26- JavaScript classList Methods | add(), remove(), contains() & toggle() Tutorial19分钟
- 27-JavaScript DOM Create Elements | createElement(), appendChild(), append() & prepend()25分钟
- 28-JavaScript DOM Remove & Replace Elements | remove(), removeChild(), replaceChild() & cloneNode()27分钟
- 29-JavaScript Events & addEventListener() | Click, Mouseover, Change & Input Events23分钟
- 30- Build a Product Card with JavaScript | HTML, CSS & JavaScript DOM Project36分钟
第 31 至 40 节10 节课 · 3小时30分钟
- 31-How to Create a Product Search Box with JavaScript | Live Search Filter20分钟
- 33-JavaScript Keyboard Events | keydown, keyup, keypress & Keyboard Event Object19分钟
- 34-JavaScript Event Bubbling, Capturing & Delegation | DOM Events Tutorial21分钟
- 35- JavaScript Event Bubbling, Capturing & Delegation | Real-World Examples26分钟
- 36-JavaScript Web Storage | localStorage & sessionStorage Explained with Examples17分钟
- 37-JavaScript localStorage | setItem(), getItem(), removeItem() & clear() Explained19分钟
- 38- Add Validation Before Saving Data to localStorage | JavaScript Form Validation22分钟
- 39- Save Data to localStorage in JavaScript | Store Form Data in Browser25分钟
- 40-Building Dynamic Components with JavaScript | DOM Manipulation Project20分钟
- 41-Create Dynamic Cards with JavaScript | Building Dynamic Components Using DOM22分钟
第 41 至 46 节6 节课 · 2小时31分钟
- 42-DOM Animation in JavaScript | Changing Position with setInterval() & setTimeout()27分钟
- 43-Create an Animated Login Form with JavaScript | User Authentication & CSS Animation26分钟
- 44-Create an Animated Login Form with JavaScript – Part 2 | Form Validation & Authentication28分钟
- 45-Create an Animated Login Form with JavaScript – Part 3 | Form Validation & Authentication20分钟
- 46- API in JavaScript | Fetch Data from APIs Using fetch() & JSON14分钟
- 47- Fetch Data in JavaScript Using API | fetch() Method & JSON Data Tutorial36分钟
需要什么
- 无需基础：课程从零讲起。
课程介绍
Welcome to the Complete JavaScript Course 2026 – Learn JavaScript from Beginner to Advanced. This playlist is a complete, step-by-step, project-based JavaScript course designed for beginners and aspiring web developers. Whether you're starting your programming journey or improving your web development skills, this course will help you master JavaScript with practical examples and real-world projects. 📚 What You'll Learn ✅ Introduction to JavaScript and its history ✅ Setting up Visual Studio Code (VS Code) ✅ Variables and Data Types ✅ Operators and Expressions ✅ Input and Output Methods ✅ Conditional Statements (if, else, switch) ✅ Loops (for, while, do...while) ✅ Functions and Arrow Functions ✅ Scope and Hoisting ✅ Arrays and Array Methods ✅ Objects and Object Methods ✅ Strings and String Methods ✅ Numbers, Math, and Dates ✅ DOM (Document Object Model) Manipulation ✅ Events and Event Handling ✅ Forms and Form Validation ✅ ES6+ Modern JavaScript Features ✅ Destructuring, Spread, and Rest Operators ✅ Template Literals ✅ Classes and Object-Oriented Programming (OOP) ✅ Modules (Import & Export) ✅ JSON (JavaScript Object Notation) ✅ Local Storage and Session Storage ✅ Fetch API and
适合谁
- 从零开始学IT 与编程的人。
这两项是我们根据课程难度得出的判断，课程介绍是作者本人写的。