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
