Frontend UI Web Development

A complete overview of Software Development Life Cycle (SDLC)

Course Overview

Course Curriculum

Week 1: HTML5

HTML introduction and usages, HTML versions, the difference between all the versions
Elements: what is an Elements, will discuss why need to use the elements in HTML5
Attributes: Explanation of the HTML5 attributes and Block level and inline elements usages
Tables, lists: HTML5 tables and lists (Order Lists and Unorder Lists), List items
Links and Navigations: Overview of the HTML5 Links and navigations, it’s usages
Features: brief explanation of semantic and non-semantic elements, audio, video, Canvas, SVG, Files, Storage, Web workers
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
Brief explanation of how many ways to add the CSS3 in HTML5
CSS3 Selectors brief explanation and usages in Projects
Brief explanation of Box Model and usages in Project.
Explanation of CSS3 positions, float, z-index properties
Brief explanation complete Display properties (Grid ,Flex Boxes)
Brief explanation complete Media Queries, FORMS
Brief explanation Responsive Web , Complete CSS3 concepts Overview

Week 3: JAVASCRIPT

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

Week 4: JAVASCRIPT

Week 5: JAVASCRIPT

Week 6: ANGULAR

Week 7: ANGULAR

Week 8: ANGULAR

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

Frontend UI Web Development

Course Overview

Course Curriculum

Week 1: HTML5

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

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

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

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

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

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

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

Brief explanation of how many ways to add the CSS3 in HTML5

CSS3 Selectors brief explanation and usages in Projects

Brief explanation of Box Model and usages in Project.

Explanation of CSS3 positions, float, z-index properties

Brief explanation complete Display properties (Grid ,Flex Boxes)

Brief explanation complete Media Queries, FORMS

Brief explanation Responsive Web , Complete CSS3 concepts Overview

Week 3: JAVASCRIPT

JavaScript Introduction and Usages.

Brief Explanation of Ways to add JavaScript in HTML5

JavaScript Data Types (Primitive and Non-Primitive)

Brief Explanation of JavaScript Operators

Brief Explanation of Type Conversation Operator

Brief Explanation of Ternary Operator

Brief Explanation of Strings & String Methods

Brief Explanation of Date, Math & It Methods

Week 4: JAVASCRIPT

Brief Explanation of Number & Number Methods

Brief Explanation of Functions & Function Methods

Brief Explanation of Arrays & Arrays Methods

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

Brief Explanation of Loops & Its Types

Brief Explanation of Conditional Statements in JS

Brief Explanation of ES5 Features

Week 5: JAVASCRIPT

Brief Explanation of Hoisting, closures, TDZ in JS

Brief Explanation of DOM manipulations in JS

Brief Explanation of Events & Events Listeners in JS

Brief Explanation of ES6 Features in JS

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

Brief Explanation of Inheritance & Proto-type Inheritance in JS

JS FORMS and Complete JavaScript Concepts Overview

Week 6: ANGULAR

Angular Introduction, It’s Usages

Difference b/w JavaScript vs TypeScript

Brief Explanation of Typescript and advantages & disadvantages

Angular Project Setup

brief Explanation of Angular Folder Structure

Week 7: ANGULAR

Brief Explanation of Angular Life Cycle Hooks

Brief Explanation of Angular Architecture

Brief Explanation of Components, Custom Components

Brief Explanation of In-Built Directives & Custom Directives

Brief Explanation of Bindings, In-Built Pipes & Custom Pipes

Brief Explanation of Communication b/w Components

Brief Explanation of Services

Week 8: ANGULAR

Brief Explanation of Dependency Injection

Brief Explanation of HTTP Clients, Interceptors

Brief Explanation of Routers

Brief Explanation of Route Guards

Brief Explanation of Forms (Template Driven & Reactive)

Brief Explanation of RX-JS Operators (Observables, Subjects)

Brief Explanation of (Creation Operators & Pipeable Operators)

Brief Explanation of Rest-API’s

About This Course: