win a gift card 2015 listerine pocket mist coupon 50th wedding anniversary homemade gift ideas maurices 20 off coupon 2015

Web Designing - Complete Training Course

This course will teach you how to design beautiful, responsive, and attractive websites with HTML5, CSS3, Javascript, and Bootstrap. Modern, responsive web design involves understanding the technology and platform used to access the content and user needs of accessibility. Enroll this course to build your design skills and make your career.

Course Outline

Lec #1:

  Intoduction to  HTML5

  Installing Favrite Text Editor for HTML5

  Understanding Tags and Attibutes in hTML5

  HTML5 basic syntax and hello world example

  HTML Tags in HTML5

Lec # 2:

  HTML5 Formatting tags

  special characters in HTML5

  quotation and citation in hTML5

  comments in HTML5

  how to add audio in HTML5


Lec # 3:

 how to add video in HTML5

 Working wth hyperlinks in HTML5

 what is difference between inline and block level Elements

 working with lists in  HTML5

 using colors in HTML5 document

 semantic structural elements in HTML5


Lec # 4:

 Navigation in HTML5

 non-semantic elements in HTML5

 section element in hTML5

 working with forms in HTML5 

 different types of inputs in HTML5

 Choosing between set of options in HTML5


Lec # 5:

 how to create table in HTML5

 do not use table for layouts

 working with canvas in HTML

 API’s in HTML5


Lec # 6:

 Introduction to CSS

 CSS Selectors

 understanding the cascade

 ineritance and specificity

 box model in CSS

 creating a page layout with floats


Lec # 7:

 stying the navigation menu

 overlapping content and transparent backgtound

 styling data tables 

 styling forms

 CSS typography

 using custom web fonts


Lec # 8:

 developer tools -inspect element

 background images

 gradient backgrounds 

 working with cSS sprites

 full-width background fixed width contents

 responsive web design


Lec # 9:

 Introduction to CSS

 CSS Selectors

 understanding the cascade

 ineritance and specificity

 box model in CSS

 creating a page layout with floats


Lec # 10:

 creating slideshow part 1

 Creating Slideshow Part 2


 hide contents on click tap 

 open image in  modal window gallery

 learning about feature detection

 learning browser device testing


Lec # 11:

 introducation to javaScript

 setup enviornment for hello world

 what s literals,variables & constants

 primitive data type

 object data type

 what is starting type

 if and else statement(conditional statement)

 switch case statement


Lec # 12:

 while loop

 do while loop

 for loop

 insted for loop

 for in loop

 for of loop


Lec # 13:

 what is expression

 what is operator in brief

 comparison operators

 strict and abstract equality

 logical operators

 bitwise operator


Lec # 14:

 assignment operator

 type of and grouping other operators

 destructing assignment operator

 operator precedence

 array and object operator

 condition, instance of  and delete operator


Lec # 15:

 jump statement 

 continue and return jump statement

 what is functions & how to use it

 working with functions arguments

 what is anontmous function & where to use it

 what is arrow notation & how to create arrow function 

 in ES6

 what is destructing arguments 

 understanding variable scope in javaScript

 global vs block scoping


Lec # 16:

 what is closure in javaScript

 understanding what is iIFE and learn how create IIFE

 Difference between lET and VAR

 what is array how to create it & how to use it

 adding and removing array element from array

 slice() and splice() array methods

 ES6 copywithin() and Fill() method

 what is map() and What can you do wth map()function


Lec # 17:

 introduction to bootStrap

 working with containers

 working with grid

 working with typography

 working with colors

 working with tables


Lec # 18:

 working with images

 working with jumbotron

 working with alert

 working with buttons

 working with button groip

 working with badges


Lec # 19:

 working with porgress bar

 working with spinners

 working with pagination

 working with list group

 working with cards

 working with dropdowns


Lec # 20:

 working with collaps

 working with navs

 working with navbar

 working with froms

 working with inputs

 working with input groups


Lec # 21:

 working with custom forms

 working with carousel

 working with model

 working with tooltip

 working with popover

 working with toast


Lec # 22:

 working with scrollspy

 working with utilities

 working with flex

 working with icons

 working with media ojects

 working with filters

 working with grid extra


Starting From

Feb 01, 2022

Duration: 2 Month

Mode of Training

Online & Face 2 Face

Course Details

Fee Structure

WhatsApp chat