Build a Real-World Project Using JavaScript

Practice Exams:

Home
Video Courses
Web Development
Build a Real-World Project Using JavaScript

Best Seller!

$16.49

$14.99

Build a Real-World Project Using JavaScript

Watch Online Video Course & Learn

169 Students Enrolled

101 Lectures

17:26:02 hr

Curriculum for Build a Real-World Project Using JavaScript Video Course

Course Introduction

1 Lectures

Time 00:04:12

JavaScript Language Basics

19 Lectures

Time 03:07:30

How JavaScript Works Behind the Scenes

8 Lectures

Time 00:54:11

JavaScript in the Browser: DOM Manipulation and Events

14 Lectures

Time 02:07:33

Advanced JavaScript: Objects and Functions

14 Lectures

Time 02:36:56

Putting It All Together: The Budget App Project

27 Lectures

Time 04:55:35

Get Ready for the Future: ES6 / ES2015

17 Lectures

Time 03:38:10

Conclusion

1 Lectures

Time 00:01:55

JavaScript Language Basics

1. Section Intro

00:49

2. Introduction to JavaScript

04:07

3. Getting Started with JavaScript

04:24

4. Variables and Data Types

08:43

5. Variable Mutation and Type Coercion

15:13

6. Operators

13:57

7. If / else Statements

08:56

8. Boolean Logic and Switch Statements

15:48

9. Coding Challenge 1

01:39

10. Coding Challenge 1: Solution

13:51

11. Functions

15:31

12. Statements and Expressions

02:44

13. Arrays

11:10

14. Objects and Properties

09:00

15. Objects and Methods

14:55

16. Loops and Iteration

19:06

17. Coding Challenge 2

02:52

18. Coding Challenge 2: Solution

13:07

19. Important Note: ES5, ES6 / ES2015 and ES2016

04:47

JavaScript in the Browser: DOM Manipulation and Events

1. Section Intro

00:40

2. The DOM and DOM Manipulation

01:47

3. 5-Minute HTML and CSS Crash Course

05:06

4. Project Setup and Details

04:08

5. First DOM Access and Manipulation

19:33

6. Events and Event Handling: Rolling the Dice

17:17

7. Updating Scores and Changing the Active Player

13:54

8. Implementing Our 'Hold' Function and the DRY Principle

17:11

9. Creating a Game Initialization Function

11:10

10. Finishing Touches: State Variables

07:30

11. Coding Challenge 3

02:12

12. Coding Challenge 3: Solution, Part 1

06:03

13. Coding Challenge 3: Solution, Part 2

08:51

14. Coding Challenge 3: Solution, Part 3

06:56

Advanced JavaScript: Objects and Functions

1. Section Intro

01:02

2. Everything Is an Object: Inheritance and the Prototype Chain

09:45

3. Creating Objects: Function Constructors

14:06

4. The Prototype Chain in the Console

08:19

5. Creating Objects: Object.create

06:26

6. Primitives vs. Objects

08:11

7. First Class Functions: Passing Functions as Arguments

14:44

8. First Class Functions: Functions Returning Functions

08:27

9. Immediately Invoked Function Expressions (IIFE)

06:19

10. Closures

16:24

11. Bind, Call and Apply

16:44

12. Coding Challenge 4

06:49

13. Coding Challenge 4: Solution, Part 1

17:47

14. Coding Challenge 4: Solution, Part 2

15:46

Putting It All Together: The Budget App Project

1. Section Intro

01:11

2. Project Setup and Details

04:26

3. Project Planning and Architecture: Step 1

05:17

4. Implementing the Module Pattern

17:12

5. Setting up the First Event Listeners

15:43

6. Reading Input Data

16:10

7. Creating an Initialization Function

05:09

8. Creating Income and Expense Function Constructors

09:21

9. Adding a New Item to Our Budget Controller

18:02

10. Adding a New Item to the UI

19:28

11. Clearing Our Input Fields

11:23

12. Updating the Budget: Controller

10:54

13. Updating the Budget: Budget Controller

20:38

14. Updating the Budget: UI Controller

11:41

15. Project Planning and Architecture: Step 2

02:16

16. Event Delegation

03:36

17. Setting up the Delete Event Listener Using Event Delegation

19:13

18. Deleting an Item from Our Budget Controller

17:09

19. Deleting an Item from the UI

07:51

20. Project Planning and Architecture: Step 3

01:46

21. Updating the Percentages: Controller

03:37

22. Updating the Percentages: Budget Controller

14:21

23. Updating the Percentages: UI Controller

11:49

24. Formatting Our Budget Numbers: String Manipulation

19:00

25. Displaying the Current Month and Year

06:48

26. Finishing Touches: Improving the UX

10:17

27. We’ve Made It! Final Considerations

01:10

Get Ready for the Future: ES6 / ES2015

1. What's new in ES6 / ES2015

04:43

2. Variable Declarations with let and const

16:17

3. Blocks and IIFEs

03:38

4. Strings in ES6 / ES2015

10:02

5. Arrow Functions: Basics

08:04

6. Arrow Functions: Lexical 'this' Keyword

19:11

7. Destructuring

07:51

8. Arrays in ES6 / ES2015

17:19

9. The Spread Operator

09:56

10. Rest Parameters

13:23

11. Default Parameters

07:48

12. Maps

19:53

13. Classes

09:47

14. Classes with Subclasses

15:47

15. Coding Challenge 5

02:46

16. Coding Challenge 5: Solution

30:58

17. How to use ES2015 / ES6 Today!

14:09

About this Course

Do you want to learn a programming language that powers the Internet? Then, welcome the Build a Real-World Project Using JavaScript course. This is a truly complete JavaScript course that will take you from a complete JavaScript beginner to an advanced developer. You will not just learn the JavaScript language itself, you will also learn how to program, how to solve problems, how to structure and organize code using common JavaScript patterns. This guide is a perfect mix between theory and practice, it focuses not only on small coding examples, but also on real-world projects and use cases. It contains coding sessions, coding challenges, theory lectures, real-world projects and a final course exam. This course covers a ton of information, for example, the JavaScript and programming fundamentals, complex JavaScript features, a deep understanding of how JavaScript works behind the scenes, how to make JavaScript code interact with webpages and more. So, by the end of the course, you will be a capable JavaScript developer, able to write, understand and debug JavaScript code using all the powerful features. Sounds great? Take this course right now!

Student Feedback

4.6

Excellent

57 %

43 %

0 %

Comments

* The most recent comment are at the top

Add Comments