Web Designing + Angular Syllabus

HTML - 5

Introduction to World Wide Web – Client, Server, URL, Domain - W3C – What is HTML? - Document Structure – Versions – Software Requirements - Character Encoding – Meta tag – Basic Content Inclusions - Adding Heading and Paragraphs – Adding Images – Three types of Lists – Linking Between web pages and within a page using Anchors – Setting Up Targets for Linked Pages - Tables – Semantic Tags in HTML – Categorizing Content of a web site using Semantic tags - Entities for special characters – Reading User Inputs using Form Controls and Attributes – Implementation of Audio and Video in Web page.

CSS 3

Introduction to CSS – Specifications – Basic Syntax – Rules and Style Sheets – Anatomy of Rule and Declaration - Selectors – Methods for gluing Style Sheets with HTML Documents - Adding Colors– Units of Measurements –Changing Font Styles – Text Shadows – Text Strokes - Adding Borders and Backgrounds – Images as Borders – Borders with rounded corners – Using Gradient Colors in Backgrounds and as Text Colors - The Box Model – Margins – Padding – Outlines – Box Shadows - Pseudo Classes – Styles for Lists, Tables – Creating a navigation bar – Positions & Float Properties –Flex properties – Media Queries – Transitions – 2D and 3D Transformations with Perspectives – Animations – Creating and designing Website using HTML and CSS 3

JavaScript

Introduction – JavaScript Basic Syntax – Variables – Operators – Expressions –Control Structures – Conditional Statements – Looping Statements – Built in Objects. Array Object, Date Object, String Object– Built in functions – Popup Boxes for output and input– Window Object – User Defined Functions - Timer Events – HTML with JavaScript – Dynamically Control HTML pages withJavaScript – User defined objects – Properties and functions in object – Introduction to JSON – JavaScript Object vs JSON.

Document Object Model(DOM)

Basic Of DOM – DOM API – Classification of DOM – DOM Hierarchy – Tree Structure - Types of Nodes – Accessing Tag Nodes By Id, Name, Tag, Class – Form Validation Using DOM – Dynamic CSS – Create and Remove Nodes Dynamically using DOM – Creating a page using HTML, CSS and control using DOM – Local Storage.

ANGULAR

What is Angular? - Features of the Angular Framework - Why Angular? - Building Blocks of an Angular Application - Basic Architecture of an Angular Application - A Basic Angular Application - Anatomy of a Basic Application - The Main Component File - The Application Module File - The index.html File - The Bootstrap File - Running the Application - Building the Application Angular Development Lifecycle - Angular is Modular - What is Node.js? - Installing Node.js and NPM - Node Package Manager (NPM) - Angular CLI - Creating a New Project.

TypeScript Syntax - Programming Editors - Defining Variables - Defining Arrays - Type in Functions - Classes & Objects - Class Constructors - Inheritance - Working with ES6 Modules - Visibility Control What is a Component? - The Component Class -Creating and adding Component Using Angular CLI - The Application Root Component - Component Lifecycle Hooks - Using a Lifecycle Hook: - OnInit - Why Angular Modules? - Angular Built-in Modules - The Root Module.

Binding – One Way Binding – Property Binding – Event Binding – Interpolation- 2 Way Binding – ngModel - What are Pipes? - Built-In Pipes - Using Pipes in HTML Template - Chaining Pipes - Using Pipes in Code - Internationalized Pipes - Loading Locale Data - Decimal Pipe - Currency Pipe Directives - What are Attribute Directives - Apply Styles by Changing CSS Classes - Changing Classes - Controlling Element Visibility - Setting Image Source Dynamically - Writing a Custom Attribute Directive - Using a Custom Attribute Directive - Structural Directives - Adding and Removing Elements Dynamically - If-Else Syntax of ngIf - Looping Using ngFor - Creating Tables with ngFor – ngSwitch

Template Driven Forms - Importing Forms Module - A Basic Angular Form - Binding Input Fields - Accessing the NgForm Directive - Binding the Form Submit Event - Basic HTML5 Validation - NgModel Directive - Validation State - Displaying Validation State Using Classes - Disabling Submit when Form is Invalid - Binding to Object Variables - Binding to Object Variables - Additional Input Types

Reactive Forms Overview - The Building Blocks - Import ReactiveFormsModule - Construct a Form - Design the Template - FormControl Constructor - Getting Form Values - Setting Form Values - Validation - Built-In Validators - Showing Validation Error - Reactive Forms Overview - ReactiveFormsModules - FormGroup - FormArray - FormControl - Validators - Creating and Removing controls dynamically. The Angular HTTP Client - Using The HTTP Client - Overview - Importing HttpClientModule - Service Using HttpClient- Making a GET Request - Observable Object - Using the Service in a Component - Making a POST Request - Making a PUT Request - Making a DELETE Request