JavaScript Essentials Online Course

JavaScript Essentials Online Course

This course provides a complete journey into JavaScript, one of the most popular programming languages for web and app development. You’ll start by creating your first webpage and exploring Visual Studio Code, then move on to JavaScript fundamentals like data types, variables, Booleans, and comments. As you progress, you’ll tackle intermediate topics such as arrays, objects, and DOM manipulation, before diving into modern JavaScript (ES6–ES9) and object-oriented programming. By the end, you’ll have a solid grasp of JavaScript and the skills to build your own interactive, creative projects.

Who should take this course?

This course is ideal for beginners, aspiring web developers, and programmers who want to learn the fundamentals of JavaScript. It’s also perfect for students and professionals looking to build interactive and dynamic web applications from scratch.

What you will learn

• Understand the basic concepts of JavaScript
• Learn intermediate-level JavaScript programming
• Learn all about object-oriented programming in JavaScript
• Understand JavaScript fundamentals such as variables, functions, and more
• Learn and understand asynchronous programming in JavaScript
• Learn and understand JSON objects

Course Outline

Introduction

• Introduction - What You Will Learn in Our Complete JavaScript Essential Course

JavaScript Basics

• Writing Your Very First JavaScript App
• Writing in the Document Using JavaScript
• Adding Comments
• String and Number Data Type
• Variables in JavaScript
• Variable Naming Conventions
• JavaScript Boolean and Undefined Data Type
• Arithmetic Operators
• Assignment Operators
• Conditional Statements
• Comparison Operators
• Logical Operators
• Conditional Statement Detailed
• Make a Bookstore Conditional Statements
• Bookstore Project with Nesting
• A Simple Fact about Boolean Values
• String Methods
• Truthy values and Falsy Values
• Number Methods
• Array Methods
• JavaScript External File
• JavaScript Functions
• Local and Global Variables
• Objects
• Methods in Objects
• Bookstore Project with Objects
• Switch Statement
• Switch Statement with Comparison Operators
• Make an Interactive Calculator
• Switch with Multiple Cases
• Array Iteration
• Array Iteration with Comparisons
• For Loops
• Continue and Break Statement
• Nested Looping
• Make Math (2 to 12)
• For Loop Arrays
• Do While and While Loop
• For In with Arrays and Object

JavaScript Intermediate

• Make Tea Multiple Array
• Array Inside an Object
• Iterate Object and Array (project)
• Object Inside an Array
• Document Object Model
• Get HTML in JavaScript
• Playing with Inner HTML
• Inner and Outer HTML and Text
• Styling HTML in JavaScript
• Events in JavaScript
• Calling Events from JavaScript
• Image Changer Using Dom and Event (project)
• Create HTML Elements and Attributes
• Events and Dom

JavaScript ES6, ES7, ES8, and ES9

• String Literals
• Tagged Templates
• Default Functions
• Rest Operator
• Arrow Function
• Arrow Function with Foreach
• For Of
• ES8: String Padding
• ES8: Object Entries, Values, Keys
• ES9 Rest Properties Part 1
• ES9: Rest Properties Part 2

Object-Oriented Programming in JavaScript

• Object Literals and Its Problems
• Constructors Function and Its Benefits
• What is Prototype?
• Object Create Method
• Sorting Student Groups Data in OOP (Object-Oriented Programming)
• Classes in JavaScript
• Call and Create with Classes
• Static Methods in Classes
• Sorting Student Groups Data in OOP Using Classes