HTML5, CSS3 and JAVASCRIPT TRAINING
A Complete Step by Step Course for Beginners to get started with HTML5, CSS3, & JavaScript in-depth.

HTML5, CSS3 and JAVASCRIPT

What you'll learn

HTML5, CSS3 and JAVASCRIPT

  • Introduction to HTML5
  • Features of HTML5
  • HTML5 Markup
  • HTML5 Forms
  • HTML5 Audio and Video
  • HTML5 Canvas and SVG
  • CSS3 features
  • CSS3 FlexBox & Grid
  • Coding with Javascript

HTML5, CSS3 and JAVASCRIPT are the programming languages that power the web. The two function together to form the backbone of the web. Web Development is one of the 10 hottest tech skills and it is no surprise that more than half of all jobs in the top income quartile show significant demand for coding skills, of which HTML5, CSS3 and JAVASCRIPT are the most versatile skillsets.

Course content

Understanding HTML5 Markup
TOPIC :

  • HTML5 Page Structure
  • HTML5 DOCTYPE
  • HTML5 markup structural elements
  • Semantic elements
HTML5 Forms
An HTML form is used to collect user input. The user input is most often sent to a server for processing.

TOPIC :

  • HTML Forms
  • Functional Forms
  • New Form Attributes and Functions
  • Placeholder
  • Autocomplete Attribute
  • Autofocus Attribute
  • List Attribute and datalist Element
  • Min and Max attributes
  • ValueAsNumber attribute
  • Required Attribute
  • Checking Forms with Validation
  • Validation Feedback
HTML5 Audio & Vedio
By the end of this module you will learn how to make use of new HTML5 multimedia audio and video elements..

TOPIC :

  • The Audio and Video Elements
  • Understanding Audio and Video
  • Working with Audio and Video Containers
  • Understanding Audio and Video Codecs
HTML5 Canvas & SVG
CSS is the language we use to style an HTML document. CSS describes how HTML elements should be displayed. Discover Cascading Style Sheets and its role in visually styling HTML documents. Learn about the use of CSS selectors to target HTML elements, creating external stylesheets for use across multiple pages, and the lowdown on overriding styles. You’ll work with CSS properties and rulesets including units for position and size, the ever-important box model, and its features and pseudo-classes.

TOPIC :

  • Using the Style element
  • Colors
  • Classes and ID's
  • Relative vs. Absolute
  • The CSS box model
  • Using external stylesheets
  • Overriding CSS Styles
  • Common CSS Properties
  • CSS Pseudo-classes
  • More CSS Properties
CSS3 Overview
TOPIC :

  • Introducing CSS3
  • CSS3 Colors, Gradients and Multiple Backgrounds
  • Rounded Corners and Border-Radius
  • CSS3 Transforms
  • Transitions
  • Animations & 2D Transformations
  • Web Fonts with @font-face
JS Introduction
this module you will gain insight about JS features and its support across browsers.

TOPIC :

  • What is JavaScript?
  • Why JavaScript?
  • Advantages and Limitations
  • JS Versions
  • Browser compatibility
  • Explore JS syntax
  • Using console
  • JS comments
  • Variables and Data types
  • Debugging using chrome developer tools
Operators
TOPIC :

  • Assignment operators
  • Comparison operators
  • Arithmetic operators
  • Bitwise operators
  • Logical operators
  • String operators
  • Conditional (ternary) operator
  • Comma operator
  • Unary operators
  • Relational operators
Conditions
In this module you will learn about how to use conditionals in JS.

TOPIC :

  • if
  • if..else
  • if..elseif
  • switch
Loops
In this module you will learn about how to use iterative statements and learn the differences between them.

TOPIC :

  • for statement
  • do..while statement
  • while statement
  • break statement
  • continue statement
  • for..in statement
  • for..of statement (ES6)
Functions
Create named functions, anonymous functions, function expressions, use call, apply and bind to change the context. Create closures to simulate private variables.

TOPIC :

  • Define functions
  • Parameters
  • Named, Anonymous and function expressions
  • Named, Anonymous and function expressions
  • Function invocation
  • Closures
  • Call, apply and bind
  • Callbacks
Strings & Dates
In this module you will learn about how to use conditionals in JS.

TOPIC :

  • Creating Strings
  • Most commonly used string methods
  • Creating Dates
  • Most commonly used Date methods
Array


TOPIC :

  • What is an array?
  • CRUD operations with array
  • Most commonly used array methods
Error Handling in Javascript


TOPIC :

  • Try..catch
  • Types of Errors
HTML DOM


TOPIC :

  • What is DOM?
  • Why DOM?
  • Understand Document object
  • CRUD with DOM
  • Traversing DOM
  • Built in & custom Events
Working With form in JavaScript


TOPIC :

  • Setting and Getting values from form elements
  • Validating forms
  • Understand Document object
Introduction Babel


In this module you will understand the significance of babel and popular presets.

Variables and Scooping


TOPIC :

  • Let & const
  • Temporal Dead Zone
Template Strings


TOPIC :

  • Introduction
  • Tagged Template Literals
Destructuring


TOPIC :

  • Introduction
  • Array Destructuring
  • Object Destructuring
Spread and Rest Operators


TOPIC :

  • Create a function that takes variable number of arguments using rest operator.
  • Create a function that merges arrays and objects using spread operators.
Function Improvements


TOPIC :

  • Arrow functions
  • Default Arguments
Object literal Improvements


TOPIC :

  • Short hand properties and methods
  • Computed Keys
Classes


TOPIC :

  • Introduction
  • Creating classes
  • Inheritance
Modules


TOPIC :

  • Introduction
  • Different module formats
  • SystemJS module loader
Maps and Sets


TOPIC :

  • Map and Weak Maps
  • Sets and Weak Sets
  • SystemJS module loader
Asynchronous programming


TOPIC :

  • Background
  • Callbacks
  • Promises for asynchronous programming
  • Generators (ES6)
  • Async / await (ES7)
Symbols


TOPIC :

  • Create symbols.
JSON


TOPIC :

  • What is JSON?
  • Why JSON?
  • Data Types?
  • Parse and Stringify JSON
  • Objects and Arrays in JSON
Remote communication in JS


TOPIC :

  • Understanding AJAX programming
  • Working with XMLHttpRequest
  • Working in fetch
Browser DOM


TOPIC :

  • Window Object
  • History Object
  • Navigator Object
  • Cookies
Phone: 0522 355 7128
Email: joborientedtraining@gmail.com
D-2 107, Vibhuti Khand, Gomti Nagar, Lucknow
Uttar Pradesh - 226010