Chapters (18)
- 0:00Intro
- 1:00Installation of project and modules
- 4:28Search bar component
- 6:13Styling search bar
- 9:36Creating home component
- 10:03Creating routes
- 15:08Styling home component
- 18:58Creating http service
- 21:23Creating typescript models
- 23:43Creating http interceptors
- 28:13Implementing home component
- 35:13Implementing sort menu
- 40:28Creating details component
- 47:13Styling details component
- 57:43Details tabs component
- 1:02:33Styling tabs
- 1:04:43Implementing data into tabs
- 1:10:38Final review
Show the creator's full description
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 and how to pass data with routes between the components. You will learn to use pipes and various Angular directives like ngFor, 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
❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba)
⭐️ 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
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.