Angular 11 Tutorial – Code a Project from Scratch



Learn how to create an Angular 11 project from scratch in this full course. It uses a public API to create a game database website. You will gain a great foundation for building Angular applications. You will learn how to how to set up a project using Angular CLI, how to create components, how to make http calls, how to implement http interceptors, how to make services. Also you will learn how to set up routes for your application, how to pass data with routes and between the components, we will use pipes for data formatting, various Angular directives like ngFor and ngIf, and more. ✏️ Course created by Slobodan Gajic. Check out his channel: https://www.youtube.com/channel/UCBu5ulO4d-d47lAVybpRTkw 💻 Code: https://github.com/bobangajicsm/ng-video-games-db
🔗 API details: https://rapidapi.com/accujazz/api/rawg-video-games-database/details ⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:01:00) Installation of project and modules
⌨️ (0:04:28) Search bar component
⌨️ (0:06:13) Styling search bar
⌨️ (0:09:36) Creating home component
⌨️ (0:10:03) Creating routes
⌨️ (0:15:08) Styling home component
⌨️ (0:18:58) Creating http service
⌨️ (0:21:23) Creating typescript models
⌨️ (0:23:43) Creating http interceptors
⌨️ (0:28:13) Implementing home component
⌨️ (0:35:13) Implementing sort menu
⌨️ (0:40:28) Creating details component
⌨️ (0:47:13) Styling details component
⌨️ (0:57:43) Details tabs component
⌨️ (1:02:33) Styling tabs ⌨️ (1:04:43) Implementing data into tabs
⌨️ (1:10:38) Final review — Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Angular 11 Tutorial – Code a Project from Scratch

Angular 11 Tutorial – Code a Project from Scratch

 

 

 

 

 

 

 

 

 

Contact us

More Angular 11 Tutorial – Code a Project from Scratch Videos

Leave a Reply

Your email address will not be published. Required fields are marked *