Front End Web Developer Training Course

  ·      Introduction to web development

·      Introduction to Web Design                     

·      Practical Exercise  

·      Lecture-6-18 HTML and HTML 5

·      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

  ·      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 Source Code & 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

  ·      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

  ·      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

  ·      JavaScript introduction to JSON

·      JavaScript Multiple Objects

·      JavaScript AJAX connection

·      JavaScript Get JSON data using AJAX

·      External JSON file Data using AJAX                  

·      JavaScript AJAX more details

·      JavaScript AJAX server interaction

·      JavaScript AJAX send data to server

·      JavaScript AJAX post data to server

·      Source Code AJAX POST

·      update form to multiple inputs

·      Source Code Multiple fields                     

·      Practical Exercise

  JavaScript JSON and AJAX

  ·      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 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

·      jQuery Select examples

·      Course jQuery Exercise

·      jQuery Project Source code

·      Practical Exercise

  Project