Bundle Course - Full Stack Web Development

(Java - JS - MongoDB - ReactJS - HTML5 - CSS3)

Course Curriculum

JavaScript

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 text area 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 Geo location API
• The Canvas API

HTML5 & CSS3

HTML5

Introduction

• History of HTML
• What you need to do to get going and make your first HTML page
• What are HTML Tags and Attributes?
• HTML Tag vs. Element
• HTML Attributes
• How to differentiate HTML Document Versions

HTML - Basic Formatting Tag

• HTML Basic Tags
• HTML Formatting Tags
• HTML Color Coding

HTML - Grouping Using Div Span

The HTML

• Div and Span Tags for Grouping

HTML - Lists

The HTML

• element is used to represent an item in a list. It must be contained in a parent

element: an ordered list (

), an unordered list (
), or a menu (

• Unordered Lists
• Ordered Lists
• Definition list

HTML - Images

• Creating an image
• Choosing alt text
• Responsive image using the secret attribute
• Responsive image using picture element

HTML - Hyperlink & Anchors

• Link to another site
• Link to an anchor Link to a page on the same site Link that dials a number
• Open link in new tab/window
• Link that runs JavaScript Link that runs email client

HTML - Tables

• Simple Table
• Spanning columns or rows
• Column Groups
• Table with thead, tbody, tfoot
• Heading scope

HTML - iframe

The HTML

• Attributes Using
• iframe as the Target

HTML - Forms

• Submitting
• Target attribute in form tag
• Uploading Files
• Grouping a few input fields

HTML - Headers

The HTMLelement provides general information (metadata) about the document,

including its title and links to its scripts and style sheets.

• Title
• Base
• Link
• Styles
• Script

HTML - Miscellaneous

The HTMLelement represents metadata that cannot be represented by other HTML

meta-related elements, like , ,