PV Educations

Web & Angular

Course Content

Introduction to Angular

• What is Angular?
• Angular Versions: AngularJS (vs) Angular
• Setup for local development environment
    o Installing NodeJS, NPM
    o Angular CLI
• Develop First Angular program using Angular CLI and Visual Studio Code.

Angular Architecture
• Introduction
• Basic Building Blocks of Angular Applications
• Angular Modules and @NgModule decorator
• Angular Libraries
• Component, Templates and Metadata
• Data Binding
• Directives
• Services and Dependency Injection

Displaying Dynamic Data
• Types of Directives
• Template Expressions
• String Interpolation
• Built-In Directives
    o ngIf
    o ngSwitch
    o ngFor
• * vs <template>
• When to use <ng-container>
Angular Components Deep Dive
• What are Components?
• Components Life Cycle Hooks.
• Dynamic Components.
• Working with Model Class.
• Nested Components.
• Working with Arrays / Collections.

Data Binding
• Binding properties and Interpolation
• One-way Binding / Property Binding
• Event Binding
• Two-way Binding
• Two-way binding with NgModel
• Attribute Binding
• Style and Class Binding

Styles Binding In Components
• Style and Class Bindings
• Built-In Directives – NgStyle & NgClass
• Using Component Styles
• Special selectors
• Loading Styles into Components
• View Encapsulation
• ViewChild & ViewChildren
• ContentChild & ContentChildren

Template Driven Forms
• Introduction
• Create the component that controls the form
• Create a template with the initial form layout
• Bind data properties to each form input control with the ngModel two-way data binding syntax
• Add the name attribute to each form input control
• Add custom CSS to provide visual feedback
• Show and hide validation error messages
• Handle form submission with ngSubmit
• Disable the form’s submit button until the form is valid
• Resetting the form.

Reactive Forms
• Reactive Forms Introduction
• More Form Controls
• Form Control Properties
• setValue and patchValue
• Validating Form Elements
• Submitting and Resetting forms
• Observing and Reacting to Form Changes
Deccansoft Software Services Angular 7 Syllabus
• Using FormBuilder

Working with Pipes
• Built-in Pipes
• Using parameters and chaining Pipes
• Custom Pipes
• Parameterized Custom Pipe
• Pipes and Change Detection
• Pure and Impure pipes
• Changes in Pipes Syntax from 4 to 5

Custom Directives
• Custom Attribute Directive
• Using HostListener
• Using HostBinding
• Custom Validator Directive
Dependency Injection
• Understanding Dependency Injection
• Understanding DI in Angular Framework
• ReflectiveInjector
• Exploring Provider
• Types of Tokens
• Types of Dependencies
• Configuring DI using Providers
• Implementing DI in Angular
• Optional Dependencies

Services in Angular
• Building and Injecting Custom Services
• Service using another Service
Reactive Extension for JavaScript
• Introduction
• Observable and Observer
• Reactive Operators

Http Client Service

• HttpClientModule and HttpClient Classes
• Writing Service with Get / Add / Edit / Delete
• Using Service in Component

Angular Routing
• Introduction
• Configuring and Navigating
• Parameterized routes
• Nested (or) Child Routes
• Router Guards & Routing Strategies

Angular Modules
• AppModule as Root Module
• Feature modules
• Lazy Loading a Module
• Shared Module

Web Technology
1.Introduction to Web-technology :

. What is web?
. What is network?
. What is internet?
. What is web-development?
. What is browser?
. What is web-server?
. What is http?
. What is the use of http?
. What is html?
. What is website?
. What is web-page?
. Structure of Web
. Definition of all the points
. Install of Editors
. How to write program using editors

2.HTML-5 :
Introduction:
. Structure of html
. What is tags?
. Types of tags
. Attributes
. All tags attributes
. How to apply all the attributes in web-pages

Table :
. How to create table in Html
. Attributes of table
. Example

List :
. How to create list
. Attributes of list
. Example

Audio/Video:
. Attributes of audio/video tag
. How to create audio page
. How to create video page

I-frame :
. What is nested web-page?
. How to create nested web-pages
. Attributes of nested web-pages

SVG :
. How to define graphics in html
. Attributes of SVG

Form :
. What is form
. How to create forms using html
. How to create log-in page
. How to create registration page using form
. Attributes of form

3. CSS-3 :
Introduction:
. What is css?
. What is the use of css?
. Types of css
. How to call css inside html pages
 
Background:
. How to set background properties
. Attributes for background

Box-Model:
. What is box-model in css
. How to work with box-model

Selectors:
. What is selector?
. Types of selector
. How to apply selector

Combinators:
. What is combinators?
. Types of combinators
. How it is related to selectors

Pseudo-class & Pseudo-elements:
. What is pseudo-class?
. What is pseudo-elements
. Types of pseudo-class
. Types of pseudo-elements
. How to apply

Transition,Transform & Animation in css :
. Applications of Transition,Transform & Animation
. Use of Transition,Transform & Animation
. Basic Project based on Transition,Transform & Animation.


4.Javascript :
Introduction:
. What is javascript?
. What is the difference between java & javascript
. Application of javascript
. Advantages & Disadvantages of javascript
. Types of javascript
. Datatypes in javascript
. Looping Statement
. Conditional Statement

Function & Arrays:
. What is function
. What is array
. Types of function
. Methods of array
 
String & Object :
. What is string
. Methods of string
. What is object
. How to create object in js

Date & Math :
. What is date method
. What is math method
. Methods of date & math

Collection in js :
. What is collection
. Types of collection

Advanced array methods in js

. Javascript Closure
. DOM elements in javascript
. Json in javascript
. Ajax in javascript
. Canvas using javascript
 
Regular Expression in js:
. What is regular expression
. How to create dynamic form in js

5. Bootstrap :
Introduction:
. What is bootstrap
. How to apply bootstrap in web-pages
. Benefits of using bootstrap
. Grid system in bootstrap
. Classes in bootstrap
. How to create table using bootstrap-class
. How to create forms using bootstrap-class
. What is carousel in bootstrap
. How to apply all of this create one project.


Project Set-up:
. Responsive project using Html, Css ,Javascript & bootstrap

Description

Web Angular course is more of job-oriented training which is designed as per current industry standards. You can start your career in IT industry with basic and advance skills. Course will be trained by top industry experts who have passion to train students and help them get job in IT industry or excel in IT industry.