Angular simple Training

Download-Angular-Icon-vector-logo

ANGULAR

Learn a widely used framework, Angular, in a few days and create quality websites.

French / English

Certificate

Submit now

Next session : August

Overview

Take your skills to the next level with Accelebrate’s Advanced Angular training. Students gain an understanding of application architecture and design best practices in Angular, as well as learn how to authenticate, unit test, and manage application state in an Angular application.
The technologies used in this training represent the latest tools to design and develop web applications with Angular.
High quality content with a good project-based approach that facilitates immersion in the professional world. Whether you are a student, a graduate or an employee, you can have the opportunity to implement any project and create your own ideas.
angular_logo

Prerequisite

Have taken Accelebrate's Introduction to Angular class or have the equivalent experience.

Goals

Create a full Angular app from an empty folder
Add template-driven and model-driven forms
Set up an authentication system
Develop a navigation system between components
Make HTTP requests from your application
Consume the resources of an API to produce a site
Deploy an Angular application in production

Training Program

1- General Introduction on Framework Angular
- Introduction to the Front End Angular framework
- Presentation of the projects to be carried out
- How to get the most out of this training?
2- Establishment and Creation of an Angular Project
- Difference between Angular and Angular JS
- What is TypeScript
- Development tools
- Installing extensions to get started with Angular
- Creating an Angular project
3- Structure of an Angular Project
- Structure of an Angular project
- Components and modules in Angular project
- Organization of an Angular project
- Style sheet integration in an Angular project
4- Dynamic Data Management with Angular
- Manage Angular dynamic data
- Manage Angular dynamic data - Property Binding
- Manage dynamic data - Event Binding
- Manage dynamic data - Two Way Binding
- Structural and attribute directives
5- Advanced Concepts
- Course 18 Angular Les Filtering data with pipes
- Improve the structure with services in Angular
- Manage navigation with routing in Angular
6- Asynchronous Services
- Render an asynchronous service with Promises in Angular
- Observables in Angular
7- Forms by the template or reactive method in angular
- Forms in Angular - Templates method
- Forms in Angular - Reactive Method
- HTTP request in Angular with the Http Client service
- Improved routing

Project

01.
PROJECT TO CREATE THE ADMINISTRATION AREA OF THE E-COMMERCE SITE
- Implementation of the project - Very useful information about backends used in projects - Important note Xampp or Wamp? - Implementation of the backend of the application - Backend configuration - Backend data access control - Product display - Administration pagination - Implementation of the product addition form - Validation of the product addition form - Add product to database service - Image upload service associated with a product - Modification of a product (part 1) - Modification of a product (part 2) - Asynchronous data management - Deleting a product
02.
E-COMMERCE WEBSITE CREATION PROJECT
- Presentation of the e-Commerce website creation project - Implementation of the application - Implementation of the backend of the application - Backend configuration - Site navigation - Creation of the shop page - Improvement of the ergonomics of the Shop page - Customer cart implementation - Displaying customer cart content - Storage of shopping cart data on the customer's browser - Single Product - Pagination of the Product page - Showing products by category - User authentication on the site - Creation of user accounts on the site - Checkout of the e-commerce site - Server-side order creation - Configuration of payment methods
03.
LEARN TO WRITE UNIT TESTS
- Introduction to BDD Test with Jasmine - Write the unit test of a feature - Test a TypeScript model - Test an Angular component
04.
DEPLOYMENT OF YOUR PROJECT
Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
Click outside to hide the comparison bar
Compare