Bundle Course - Full Stack Web Development (MERN and MEAN)

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> element is the generic container for flow content and does not inherently represent anything. Use it to group elements for purposes such as styling (using the class or id attributes), and inline level and block level separation.

• Div and Span Tags for Grouping

HTML - Lists

The HTML <li> element is used to represent an item in a list. It must be contained in a parent

element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). In menus and unordered lists, list items are usually displayed using bullet points, now we are going to check how to use html list.

• 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 <iframe> element represents a nested browsing context, effectively embedding another HTML page into the current page. This module will help you make use of iframe tag.

• Attributes Using
• iframe as the Target

HTML - Forms

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

HTML - Headers

The HTML <head> element 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 HTML <Meta> element represents metadata that cannot be represented by other HTML

meta-related elements, like <base>, <link>, <script>, <style> or <title>. This module will help you learn Meta

• Tags, xhtml and deprecated tags
• HTML Meta Tag
• XHTML
• HTML Deprecated Tags & Attributes

 

CSS3

CSS Introduction

• CSS Syntax
• CSS Id & Class
• CSS Styling
• Styling Backgrounds
• Styling Text
• Styling Fonts
• Styling Links
• Styling Lists
• Styling Tables
• CSS Box Model
• CSS Border
• CSS Outline
• CSS Margin
• CSS Padding
• CSS Advanced
• CSS Grouping/Nesting
• CSS Dimension
• CSS Display
• CSS Positioning
• CSS Floating
• CSS Align
• CSS Navigation Bar
• CSS Image Gallery
• CSS Image Opacity
• CSS Image Sprites
• CSS Media Types

Selectors and Pseudo Classes

• Attribute Selectors
• The Target Pseudo-Class
• UI Element States Pseudo-Classes
• Negation Pseudo-Class
• Structural Pseudo-Classes

MongoDB

Introduction to NoSQL Architecture with MongoDB

• What Is MongoDB?
• Downloading the required Software
• Installation and Configuration
• MongoDB Advantages
• MongoDB Data Modelling
• MongoDB Tools, Collection and Documents
• Configuration Files
• Touring the File Structure
• Securing the Installation

 

CRUD and the MongoDB Shell

• Introduction to CRUD
• Introduction to the MongoDB API
• Creating a Database, Collection and Documents