JavaScript Programming

Uplatz provides this comprehensive JavaScript course. It is a self-paced course consisting of video lectures. You will be awarded Course Completion Certificate at the end of the course.

JavaScript is one of the most powerful and flexible programming languages of the web. JavaScript is often used along with HTML and CSS to develop robust and rich web applications.

JavaScript is the cornerstone of modern web development, powering dynamic, interactive websites alongside HTML and CSS. As the most widely used programming language, it enables developers to build:

• Front-end applications (with frameworks like React, Angular, or Vue)

• Back-end services (via Node.js)

• Mobile apps (using React Native, Ionic)

• Even desktop software (Electron.js)

Its lightweight, cross-platform nature and seamless integration with HTML make it indispensable for creating scalable, network-centric applications.

This hands-on training covers beginner to advanced concepts, including:
Core Fundamentals – Variables, data types, operators, and functions
DOM Manipulation – Create dynamic, interactive web pages
ES6+ Modern Syntax – Arrow functions, destructuring, promises, and more
Object-Oriented Programming – Constructors, prototypes, and classes
Asynchronous JavaScript – Callbacks, async/await, and AJAX
Debugging & Best Practices – Write clean, efficient code

Through practical examples and mini-projects, you’ll:

• Develop responsive web components

• Use JavaScript libraries to streamline development

• Master event handling and closures

• Create HTML5-based applications with interactive features

• Beginners with no prior coding experience

• Web designers transitioning to full-stack development

• Developers refreshing their JS skills

• Professionals preparing for JavaScript-based frameworks (React, Node.js, etc.)

• Structured Learning Path – Progress from basics to advanced topics seamlessly.

• Real-World Projects – Apply concepts to build portfolio-worthy examples.

• Industry-Relevant Skills – Learn the latest ES6+ standards and best practices.

• Lifetime Access – Learn at your own pace with 24/7 video access.

Enroll now to master JavaScript—the language that powers the web!

Certificate of completion

Digital certificate - Included

Reed courses certificate of completion

Digital certificate - Included

• JavaScript - all lectures 33:24:37

  • 1: Overview of JavaScript - Advantages of JS - Difference between Java and JS Preview 1:06:41
  • 2: Outputting Text - Display Properties - History and Location Objects 59:04
  • 3: Practical Demo 13:04
  • 4: Statements - Keywords - Variables - Data Types - Comments 59:43
  • 5: Variable Hosting - Casting - Operators - Built-in Constants - Objects 1:12:02
  • 6: Practical Demo 18:09
  • 7: Strings - Find and Replace - Representation of Numbers - String Object Metho 1:13:02
  • 8: Dates - Dialog Boxes 1:02:00
  • 9: Comparison Operators - Built-in Functions - Looping 1:01:29
  • 10: Practical Demo 33:55
  • 11: Arrays - Types of Arrays 1:15:21
  • 12: Practical Demo 20:50
  • 13: Array Manipulation - Event Handlers - Incorporating JavaScript into HTML Pages 1:01:54
  • 14: Practical Demo 10:37
  • 15: Shallow Cloning - Iterate to get Keys - Object Properties 1:01:13
  • 16: Practical Demo 12:05
  • 17: Attributes - Hiding Scripts - Command Blocks - HTML Layout 1:00:54
  • 18: Practical Demo 06:27
  • 19: Mathematical - Bitwise Operators - Constructors - Declarations 1:05:54
  • 20: Practical Demo 05:28
  • 21: Function and Function Scoping - part 1 42:15
  • 22: Function and Function Scoping - part 2 15:24
  • 23: Practical Demo 04:11
  • 24: Recursive Function - Functional JavaScript - Prototypes and Objects - Classes 57:28
  • 25: Practical Demo 05:51
  • 26: Getters and Setters - Namespacing - Context this - Events - Inheritance 59:55
  • 27: Practical Demo 06:43
  • 28: Method Chaining - Callbacks - Intervals and Timeouts - Regular Expressions 52:10
  • 29: Cookies - Web Storage - Data Attributes - JSON - Timestamps 57:13
  • 30: Practical Demo 07:32
  • 31: AJAX - Enumerations - Map - Unary Operators 59:25
  • 32: Practical Demo 09:55
  • 33: Generators - Iteration - Promises - Error Handling with Promises 1:00:06
  • 34: Practical Demo 07:40
  • 35: Sets - Modals - Prompts - History - Navigator Objects - BOM 59:23
  • 36: Practical Demo 02:46
  • 37: Event Loop -Strict Mode - Custom Elements- Data Manipulation - Template Literals 51:24
  • 38: Practical Demo 02:41
  • 39: Fetch - Scope - Modules 1:00:56
  • 40: Screen - Variable Coercion - Destructuring Assignment - Web Sockets - Arrow 53:59
  • 41: Creational Design Patterns - Detecting Browser and Symbols - Transpiling - ASI 49:45
  • 42: Localization - IndexedDB - Proxy - Weak Set - Weak Map 53:45
  • 43: Escape Sequences - Server-sent Events - Async Functions - Iterators 58:11
  • 44: Tail Call Optimization - File API - Blobs - FileReaders - Web Cryptography 1:08:00
  • 45: Security Issues- Error Handling -Debugging - Memory Efficiency- Reserved Keyword 54:42
  • 46: Interview Questions & Answers - JavaScript 1:08:18
  • 47: Logical Solving Problems - Programs - JavaScript 57:07
  • 48: JavaScript Booklet 05:00
  • 49: JavaScript Glossary 05:00
  • 50: JavaScript Interview Questions 08:00

Course Outcomes

• Write business logic for websites and apps
• Build data-driven web apps using JavaScript
• Work efficiently with Objects and Arrays
• Use JavaScript in an Object-Oriented manner
• Build modular apps using ECMAScript modules
• Use Date & Time capabilities and timers in apps

JavaScript - Course Curriculum

Introduction to JavaScript

• Introduction to Scripting

• JavaScript Characteristics

• JavaScript and Common Programming Concepts

• JavaScript Flavors and Versions

• Technologies Based on JavaScript

• Server-Side vs. Client-Side Applications

• Annotating Your Code with Comments

• Expanding the Role of JavaScript

Working with Variables and Data in JavaScript

• Using JavaScript to Communicate with the User

• Using Data More Than Once: Variables

• JavaScript Operators

• JavaScript Expressions

• JavaScript Alerts and Prompts

• Inline Scripting, Simple User Events and Basic Event Handlers

• JavaScript Keywords and Reserved Words

Functions, Methods and Events in JavaScript

• Introduction to Functions

• Defining a Function

• Calling a Function

• Methods as Functions

• Types of Functions

• User Events and JavaScript Event Handlers

Debugging and Troubleshooting JavaScript

• What is Debugging?

• Tools for Debugging Code

• Testing Code in Various Browsers

• Debugging Logic Errors

• JavaScript and Mobile Devices

Controlling Program Flow in JavaScript

• Controlling Decisional Program Flow

• The if...else Statement

• The while Statement

• The do...while Statement

• The for Statement

• The break Statement

• The continue Statement

• The switch Statement

The JavaScript Document Object Model (DOM)

• The JavaScript Document Object Model (DOM)

• The window Object

• The document Object

• The image Object

• The history Object

• The location Object

• The navigator Object

• The Virtual DOM

JavaScript Language Objects

• Introduction to JavaScript Language Objects

• The String Object

• Evaluating Strings

• JavaScript Regular Expressions

• The Array Object

• The for Each Method

• The Map Method

• The Date Object

• Setting and Extracting Time Information

• The Math Object

Custom JavaScript Objects

• Creating Custom Objects

• Creating a JavaScript Object: The Constructor

• Creating an Instance of a Custom Object

• Creating Object Methods

• Creating Functions for your Objects

• Concept of Classes

• Iterators and Generators

• Call, apply and bind

Changing HTML on the Fly

• Changing HTML on the Fly

• Using the getElementById Method

• Using the getElementsByName Method

• Using the getElementsByTagName Method

• Using the getElementsByClassName Method

• Modifying Attributes within the DOM

• Appending Text to the DOM

Developing Interactive Forms with JavaScript

• Interactive Forms

• Overview of Form Elements

• Referring to Form Elements

• The form Object

• The input Elements and text Objects

• The textarea object

• The select Object

• Form Validation

• Common form Security Errors

JavaScript Security

• Introduction to JavaScript Security Issues

• Browser vs. Operating System

• Browser-Specific Security Issues

• Browser Compatibility and Client-Side Detection

• Script Blocking

• Differences in document.write Among Browsers

• Malicious and Accidental Coding

• Frame-to-Frame URL Changing

• Signed Scripts

• Cross-Site Scripting (XSS)

• Cookies and Security in JavaScript

• Ethics in Collecting, Storing, Using and Protecting User Data

• Creating Secure JavaScript Code

JavaScript Libraries and Frameworks

• Introduction to JavaScript Libraries and Frameworks

• Choosing a Code Library

• External and Pre-made Scripts

• Loading Your First Library

• Using JavaScript Library Plug-ins

• Using Frameworks

• Best Practices with JavaScript Libraries and Frameworks

• Copyright Issues and JavaScript

JavaScript and AJAX

• Introduction to AJAX

• Handling Data and Content Types

• Interactions Among JavaScript, Data and HTML

• Using AJAX Scripts

• AJAX and Servers

• AJAX and Databases

• Usability Issues with AJAX

• Combining AJAX with Libraries

Introduction to Web APIs

• Web Application Programming Interface (API)

• The Web Storage API

• The Geolocation API

• The Canvas API

• Who: No prior coding experience.

• Goals:

  • Learn programming fundamentals.

  • Build a foundation for web development.

• Outcome: Ability to write basic scripts and understand web interactivity.

• Who: Those familiar with HTML/CSS but new to JavaScript.

• Goals:

  • Add interactivity to static websites.

  • Transition to full-stack development.

• Outcome: Master DOM manipulation and dynamic web features.

• Who: Python, Java, or PHP developers.

• Goals:

  • Learn JavaScript for Node.js or full-stack roles.

  • Understand asynchronous programming (APIs, Promises).

• Outcome: Ability to integrate JS with server-side logic.

• Who: Professionals from non-tech fields (e.g., marketing, finance).

• Goals:

  • Start a career in web development.

  • Build portfolio projects (e.g., apps, games).

• Outcome: Competitive skills for entry-level dev roles.

• Who: College students or self-learners.

• Goals:

  • Supplement coursework with practical skills.

  • Prepare for internships or freelance work.

• Outcome: Hands-on experience with real-world projects.

• Who: Figma/Sketch designers.

• Goals:

  • Prototype interactive designs.

  • Collaborate better with dev teams.

• Outcome: Basic scripting for animations and UI logic.

• Who: Non-devs managing web projects.

• Goals:

  • Understand web functionality to hire/train teams.

  • Customize websites (e.g., Shopify, WordPress).

• Outcome: Ability to tweak scripts and debug issues.

Passion & determination to succeed!

• Full Stack Web Developer
• Frontend Developer - HTML/CSS/JavaScript
• JavaScript Developer
• UI Developer - JavaScript/HTML
• Software Developer
• Web Application Developer
• Full Stack Engineer
• Backend Developer – Java/JavaScript/Python
• Software Programmer
• Technical Lead
• Solution Architect
• Full Stack JS Engineer

Currently there are no Q&As for this course. Be the first to ask a question.