Introduction of Web Design
Basics of Web Designing & Development
What are the New Features of Web Designing & Development ?
Introducing Web Designing & Development Environment
Web Designing & Development Development Kit
Course Syllabus
Introduction of HTML
HTML 5
DOCTYPE and Character Set
Depreciated Elements
Semantic Markup
Selection using the Selectors API
JavaScript Logging and Debugging
Window.JSON
DOM Level
Using HTML 5
HTML5 Page Structure
HTML5 DOCTYPE
HTML5 markup structural elements
Semantic elements
HTML5 Forms
HTML Forms VsXForms
Functional Forms
New Form Attributes and Functions
Placeholder Attribute
Autocomplete Attribute
Autofocus Attribute
List Attribute and datalist Element
Min and Max attributes
ValueAsNumber attribute
Required Attribute
Checking Forms with Validation
Validation Feedback
HTML5 Canvas & SVG
Overview of Canvas Vs. SVG
Canvas coordinates
Drawing Operations
Canvas Transforms
Understanding and Working with SVG
HTML Storage 5
Overview of HTML5 Web Storage
Browser Support for HTML4 Web Storage
Using the HTML5 Web Storage
Checking for Browser Support
Setting and Retrieving Values
Plugging Data Leaks
CSS3 Overview
Introducing CSS3
CSS3 Colors, Gradients and Multiple Backgrounds
Rounded Corners and Border-Radius
CSS3 Transforms
Transitions
Animations & 2D Transformations
CSS3 Multicolumn Layouts
CSS3 Flexbox
Introduction
Box Model basics
Container
Direction
Wrapping
Justifying & Alignments
Display order
Flexibility
Alignment
CSS Grid
Introduction
Grid Layout
Grid Elements
Placing Grid Lines
Attaching Elements to the Grid
Order and Align Items in Grid Layout
Grid Flow
Opening Grid Spaces
Introduction About Web Development
Web Development Introduction
Web Application Architecture
Types of Web Application
Modern Web Development
Front End Development Introduction
IDE Setup for Web Development
HTML and CSS
JavaScript
A JavaScript Runtime
Node JS installation
Node JS Shell
Creating your first JavaScript Program
Running JavaScript Code using the Node JS
Difference between Node JS and NPM
Creating New Node Project
Bringing Library Code using the NPM
Different kinds of Dependencies
Managing NPM Scripts
JavaScript Programming Language –Basic
An Introduction to JavaScript
JavaScript Fundamentals
JavaScript Coding Block and Syntax
Variables and Data Types
Declaring New Variable
Assigning Value to The Variable
Reassigning Value to the Variable
Constant in JavaScript
Number, String, Boolean
Null and undefined in JavaScript
Data Types Conversion
Different Types of Operators
Comparison Operators
JavaScript Programming Language –Fundamentals
Conditions Introduction
If Conditions
Multiple If Conditions using the else if conditions
Logical Operators in conditions
Switch Cases Statement
Default in Switch Cases
Loops Introduction
For Loops
While Loops
Do while Loops
Function in JavaScript
Function Expressions
Parameters in Functions
Optional Parameter in Functions
Return in Functions
Function Invoking
Objects
JavaScript Programming Language –Intermediate
Methods for Number, String
Array Methods
Array Push, Pop, Slice Methods
Loop an Array using For Each Methods
Map, Filter, and Reduce Methods Class in JavaScript
Class Syntax
New Keyword
Creating an Object using a Class
Properties and Methods
Constructors in Class
This Keyword
Class Inheritance
JavaScript Programming Language –Advance
Arrow Function in JavaScript
Sync and Async Difference
Introduction to Async Programming
Call-backs and its examples
Promises Introduction
Resolve and Reject in the Promises
Then, Catch and Finally in Promises
Converting a function to Async
Await keyword and its examples
Error Handling in JavaScript
Try Catch –Error Handling
Modular Programming
Difference between the Common JS and ES16 Import and Export
Working with JSON Data
JSON Methods
Document Object Model
Document Structure in Browser
DOM Trees
Accessing the DOM Tree
Finding the Elements
Get Element by ID and Class Name
Query Selector
Node Properties –Types, Tag, and Contents
Attributes
Properties
Styles and Class
Element Size and Window Size
Coordinates
Layouts and Scrolling
Events Handling
Introduction to Browser Events
Events and DOM Nodes
Event Objects Propagation
Bubbling and Capturing
Event Delegation
Browser Default Actions
Dispatching Custom Events
Basic Mouse Events
Advance Mouse Events –Mouse Over, Mouse Out, Mouse Enter, Mouse Leave
Drag and Drop with Mouse Events
Keyboard Events–Key Down and Key Up
Scroll Events
Events and the Event Loop
Timer
Forms, Controls
Form Properties and Methods
Focus Events –Focus, Blur
Events Change, Input, Cut, Copy, Paste
Forms: Events and Method Submit
Document and Resource Loading
DOM Content Loaded, Load, Before Unload, Unload
Scripts: Async, Defer
Resource Loading: Onload and on error
Fazlur Rahman
Trainer has more than 5 years of expertise. Extensive IT Training Experience Individual Care for Students ISTQB Certified Faculty in Software Testing Project Experience . Online training is also available.
Web Design Training in Chennai Key Skills
Advantages in TutorsBot
- Placement Team for Job Assurance to Course Enroller
- Professional Trainer from IT Industry
- Deidicated Support Team for Training and Development
- Practical Training Program includes Hand On Project Session
- More than 150 Subject Matter Expert Community
- Five Years of Training Services Provider
- Placed More than 850 Students
