Objectives:

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