Build a Real-World Project Using JavaScript

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!

	1. Section Intro	0:58
	2. Introduction to JavaScript	4:34
	3. Getting Started with JavaScript	4:58
	4. Variables and Data Types	9:02
	5. Variable Mutation and Type Coercion	15:37
	6. Operators	14:14
	7. If / else Statements	9:17
	8. Boolean Logic and Switch Statements	16:06
	9. Coding Challenge 1	2:01
	10. Coding Challenge 1: Solution	14:06
	11. Functions	15:54
	12. Statements and Expressions	3:05
	13. Arrays	11:27
	14. Objects and Properties	9:24
	15. Objects and Methods	15:16
	16. Loops and Iteration	19:27
	17. Coding Challenge 2	3:13
	18. Coding Challenge 2: Solution	13:18
	19. Important Note: ES5, ES6 / ES2015 and ES2016	5:33

	1. Section Intro	1:19
	2. How Our Code Is Executed: JavaScript Parsers and Engines	2:51
	3. Execution Contexts and the Execution Stack	6:04
	4. Execution Contexts in Detail: Creation and Execution Phases and Hoisting	4:25
	5. Hoisting in Practice	12:34
	6. Scoping and the Scope Chain	13:11
	7. The 'this' Keyword	2:23
	8. The 'this' Keyword in Practice	11:24

	1. Section Intro	0:53
	2. The DOM and DOM Manipulation	2:14
	3. 5-Minute HTML and CSS Crash Course	5:44
	4. Project Setup and Details	4:39
	5. First DOM Access and Manipulation	19:56
	6. Events and Event Handling: Rolling the Dice	17:39
	7. Updating Scores and Changing the Active Player	14:23
	8. Implementing Our 'Hold' Function and the DRY Principle	17:28
	9. Creating a Game Initialization Function	11:28
	10. Finishing Touches: State Variables	7:48
	11. Coding Challenge 3	2:34
	12. Coding Challenge 3: Solution, Part 1	6:31
	13. Coding Challenge 3: Solution, Part 2	9:05
	14. Coding Challenge 3: Solution, Part 3	7:11

	1. Section Intro	1:12
	2. Everything Is an Object: Inheritance and the Prototype Chain	10:25
	3. Creating Objects: Function Constructors	14:26
	4. The Prototype Chain in the Console	8:44
	5. Creating Objects: Object.create	6:45
	6. Primitives vs. Objects	8:43
	7. First Class Functions: Passing Functions as Arguments	15:13
	8. First Class Functions: Functions Returning Functions	8:49
	9. Immediately Invoked Function Expressions (IIFE)	6:46
	10. Closures	17:24
	11. Bind, Call and Apply	17:08
	12. Coding Challenge 4	7:11
	13. Coding Challenge 4: Solution, Part 1	18:08
	14. Coding Challenge 4: Solution, Part 2	16:02

	1. Section Intro	1:20
	2. Project Setup and Details	4:45
	3. Project Planning and Architecture: Step 1	6:00
	4. Implementing the Module Pattern	17:38
	5. Setting up the First Event Listeners	16:07
	6. Reading Input Data	16:31
	7. Creating an Initialization Function	5:26
	8. Creating Income and Expense Function Constructors	9:37
	9. Adding a New Item to Our Budget Controller	18:25
	10. Adding a New Item to the UI	19:52
	11. Clearing Our Input Fields	11:50
	12. Updating the Budget: Controller	11:18
	13. Updating the Budget: Budget Controller	21:00
	14. Updating the Budget: UI Controller	11:55
	15. Project Planning and Architecture: Step 2	2:41
	16. Event Delegation	4:01
	17. Setting up the Delete Event Listener Using Event Delegation	19:34
	18. Deleting an Item from Our Budget Controller	17:33
	19. Deleting an Item from the UI	8:08
	20. Project Planning and Architecture: Step 3	2:03
	21. Updating the Percentages: Controller	3:56
	22. Updating the Percentages: Budget Controller	14:42
	23. Updating the Percentages: UI Controller	12:07
	24. Formatting Our Budget Numbers: String Manipulation	19:39
	25. Displaying the Current Month and Year	7:08
	26. Finishing Touches: Improving the UX	10:39
	27. We’ve Made It! Final Considerations	1:40

Build a Real-World Project Using JavaScript: Build a Real-World Project Using JavaScript

Free Online Training Course

Curriculum For This Course

About This Course

Student Feedback

Add Comment

Similar Courses

	1. What's new in ES6 / ES2015	5:19
	2. Variable Declarations with let and const	16:44
	3. Blocks and IIFEs	3:54
	4. Strings in ES6 / ES2015	10:21
	5. Arrow Functions: Basics	8:22
	6. Arrow Functions: Lexical 'this' Keyword	19:34
	7. Destructuring	8:04
	8. Arrays in ES6 / ES2015	17:52
	9. The Spread Operator	10:12
	10. Rest Parameters	13:48
	11. Default Parameters	8:07
	12. Maps	20:34
	13. Classes	10:01
	14. Classes with Subclasses	16:12
	15. Coding Challenge 5	3:04
	16. Coding Challenge 5: Solution	31:25
	17. How to use ES2015 / ES6 Today!	14:37

E-mail:	*
Password:	*	Forgot password?