COVID-19 Measures
FullStack in angular Training Institute in Pune | ITView

Course Overview

AngularJS is an open-source web application framework. It was originally developed in 2009 by Misko Hevery and Adam Abrons. It is now maintained by Google.
AngularJS is a structural framework for dynamic web applications. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application components clearly and succinctly. Its data binding and dependency injection eliminate much of the code you currently have to write. And it all happens within the browser, making it an ideal partner with any server technology.

Course Outline

Duration : 16-17 weeks / 16-17 weekends
Sessions : Weekdays - 4 per week
                    Weekends - 2 per week
Prerequisites :
  • There is no such Prerequisites for this course.
  • Basic computer knowledge will be advantage.

Course Curriculum

Web Designing
  • Introduction to world wide web
  • Protocols of www
  • Hypertext links, URL, domain name system , Web server
  • Internet , browsers, website,web application webpage, the home page
  • Overview Of SDLC
  • Seo
  1. Introduction of HTML
    • What is HTML?
    • What is Markup Language?
    • HTML Page Structure
    • Use of Web Browsers
    • HTML Editors
  2. HTML Basic
    • What is Element? and Types of Element
    • Block Elements and Inline Elements
    • What is Attributes? and how to use?
    • Paragraphs andFormatting
    • Headings
    • HTML Comments
    • HTML Symbols / Entities
  3. HTML Links
    • Relative URL
    • Image as a link
    • Create a Bookmark
    • Absolute URL
    • Attributes : href , title , target , id , download
  4. HTML Images
    • Optimizing JPEG,PNG and GIF Images
    • Embedding Images in a WebPage
    • Image as a link
    • Image Maps
    • Attributes : src , title , alt , height , width , shape , coords
  5. HTML Lists
    • Unordered List
    • Ordered List
    • Description List
    • Nested List
    • Attributes : type
  6. HTML Tables
    • Creating Tables
    • Formatting Tables
    • Table Headers and Captions
    • Attributes : rowspan , colspan , border , bgcolor
  7. HTML Form and Input
    • Creating Forms (Form Element)
    • Form Methods - Get,Post
    • Single Line Input - Textbox,Password,Hiddenbox
    • Multiple Line Input - Textarea
    • Single Selection - Radio Button, Select
    • Multiple Selection - Checkbox, Select with multiple attribute
    • File Upload - File
    • Buttons - Submit,Reset,Button
    • Attributes : method , action , type , name , value , maxlength , size , checked , tabindex , readonly , rows , cols
  8. HTML Iframe and Fieldset
    • Creating Iframe
    • Iframe - Target for a Link
    • Creating Fieldset
  9. HTML5
    • Introduction of HTML5
    • Difference between HTML4 and HTML5
    • HTML5 New Semantic (Structural) Elements
      • header
      • nav
      • section
      • article
      • aside
      • footer
      • details
      • summary
      • figure
      • figcaption
      • mark
      • progress
      • meter
    • HTML5 New Form Elements
      • datalist
      • output
    • HTML5 New Input Types
      • color
      • date
      • datetime
      • datetime-local
      • email
      • month
      • number
      • range
      • search
      • tel
      • time
      • url
      • week
    • HTML5 New Input Attributes
      • autocomplete
      • autofocus
      • form
      • formaction
      • formenctype
      • formmethod
      • formnovalidate
      • formtarget
      • list
      • min and max
      • pattern
      • placeholder
      • required
      • step
    • HTML5 New Graphic Elements
      • canvas
      • svg
    • HTML5 New Media Elements
      • audio
      • video
      • source
      • embed
  1. Introduction of CSS
    • What is CSS?
    • Why use CSS?
    • CSS and Markup Languages
  2. CSS Basic
    • CSS Syntax
    • Types of CSS
      • Inline CSS
      • Internal CSS
      • External CSS
    • CSS Selectors
      • Simple selectors
      • Combinator selectors
      • Pseudo-class selectors
      • Pseudo-elements selectors
      • Attribute selectors
    • CSS Comments
    • StyleSheet Strategies
  3. Color and Background Properties
    • Set Text and ForegroundColor
    • Set BackgroundColor
    • Set BackgroundImage
    • Set background-position
  4. CSS Text Properties
    • Set Text color
    • Set Text Alignment
    • Decorating Text
    • Set Textcase
    • Indenting Paragraphs
    • Set Text Direction
    • Arrange Letter Space
    • Arrange Word Space
    • Set Line Hight
    • Apply shadow to Text
  5. CSS Font Properties
    • Set size of Fonts
    • Apply style to Fonts like bold, italic
    • Creating SmallCaps
    • Change Fonts using Font Family
  6. HTML Div and Span Element
    • Create Div
    • Arrange Div in specific place
    • Create Webpage layout
  7. CSS Box Properties
    • Margin
    • Padding
    • Content
    • Border
  8. CSS Float Properties
    • Left
    • Right
    • None
  9. CSS Border Properties
    • width
    • color
    • style
  10. CSS Position Properties
    • Static
    • Relative
    • Fixed
    • Absolute
    • Z-index
  11. CSS List Properties
    • list-style
    • list-style-image
    • list-style-position
    • list-style-type
  12. Introduction to CSS3
    • What is CSS3?
    • Difference between CSS and CSS3
  13. CSS3 Backgrounds
    • background-size
    • background-origin
    • background-clip
    • Multiple Background Images
  14. CSS3 Gradients
    • Linear Gradient
    • Radial Gradient
  15. CSS3 Shadow
    • text-shadow
    • box-shadow
  1. Introduction of Javascript
    • What is Javascript?
    • Javascript and Markup Languages
    • Javascript Syntax
  2. Javascript Output
    • window.alert
    • document.write
    • console.log
    • innerHTML
  3. Statements and Comments
  4. Variables
  5. Javascript Arrays
    • Array Syntax
    • How to use Array values
  6. Javascript Objects
    • Object Syntax
    • How to use Object values
  7. Datatypes
    • number
    • string
    • boolean
    • object
    • undefined
    • null
    • function
  8. Operators
    • Arithmetic Operators
    • Assignment Operators
    • String Operators
    • Comparison Operators
    • Logical Operators
    • Type Operators
  9. Functions
    • What is function?
    • Why use function?
    • function Syntax
    • Types of fuction
      • Userdefined functions
      • Predefined functions
    • function invocation
  10. Conditional Statements and Loops
    • Conditional Statements
      • if statement
      • if else statement
      • if elseif else statement
      • Switch case
    • Looping Statements
      • while loop
      • do-while loop
      • for loop
      • Continue
      • break
  11. Javascript Dates
  12. HTML Events
    • Window Events
      • onload
      • onunload
    • FormEvents
      • onblur
      • onchange
      • onfocus
      • oninput
      • onselect
      • onsubmit
      • onreset
      • onsearch
    • KeyboardEvents
      • onkeydown
      • onkeypress
      • onkeyup
    • MouseEvents
      • onclick
      • ondblclick
      • onmouseover
      • onmouseout
      • onmousedown
      • onmouseup
  13. Javascript Validation
  1. Javascript Basics
    • Recall Basic Concepts of Javascript
    • Arrays and Objects in JS
    • Date and Math Object
    • Array Methods
    • String Methods
    • Set timeout , clear timeout
    • Set interval , clear interval
  2. The DOM Objects
    • Introduction to DOM object
    • DOM Methods
    • Access and Modify HTML through DOM
    • EventListners
  3. Advance JavaScript Overview
    • Functions in depth
    • JS Prototype
    • This Keyword in JS
  4. Getting Into AdvanceJS
    • OOJS concept
    • Classes and Instances
    • Exception Handling in JS
    • Constructors and Inheritance
  1. Introduction to jQuery
    • What is jQuery?
    • Why use jQuery?
    • Difference between Javascript and jQuery
    • jQuery Syntax
  2. jQuery Selectors
  3. jQuery Events
  4. jQuery Effects
    • jQuery Hide/Show
    • jQuery Fade
    • jQuery Slide
    • jQuery Animate
    • jQuery Stop
    • jQuery callback
    • jQuery chaining
  5. jQueryHTML
    • jQuery Get
    • jQuery Set
    • jQuery Add
    • jQuery Remove
    • jQuery CSS Classes
    • jQuery CSS
  6. jQueryMisc
    • jQuerynoConflict()
  1. Introduction of BS
    • What is BS?
    • What is Responsive Web Design?
    • Why use BS?
    • How to use BS and Syntax?
  2. How to Create a Layout in BS
    • Grid Classes
  3. Typography and colors in BS
  4. BS Tables
    • Bordered Table
    • Striped Table
    • Hover Table
    • Condensed Table
    • Responsive Table
  5. Navigation bar in BS
    • Inverted NavigationBar
    • Fixed NavigationBar
    • Navigation Bar with Dropdown
    • Right-aligned NavigationBar
    • Collapsing the NavigationBar
  6. Form in BS
    • Vertical Form
    • Horizontal Form
    • Inline Form
  7. Buttons in BS
    • ButtonStyles
    • ButtonSizes
    • Block LevelButtons
    • Active/DisabledButtons
  8. Images in BS
    • Rounded Corners Image
    • Circle Image
    • Thumbnail Image
    • Responsive Image
Angular
  • Why Angular ?
  • Angular2 Version 5 vs Traditional development
  • AngularJs1 vs AngularJs2 Version 5
  • Understanding JavaScript
  • Understand JavaScript MVC
  • What is Angular2 Version 5
  • Angular2 Architecture
  • What is Typescript
  • Prerequist for Angular2 Version 5
  • Angular2 dependencies
  • Setup Angular2 project for development
  • Choice of IDE and installing it ( visual studio code, visual studio, eclipse or any text editor)
  • Installing node and npm
  • Install angular CLI
  • What is angular CLI? Installing angular CLI. Comprehensive list of CLI command.
  • Creating first Angular application with angular CLI
  • Building and running angular Application
  • Angular standards and deep dive into project structure (Significance of each folder and file)
  • How to run End to end test cases and unit testing
  • Overview of ES5, ES6 and Typescript
  • Typescript compilation to Java Script
  • Typescript Basic concepts and Data Types
  • Variable scopes and difference between Let and Var
  • Anonymous and Fat Arrow Functions
  • Difference between null and undefined
  • Creating Components
  • Angular2 Architecture of SPA Apps
  • Creating Components using Typescript
  • Creating Multiple Components
  • Dependency Injection
  • Sharing data and functionality between components using services
  • Using DOM and custom Events for data sharing
  • Attribute directives (ngClass, ngStyle,ngModel)
  • Structural directives (ngIf, ngFor, ng Switch)
  • Creating custom directive
  • using inbuilt pipes e.g. DatePipe, UpperCasePipe, LowerCasePipe, CurrencyPipe, and PercentPipe etc
  • Parameterized pipe
  • Creating custom pipes
  • Creating custom Directives
  • Creating custom Pipes
  • Inbuilt Services like XHR requests
  • Interpolation
  • Template expression
  • Expression context
  • B.Property binding
  • Difference between element attribute and property
  • Element property binding
  • attribute, class, style binding
  • C.Event binding
  • D.Two way binding
  • Using various html elements in angular e.g. textbox, button, dropdown, checkbox, radio button etc
  • Child components – Event emitter and custom property
  • Using Libraries like JQuery, bootstrap.js, material, etc.
  • What is Testing and Tools related to JS Testing
  • Testing using Karma and Jasmine in Angular2
  • Writing test cases in Jasmine and karma
  • E2E application testing and Protractor introduction
  • Installing Node.js
  • Understanding Node Package Manager (NPM)
  • Using Build systems e.g. Grunt and Gulp
  • Using Yeoman for web project scaffolding
  • Handling front end dependencies with Bower
  • Introduction of ExpressJs
  • Setup
  • Using Observable and RxJS
  • Calling rest services (GET, PUT, DELETE, PUT).
  • Error handling
  • Calling aws rest service endpoint ( or mocked rest service endpoint using www.mockable.io )
  • Debouncing requests e.g. search widget
  • Request/response interceptors
  • Install MongoDB
  • Basic CRUD commands in MongoDB
  • Using Mongoose ODM
  • Handling different REST/HTTP requests in a REST API
  • Start Final Project

Note :
  • Hands-on exposure through "online and in-class lab" sessions and projects
  • Mentorship from experts to gain industry insights
  • Limited size of 4 per batch
  • Career Assistance : Resume building, Mock interviews, 1 : 1 mentorship and Career fair
  • Build real world applications under the guidance of industry experts
  • Complete hands-on exposure through 2 projects
  • Website hosing after Project Completion

Course Includes

Angular
Projects

Angular Assignments

Angular Certificate
(course Completion)

100% Job Assistance

Enroll the course