Web Design Training Course

  Lecture-1-5 Introduction to web development & web design
Live Lecture 
·     Introduction to web development

·     Introduction to Web Design

·     Practical Exercise

  Lecture-6-18 HTML and HTML 5
Live Lecture 
·     Introduction to HTML

·     What is an Element

·     HTML page structure

·     HTML metadata

·     HTML Doctype

·     Try it make index page

·     Element Formatting HTML

·     HTML Headings

·     Self Closing Tags

·     HTML Comments

·     Preformatted Text

·     HTML Entities

·     HTML text formatting

·     More HTML text formatting

·     Text Formatting Sample Code

·     Practice text formatting

·     Divs and Spans to organize content

·     HTML5 Semantic Elements

·     Placeholder Content

·     Hyperlinks Anchor Tag

·     Try it Build a Page

·     HTML sample site code example

·     Adding Images to your Page

·     HTML lists

·     Sample Code HTML lists

·     HTML tables with Style

·     HTML tables

·     HTML Forms

·     Sample Tables

·     Introduction HTML5

·     Create a Contact Form

·     HTML Form options

·     Form Submission

·     More input types HTML5

·     Source Code sample input type

·     More with HTML5 Forms

·     Sample Code sign up form HTML

·     HTML form fieldset

·     HTML5 Graphics

·     HTML5 Advance Features

·     Practical Exercise

  Lecture-19-30 CSS and CSS 3
Live Lecture 
·     Introduction to CSS

·     CSS section resources and Source Code

·     What is CSS

·     Basics of CSS

·     CSS Inline Style

·     Source Code inline Styles

·     CSS Style Tag Styling

·     CSS selection example

·     Creating and using CSS file

·     Attach Style CSS file

·     CSS selection and classes

·     CSS element selection Class id and tag

·     CSS Colors.

·     CSS Color Selection and options example code

·     CSS Background Property

·     CSS Background Color style example

·     CSS Display Property

·     CSS display property example CSS code

·     CSS Exercise #1 style a simple website

·     Measures and Properties CSS

·     CSS Divs and Spans

·     CSS Exercise #1 Source Code

·     Source Code examples CSS divs and spans and styling

·     Styling Text CSS

·     CSS font Family

·     Google Fonts CSS

·     CSS Fonts source code and resources

·     CSS Exercise #2

·     CSS Exercise #2 Source Code and examples

·     CSS float elements

·     CSS Floats Images

·     CSS Box model source example

·     CSS Box Model

·     Exercise 3 CSS

·     CSS Exercise #3 Source Code

·     CSS outline source code examples

·     CSS Float examples source code

·     Exercise 3 Solution

·     CSS position

·     CSS position example source code

·     CSS Outline

·     Exercise #4 Image grid

·     Source Code Pseudo Selection Classes CSS

·     Source Code Pseudo Selection Classes CS

·     CSS Overflow and MaxWidth.

·     CSS and Tables

·     CSS for tables

·     CSS Element Alignments

·     CSS Pseudo Classes

·     Source Code

·     CSS fun with Hyperlinks

·     Exercise #4 Image grid

·     CSS Display Property

·     CSS3 – Border Image

·     CSS3 – Multi Background

·     CSS3 – Shadow

·     CSS3 – Gradients

·     CSS3 – Colors

·     CSS3 – Animation

·     CSS3 – Multi Columns

·     CSS3 – User Interface

·     CSS3 – Box Sizing

·     CSS3 – Responsive

·     Practical Exercise

  Lecture-31-37 Javascript
Live Lecture 
·     Welcome to JavaScript

·     Section source code and resources

·     Write JavaScript

·     Update HTML element

·     Source code console example

·     JavaScript Code

·     JavaScript Variables

·     JavaScript Variables in Action

·     JavaScript Variables in Action

·     Operators and assignments

·     JavaScript Functions

·     Source Code JavaScript Functions

·     Closer look at functions

·     Source Code code functions

·     JavaScript Objects

·     JavaScript Arrays

·     Source Code Objects

·     Array Methods

·     Condition Statements JavaScript

·     Combine with Functions

·     JavaScript Switch

·     JavaScript Conditions and switch Example code

·     JavaScript Loops

·     Source Code Loops

·     Source Code Let and Const ES6

·     JavaScript String Methods

·     Eventlisteners JavaScript

·     JavaScript Event listeners

·     ES6 JavaScript

·     Practical Exercise

  Lecture-38-42 JavaScript Document Object Model
Live Lecture 
·     DOM

·     Introduction to JavaScript DOM

·     What is the DOM

·     Source Code and Resources

·     JavaScript DOM Manipulation

·     Source Code DOM

·     JavaScript DOM Selection

·     Element Text Manipulation

·     Change Classes DOM

·     JavaScript DOM Examples and source code

·     Change Styles DOM

·     Source Code and Examples DOM style

·     and element attributes

·     Select Multiple Elements

·     Interactive DOM Events

·     JavaScript Mouse Events

·     KeyPress Events.

·     JavaScript DOM events

·     JavaScript DOM Create your own Elements

·     Event listeners to New elements

·     DOM Create elements

·     List Project Exercise Input add new Element.

·     Project Bonus Adding Object Value

·     JavaScript Project Source Code Project List

·     Create Dynamic List

·     DOM add event listeners create elements

·     Dynamic Values to Element Objects

·     Practical Exercise

  Lecture-43-53 jQuery
Live Lecture 
·     jQuery Introduction to section

·     Source Code and resources

·     Why jQuery and What is it.

·     Selecting with jQuery

·     jQuery Fun with Styling

·     jQuery Source Code example

·     jQuery Content

·     jQuery text html append prepend example

·     jQuery Attributes

·     jQuery addClass removeClass html examples

·     Image and Form Attributes

·     jQuery Form and attribute examples

·     jQuery Click Events

·     jQuery text toggleClass click

·     Document Ready Event Listener

·     jQuery document ready example

·     jQuery Mouse Events

·     Keyboard Events jQuery

·     jQuery On Event listener

·     jQuery Mouse Events Keyboard Events

·     examples and source code

·     jQuery Effects Hide Show

·     jQuery hide show toggle example

·     jQuery Fade Effect

·     jQuery fadeIn, fadeout, fadeToggle

·     jQuery Slide Effect

·     jQuery Animate Effect

·     jQuery slideDown, slideUp, slideToggle

·     jQuery animate example source code

·     Load and CORS error

·     AJAX and Form data

·     Multiple Items in response output

·     Get API JSON data output to HTML page example

·     Select Element.

·     jQuery Select examples

·     Course jQuery Exercise

·     jQuery Project Source code

·     Practical Exercise

  Lecture-54-58 Bootstrap
Live Lecture 
·     Bootstrap - Environment Setup

·     Bootstrap with CSS

·     Bootstrap Layout Components

·     Bootstrap Layout Components

·     Bootstrap - Glyphicons

·     Bootstrap - Dropdowns

·     Bootstrap - Button Groups

·     Bootstrap - Button Dropdowns

·     Bootstrap - Input Groups

·     Bootstrap - Navigation Elements

·     Bootstrap - Navbar

·     Bootstrap - Breadcrumb

·     Bootstrap - Pagination

·     Bootstrap - Labels

·     Bootstrap - Badges

·     Bootstrap - Jumbotron

·     Bootstrap - Page Header

·     Bootstrap - Thumbnails

·     Bootstrap - Alerts

·     Bootstrap - Progress Bars

·     Bootstrap - Media Object

·     Bootstrap - List Group

·     Bootstrap - Panels

·     Bootstrap - Wells

·     Bootstrap Plugins, Bootstrap Demos

·     Practical Exercise

  Lecture-59-70 Angular JS
Live Lecture 
·     Introduction Angular JS

·     Environment Setup

·     Vulnerability Analysis

·     MVC Architecture

·     First Application

·     Directives

·     Expressions

·     Controllers

·     Filters

·     Tables

·     HTML DOM

·     Modules

·     Forms

·     Includes

·     Ajax

·     Views

·     Scopes

·     Services

·     Dependency Injection

·     Custom Directives

·     Internationalization

·     Practical Exercise

  Website Develpment Project
Project 
·     Creative Responsive Website

·     Hosting Process