Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Angular FREE Masterclass - COVID-19 Tracker App - Part 3
Rating: 4.7 out of 5(54 ratings)
3,725 students

Angular FREE Masterclass - COVID-19 Tracker App - Part 3

Let's Continue Working on Our COVID-19 Tracker App and Use Third-Party Libraries with Angular... Let's Deploy Our App
Created byStefan Omerovic
Last updated 6/2022
English

What you'll learn

  • Learn How to Use Angular with Third Party Modules
  • Learn to Use ChartJS and HighCharts with Angular
  • Learn to Work with Data in Angular
  • Learn to Share Data in Angular
  • Learn Firebase Hosting
  • Learn to Deploy Angular App to Firebase Hosting

Course content

3 sections12 lectures1h 32m total length
  • Introduction to Chart.js3:36

    Hello, and welcome to the third and last part of this course. With the two parts behind us, we are nearing the end of this FREE Masterclass.

    As in the last two part, this course is tailored for beginners, but it would be good if you had a basic knowledge of HTML, CSS, and JavaScript.

    This third part will cover additional features of Angular, as well as the ones that we already used. We will also use third-party libraries like ChartJS and HighChats. Finally, we will also deploy our COVID-19 Tracker Application to Firebase Hosting.

    It is highly important that we will deploy our app in this course, as that way, you can have a project for your Portfolio.

    What are we building?

    We are continuing the course from the first two parts. We are building COVID-19 Tracker App. The idea of this application is good for everyone who wishes to learn technology like Angular, as we are touching almost every feature that Angular has to offer.

    By the end of this Masterclass, you will have an app with multiple pages. We will present the actual data through those pages and work with great features like Search Functionality or Presenting Data on a Chart or World Map.

    This is not all. We won't stop there. You will also learn what Firebase is, and we will deploy our Application to Firebase. So you could have your up and live to brag about it, show it to your friends, or keep it for a portfolio.

    Everything that We Will Work Within This Part:

    • Install Chart.js

    • Using Chart.js

    • Share Data to Chart.js

    • Connecting Search Functionality to Chart.js

    • Installing HighCharts

    • Using HighCharts

    • Passing Data to HighCharts

    • Creating The Live World Map with Data

    • Build the Project for Deployment

    • Creating a Project on Firebase

    • Connecting a Project to a Firebase Project

    • Deploying The App to Firebase Hosting

    • And much more...

    Benefit from this right now! No need to PAY. It's a FREE Masterclass.

  • Installing Chart.js3:58

    Hello, and welcome to the third and last part of this course. With the two parts behind us, we are nearing the end of this FREE Masterclass.

    As in the last two part, this course is tailored for beginners, but it would be good if you had a basic knowledge of HTML, CSS, and JavaScript.

    This third part will cover additional features of Angular, as well as the ones that we already used. We will also use third-party libraries like ChartJS and HighChats. Finally, we will also deploy our COVID-19 Tracker Application to Firebase Hosting.

    It is highly important that we will deploy our app in this course, as that way, you can have a project for your Portfolio.

    What are we building?

    We are continuing the course from the first two parts. We are building COVID-19 Tracker App. The idea of this application is good for everyone who wishes to learn technology like Angular, as we are touching almost every feature that Angular has to offer.

    By the end of this Masterclass, you will have an app with multiple pages. We will present the actual data through those pages and work with great features like Search Functionality or Presenting Data on a Chart or World Map.

    This is not all. We won't stop there. You will also learn what Firebase is, and we will deploy our Application to Firebase. So you could have your up and live to brag about it, show it to your friends, or keep it for a portfolio.

    Everything that We Will Work Within This Part:

    • Install Chart.js

    • Using Chart.js

    • Share Data to Chart.js

    • Connecting Search Functionality to Chart.js

    • Installing HighCharts

    • Using HighCharts

    • Passing Data to HighCharts

    • Creating The Live World Map with Data

    • Build the Project for Deployment

    • Creating a Project on Firebase

    • Connecting a Project to a Firebase Project

    • Deploying The App to Firebase Hosting

    • And much more...

    Benefit from this right now! No need to PAY. It's a FREE Masterclass.

  • Creating Bar Charts9:57

    Hello, and welcome to the third and last part of this course. With the two parts behind us, we are nearing the end of this FREE Masterclass.

    As in the last two part, this course is tailored for beginners, but it would be good if you had a basic knowledge of HTML, CSS, and JavaScript.

    This third part will cover additional features of Angular, as well as the ones that we already used. We will also use third-party libraries like ChartJS and HighChats. Finally, we will also deploy our COVID-19 Tracker Application to Firebase Hosting.

    It is highly important that we will deploy our app in this course, as that way, you can have a project for your Portfolio.

    What are we building?

    We are continuing the course from the first two parts. We are building COVID-19 Tracker App. The idea of this application is good for everyone who wishes to learn technology like Angular, as we are touching almost every feature that Angular has to offer.

    By the end of this Masterclass, you will have an app with multiple pages. We will present the actual data through those pages and work with great features like Search Functionality or Presenting Data on a Chart or World Map.

    This is not all. We won't stop there. You will also learn what Firebase is, and we will deploy our Application to Firebase. So you could have your up and live to brag about it, show it to your friends, or keep it for a portfolio.

    Everything that We Will Work Within This Part:

    • Install Chart.js

    • Using Chart.js

    • Share Data to Chart.js

    • Connecting Search Functionality to Chart.js

    • Installing HighCharts

    • Using HighCharts

    • Passing Data to HighCharts

    • Creating The Live World Map with Data

    • Build the Project for Deployment

    • Creating a Project on Firebase

    • Connecting a Project to a Firebase Project

    • Deploying The App to Firebase Hosting

    • And much more...

    Benefit from this right now! No need to PAY. It's a FREE Masterclass.

  • Passing Search Term to Chart Component11:45

    Hello, and welcome to the third and last part of this course. With the two parts behind us, we are nearing the end of this FREE Masterclass.

    As in the last two part, this course is tailored for beginners, but it would be good if you had a basic knowledge of HTML, CSS, and JavaScript.

    This third part will cover additional features of Angular, as well as the ones that we already used. We will also use third-party libraries like ChartJS and HighChats. Finally, we will also deploy our COVID-19 Tracker Application to Firebase Hosting.

    It is highly important that we will deploy our app in this course, as that way, you can have a project for your Portfolio.

    What are we building?

    We are continuing the course from the first two parts. We are building COVID-19 Tracker App. The idea of this application is good for everyone who wishes to learn technology like Angular, as we are touching almost every feature that Angular has to offer.

    By the end of this Masterclass, you will have an app with multiple pages. We will present the actual data through those pages and work with great features like Search Functionality or Presenting Data on a Chart or World Map.

    This is not all. We won't stop there. You will also learn what Firebase is, and we will deploy our Application to Firebase. So you could have your up and live to brag about it, show it to your friends, or keep it for a portfolio.

    Everything that We Will Work Within This Part:

    • Install Chart.js

    • Using Chart.js

    • Share Data to Chart.js

    • Connecting Search Functionality to Chart.js

    • Installing HighCharts

    • Using HighCharts

    • Passing Data to HighCharts

    • Creating The Live World Map with Data

    • Build the Project for Deployment

    • Creating a Project on Firebase

    • Connecting a Project to a Firebase Project

    • Deploying The App to Firebase Hosting

    • And much more...

    Benefit from this right now! No need to PAY. It's a FREE Masterclass.

  • Getting Confirmed Cases for a Country9:08

    Hello, and welcome to the third and last part of this course. With the two parts behind us, we are nearing the end of this FREE Masterclass.

    As in the last two part, this course is tailored for beginners, but it would be good if you had a basic knowledge of HTML, CSS, and JavaScript.

    This third part will cover additional features of Angular, as well as the ones that we already used. We will also use third-party libraries like ChartJS and HighChats. Finally, we will also deploy our COVID-19 Tracker Application to Firebase Hosting.

    It is highly important that we will deploy our app in this course, as that way, you can have a project for your Portfolio.

    What are we building?

    We are continuing the course from the first two parts. We are building COVID-19 Tracker App. The idea of this application is good for everyone who wishes to learn technology like Angular, as we are touching almost every feature that Angular has to offer.

    By the end of this Masterclass, you will have an app with multiple pages. We will present the actual data through those pages and work with great features like Search Functionality or Presenting Data on a Chart or World Map.

    This is not all. We won't stop there. You will also learn what Firebase is, and we will deploy our Application to Firebase. So you could have your up and live to brag about it, show it to your friends, or keep it for a portfolio.

    Everything that We Will Work Within This Part:

    • Install Chart.js

    • Using Chart.js

    • Share Data to Chart.js

    • Connecting Search Functionality to Chart.js

    • Installing HighCharts

    • Using HighCharts

    • Passing Data to HighCharts

    • Creating The Live World Map with Data

    • Build the Project for Deployment

    • Creating a Project on Firebase

    • Connecting a Project to a Firebase Project

    • Deploying The App to Firebase Hosting

    • And much more...

    Benefit from this right now! No need to PAY. It's a FREE Masterclass.

  • Passing Data to a Chart5:06

    Hello, and welcome to the third and last part of this course. With the two parts behind us, we are nearing the end of this FREE Masterclass.

    As in the last two part, this course is tailored for beginners, but it would be good if you had a basic knowledge of HTML, CSS, and JavaScript.

    This third part will cover additional features of Angular, as well as the ones that we already used. We will also use third-party libraries like ChartJS and HighChats. Finally, we will also deploy our COVID-19 Tracker Application to Firebase Hosting.

    It is highly important that we will deploy our app in this course, as that way, you can have a project for your Portfolio.

    What are we building?

    We are continuing the course from the first two parts. We are building COVID-19 Tracker App. The idea of this application is good for everyone who wishes to learn technology like Angular, as we are touching almost every feature that Angular has to offer.

    By the end of this Masterclass, you will have an app with multiple pages. We will present the actual data through those pages and work with great features like Search Functionality or Presenting Data on a Chart or World Map.

    This is not all. We won't stop there. You will also learn what Firebase is, and we will deploy our Application to Firebase. So you could have your up and live to brag about it, show it to your friends, or keep it for a portfolio.

    Everything that We Will Work Within This Part:

    • Install Chart.js

    • Using Chart.js

    • Share Data to Chart.js

    • Connecting Search Functionality to Chart.js

    • Installing HighCharts

    • Using HighCharts

    • Passing Data to HighCharts

    • Creating The Live World Map with Data

    • Build the Project for Deployment

    • Creating a Project on Firebase

    • Connecting a Project to a Firebase Project

    • Deploying The App to Firebase Hosting

    • And much more...

    Benefit from this right now! No need to PAY. It's a FREE Masterclass.

Requirements

  • It's not Required to Know HTML, CSS and JavaScript, but It's Suggested
  • You Don't Need Requirements in any Older or Current Version of Angular
  • No Back-End Needed
  • Be Sure to Watch Part 1 and Part 2 of This Course

Description

Hello, and welcome to the third and last part of this course. With the two parts behind us, we are nearing the end of this FREE Masterclass.

As in the last two part, this course is tailored for beginners, but it would be good if you had a basic knowledge of HTML, CSS, and JavaScript.

This third part will cover additional features of Angular, as well as the ones that we already used. We will also use third-party libraries like ChartJS and HighChats. Finally, we will also deploy our COVID-19 Tracker Application to Firebase Hosting.

It is highly important that we will deploy our app in this course, as that way, you can have a project for your Portfolio.

What are we building?

We are continuing the course from the first two parts. We are building COVID-19 Tracker App. The idea of this application is good for everyone who wishes to learn technology like Angular, as we are touching almost every feature that Angular has to offer.

By the end of this Masterclass, you will have an app with multiple pages. We will present the actual data through those pages and work with great features like Search Functionality or Presenting Data on a Chart or World Map.

This is not all. We won't stop there. You will also learn what Firebase is, and we will deploy our Application to Firebase. So you could have your up and live to brag about it, show it to your friends, or keep it for a portfolio.

Everything that We Will Work Within This Part:

  • Install Chart.js

  • Using Chart.js

  • Share Data to Chart.js

  • Connecting Search Functionality to Chart.js

  • Installing HighCharts

  • Using HighCharts

  • Passing Data to HighCharts

  • Creating The Live World Map with Data

  • Build the Project for Deployment

  • Creating a Project on Firebase

  • Connecting a Project to a Firebase Project

  • Deploying The App to Firebase Hosting

  • And much more...

Benefit from this right now! No need to PAY. It's a FREE Masterclass.

Who this course is for:

  • For All Students That Already Watched The Part 1 and The Part 2 of This Course
  • Beginner Angular Developers that Wish to Learn More
  • Angular Web Developers Who Wish to Deploy Their Apps to Firebase Hosting
  • Web Developers that Wish to Create Real Life Project with Angular
  • Angular Developers that Wish to Create Real Life Project