JavaScript Programming

A warm welcome to the JavaScript course by Uplatz.

JavaScript is one of the three core programming languages web developers should know, it programs the behavior of web pages giving your users a rich and responsive experience. JavaScript is at the core of the full stack web development and helps you progress your career as a Full Stack MEAN/MERN web development tracks. JavaScript is a scripting language that enables you to create dynamically updating content, control multimedia, animate images, and pretty much everything else.

In summary, JavaScript is a programming language that drives the web: from front-end user interface design, to backend server-side programming, you'll find JavaScript at every stage of a web site and web application. It allows you to implement complex features on web pages - every time a web page does more than just sit there and display static information for you to look at - displaying timely content updates, interactive maps, animated 2D/3D graphics, scrolling video jukeboxes, etc. - you can be sure that JavaScript is probably involved. It is the third layer of the layer cake of standard web technologies, the other two being HTML and CSS.

In simplest terms, JavaScript is the Programming Language for the Web. JavaScript can update and change both HTML and CSS. It can calculate, manipulate and validate data. JavaScript can be used to create special effects such as rollover images and pop-up windows and is also useful for analysis tasks like browser checking or form validation.

Uplatz provides this comprehensive JavaScript course with end-to-end demonstration of concepts starting from the most fundamental to the most advanced features of JavaScript. This course also includes the a full session (with free downloadable booklet) on the most important JavaScript interview questions and answers. Additionally, this JavaScript training provides you a comprehensive session on logical reasoning problems & solutions in JavaScript, again with a freely downloadable booklet of the session.

This JavaScript training will empower you with the skills to design client-side, platform-independent solutions that greatly increase the value of your Web site by providing interactivity and interest. You will learn how to use JavaScript to communicate with users, modify the Document Object Model (DOM), control program flow, validate forms, animate images, create cookies, change HTML on the fly, and communicate with databases.

The first phase of this JavaScript course focuses on essential JavaScript principles and techniques, including common programming practices, working with variables and data, and using functions, methods and events. This JavaScript course by Uplatz will familiarize you with programming basics such as writing program instructions that work with variables, numbers and text, adding comments to your code, gathering input from a user and giving a response, creating simple dialog boxes that prompt the users, etc.

The next part of the JavaScript course then focuses on intermediate JavaScript programming techniques that will build upon your knowledge and present solutions for more functional and exciting Web pages. These include using control structures for program flow, manipulating the JavaScript DOM, using language objects, creating expressions, and creating and using custom objects.

Finally you will learn how to apply JavaScript programming techniques to develop interactive forms, change HTML dynamically, create and use cookies, and explore security issues related to JavaScript. You will also take a deep-dive into how to build extensions to the JavaScript language, including JavaScript code libraries, Web APIs and advanced interactive Web applications with AJAX. You will also learn throughout the course the tools and techniques for debugging and troubleshooting your JavaScript code. The JavaScript training will familiarize you to Frames, Cookies in JavaScript, working with Objects and Methods, and embedding JavaScript within HTML.

By the end of this JavaScript course, you will be able to understand the core concepts and programming constructs on JavaScript and be able to use JavaScript to build complex web applications.

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

JavaScript course 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 Node.js

• Proceed on your journey for MEAN/MERN web developer career tracks