Angular 11 Tutorial - Code a Project from Scratch

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=LiOzTQAz13Q


Duration: 1:12:54
367,973 views
6,820

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

⭐️ 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



Other Videos By freeCodeCamp.org


2021-06-09Learn Bootstrap 5 and SASS by Building a Portfolio Website - Full Course
2021-06-08Arduino Course for Beginners - Open-Source Electronics Platform
2021-06-07OpenCV Python Course - Learn Computer Vision and AI
2021-06-03How to Build a Hackintosh - Step-by-Step Guide (Install MacOS Big Sur on PC)
2021-06-02Python for Bioinformatics - Drug Discovery Using Machine Learning and Data Analysis
2021-06-01Next.js for Beginners - Full Course
2021-05-27Advanced Computer Vision with Python - Full Course
2021-05-26🎮 Easy JavaScript Game Development with Kaboom.js (Mario, Zelda, and Space Invaders) - Full Course
2021-05-24Learn CSS Media Queries by Building 3 Projects - Full Course
2021-05-20Learn Modern C++ by Building an Audio Plugin (w/ JUCE Framework) - Full Course
2021-05-18Angular 11 Tutorial - Code a Project from Scratch
2021-05-12Kivy Course - Create Python Games and Mobile Apps
2021-05-11Typography for Developers Tutorial - Full Course
2021-05-06Chrome DevTools - Crash Course
2021-05-04OpenCV Tutorial - Develop Computer Vision Apps in the Cloud With Python
2021-05-03Azure Administrator Certification (AZ-104) - Full Course to PASS the Exam
2021-04-29Learn Docker - DevOps with Node.js & Express
2021-04-28MERN Stack Course - ALSO: Convert Backend to Serverless with MongoDB Realm
2021-04-27OpenGL Course - Create 3D and 2D Graphics With C++
2021-04-22Data Structures For Python Developers (w/ Flask) - Course
2021-04-21UML Diagrams Full Course (Unified Modeling Language)