JavaScript (Video-Based)

Course details

This course will introduce you to the basics of the JavaScript language. We will cover concepts such as variables, looping, functions, and even a little bit about debugging tools. You will understand how the Document Object Model (DOM) is used by JavaScript to identify and modify specific parts of your page. After the course, learners will be able to react to DOM Events and dynamically alter the contents and style of their page. The class will culminate in a final project - the creation of an interactive HTML5 form that accepts and verifies input.


Our JavaScript Tutorial is designed for beginners and professionals both. JavaScript is used to create client-side dynamic pages
.
JavaScript is an object-based scripting language which is lightweight and cross-platform.

JavaScript is not a compiled language, but it is a translated language.

The JavaScript Translator (embedded in the browser) is responsible for translating the JavaScript code for the web browser.

JavaScript course curriculum
 
  
Some of the main objectives of this course include helping you understand:
 

• What JavaScript is and where it is used

 

• Basic programming concepts like variables, data types and conditional statements

 

• What functions are and why they're useful

 

• Build and use logical statements to make decisions within your code

 

• Build JavaScript programs leveraging functions, loops and iterative programming constructs
• Make your web pages comes to life with Interactive Content

 

• Handle data and updating page content without page refreshes using JSON and AJAX

 

• Incorporating JavaScript into your HTML pages

 
 

• How to troubleshoot programming problems

 

• The syntax of the JavaScript programming language

 

• Implement and maintain hypertext-based Web sites using authoring and scripting languages
• Create Web content

 

• Use Web management tools and digital media tools

 

• Apply human-factor principles to design

 

• Get a strong foundation in JavaScript to become ready for Full Stack Web Development using frameworks like Angular and
• Proceed on your journey for MEAN/MERN web developer career tracks

 
 
 
 Course Content
 
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 Statement

 

• The while Statement

 

• The 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 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

Updated on 07 February, 2021