The Complete JavaScript Course : Build Real Projects!
4.4 /5- Offered byUDEMY
The Complete JavaScript Course : Build Real Projects! at UDEMY Overview
Duration | 39 hours |
Total fee | ₹599 |
Mode of learning | Online |
Difficulty level | Intermediate |
Official Website | Go to Website  |
Credential | Certificate |
The Complete JavaScript Course : Build Real Projects! at UDEMY Highlights
- Compatible on Mobile and TV
- Earn a Cerificate on successful completion
- Get Full Lifetime Access
- Learn from Jonas Schmedtmann
The Complete JavaScript Course : Build Real Projects! at UDEMY Course details
- Take this course if you want to gain a deep understanding of the most popular programming language in the world: JavaScript.
- Take this course if you have taken other JavaScript courses but: 1) still don't really understand JavaScript, or 2) still don't feel confident to code real-world apps. This course is perfect for you!
- Take this course if you're interested in using popular libraries/frameworks like React, Angular or Node.
- Take this course if you want to get started with programming in general: JavaScript is a great language to learn how to code.
- Go from a total beginner to an advanced JavaScript developer
- Code 3 beautiful real-world apps with both ES5 and ES6+ (no boring toy apps here)
- JavaScript and programming fundamentals: variables, boolean logic, if/else, loops, functions, arrays, etc.
- Complex features like the 'this' keyword, function constructors, prototypal inheritance, first-class functions, closures
- Asynchronous JavaScript: The event loop, promises, async/await, AJAX and APIs
- Modern JavaScript for : NPM, Webpack, Babel and ES6 modules
- A true understanding of how JavaScript works behind the scenes
- What's new in ES6: arrow functions, classes, default and rest parameters, etc.
- Practice your new skills with coding challenges (solutions included)
- Organize and structure your code using JavaScript patterns like modules
- Get friendly and fast support in the course Q&A
- Downloadable lectures, code and design assets for all projects
- The #1 bestselling JavaScript course on Udemy! "Excellent course. Jonas explains the core concepts in javascript that are usually glossed over in other courses. And he does it in a manner that is clear and concise." John Collins ... Do you want to learn the number #1 programming language that powers the internet? Are you tired of wasting your time and money on random youtube videos or JavaScript courses that are either too simple, or too difficult to follow? Or are you struggling to deeply understand and apply JavaScript to real projects? If your answer is a big YES... Then this is exactly the course you are looking for! ... So what is the course about? This is a truly complete JavaScript course, that goes beyond what other JavaScript courses out there teach you. I 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. Come with me on a journey with the goal of truly understanding the JavaScript language. And I explain everything on the way with great detail! You will learn "why" something works in JavaScript, not just "how". Because in the modern JavaScript world of today, you need more than just knowing how something works. You need to debug code, you need to understand code, you need to be able to think about code. To achieve our goal together, the course contains coding sessions, coding challenges, theory lectures, real-world projects and a final course exam. This course is different because it's not just about writing code, it's also about how and why code works the way it does. Because it's the perfect mix between theory and practice. Because it focuses not only on small coding examples, but also on real-world projects and use cases. 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 the language offers to us. Here is exactly what we cover in this course: All the JavaScript and programming fundamentals: things like variables, data types, boolean logic, if/else statements, loops, functions, objects, arrays, and more. Everything you need to know in order to gain a deep understanding of how JavaScript works behind the scenes: execution contexts, hoisting, scoping, the 'this' keyword, and more. How to make JavaScript code interact with webpages: DOM manipulation. Learn how to select and change webpage elements, create new elements and handle DOM events. Complex JavaScript features such as function constructors, prototypal inheritance, first-class functions, closures, the bind and apply methods, and more. We are going to code 3 beautiful real-world apps to apply our knowledge and learn new concepts (I provide the starter HTML and CSS code for these projects). Learn how to organize and structure your code using modules and functions, how to create data privacy and encapsulation, and why that's so important. What's new in the most modern version of JavaScript: new features of ES6 / ES2015. Asynchronous JavaScript: the event loop, promises, async/await, AJAX calls and APIs. Modern JavaScript in 2018: Learn how to set up a modern development workflow with NPM, Webpack, Babel and ES6 modules. Let's now find out if this course is for you. It's a perfect fit if... Student #1: You want to gain a deep understanding of the most popular programming language in the world: JavaScript. Student #2: You have taken other JavaScript courses but: 1) still don't really understand JavaScript, or 2) still don't feel confident to code real-world apps. This course is perfect for you! Student #3: You are interested in using popular libraries/frameworks like React, Angular or Node. Js. Student #4: You want to get started with programming in general: JavaScript is a great language to learn how to code. Now it's your turn to decide. This is what you get: Lifetime access to HD quality videos. No monthly subscription. Learn at your own pace, whenever you want. English closed captions (not the auto-generated ones provided by Udemy). All videos are downloadable. Learn wherever you want, even without an internet connection! Downloadable starter code and final code for each section. Free helpful support in the course Q&A when you have questions or get stuck. Multiple coding challenges to practice your new skills (solutions included). A final course exam with 30 questions to test your JavaScript knowledge. Sounds great? Then start this adventure today by clicking the Take this course" button, and join me in the only JavaScript course that you will need!
The Complete JavaScript Course : Build Real Projects! at UDEMY Curriculum
Course Introduction
Welcome to the Course!
READ BEFORE YOU START!
Setting up Our Tools
JavaScript Language Basics
Section Intro
Download the Code
Let's start coding!
A Brief Introduction to JavaScript
Variables and Data Types
Variable Mutation and Type Coercion
Basic Operators
Operator Precedence
Coding Challenge 1
Coding Challenge 1: Solution
If / else Statements
Boolean Logic
The Ternary Operator and Switch Statements
Truthy and Falsy Values and Equality Operators
Coding Challenge 2
Coding Challenge 2: Solution
Functions
Function Statements and Expressions
Arrays
Coding Challenge 3
Coding Challenge 3: Solution
Objects and Properties
Objects and Methods
Coding Challenge 4
Coding Challenge 4: Solution
Loops and Iteration
Coding Challenge 5
Coding Challenge 5: Solution, Part 1
Coding Challenge 5: Solution, Part 2
JavaScript Versions: ES5, ES6 / ES2015 and ES6+
How JavaScript Works Behind the Scenes
Section Intro
Download the Code
How Our Code Is Executed: JavaScript Parsers and Engines
Execution Contexts and the Execution Stack
Execution Contexts in Detail: Creation and Execution Phases and Hoisting
Hoisting in Practice
Scoping and the Scope Chain
The 'this' Keyword
The 'this' Keyword in Practice
JavaScript in the Browser: DOM Manipulation and Events
Section Intro
Download the Code
The DOM and DOM Manipulation
5-Minute HTML and CSS Crash Course
Project Setup and Details
First DOM Access and Manipulation
Events and Event Handling: Rolling the Dice
Updating Scores and Changing the Active Player
Implementing Our 'Hold' Function and the DRY Principle
Creating a Game Initialization Function
Finishing Touches: State Variables
Coding Challenge 6
Coding Challenge 6: Solution, Part 1
Coding Challenge 6: Solution, Part 2
Coding Challenge 6: Solution, Part 3
Advanced JavaScript: Objects and Functions
Section Intro
Download the Code
Everything Is an Object: Inheritance and the Prototype Chain
Creating Objects: Function Constructors
The Prototype Chain in the Console
Creating Objects: Object.create
Primitives vs. Objects
First Class Functions: Passing Functions as Arguments
First Class Functions: Functions Returning Functions
Immediately Invoked Function Expressions (IIFE)
Closures
Bind, Call and Apply
Coding Challenge 7
Coding Challenge 7: Solution, Part 1
Coding Challenge 7: Solution, Part 2
Putting It All Together: The Budget App Project
Section Intro
Download the Code
Project Setup and Details
Project Planning and Architecture: Step 1
Implementing the Module Pattern
Setting up the First Event Listeners
Reading Input Data
Creating an Initialization Function
Creating Income and Expense Function Constructors
Adding a New Item to Our Budget Controller
Adding a New Item to the UI
Clearing Our Input Fields
Updating the Budget: Controller
Updating the Budget: Budget Controller
Updating the Budget: UI Controller
Project Planning and Architecture: Step 2
Event Delegation
Setting up the Delete Event Listener Using Event Delegation
Deleting an Item from Our Budget Controller
Deleting an Item from the UI
Project Planning and Architecture: Step 3
Updating the Percentages: Controller
Updating the Percentages: Budget Controller
Updating the Percentages: UI Controller
Formatting Our Budget Numbers: String Manipulation
Displaying the Current Month and Year
Finishing Touches: Improving the UX
We??????????????????????????????ve Made It! Final Considerations
Next Generation JavaScript: Intro to ES6 / ES2015
Section Intro
Download the Code
What's new in ES6 / ES2015
Variable Declarations with let and const
Blocks and IIFEs
Strings in ES6 / ES2015
Arrow Functions: Basics
Arrow Functions: Lexical 'this' Keyword
Destructuring
Arrays in ES6 / ES2015
The Spread Operator
Rest Parameters
Default Parameters
Maps
Classes
Classes with Subclasses
Coding Challenge 8
Coding Challenge 8: Solution
Asynchronous JavaScript: Promises, Async/Await and AJAX
Section Intro
An Example of Asynchronous JavaScript
Understanding Asynchronous JavaScript: The Event Loop
The Old Way: Asynchronous JavaScript with Callbacks
From Callback Hell to Promises
From Promises to Async/Await
AJAX and APIs
Making AJAX Calls with Fetch and Promises
Making AJAX Calls with Fetch and Async/Await
Modern JavaScript: Using ES6, NPM, Babel and Webpack
Section Intro
Project Overview
An Overview of Modern JavaScript
A Brief Introduction to the Command Line
A Modern Setup: Installing Node.js and NPM
Note: Tooling Changes
A Modern Setup: Configuring Webpack
A Modern Setup: The Webpack Dev Server
A Modern Setup: Babel
Planning our Project Architecture with MVC
How ES6 Modules Work
PLEASE READ: Changes to the Project API
Making our First API Calls
Building the Search Model
Building the Search Controller
Building the Search View - Part 1
Building the Search View - Part 2
Rendering an AJAX Loading Spinner
Implementing Search Results Pagination
Building the Recipe Model - Part 1
Building the Recipe Controller
Building the Recipe Model - Part 2
Building the Recipe View - Part 1
Building the Recipe View - Part 2
Updating Recipe Servings
Building the Shopping List Model
Building the Shopping List View
Building the Shopping List Controller
Building the Likes Model
Building the Likes Controller
Building the Likes View
Implementing Persistent Data with localStorage
Wrapping up: Final Considerations
Final Course Exam: 30 Questions to Test Your JavaScript Knowledge
Some Considerations Before You Start
Conclusion
Where to Go from Here
Be the First to Know About New Course Launches!
Get My Best Design and Coding Resources
Coding Challenge 1
Coding Challenge 1: Solution
Coding Challenge 2
Coding Challenge 2: Solution
How to use ES2015 / ES6 Today!
BONUS: A Node.js Crash Course
A Quick Overview of Node.js
The Laptop Store Project, Part 1
The Laptop Store Project, Part 2
Other courses offered by UDEMY
Student Forum
Anything you would want to ask experts?