Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

JavaScript Bootcamp - Build Real World Applications

Name: JavaScript Bootcamp - Build Real World Applications
Rating: 4.5 (1563 reviews)

JavaScript from basic to advanced level. Project - based JavaScript course. JavaScript ES6 guide. Including JSON & AJAX

Created byCode And Create, George Lomidze

Last updated 5/2023

English

What you'll learn

You will start from the JavaScript fundamentals and go to an advanced level
You will get a deep understanding about how JavaScript works behind the scenes
You will be able to check your knowledge using lots of coding challenges and quizzes
You will learn how to manipulate on the web page using Document Object Model
You will be able to understand the most advanced topics such as function constructors, prototypes, first-class functions, closures and much much more
You will code and build the real-world application using object-oriented JavaScript and modular patterns
You will be able to get 24/7 support from the instructors

Course content

10 sections • 120 lectures • 16h 42m total length

Introduction3:02
How to Watch Lectures in High Quality0:31
Section Introduction1:06
Download Source Code0:02
What Is JavaScript4:18
In this lecture you will learn about what JavaScript is
Setup4:54
In this lecture you will learn about how to install web browser and code editor
How To Write JavaScript4:37
In this lecture you will learn two ways of writing JavaScript code
JavaScript Syntax3:10
In this lecture you will learn what JavaScript syntax looks like
Variables and Data Types - Part 15:33
In this lecture you will learn what variables are and what kind of data types we have in JavaScript - Part 1
Variables and Data Types - Part 27:15
In this lecture you will learn what variables are and what kind of data types we have in JavaScript - Part 1
Operators3:49
In this lecture you will learn how JavaScript operators work
Comparison Operators4:33
In this lecture you will learn about comparison operators in Javascript
Type Coercion7:06
In this lecture you will learn what type coercion means in JavaScript and how it works
Conditional Statements4:32
In this lecture you will learn about conditional statements in JavaScript. We will cover how if else statement works.
Else If Statement And Logical Operators7:41
In this lecture You will learn about how to use If Else Ef statements with logical AND, logical OR and logical NOT operators
Coding Task 12:06
In this lecture you will introduce to your first coding task
Coding Task 1 - Solution6:55
In this lecture we will demonstrate the solution for your first coding task
JavaScript Essentials

Section Introduction1:09
Functions - Part 18:38
In this lecture you will learn about what are the functions in JavaScript and how they work - Part 1
Functions - Part 24:26
In this lecture you will learn about what are the functions in JavaScript and how they work - Part 2
Arrays - Part 16:40
In this lecture you will learn about arrays in JavaScript - Part 1
Arrays - Part 25:16
In this lecture you will learn about arrays in JavaScript - Part 2
Objects - Part 18:14
In this video you will learn about what objects are in JavaScript - Part 1
Objects - Part 27:56
In this video you will learn about what objects are in JavaScript - Part 2
Loops - Part 19:32
In this lecture you will learn about what loops are in JavaScript and how they work. In this part you will meet for loop.
Loops - Part 25:22
In this lecture you will learn about while and do/while loops
Date Object7:21
In this video you learn about how date objects work in JavaScript
Date Object - Digital Clock Project12:30
In this video you will build your first JavaScript application - Digital Clock
Coding Task 23:02
Let's do your second coding task!
Coding Task 2 - Solution13:32
In this lecture you will see the solution of coding task No 2
Intermediate JavaScript

Section Introduction1:19
Explore how JavaScript works behind the scenes, including the global execution context, execution stack, scope, hoisting, the global object, differences between objects and primitives, and the special variable.
JavaScript Behind The Scenes - Introduction6:34
In this lecture you will have a brief overview about how JavaScript works behind the scenes
Global Execution Context And Global Object8:59
In this lecture you will learn about what global execution context and global object is in JavaScript
Execution Context And Execution Stack9:26
In this lecture you will learn about how execution context works and what an execution stack is in JavaScript
Scope And Scope Chain9:43
In this lecture you will learn what is scope and scope chain in JavaScript
Hoisting9:13
In this lecture you will learn about what hoisting is and how it works in JavaScript
Objects VS Primitives6:58
In this lecture you will learn how objects and primitives act in different ways in JavaScript
The Special Keyword 'this'11:46
In this lecture you will learn 'this; keyword means in JavaScript and how it works
JavaScript Behind The Scenes

Section Introduction1:12
Learn to manipulate the document object model with JavaScript, selecting and styling elements, handling events, and creating elements as you build a notes manager app.
DOM - Introduction4:53
In this lecture you will have a brief overview about what Document Object Model (DOM) is.
Get Ready7:31
In this lecture you will get ready for starting to learn what is Document Object Model
Get and Manipulate On Individual Element - Part 113:10
In this lecture you will learn about how to get and manipulate on individual element using getElementById() method and using textContent and innerHTML properties
Get and Manipulate On Individual Element - Part 27:05
In this lecture you will learn about how to get and manipulate on individual element using querySelector() method
Get and Manipulate On Multiple Elements - Part 18:41
In this lecture you will learn about how to get and manipulate on multiple elements using getElementsByClassName() method
Get and Manipulate On Multiple Elements - Part 25:40
In this lecture you will learn about how to get and manipulate on multiple elements using getElementsByTagName() method, also you will learn about Array forEach() method
Get and Manipulate On Multiple Elements - Part 35:59
In this lecture you will learn about how to get and manipulate on multiple elements using querySelector() method
DOM Styles9:07
In this lecture you will learn about how to style elements using JavaScript
DOM Styles And Classes9:51
In this lecture you will learn about how to change styles using classes. You will meet className and classList properties.
Events - Part 16:38
In this lecture you will learn about what events are in JavaScript and how to fire them - Part 1
Events - Part 29:24
In this lecture you will learn about what events are in JavaScript and how to fire them - Part 2
Events - Part 311:21
In this lecture you will learn about what events are in JavaScript and how to fire them - Part 3
Get And Set Attributes8:35
In this lecture you will learn how to use getAttribute() and setAttribute() methods
DOM Navigation9:12
In this lecture you will learn about how to navigate the DOM
Creating Elements8:23
In this lecture you will learn about how to create elements using DOM
Project - Coding Task 32:41
In this lecture you will introduce to your second third coding task
Project - Coding Task 3 - Solution13:47
In this lecture you will see the solution of coding task No 3
Project - Edit And Delete Items - Part 111:00
In this lecture you will learn about ow to edit and delete items of the Note Manager - Part 1
Project - Edit And Delete Items - Part 29:37
In this lecture you will learn about ow to edit and delete items of the Note Manager - Part 2
Project - Hide Notes6:47
In this lecture you will learn about how to hide notes from the Note Manager
Project - Search Filter12:30
In this lecture you will learn about how to setup the search filter in Note Manager
Document Object Model (DOM)

Section Introduction1:01
Everything Is An Object6:03
In this lecture you will learn about that almost everything in JavaScript is an object
Function Constructor13:36
In this lecture you will learn about what function Constructor is and how it actually works in JavaScript
Prototype - Object Function6:29
In this lecture you will learn about what prototype is in JavaScript, also you will introduce to Global Object Function
Function Constructors And Prototypes12:58
In this lecture you will learn about how Function Constructors and Prototypes work together
Object.create()14:30
In this lecture you will learn about how to create objects using Object.create() method
First - Class Functions - Part 19:55
In this lecture you will learn about what first-class functions are in JavaScript - Part 1
First - Class Functions - Part 26:29
In this lecture you will learn about what first-class functions are in JavaScript - Part 2
Immediately Invoked Function Expression (IIFE)9:43
In this lecture you will learn about what Immediately Invoked Function Expressions are in JavaScript and how they actually work
Closures13:07
In this lecture you will learn about what closures are in JavaScript
call(), apply() and bind()9:33
In this lecture you will learn about call(), apply() and bind() methods in JavaScript
Advanced JavaScript

JSON Introduction7:16
Learn how Json, a lightweight data interchange format, uses name-value pairs to exchange text data between browser and server; practice Json.stringify and Json.parse and explore Ajax and local storage.
JSON & AJAX9:05
Learn how json and ajax work together to fetch data from a server asynchronously, parse json with json.parse, and compare json with xml for modern web applications.

Section Introduction0:45
Project Overview11:03
In this lecture you will have an overview of quiz application project
Get Ready4:35
In this lecture you will setup the files for starting to build quiz application
Module Pattern9:40
In this lecture you will learn about what module pattern is in JavaScript
Browser Local Storage6:56
In this lecture you will learn about what is browser local storage and how it works in JavaScript
Add Questions - Part 110:41
In this lecture you will learn about how to add questions on admin panel section - Part 1
Add Questions - Part 28:34
In this lecture you will learn about how to add questions on admin panel section - Part 2
Add Questions - Part 314:12
In this lecture you will learn about how to add questions on admin panel section - Part 3
Add Questions - Part 410:27
In this lecture you will learn about how to add questions on admin panel section - Part 4
Add Inputs Dynamically17:00
In this video you will learn about how to add inputs for options dynamically
Create Question List16:01
In this lecture you will learn about how to create question list
Edit Questions23:17
In this lecture you will learn about how to edit questions
Update Questions - Part 118:53
In this lecture you will learn about how to update question content - Part 1
Update Questions - Part 25:38
In this lecture you will learn about how to update question content - Part 2
Delete Questions6:41
In this lecture you will learn about how to delete question from question list
Clear Question List9:38
In this lecture you will learn about how to clear the entire question list
Display Questions14:43
In this lecture you will learn about how to display questions in quiz section
Display Progress6:51
In this lecture you will learn about how to display progress bar
Check Answer8:37
In this lecture you will learn about how to check the correct answer
Instant Answer16:14
In this lecture you will learn about how to display instant answer with the result
Proceed The Quiz9:43
In this lecture you will learn about how to display next question and proceed the quiz
Add Person12:55
In this lecture you will learn about how to create person object and add person on local storage
Get Full Name20:12
In this lecture you will learn about how to get first name and last name of user from landing page and store them on local storage
Final Result8:03
In this lecture you will learn about how to get the final result and display it on final result page
Create Result List8:39
In this lecture you will learn about how to create result list on admin panel
Delete Result9:37
In this lecture you will learn about how to delete the result from result list on admin panel
Clear Results10:31
In this lecture you will learn about how to clear the entire result list on admin panel

Section Introduction0:51
Array Helpers - forEach()5:22
In this lecture you will learn about array forEach() method in JavaScript
Array Helpers - map()6:28
In this lecture you will learn about array map() method in JavaScript
Array Helpers - filter() / find()7:04
In this lecture you will learn about array filter() / find() methods in JavaScript
Array Helpers - every() / some()11:06
Array Helpers - reduce()9:42
let / const Variable Declarations18:25
Template Strings11:40
Arrow Functions - Part 15:06
Learn how arrow functions in es6 reduce code with concise syntax, compare them to standard functions, and explore parameters, return values, and when to use them for anonymous functions.
Arrow Functions - Part 29:21
Discover how ES6 arrow functions simplify array operations with map and reveal lexical this, contrasting with ES5, while learning to use template strings and event listeners.
Arrays In ES67:05
Explore ES6 array features, convert HTML collections to arrays with Array.from, and use for-of to iterate list items and toggle the change class for interactive effects.
Default Parameters5:21
Learn how ES6 default parameters assign default values to function parameters when you create them, replacing ES5 workarounds with if statements or logical or operators.
Spread Operator10:00
Rest Parameter6:46
Destructuring8:21
Learn how destructuring in ES6 simplifies extracting array items and object properties, including rest and spread usage, and apply it inside functions for concise parameter handling.
Map and Set13:01
Classes17:20

Requirements

No coding experience is required! We will start from very basics and take you to the advanced level!
You just need a computer, web browser and code editor
Basic knowledge of HTML and CSS will be a plus, but it is not mandatory!

Description

THE COMPLETE JAVASCRIPT COURSE ON UDEMY!!!

JOIN THE COMPLETE AND ADVANCED JAVASCRIPT TUTORIAL ON UDEMY!!!

If you want to start learning to program or you already have some basic knowledge, then you are in the right place. This course gives you a chance to take your knowledge to the next level. You will start from very basics and reach the most advanced level.

Let's actually talk about what the course covers...

***INCLUDED:***

JavaScript Basics / Intermediate:

You will learn about the very basics of this language, like how to write JavaScript, what kind of syntax it has. What kind of data types JavaScript uses, functions, conditionals, objects, loops, etc. At the end of the section, you will be able to build your very first basic JavaScript application -- 'Digital Clock', followed by the coding task and quiz.

JavaScript Behind The Scenes:

In this section, you will be able to learn how JavaScript works behind the scenes. If you want to be a real JavaScript developer then you definitely need to understand how the code actually works, how the JavaScript engine executes and runs the code under the hood. You will cover very important topics, such as the global execution context and global object, what is execution stack, scope, and scope chain, hoisting, the special keyword 'this' etc. At the end of the section, you will check your knowledge with a quiz.

Document Object Model (DOM):

You will learn how to manipulate individual and multiple elements, how to change the web page content, how to style the elements using JavaScript and much more. In this section, you will build your next project -- 'Note Manager', which will be more complex and interesting than the previous one.

Advanced JavaScript:

This is the section where you will feel confident in JavaScript because you will be able to learn and understand the most advanced concepts in JavaScript. You will cover the following topics: function constructors, prototypal inheritance, prototype chain, first-class functions, closures and much more...

Advanced JavaScript Project - Quiz Application:

When you reach this point, you will be able to build the most advanced real-world application using pure JavaScript. You will learn how to write a real-world app using object-oriented JavaScript, you will be familiar with how to organize, structure and make your code safer using JavaScript Patterns.

Next-Generation JavaScript:

At the end of the course, you will be able to get familiar with the latest updates of JavaScript. You will learn about the next version of JavaScript, ES6 or ECMAScript2015. You will cover the following topics: Get familiar with Array helpers, let/const block-level variable declarations, arrow functions, template strings, default parameters, spread operator, rest parameter, destructuring, classes and much much more...

JavaScript Interview Questions:

The last section of the course will help you to get ready for your JavaScript interview. In this part, you will meet commonly asked JavaScript questions on the interviews and the relevant answers on them.

Test your knowledge with lots of QUIZZES AND CODING TASKS!!!

24/7 Support From The Instructors!!!

JOIN US!

Who this course is for:

Student who wants to start learning JavaScript from scratch
Student who has some knowledge in JavaScript and wants take it to the advanced level
Student who is specialized in other programming languages and wants to get deep understanding in JavaScript
Everyone who wants to learn and become a master in one of the most powerful programming language in the world

JavaScript Bootcamp - Build Real World Applications

What you'll learn

Explore related topics

Course content

JavaScript Essentials17 lectures • 1hr 11min

From Basics To Intermediate JavaScript13 lectures • 1hr 34min

JavaScript Behind The Scenes8 lectures • 1hr 4min

Document Object Model (DOM)22 lectures • 3hr 3min

Advanced JavaScript11 lectures • 1hr 43min

JSON & AJAX2 lectures • 16min

Project - The Quiz Application27 lectures • 5hr

Next Generation JavaScript17 lectures • 2hr 33min

JavaScript Interview Questions2 lectures • 17min

BONUS1 lecture • 1min

Requirements

Description

Who this course is for: