Angular Web Development for the Real World
A 3-month course on Angular Web Development for the Real World.
RELATED RECENT PLACEMENTS
Parthiban M
Riverstone
SRM TRP Engineering College
Kotesh Mogudala
Tata Autocomp Systems
Anurag University, Hyderabad
Vipin Jiwane
Orena Solutions
Walchand College of Engineering, Sangli
Chandrakumar ADEPU
Selec Control
Ganapathy Engineering College
Jiji M
Adrasti
Sreepathy Institute of Management And Technology (SIMAT)
Durga Prasad Sunnam
Adrasti
Ucet Technical school in Dokiparru, Andhra Pradesh
Pratik Mankar
Adrasti
B R Harne College Of Engineering
MAHATHIR MOHAMED
TATsunoInida Pvt ltd
K.S.K College of Engineering and Technology
Syllabus
This course is full of best-in-class content by leading faculty and industry experts in the form of videos and projects
Course Overview
- This course covers all the basics of frontend web development and Angular framework to cover real-world challenges and scenarios which developers face in their day-to-day jobs along with giving best practices and tips to become a good developer.
- Self-learning tips on exploring advanced Angular topics are provided to equip the student better to continuously keep upgrading their skills even after landing a career in Angular.
- All the key theories and concepts related to Angular and frontend web development are explained with help of real-world examples.
- The learners will be asked to complete two projects and 12 challenges based on the concepts they learned in class, which will help them to also get a real-world glimpse into practical Angular programming.
Course Syllabus
On a daily basis we talk to companies in the likes of Tata Elxsi and Mahindra to fine tune our curriculum.
Week 01 - Course Overview, Prerequisites, and Introduction to Frontend Web Development
- Introduction to the course
- Course prerequisites and how to learn them better
- Types of application and developers
- Difference between frameworks and libraries
- What is in Angular?
- Introduction to TypeScript
Week 02 - Introduction to Angular Framework and Architecture
- Why Angular?
- Features in Angular
- History of Angular (AngularJS vs Angular)
- Angular Architecture
- Building blocks of Angular
- How to think in Angular
- Getting started with a basic Angular app
- Project structure best practices
- Overview of our course project
Week 03 - Understanding Modules and Components
- Understanding modules vs components vs directives
- Lazy loaded modules
- Data Binding with components
- Property/Event Binding
- Component Lifecycle
Week 04 - Understanding Templates and Advanced Components Concepts
- Templates and View Encapsulation
- Accessing DOM element programmatically
- Dynamic components
- Content projection
Week 05 - Introduction to Services/Dependency Injection Concepts along with RXJS (Reactive Programming)
- Services and dependency injection
- Single vs multiple instances of service
- Reactive programming concept
- Observable vs promise
- RxJS library introduction
- Use cases for Angular services
Week 06 - Intercomponent Communication and External HTTP API Communication using Angular
- Parent-child component communication
- Component communication using services
- Connecting to REST APIs through HTTP/HTTPS
- Handling API response and manipulating it
- Handling errors
- HTTP Interceptors
Week 07 - Understanding Directives and Styling Angular Application with Angular Material
- Structural vs attribute directives
- Built-in directives examples like “ngIf”,”ngFor”,”ngSwitch”, etc.
- Custom directives
- Angular Material introduction
- Features of Angular Material
- Styling Angular app using Angular Material
Week 08 - Understanding Pipes and Introduction to Forms
- Pipes
- Pure vs Impure pipes
- Basic built-in Pipes
- Custom Pipes
- Introduction to forms
- Template-driven and Reactive forms
- When to use which form?
Week 09 - Template Forms
- Creating a basic form
- Accessing form state
- Form validation
- Error handling
- Set values programmatically
- Grouping controls in a form
- Submit/Reset Forms
Week 10 - Reactive Forms
- Creating a basic form
- Accessing form state
- Form validation
- Error handling
- Set values programmatically
- Grouping controls in a form
- Submit/Reset Forms
Week 11 - Introduction to Angular Routing
- Routers - Why and How?
- Navigating with Routers
- Pass and fetch query parameters in routes
- Nested Routes
- Securing routes (Route Guards)
- Use cases for Route Guards
- Routing Strategies
Week 12 - Unit Testing Angular Application and Debugging Code
- How do we test code in Angular?
- How to write unit test cases in Jasmine?
- Writing unit test cases for a few common scenarios in Angular
- How to debug Angular code?
- Tools/utilities to speed up debugging Angular code
Week 13 - Useful Tips and Tricks for Building Real-World Angular Application
- Designing scalable and secure Angular app
- Deployment
- Web Accessibility
- Internationalization
- Angular Universal
- Angular Elements
- Service workers or progressive web app
- Angular Schematics
Our courses have been designed by industry experts to help students achieve their dream careers
Industry Projects
Our projects are designed by experts in the industry to reflect industry standards. By working through our projects, Learners will gain a practical understanding of what they will take on at a larger-scale in the industry. In total, there are 2 Projects that are available in this program.
Enhancing an Ecommerce App using Angular
In this project, learners will be creating an Ecommerce shopping application. This project requires use of Angular material and other concepts learned.
Enhancing an Ecommerce Blog using Angular
Based on the previous project, learners will extend this application and include a "contact us" page using the concepts learned in the second half of the course.
Our courses have been designed by industry experts to help students achieve their dream careers
Ratings & Reviews by Learners
Skill-Lync has received honest feedback from our learners around the globe.
Flexible Pricing
Talk to our career counsellors to get flexible payment options.
INR 40,000
Inclusive of all charges
Become job ready with our comprehensive industry focused curriculum for freshers & early career professionals
1 Year Accessto Skill-Lync’s Learning Management System (LMS)
Personalized Pageto showcase Projects & Certifications
Live Individual & Group Sessionsto resolve queries, Discuss Progress and Study Plans.
Personalized & Hands-OnSupport over Mail, Telephone for Query Resolution & Overall Learner Progress.
Job-Oriented Industry Relevant Curriculumavailable at your fingertips curated by Global Industry Experts along with Live Sessions.
Instructors profiles
Our courses are designed by leading academicians and experienced industry professionals.
1 industry expert
Our instructors are industry experts along with a passion to teach.
12 years in the experience range
Instructors with 12 years extensive industry experience.
Areas of expertise
- Lean Six Sigma Black Belt
- Angular Framework
- JavaScript
- React Framework
Similar Courses
Got more questions?
Talk to our Team Directly
Please fill in your number & an expert from our team will call you shortly.