Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Angular 11 Tutorial - Code a Project from Scratch

via freeCodeCamp

Overview

Create an Angular 11 project from scratch in this comprehensive tutorial that guides you through building a game database website using a public API. Gain a solid foundation for developing Angular applications as you learn to set up a project with Angular CLI, create components, make HTTP calls, implement interceptors, and create services. Explore routing techniques, including setting up routes and passing data between components. Master the use of pipes and various Angular directives such as ngFor and ngIf. Follow along as the instructor covers installation, component creation, styling, HTTP service implementation, TypeScript model creation, and more. By the end of this 1-2 hour course, you'll have hands-on experience creating a fully functional Angular application, complete with search functionality, sorting, and detailed game information display.

Syllabus

Intro.
Installation of project and modules.
Search bar component.
Styling search bar.
Creating home component.
Creating routes.
Styling home component.
Creating http service.
Creating typescript models.
Creating http interceptors.
Implementing home component.
Implementing sort menu.
Creating details component.
Styling details component.
Details tabs component.
Styling tabs .
Implementing data into tabs.
Final review.

Taught by

freeCodeCamp.org

Reviews

Start your review of Angular 11 Tutorial - Code a Project from Scratch

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.