Web Application Development with Angular 15

Web Application Development Course with Angular 15

This course is taught in online format and consists of 10 units. The duration of the course is 115 hours HE distributes between the content and the collaboration tools. Upon completion, the student will receive a certificate of completion.

The training is conducted through our Virtual Campus, With this option, you will have access to all the course content on the platform, 24 hours a day, 7 days a week, from the first day of the course. Students will also have access to participation forums , as well as a continuous tutoring .

• Access to the platform: 3 months
• Individualized support

Angular 15 Course – Frontend Web Development – ​​Angular Web Applications – Angular Framework – Frontend Course – Angular SPA – Modern Web Programming – JavaScript Development – ​​TypeScript Angular – Web Development Course – Angular for Developers

Introduction to the Web Application Development with Angular 15 course

The Web Application Development with Angular 15 course is geared towards professionals and students who want to learn how to create modern, scalable, and maintainable frontend applications using one of the most in-demand frameworks on the market.

Throughout the training, the student will learn to develop applications based on SPA (Single Page Application) architecture, working with components, services, routing, forms and consumption of REST APIs, following the best practices of the Angular ecosystem.
The course combines theoretical content, practical demonstrations, and guided labs, allowing for progressive learning applied to a real-world project. During the training, a complete Angular application will be developed, reinforcing key concepts such as modularity, component communication, and performance optimization.

This training is ideal for those who wish to specialize in professional frontend development with Angular.

Who is this course for?

This course is aimed at:

• Web developers who want to learn Angular
  
• JavaScript programmers who want to work with modern frameworks
  
• Frontend development professionals
  
• Programming students interested in web applications
  
• Developers with experience in other frameworks (React, Vue, etc.) who want to learn Angular.

Course Objectives

Upon completion of the course, the participant will be able to:

• Understanding Angular application architecture
  
• Create and manage reusable components
  
• Implement communication between components
  
• Use directives and data binding
  
• Working with services and dependency injection
  
• Consuming REST APIs from Angular applications
  
• Develop modern and scalable web applications

Course content: Developing applications with Angular 15

Unit 1 – Introduction to Angular and SP Development

• What is Angular?
• Modern frontend frameworks
• SPA Architecture (Single Page Application)
  
• Main features of Angular
  
• Angular vs other frameworks (React, Vue)
  
• General structure of an Angular application
  
• Introduction to Angular CLI
  
• Introduction to TypeScript in Angular

Unit 2 – Installation and development environment

• Installing Node.js
  
• Angular CLI Installation
  
• Creating an Angular project
  
• Project folder structure
  
• Main project files
  
• Development environment setup
  
• Running the project with ng serve
  
• Automatic compilation and reloading
  

Laboratory:

• creation of the first Angular project

Unit 3 – Components and templates

• Component-based architecture
  
• Creating components with Angular CLI
  
• Structure of a component
  
• Templates and HTML in Angular
  
• Interpolation
  
• Property Binding
  
• Event Binding
  
• Organization of the interface with components
  

Laboratory:

• building the basic layout of the application

Unit 4 – Communication between components and life cycle

• Communication between components
  
• @Input
  
• @Output
  
• EventEmitter
  
• Parent-child communication
  
• Component life cycle
  
• Lifecycle hooks (ngOnInit, etc.)
  
• Good communication practices
  

Laboratory:

• data exchange between components

Unit 5 – Routing and Navigation

• Routing concept in Angular
  
• Router configuration
  
• Route definition
  
• Navigation between components
  
• RouterLink
  
• Route parameters
  
• Dynamic routes
  
• Lazy loading of modules
  

Laboratory:

• navigation between application pages

Unit 6 – Services and Dependency Injection

• Service concept in Angular
  
• Service creation
  
• Dependency injection
  
• Use of services in components
  
• Data sharing between components
  
• Service-based architecture
  

Laboratory:

• application data management service

Unit 7 – Communication with REST APIs

• Client-server communication
  
• Using HttpClient
  
• GET requests
  
• POST requests
  
• HTTP Response Handling
  
• Error handling
  
• Consuming REST APIs
  

Laboratory:

• integration with an external API

Unit 8 – Forms in Angular

• Forms in Angular
  
• Template-driven forms
  
• Reactive forms
  
• Form validation
  
• Customized validations
  
• Form data management
  

Laboratory:

• data creation or editing form

Unit 9 – Directives and Pipes

• Structural Directives
  
• *ngIf
  
• *ngFor
  
• ngSwitch
  
• Attribute directives
  
• ngClass
  
• ngStyle
  
• Integrated pipes
  
• Custom pipes
  

Laboratory:

• dynamic data rendering

Unit 10 – Architecture, optimization and deployment

• Angular application architecture
  
• Organization of large projects
  
• Standalone components
  
• Advanced lazy loading
  
• Performance optimization
  
• Production build
  
• Artifact generation
  
• Angular application deployment
  

Laboratory:

• build and deployment of the application
  

Prerequisites

To make the most of this course, it is recommended to have basic knowledge of:

• HTML
  
• CSS
  
• JavaScript
  
• Basic use of the command line

No prior experience with Angular is necessary.

Having a basic understanding of TypeScript can be helpful, although the essential concepts will be introduced during the course.

Final result of the course

During the course, students will progressively develop a complete Angular application, applying the concepts learned in each unit and acquiring a practical and professional view of the development of modern web applications with Angular.

Other training modalities

If you are interested in taking this course in person or remotely, please contact us:

• Mail: info@nanforiberica.com
• Phone: +34 91 031 66 78
• WhatsApp: +34 685 60 05 91