Frontend UI Web Development

Course Overview

Course Curriculum

Week 1

SDLC overview: a complete overview of SDLC (Software Development Life Cycle).
HTML5: HTML introduction and usages, HTML versions, the difference between all the versions
HTML5 Elements: what is an Elements, will discuss why need to use the elements in HTML5
HTML5 Attributes: Explanation of the HTML5 attributes and Block level and inline elements usages
HTML5 Tables, lists: HTML5 tables and lists (Order Lists and Unorder Lists), List items
HTML5 Links and Navigations: Overview of the HTML5 Links and navigations, it’s usages
HTML5 features: brief explanation of semantic and non-semantic elements, audio, video, Canvas, SVG, Files, Storage, Web workers
HTML5 FORMS: brief explanation of HTML5 FORMS, different Input field types, Complete overview of HTML5 concepts

Week 2

CSS3: introduction of CSS3 and usages, versions of CSS
CSS3: brief explanation of how many ways to add the CSS3 in HTML5
CSS3: CSS3 Selectors brief explanation and usages in Projects
CSS3: Brief explanation of Box Model and usages in Project.
CSS3: explanation of CSS3 positions, float, z-index properties
CSS3: Brief explanation complete Display properties (Grid ,Flex Boxes)
CSS3: Brief explanation complete Media Queries, FORMS
CSS3: Brief explanation Responsive Web , Complete CSS3 concepts Overview

Week 3

JAVASCRIPT: JavaScript Introduction and Usages.
JAVASCRIPT: Brief Explanation of Ways to add JavaScript in HTML5
JAVASCRIPT: JavaScript Data Types (Primitive and Non-Primitive)
JAVASCRIPT: Brief Explanation of JavaScript Operators
JAVASCRIPT: Brief Explanation of Type Conversation Operator
JAVASCRIPT: Brief Explanation of Ternary Operator
JAVASCRIPT: Brief Explanation of Strings & String Methods
JAVASCRIPT: Brief Explanation of Date, Math & It Methods

Week 4

JAVASCRIPT: Brief Explanation of Number & Number Methods
JAVASCRIPT: Brief Explanation of Functions & Function Methods
JAVASCRIPT: Brief Explanation of Arrays & Arrays Methods
JAVASCRIPT: Brief Explanation of Objects & ways to Create the Objects In JS
JAVASCRIPT: Brief Explanation of Loops & It’s Types
JAVASCRIPT: Brief Explanation of Conditional Statements in JS
JAVASCRIPT: Brief Explanation of ES5 Features

Week 5

JAVASCRIPT: Brief Explanation of Hoisting, closures, TDZ in JS
JAVASCRIPT: Brief Explanation of DOM manipulations in JS
JAVASCRIPT: Brief Explanation of Events & Events Listeners in JS
JAVASCRIPT: Brief Explanation of ES6 Features in JS
JAVASCRIPT: Brief Explanation of Asynchronous JS (Callback, -Callback hell, Promises, Async-Await)
JAVASCRIPT: Brief Explanation of Inheritance & Proto-type Inheritance in JS
JAVASCRIPT: JS FORMS and Complete JavaScript Concepts Overview

Week 6

Week 7

ANGULAR: brief Explanation of Angular Life Cycle Hooks
ANGULAR: brief Explanation of Angular Architecture
ANGULAR: brief Explanation of Components, Custom Components
ANGULAR: brief Explanation of In-Built Directives & Custom Directives
ANGULAR: brief Explanation of Bindings, In-Built Pipes & Custom Pipes
ANGULAR: brief Explanation of Communication b/w Components
ANGULAR: brief Explanation of Services

Week 8

ANGULAR: brief Explanation of Dependency Injection
ANGULAR: brief Explanation of HTTP Clients, Interceptors
ANGULAR: brief Explanation of Routers
ANGULAR: brief Explanation of Route Guards
ANGULAR: brief Explanation of Forms (Template Driven & Reactive)
ANGULAR: brief Explanation of RX-JS Operators (Observables, Subjects)
ANGULAR: brief Explanation of (Creation Operators & Pipeable Operators)
ANGULAR: brief Explanation of Rest-API’s

Frontend UI Web Development

Course Overview

Course Curriculum

Week 1

SDLC overview: a complete overview of SDLC (Software Development Life Cycle).

HTML5: HTML introduction and usages, HTML versions, the difference between all the versions

HTML5 Elements: what is an Elements, will discuss why need to use the elements in HTML5

HTML5 Attributes: Explanation of the HTML5 attributes and Block level and inline elements usages

HTML5 Tables, lists: HTML5 tables and lists (Order Lists and Unorder Lists), List items

HTML5 Links and Navigations: Overview of the HTML5 Links and navigations, it’s usages

HTML5 features: brief explanation of semantic and non-semantic elements, audio, video, Canvas, SVG, Files, Storage, Web workers

HTML5 FORMS: brief explanation of HTML5 FORMS, different Input field types, Complete overview of HTML5 concepts

Week 2

CSS3: introduction of CSS3 and usages, versions of CSS

CSS3: brief explanation of how many ways to add the CSS3 in HTML5

CSS3: CSS3 Selectors brief explanation and usages in Projects

CSS3: Brief explanation of Box Model and usages in Project.

CSS3: explanation of CSS3 positions, float, z-index properties

CSS3: Brief explanation complete Display properties (Grid ,Flex Boxes)

CSS3: Brief explanation complete Media Queries, FORMS

CSS3: Brief explanation Responsive Web , Complete CSS3 concepts Overview

Week 3

JAVASCRIPT: JavaScript Introduction and Usages.

JAVASCRIPT: Brief Explanation of Ways to add JavaScript in HTML5

JAVASCRIPT: JavaScript Data Types (Primitive and Non-Primitive)

JAVASCRIPT: Brief Explanation of JavaScript Operators

JAVASCRIPT: Brief Explanation of Type Conversation Operator

JAVASCRIPT: Brief Explanation of Ternary Operator

JAVASCRIPT: Brief Explanation of Strings & String Methods

JAVASCRIPT: Brief Explanation of Date, Math & It Methods

Week 4

JAVASCRIPT: Brief Explanation of Number & Number Methods

JAVASCRIPT: Brief Explanation of Functions & Function Methods

JAVASCRIPT: Brief Explanation of Arrays & Arrays Methods

JAVASCRIPT: Brief Explanation of Objects & ways to Create the Objects In JS

JAVASCRIPT: Brief Explanation of Loops & It’s Types

JAVASCRIPT: Brief Explanation of Conditional Statements in JS

JAVASCRIPT: Brief Explanation of ES5 Features

Week 5

JAVASCRIPT: Brief Explanation of Hoisting, closures, TDZ in JS

JAVASCRIPT: Brief Explanation of DOM manipulations in JS

JAVASCRIPT: Brief Explanation of Events & Events Listeners in JS

JAVASCRIPT: Brief Explanation of ES6 Features in JS

JAVASCRIPT: Brief Explanation of Asynchronous JS (Callback, -Callback hell, Promises, Async-Await)

JAVASCRIPT: Brief Explanation of Inheritance & Proto-type Inheritance in JS

JAVASCRIPT: JS FORMS and Complete JavaScript Concepts Overview

Week 6

ANGULAR: Angular Introduction, It’s Usages

ANGULAR: Difference b/w JavaScript vs TypeScript

ANGULAR: Brief Explanation of Typescript and advantages & disadvantages

ANGULAR: Angular Project Setup

ANGULAR: brief Explanation of Angular Folder Structure

Week 7

ANGULAR: brief Explanation of Angular Life Cycle Hooks

ANGULAR: brief Explanation of Angular Architecture

ANGULAR: brief Explanation of Components, Custom Components

ANGULAR: brief Explanation of In-Built Directives & Custom Directives

ANGULAR: brief Explanation of Bindings, In-Built Pipes & Custom Pipes

ANGULAR: brief Explanation of Communication b/w Components

ANGULAR: brief Explanation of Services

Week 8

ANGULAR: brief Explanation of Dependency Injection

ANGULAR: brief Explanation of HTTP Clients, Interceptors

ANGULAR: brief Explanation of Routers

ANGULAR: brief Explanation of Route Guards

ANGULAR: brief Explanation of Forms (Template Driven & Reactive)

ANGULAR: brief Explanation of RX-JS Operators (Observables, Subjects)

ANGULAR: brief Explanation of (Creation Operators & Pipeable Operators)

ANGULAR: brief Explanation of Rest-API’s

About This Course: