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. Omerko Channel holds code tutorials to help you become a Full Stack Web Developer. Videos will include tutorials for technologies like HTML, CSS, Bootstrap, JavaScript, TypeScript, Angular, Node.js Express.js, Nest.js, and also industry videos like Development Discussions and a list of TEN things that developers should learn, use and know. Subscribe for new videos every week that will include tutorials for Beginners, Intermediate, and Experts. ✦ VISIT MY WEBSITE TO SEE ALL TUTORIALS AND COURSES: https://www.omerko.com ✦ API: https://documenter.getpostman.com/view/10808728/SzS8rjbc ✦ UDEMY COURSES: - Part 1 - https://bit.ly/3Bldr6F - Part 2 - https://bit.ly/3RLQ77x - Part 3 - https://bit.ly/3D1vFLG ✦ INSTAGRAM: https://www.instagram.com/omerko96 ✦ INSTAGRAM: https://www.instagram.com/omerko_coding ✦ BUSINESS: [email protected] ✦ MUSIC: - Philanthrope, Ian Ewing, Toonorth - Mortal Wombat https://chll.to/b65fe5e6 ✦ 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
Download
1 formatsVideo Formats
Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.