Angular 4-Hour Tutorial - Build COVID-19 Tracker App

Did you ever build your own project? Well, this is a unique chance to do that. Be sure to follow along as we embark on this 4-hour journey to create our COVID-19 Tracker Application.

Subscribe for new videos every week that will include tutorials for Beginners, Intermediate, and Experts.

✦ UDEMY COURSES:

✦ MUSIC:

✦ CHAPTERS:
0:00 Intro
1:48 Installing Angular
5:58 Angular App Setup
10:32 Installing Bootstrap and Font Awesome
16:01 Shared Module & Components
22:38 Markup for Sidebar
25:41 Styling The Sidebar
31:49 Creating The Topbar
34:32 Pages & Layout
40:44 Routes
51:18 Routing
57:51 COVID-19 API
1:1:39 Getting Summary Data
1:6:53 Passing Data to Component
1:12:25 Creating Summary Cards
1:19:36 Data in Summary Cards
1:28:57 Top Countries Markup
1:37:3 Finishing Top Countries
1:49:50 Creating Search Form
1:56:34 List of Countries Markup
2:1:30 Showing Data in a Table
2:10:3 Sharing Data from Child to Parent
2:21:24 Searching Functionality
2:34:4 Sharing Search Component
2:38:31 ChartJS Intro
2:42:13 ChartJS Installation
2:46:16 Bar Chart
2:56:18 Passing Search Term
3:8:8 Getting Confirmed Cases
3:17:22 Passing Data to Chart
3:22:33 HighCharts Intro
3:25:28 HighCharts Installation
3:28:6 Using HighCharts
3:42:34 Passing Data to HighCharts
3:54:5 Firebase Deployment
4:8:57 Outro

[Omerko]

Do you like this type of tutorial? Longer while building real-life projects?

[sergiojaner]

I would like to learn with more applications like this, when would you have the next one?

[nelsonrivers]

Can you show deployment of Angular to IIS ?

[semperfiArs]

Loved the tutorial. Please make more Angular project videos and can you share the code if possible