Practical JavaScript & ES6 concepts Mostly used in Projects

Name: Practical JavaScript & ES6 concepts Mostly used in Projects
Rating: 4.5 (147 reviews)

Learn to build real world website and projects using JavaScript and ES6 features

Created byRanjan Pandey

Last updated 6/2023

English

What you'll learn

You will learn everything about JavaScript
You learn different JavaScript and ES6 concepts with hands-on practical examples
You will learn to use different JavaScript and ES6 concepts to build projects of your own
You will learn the skill of debugging, finding issue and fixing them

Course content

6 sections • 48 lectures • 8h 25m total length

Course Overview2:40
Engage in a practical JavaScript masterclass covering setup and installation, introduction, variables, operators, dom manipulation, fetch and JSON, and ES6 concepts like template literals and destructuring with hands-on projects.
About your Instructor0:18
Introduction to the World of JavaScript8:21
Learn how JavaScript, an interpreted scripting language, adds dynamic behavior to web pages by manipulating the DOM, applying logic and validation, and enabling data fetches from servers.
JavaScript Popularity and ECMAScript evolution4:37
Installation and setup1:46
Writing your first javascript8:36

datatype and variables10:43
comments in javascript5:10
Master practical JavaScript and ES6 concepts by learning how to use comments in JavaScript, including single-line and multi-line comments, and how to comment out code.
operators and operands23:21
string concatenation8:43
string functions17:33
scope in javascript15:03
Understand JavaScript scope, including global, local, and function scope, and learn how let and const manage variable accessibility and immutability in code.

if else switch case15:28
Explore control statements in javascript and es6, mastering if else and switch case to drive program flow through true/false conditions, comparisons, booleans, and default paths.
object in javascript11:32
array in javascript24:06
Explore arrays in JavaScript: create arrays with mixed data types, access elements by index, check length, and use push, splice, and sort, plus array vs object concepts.
function in javascript18:43
alert prompt confirm parse in javascript14:47
loops in javascript23:49
spread operator4:23
ternary operator3:19
Explore the ternary operator in JavaScript, a handy one-line conditional. Learn how condition ? trueValue : falseValue selects output based on a true or false condition.
array filter function5:43

understanding DOM4:53
Master the document object model and learn to select HTML elements by id, class, or tag, then dynamically modify their properties with JavaScript.
manipulating DOM with javascript30:08
Learn to select and manipulate dom elements with JavaScript, using getElementById, getElementsByClassName, and querySelector, then read and set values, innerText, and attributes to modify content and styles.
event and event-listener in javascript29:16
Explore how events and event listeners in JavaScript trigger on click, change, focus, and keydown, and learn DOM manipulation and binding to modify elements and text.
setTimeout and clearTimeout12:35
Schedule code with setTimeout to run after a delay and cancel it with clearTimeout when needed. The lecture demonstrates timer creation and delaying DOM updates, with cancellation for expiry scenarios.
setInterval and clearInterval12:44
Use setInterval and clearInterval to run code repeatedly in JavaScript, compare with setTimeout, and implement dynamic updates like color changes on the page.
Date and Time Part-122:09
Date and Time Part-25:31
Learn to calculate new dates and time differences using milliseconds, measure code performance, and build clocks and a world clock that reflects different time zones in JavaScript.
JSON object and its manipulation8:59
Arrow function15:03
Window, document, localStorage, sessionStorage39:18
Math object and various functions11:57
arrow-function-in-es64:46
spread-operator-in-es65:00
forEach loop vs normal for loop5:17
includes in js3:11
Learn to use the includes method in js to check if a name exists in an array. Shows whether the employee exists or not and aligns with front end usage.
filter function in js3:34
default parameters in es61:06
Multi line string in es61:13
Template Literals in es62:51
Modules export import in es65:05
Explore es6 modules by exporting values and functions from one file and importing them into another. Learn to use relative paths and declare the module type for proper loading.
Array and Object destructuring in es66:24
Optional Chaining in es65:01
Explore optional chaining in ES6 to safely access nested object properties, preventing runtime errors when intermediate objects, like contact or mobile, are missing.

Requirements

No programming experience
Only a computer with internet and interest to learn is sufficient

Description

In this course, you will learn different concepts of JavaScript and ECMA Script 6 in a complete practical hands-on based approach.

There is no prerequisite for this course. Anyone with an interest to learn will be able to get started.

This course not only covers different topics of JavaScript and ES6 from scratch but also has many projects and real-world scenarios that will make a real modern JavaScript developer.

Following are the topics that will be covered in this Javascript Mastery course:

Setup Installation
JavaScript Introduction
ECMAScript evolution
Different types of Data types in Javascript
Variables & Constants
Different types of Comments in Javascript
Various Operators and their working on Operands
String and String manipulation
What is Variable Scoping
Control statement like if, else, switch-case-break
Loops - for, for of, forEach, while, do-while
Working with Arrays
Working with Objects
What are Functions and how to create custom functions and call them
What is the use of Prompt
What is the use of Confirm
What is the use of Alert
What is Document Object Model(DOM)
DOM manipulation using Javascript
Event and Event Listener
Set Timeout and Set Interval
Clear Timeout and Clear Interval
Date and Time operation and using its various methods
Working with Math Object
Working with JSON
Window and document object
location and history
localStorage and sessionStorage
Calling API with Fetch
What is the Ternary operator and how to use it.
What is the Array Filter function and how to use it.
Debugging and Troubleshooting in JavaScript
Template literals (Template strings) in ES6
Object Destructuring assignment in ES6
let and const
Spread operator
Arrow function expressions
Optional Chaining
We will also do Multiple projects in order to understand different concepts.
You will also get the complete source code of the whole course

Who this course is for:

Anyone who wants to learn about frontend development and want to become a true Frontend Developer

Practical JavaScript & ES6 concepts Mostly used in Projects

What you'll learn

Explore related topics

Course content

Introduction & Setup6 lectures • 26min

Basic JavaScript Programming Concepts6 lectures • 1hr 21min

Intermediate JavaScript Programming concepts9 lectures • 2hr 2min

Advance JavaScript Programming concepts22 lectures • 3hr 56min

Projects3 lectures • 41min

Source code2 lectures • 1min

Requirements

Description

Who this course is for: