A tanfolyamról
Designed to make you a skilled developer ready to build scalable single-page applications, our Angular training course covers everything from TypeScript, Components, Directives, Pipes, forms to routing, RxJs, working with APIs, testing, and deployment on the cloud. By the end of the Angular certification, you'll acquire hands-on skills on all the latest features of Angular.
Master the fundamental concepts and learn how to build, test, and deploy Angular-powered production-ready apps. Realize the power of building composable components and leverage Angular’s built-in testing framework to make sure your code works correctly. Along the way, build a portfolio of projects you can show to potential employers and hone your newly acquired, immediately applicable skills. This is the only Angular certification you’ll need to go from zero to pro in Angular.
Angular is an incredibly powerful and versatile application framework from Google. Angular lets developers build sophisticated and highly performant web, desktop, and mobile applications and offers an unparalleled developer experience. Some core features of Angular include the use of a component-based architecture that lets you build comprehensive applications.
You can do this by writing manageable and feature-rich components, a template-driven architecture where dynamic templates are populated with rich data using powerful features such as two way data binding, dependency injection (DI) which allows developers to author reusable and shareable services, integrated routing and navigation for single-page applications, forms and lots more.
For developers, Angular offers a rich TypeScript based development pipeline that can be set up easily using the Angular CLI tool, an extensible feature-rich utility that can be used to set up and govern the entire build process. Under the hood, the Angular Ivy compilation and rendering engine provide blazing-fast compilation times, producing far more efficient code than older versions of the framework. Angular, as a framework establishes a rich set of principles and workflows that ensure efficient, organized, and rapid development of rich scalable applications.
Who can attend the Angular Course
- Professionals/novices looking to build scalable single-page apps
- Professionals/novices looking to use client-side web development for web apps
- Candidates aspiring for a career in front-end Web App development
What you will learn
-
Typescript
Learn the concepts of typescript that are well used in the development of an Angular application. -
Components
Learn to create and use components such as CLI and decompose monolithic UI into smaller components. -
Modules
Understand the process to modularize angular applications and learn by creating feature modules. -
Templating
Learn about template syntax and how to apply these concepts in developing dynamic templates. -
Form Management
Learn and understand the process behind developing template driven and reactive forms. -
Services
Learn how to create services to hold business logic, and inject services into services & components. -
Routing and Remote Services
Learn how to implement navigation and protect routes. Also, learn how to consume remote services. -
Web components
Understand and learn how to use angular elements to implement the web components. -
Advanced features
Work with advanced features such as server-side rendering, service workers, PWAs, and Angular Material. -
Unit testing
Learn how to unit test Angular applications using jasmine, angular testing utilities and karma. -
Debugging
Learn the Chrome and Microsoft VSCode and their uses for debugging Angular applications with Angular DevTools. -
Dev Tooling and Bundling
The applications of Angular CLI, the bundling process and optimizations by Angular CLI.
At the end of the course, you will be able to:
- Apply TypeScript to develop Angular applications
- Manually create components as well as use components such as CLI
- Decompose monolithic UI into smaller components to create larger pages
- Modularize angular application and by creating feature modules
- Create template syntax and apply these concepts in developing dynamic templates
- Develop template-driven and reactive forms
- Create services to hold business logic, and inject services into services and components
- Implement navigation and protect routes and consume remote services
- Use angular elements to implement web components
- Test angular applications using jasmine, angular testing utilities and karma
- Use Chrome and vscode to debug Angular applications
- Work with the applications of Angular CLI and augury
We provide the course in English.
Tematika
Curriculum
1. Introduction to Angular
Learning Objectives
This section will introduce the learners to Angular. Learners will get up and running quickly with a simple Hello world app. Learners will understand the fundamentals of Angular - what it is, why it is used, and how easy it is to get started.
Topics
-
What is Angular?
Angular Overview
Why Should You Learn Angular?
How Do Websites Work? -
Hello Angular
Build a Hello World Angular Project
What are Node and NPM?
Install NodeJS for Angular
Build a Hello World Project with Angular CLI
How to Debug? -
Angular Essential Concepts
Angular Development Workflow Overview
Understanding the Root HTML
Understanding the Entry Point TypeScript File
Understanding the App Component -
Angular Version Releases
Angular Version Releases - Architecture of an Angular Application
2. TypeScript
Learning objectives
This section will introduce the learners to TypeScript, the programming language used for Angular. Learners will understand basic TypeScript syntax, including variables and functions. Learners will build classes and modules with TypeScript.
Topics
-
What is TypeScript?
Introduction to TypeScript
What is TypeScript? -
TypeScript for Beginners
Create a TypeScript Project
Basic Types in TypeScript
TypeScript Classes
Catching Runtime Errors in Compile Time with TypeScript
Build a Class with ES5
Build a Class with ES6
Build a Class with TypeScript
TypeScript Interfaces
TypeScript Decorators
Build a Decorator
3. Components and Templates
Learning objectives
This section will introduce the learners to building components and modularizing Angular applications. Learners will also cover bindings, directives, and tests. We will cover fundamentals including modules, components, data and event binding and passing data between components.
Topics
-
Building a Component
Introduction to Components and Templates
What is a Component?
Set Up Development Environment
Build a Component
Understanding Our New Component
Use Data Binding to Display Data -
Angular Directives
What are Directives?
Use the NgClass Attribute Directive
Use the NgStyle Attribute Directive
Use the NgIf Structural Directive
Use the NgFor Structural Directive -
Defining a Component
Modularizing Your App
Build a Module
Build a Lazy Loading Module with Routes - Setup
Build a Lazy Loading Module with Routes - Routing
Input
Output
Component Lifecycle -
Content Projection
Content Projection -
Testing Angular Components
Test Setup
Write Unit Tests
4. Template-Driven Forms
Learning objectives
This section will cover how to handle user input via forms. Students will learn the template-driven approach as well as reactive approach to building forms.
Topics
-
Forms
Building Forms with Angular
Build a Template-Driven Form
NgForm Directive
Form Validation in Angular -
Reactive Forms
Reactive Forms
Build a Reactive Form
Form Data in Reactive Forms
Understanding FormGroup and FormControl
5. Angular Services
Learning objectives
Grasp the significance of the angular module system, and gain an insight into why modules are needed, how we create modules, and about the different kinds of modules.
Topics
-
Angular Services
Angular Services Overview
Angular Services Introduction
Refactor Application for Service
Build a Service
Inject and Use Service in Component
Integrate Service into Components -
Dependency Injection
What is Dependency Injection
Build a Service with Dependency Injection
Integrate Message Service in Multiple Components -
Asynchronous Operations
Asynchronous Operations
Build an Asynchronous Operation
Simplify Asynchronous Operation
6. Angular HTTP Calls
Learning objectives
This section will introduce the learners to using HttpClient service for working with APIs/backend. Students will learn how to use built-in Angular modules and services to build and parse HTTP call toa server.
Topics
-
HttpClient
Introduction to Angular HTTP Calls
Clean Up UI
What is HttpClient?
Node.js Review
Set Up Server
Handle GET Data Request
Handle POST and PATCH Requests
Add HTTP Client to Angular
Test Client-Server Communication
HTTP Options
HTTP Unit Testing -
Unit Test Services
Unit Test Services
Style the App
JSON Server
7. Routing
Learning objectives
Students will learn how to encapsulate pages and sections under routes and link to them when a user requests to visit or view content. Students will learn Angular’s built-in Angular routing module
Topics
-
Routing
Introduction to Routing?
What is Routing?
Build Routing and Display Contents
Navigate the Application
Routing with To-Do List Web Application
Routing Requirements and Guards
Routing - Example
Nested and Wildcard Routes
Lazy Loading Routes
Routing - Advanced Example
Route Guards
8. Styling and Animation
Learning objectives
This section will introduce the learners to styling the user interface of Angular applications.
Topics
-
Styling
Introduction to Styling and Animation
Basic Styling
Angular Material Styling
Advanced Styling Example -
Angular Animation
Angular Animation -
Internationalization
Internationalization -
Deep Dive into Internationalization
Deep Dive into Internationalization
9. Service Workers and Building a Progressive Web App
Learning objectives
This section will introduce the learners to building a web application with Angular service workers
Topics
-
Service Workers Introduction
Service Workers and Building a Progressive Web App
Introduction to Service Worker -
Build a Progressive Web App
Build a Progressive Web App
PWA Project Example
Build a New PWA
Build a Timer Component
Quick Glance at the Outcome of Timer Component
Build User Interface for Timer Component
Build Timer-List Component
Quick Glance at the Outcome of Timer-List Component
Build Timer-List Component User Interface
Simulate a Network Issue
Designing a Professional User Interface
Explanation on Manifest
Browser’s Cache Storage
10. Deployment with Firebase
Learning objectives
This section will introduce the learners to deploying an Angular application with Firebase
Topics
-
Overview of Deployment with Firebase
Introduction to Deployment with Firebase
New Build Options in Angular
Understanding Deployment with Firebase
How to Build a Firebase Project?
Build an Angular CRUD App with Firebase
Build a Service for the CRUD App with Firebase
Build an Order Component
Build an Order User Interface
Build an Orders List Component
Add Styling to Application
Deploy Angular Application
Production Files for Deployment
Kinek ajánljuk
Előfeltételek
Prerequisites
This Angular training online is an introductory course and does not have any prerequisites.