Web Design Live Project Training

  Lecture-1-2 Web development and web design
Live Lecture 
·      Introduction to web development

·      Introduction to Web Design

·      Practical Exercise

  Lecture-3-15 HTML
Live Lecture 
·      Introduction to HTML

·      What is an Element?

·      HTML page structure

·      HTML metadata

·      HTML Doctype

·      Try to make index page in html

·      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

·      Practical Exercise

  Lecture-16-30 CSS
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

·      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

·      Styling Text CSS

·      CSS font Family

·      Google Fonts CSS

·      CSS Fonts source code and resources

·      CSS float elements

·      CSS Floats Images

·      CSS Box model source example

·      CSS Box Model

·      CSS Float examples source code

·      CSS position

·      CSS Outline

·      Practical Exercise

  Lecture-31-50 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

·      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

·      JavaScript Source Code Array examples

·      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

·      Source Code String method examples

·      Practical Exercise

  Web Design Project
Project Development 
·      PROJECT 1 Portfolio Design Website

·      PROJECT 2 Tours & Travel Website

·      Option: Students Can select their own Application / Definition to develop web   design Project