๐ŸŽ‰ 12th Anniversary Offer! Get 50% off all courses ๐ŸŽ‰

Need Help? call us free

+91 63029 64834

Offline / Online Job-Oriented Programs

GRADUATES / FINAL YEAR / ANY BRANCH OR DEGREE / CAREER GAP

Learn the code from expert trainers

Our trainers have over 15+ years of industry experience, bringing extensive knowledge and expertise to our training programs.

No 1 Training with Trainers Top MNCs

Amazon, Google, Microsoft, and Infosys...

Our trainers are working in top MNC Companies

SIVASOFT TECHNOLOGIES PRIVATE LIMITED - Indiaโ€™s Leading Classroom and Online Training Company (2012-)





๐Ÿš€ 100% Offline / In-Person Classroom and Online Job-Oriented Programs: Master Front-End UI Technologies with Angular

Group Training Fee: โ‚น14,000/- โžก๏ธ Offer: โ‚น7,000/-

One-On-One Training Fee: โ‚น80,000/- โžก๏ธ Offer: โ‚น40,000/-

Duration: 4 Months

๐ŸŽ“ Eligibility: Final Year / Any Graduates / Career Gap

๐Ÿ‘จโ€๐Ÿซ Trainer (Completed 120+ Batches): Mr.Siva (15+Yrs of Exp) / Mr.Ravi (12+Yrs of Exp)

๐ŸŒŸ Offer: Valid only for 7 days

โฐ Daily: 2 hrs Live Class with Unlimited Lab

๐Ÿข 250+ Companies are Hiring from SivaSoft

๐ŸŒ Website: https://www.sivasoft.in

๐Ÿ“š Lifetime: Live Classes + Video Access

โ“ Doubts Clarification: 7:00AM - 10:00PM (Live Classes, WhatsApp, LMS Portal, Zoom, Online students are welcome to visit our institute to clarify your doubts if possible.)

๐Ÿ“ Assignments, Quizzes, Interview Questions and System Tasks, 10+ Mock Interviews

๐Ÿ”— Resume Preparation, LinkedIn Profile Creation, Portfolio Website Creation

๐ŸŽ“ Free Course Completion Certificate

๐Ÿ“ Free Internship Certificate

๐Ÿ’ผ 100% Placement Support Until You Get a Job

๐Ÿ’ธ Salary Range: 2.5 โ€“ 60 LPA

๐ŸŒ Real-time Environment Terminology

๐Ÿ’ก Tips and Tricks to Survive in Companies

โœจ We offer One-on-One Demo Sessions to facilitate better interaction between students and trainers, ensuring all doubts and confusions are thoroughly clarified.

Fee: โ‚น3000 (for Soft Skills, Aptitude, and Reasoning)

๐ŸŽค Soft Skills Training (Optional)

๐Ÿง  Aptitude (Optional)

๐Ÿงฎ Reasoning (Optional)

Course Curriculum

  • 1. Fundamentals of Web Technology
  • 2. HTML
  • 3. XHTML
  • 4. CSS
  • 5. CSS 3,4
  • 6. Basic & Advanced Javascript
  • 7. Async / Await
  • 8. Ajax
  • 9. JSON
  • 10. HTML5
  • 11. Bootstrap
  • 12. Social Media Integrations
  • 13. Search Engine Optimization
  • 14. Google Analytics Integration
  • Project 1: HTML & CSS Project
  • Project 2: HTML5 & CSS3 Responsive Project with Floats
  • Project 3: HTML5 & CSS3 Responsive Project with Flexbox
  • Project 4: HTML5 & CSS3 Responsive Project with Grid
  • Project 5: JavaScript Project
  • Project 6: Bootstrap Responsive Project
  • 15. Domain Registration & Web Hosting
  • 16. ECMAScript
  • TypeScript
  • SASS / SCSS
  • Angular
  • Angular Material / Primeng
  • NgRx
  • Jasmine (Testing Framework)
  • Figma
  • Developer Tools and Debugging
  • CRUD (Create, Read, Update, Delete)
  • RESTful APIs to fetch, send, and manipulate data from the server
  • JSON Web Token (JWT)
  • User Authentication and Authorization
  • Bitbucket / GitHub (Version Control with Git)
  • Jira
  • Confluence
  • Firebase / AWS Cloud / Docker / Kubernetes / Jenkins
  • ChatGPT, CoPilot, HackerRank, LeetCode, CodeChef
  • Postman
  • Troubleshooting & Debugging
  • Generative AI
  • Project 7: Angular
  • Deployment
1. HTML, XHTML:
  • Internet
  • Types of Webpages
    • Static Webpage
    • Dynamic Webpage
    • Server Webpage
  • Introduction To HTML
  • Structure Of HTML
  • Tag
    • Empty Tag
    • Container Tag
  • Editors
  • Basic Tags
  • Meta Tags
  • Attributes & Parameters
  • Formatting Tags
  • Quotation and Citation Elements
  • Paragraph tag
  • Computer Code
  • abbr & acronym
  • Comments
  • Iframe
  • Entities and Symbols
  • Charset
  • Image tag
  • Link Tags
  • Image Link
  • Text Link
  • Email Link
  • Colors
  • List
    • Ordered List
    • Unordered List
    • Nested List
    • Description List
  • Table Tag
  • Form tags
  • XHTML
  • Difference Between HTML & XHTML
  • Doctypes:DTD
  • W3C
  • Introduction To HTML 5
  • Deprecated tags
    • center
    • font
    • s
    • strike
    • u
    • acronym
    • frame
    • frameset
    • embed
    • marquee
    • big
    • dir
    • noframes
  • Deprecated Attributes
    • align-caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
    • hspace-img
    • vspace-img
    • width-hr, table, td, th, pre.
    • background-body
    • bgcolor-table, tr, td, th and body.
    • rules-table
    • border table
    • cellpadding-table
    • cellspacing-table
    • size-hr
    • type-li, ol and ul
    • noshade-hr
2. CSS 2.1, 3, 4:
  • CSS
    • Introduction
    • Syntax
    • Comments
  • Types of StyleSheets
    • Internal StyleSheets
    • External StyleSheets
    • Inline StyleSheets
    • Compound StyleSheet
  • !important
  • Types of Selectors
    • Universal or Global
    • Element or Tag
    • Class
    • Id
    • Descendant
    • Grouping
    • Attribute
  • Div's & Span tags
  • display
  • Block & Inline
  • inline-block
  • Colors
  • CSS UNITS
  • Box Model
    • Border
      • border-bottom
      • border-bottom-color
      • border-bottom-style
      • border-bottom-width
      • border-color
      • border-left
      • border-left-color
      • border-left-style
      • border-left-width
      • border-right
      • border-right-color
      • border-right-style
      • border-right-width
      • border-style
      • border-top
      • border-top-color
      • border-top-style
      • border-top-width
      • border-width
    • outline
      • outline-style
      • outline-width
      • outline-color
    • margin
      • margin-bottom
      • margin-left
      • margin-right
      • margin-top
    • padding
      • padding-bottom
      • padding-left
      • padding-right
      • padding-top
  • Background
    • background-color
    • background-image
    • background-repeat
    • background-attachment
    • background-position
    • background
  • Image Sprites
  • Font
    • font-family
    • color
    • font-size
    • Set Font Size With Pixels
    • Set Font Size With em
    • font-style
    • font-variant
    • font-weight
    • font
  • Text
    • Color
    • letter-spacing
    • Word-spacing
    • line-height
    • text-align
    • text-decoration
    • text-indent
    • text-transform
    • vertical-align
    • White-space
    • Direction
    • unicode-bidi
  • Images
    • border
    • width
    • height
    • opacity
  • FORMS
  • Links
    • a:link
    • a:visited
    • a:hover
    • a:active
  • cursor
  • Lists
    • list-style
    • list-style-type
    • list-style-position
    • list-style-image
  • Tables
    • border
    • border-collapse
    • width
    • height
    • text-align
    • vertical-align
    • padding
  • Dimension
    • height
    • width
    • max-height
    • min-height
    • max-width
    • min-width
  • Display / Visibility
  • Positioning
    • bottom
    • clip
    • left
    • overflow
    • absolute
    • fixed
    • relative
    • static
    • right
    • top
    • z-index
  • float & clear
  • Pseudo-class
  • Pseudo-element
  • Combinators
    • descendant selector (space)
    • child selector (>)
    • adjacent sibling selector (+)
    • general sibling selector (~)
  • Navigation Bar
  • Dropdown Navigation Bar
  • CSS Validations(W3C)
  • CSS 2.0 vs CSS 3 vs CSS 4
  • Introduction to css3
  • whats new in css3 and CSS4
  • border
    • box-shadow
    • border-image
    • border-radius
  • Image Reflection
  • background
    • background-clip
    • background-origin
    • background-size
    • Multiple Background Images
  • Gradients
    • Linear Gradients
      • Top to Bottom
      • Left to Right
      • Diagonal
      • Angles
      • Multiple Color Stops
      • Transparency
    • repeating-linear-gradient
    • Radial Gradients
      • Evenly Spaced Color Stops
      • Differently Spaced Color Stops
      • Set Shape
      • Use of Different Size Keywords
        • closest-side
        • farthest-side
        • closest-corner
        • farthest-corner
    • repeating-radial-gradient
  • text effects
    • text-shadow
    • word-wrap
  • @FONT Face
    • Browser Support
    • Font Formats
    • Browser Support for Font Formats
    • Using The Font
    • Working with third party plugins
  • Google fonts
  • 2D Transforms
    • Browser Support for 2D Transforms
    • transform
    • transform-origin
    • translate(x,y)
    • translateX(n)
    • translateY(n)
    • scale(x,y)
    • scaleX(n)
    • scaleY(n)
    • rotate(angle)
    • skew(x-angle,y-angle)
    • skewX(angle)
    • skewY(angle)
  • 3D Transforms
    • rotateX()
    • rotateY()
    • rotateZ()
  • RGBA
  • Box Resize
  • Box Sizing
  • Outline
  • Transitions
    • transition
    • transition-delay
    • transition-duration
    • transition-property
    • transition-timing-function
      • linear
      • ease
      • ease-in
      • ease-out
      • ease-in-out
  • Animations
    • @keyframes
    • animation
    • animation-delay
    • animation-direction
    • animation-duration
    • animation-iteration-count
    • animation-name
    • animation-play-state
      • running
      • paused
    • animation-timing-function
      • linear
      • ease
      • ease-in
      • ease-out
      • ease-in-out
  • object-fit
  • Multiple Columns
    • column-count
    • column-gap
    • column-rule
    • column-rule-color
    • column-rule-style
    • column-rule-width
  • User Interface
    • resize
    • outline-offset
  • Variables
  • Box-sizing
  • object-fit
  • object-position
  • Flex
  • Media Queries
  • Overview of CSS 3.0 compatabilities for Internet Explorer

CSS POLYFILLS FOR CROSS BROWSER COMPATIBILITY

***Content will be updated as per latest updations.

3. JavaScript:
  • Introduction to javascript
    • Syntax
    • Statements
    • Comments
  • Popup Boxes
    • Alert
    • Confirm
    • Prompt
  • Variables
  • Operators
    • Arithmetic
    • Assignment
    • Comparison
    • Logical
    • Conditional
  • Conditional Statements
    • if
    • if...else
    • if...else if...else
    • Switch
  • Loops
    • while
    • do...while
    • for
    • for...in
    • Break
    • Continue
  • Functions
    • User-defined Functions
      • Function Syntax
      • Function with Arguments
      • Returning Values from Functions
      • Closures
      • Local and Global Variables
    • Built-in Functions
  • Events
    • Introduction
    • Mouse Events
    • Keyboard Events
    • Form Events
    • Document/Window Events
  • Page redirection
  • Page Printing
  • Built-in Objects
    • Introduction
    • Number
    • Strings
    • Math
    • Arrays
      • Array Properties and Methods
    • Date
    • Boolean
    • Regexp
  • Advanced javascript
    • Error handling
    • Debugging
    • HTML DOM
      • Introduction
      • Methods
      • Document
      • HTML
      • CSS
      • Events
      • EventListener
      • Nodes
    • Browser BOM
      • Window
      • Screen
      • Location
      • Popup Alert
      • Popup Confirm
      • Popup Prompt
      • Timing
      • print
    • Creating a JavaScript Object
    • JavaScript Keyword new
    • Using an Object Constructor
    • Adding methods to an object
    • CLOSURES
    • Form Validations
      • Basics of Form Validation
      • Validating Radio Buttons
      • Validating Checkboxes
      • Validating Select Menus
      • Validating Text & Textareas
      • Validating Through Regular Expressions : Alphabetical, Alphanumeric, Email, Date, Image, Password and so on
4. HTML 5, 5.1:
  • What is HTML 5
  • Overview of HTML 5
    • Browser Support
    • W3C and Web Hypertext Application Technology Working Group (WHATWG). Specifications
    • Power of HTML5 in web & mobile Domains
    • Overview of updated new features
  • HTML5 Syntax
    • The DOCTYPE
    • Character Encoding
    • The <script> tag
    • The <link> tag
    • HTML5 Document
  • Forms
    • color
    • date
    • datetime
    • datetime-local
    • email
    • month
    • number
    • range
    • search
    • time
    • url
    • week
  • Form Elements
    • <datalist>
    • <output>
  • New attributes for <form>
    • autocomplete
    • novalidate
  • New attributes for <input>
    • autocomplete
    • autofocus
    • form
    • formaction
    • formmethod
    • formnovalidate
    • formtarget
    • height and width
    • list
    • min and max
    • multiple
    • pattern (regexp)
    • placeholder
    • required
    • step
  • Video and Audio
    • Media
    • <audio>
    • <video>
    • <source>
    • <embed>
    • plugins
    • youtube
  • Types of Elements
    • Semantic Elements
    • Structural Elements
  • HTML5 NEW ELEMENTS
    • <article>
    • <aside>
    • <canvas>
    • <details>
    • <figcaption>
    • <figure>
    • <footer>
    • <header>
    • <hgroup>
    • <main>
    • <mark>
    • <meter>
    • <nav>
    • <section>
    • <summary>
    • <time>
  • Migration from HTML4 to HTML5
    • HTML5 Browser Support
      • HTML5 Elements as Block Elements
      • Adding New Elements to HTML
      • Problem With Internet Explorer
      • Complete Shiv Solution
      • HTML5 Skeleton
  • HTML5 DEPRECATED TAGS
    • <acronym>
    • <center>
    • <font>
    • <frame>
    • <frameset>
    • <s>
    • <u>
  • HTML5 DEPRECATED ATTRIBUTES
    • align-caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
    • background-body
    • bgcolor-table, tr, td, th and body.
    • border table
    • cellpadding-table
    • cellspacing-table
    • hspace-img
    • vspace-img
    • noshade-hr
    • rules-table
    • size-hr
    • type-li, ol and ul
    • width-hr, table, td, th, pre.
  • Web Storage
    • Local Storage
    • Session Storage
  • Web Workers
  • MathML
    • Introduction
    • Browser Support
    • MathML Characters
    • Matrix Presentation
    • Math Formulas
  • Drag and Drop API
    • Browser Support
    • Make an Element Draggable
    • What to Drag - ondragstart and setData()
    • Where to Drop - ondragover
    • Do the Drop - ondrop
    • Drag image back and forth
  • Canvas Overview
    • Lines
    • Curves
    • font
    • Image
    • Paths
    • Shapes
    • Color, gradients
  • SVG
    • What is SVG?
    • SVG Advantages
    • Differences Between SVG and Canvas
    • Rectangle
    • Circle
    • Ellipse
    • Line
    • Polygon
5. Polyfills:
  • HTML5 Cross Browser Polyfills
6. SASS, SCSS:
  • Variables
  • Nesting
  • Partials
  • Modules
  • Mixins
  • Extend/Inheritance
  • Operators
7. Bootstrap:
  • Get Started?
    • What is Bootstrap?
    • Bootstrap History
    • Why Use Bootstrap?
    • What Does Bootstrap Include?
    • HTML File
    • Adding Bootstrap to Your Web Pages
    • Downloading Bootstrap
    • Bootstrap CDN
    • Put Your HTML Elements Inside Containers
    • Bootstrap Browser/Device Support
  • Typography
  • Colors
  • Tables
  • Images
  • Jumbotron
  • Alerts
  • Buttons
  • Button Group
  • Button Dropdown
  • Badges
  • Progressbars
  • Pagination
  • List Groups
  • Cards
  • Collapse
  • Navbar
  • Forms
  • Inputs
  • Carousel
  • Modal
  • Tooltip
  • Popover
  • Scrollspy
  • Utilities
  • Grid Sytem
  • BOOTSTRAP RESPONSIVE LAYOUT PROJECT
16. ECMAScript:
  • Introduction
  • Environment
  • Syntax
  • Console
  • Scripting language vs Programming language
    • Execution process
    • No Intermediate Output
    • Feedback and Debugging
    • Usage
  • Variables
    • Automatically
    • Using var (js)
    • using let (es6)
    • using const (es6)
    • Differences between var, let and const
    • Hoisting
  • Operators
    • Arithmetic
    • Assignment
    • String
    • Type
    • Comparison
    • Logical
  • Decision Making (Conditions)
    • If statement
    • ? ternary operator
    • If..else statement
    • If..else if..else statement
    • switch statement
  • Loops
    • for
    • While
    • do..While
    • for/in
    • for/of
    • break
    • continue
  • Functions
    • Anonymous
    • Shadowing vs Closures
    • Arrow functions
      • Parameters
      • Implicit return
      • this
      • No arguments
      • No new
      • No prototype property
      • Returning Object Literal
      • Array methods
  • Primitive Data Types
    • Number
    • String
    • Boolean
    • Null
    • Undefined
    • Symbol
    • BigInt
  • Literals
    • Numeric
    • Integers
    • Floating-Points
    • String
    • Boolean
    • Objects
    • Array
    • Template
    • Regexp or Pattern
    • Null
    • Undefined
  • Rest vs Spread Operator
  • Destructuring
  • Modules
  • Iterator
    • String
    • Array
    • Map
    • Set
  • Collections
    • Map
    • Set
    • WeakMap
    • WeakSet
  • Generators
  • Reflect API
  • Proxy API
  • Classes (OOPS: Object-Oriented Programming System)
    • Class Declaration
    • Class Expression
    • Constructor
    • Class Methods
    • Static Methods
    • Setters and Getters
    • instanceof operator
    • Class Inheritance
    • Super Keyword
    • Method Overriding
    • Private Fields and Methods
    • Class Fields
    • Abstract Class
    • Mixins
    • Sub-Classing Built-in Objects
    • Encapsulation
    • Polymorphism
    • Mutable Objects
  • Versions and New Features
    • EcmaScript 1997 : ECMAScript 1(ES1) was standardized by Ecma International, based on JavaScript 1.1, to create a formal, consistent specification for the language.
    • ES2 : 1998
    • ES3 : 1999
    • ES4 : Development abandoned
    • ES5 : 2009
    • ES5.1 : 2011
    • ES6 : 2015
    • ES7 : 2016
    • ES8 : 2017
    • ES9 : 2018
    • ES10 : 2019
    • ES11 : 2020
    • ES12 : 2021
    • ES13 : 2022
    • ES14 : 2023
    • ES15 : 2024
  • Content will be updated as per latest updates.
2. TypeScript:
  • Home
  • Overview
  • Environment Setup
  • Basic Syntax
  • Types
  • Variables
  • Operators
  • Decision Making
  • Loops
  • Functions
  • Numbers
  • Strings
  • Arrays
  • Tuples
  • Union
  • Interfaces
  • Classes
  • Objects
  • Namespaces
  • Modules
Angular and NgRx:
  • Introduction to angular
    • What is angular?
    • Key features and advantages
    • Setting up the development environment
    • Creating your first angular application
  • Components and Templates
    • Creating components
    • Templates and data binding
    • Interpolation and property binding
    • Event binding and two-way data binding
    • angular directives
  • Dependency Injection and Services
    • Understanding Dependency Injection (DI)
    • Creating and using services
    • Injecting services into components
    • Singleton services vs. multiple instances
  • Routing and Navigation
    • Setting up routing in angular
    • Creating route configurations
    • Navigating between routes
    • Route parameters and data
    • Child routes and lazy loading
  • Forms and Validation
    • Template-driven forms
    • Reactive forms with FormBuilder
    • Form validation and error handling
    • Custom form validators
  • HTTP and Observables
    • Making HTTP requests with angular HttpClient
    • Handling HTTP responses with Observables
    • Using RxJS operators
    • Authentication and authorization
  • angular Modules and NgModules
    • Creating and organizing modules
    • Feature modules and lazy loading
    • NgModule decorators and providers
  • Testing in angular
    • Unit testing components and services
    • Testing with TestBed
    • Mocking dependencies
  • angular CLI and Project Structure
    • Using the angular CLI for project management
    • Project structure and best practices
    • Generating components, modules, and services
  • CRUD Operations with angular
    • Creating a CRUD application
    • Implementing Create, Read, Update, Delete operations
    • Managing component state for data
    • Displaying data in tables and lists
  • User Authentication
    • Implementing user registration
    • Storing user credentials securely
    • User login and session management
  • Authorization and Protected Routes
    • Defining user roles and permissions
    • Authorizing access to certain routes and components
    • Creating protected routes with route guards
  • User Profile and Authentication State
    • Displaying user information in the UI
    • Managing authentication state in NgRx
    • Updating user profiles and passwords
  • Logout Functionality
    • Implementing a secure logout process
    • Clearing authentication tokens and user sessions
    • Redirecting users after logout
  • Role-Based Authorization
    • Assigning roles to users
    • Configuring role-based access control (RBAC)
    • Restricting access to specific features and data
  • JWT (JSON Web Tokens) for Authentication
    • Understanding JWT and its role in authentication
    • Generating and verifying JWT tokens
    • Using JWT for secure API authentication
  • NgRx State Management for Authentication and Authorization
    • Managing user authentication state in NgRx
    • Updating user roles and permissions in the store
    • Dispatching actions for login, logout, and role changes
  • Secure API Calls
    • Securing API endpoints with authentication checks
    • Passing authentication tokens with API requests
    • Handling unauthorized access errors
  • Advanced Topics (Optional)
    • Implementing password reset functionality
    • Social media authentication (e.g., OAuth)
    • Multi-factor authentication (MFA)

Apply For Course