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

Learn Angular, All its Features, 3rd Party Packages and How to Work with Data, by Building The Real Life Project with it

4.45 (150 reviews)
Udemy
platform
English
language
Web Development
category
instructor
5,147
students
1.5 hours
content
Jun 2022
last update
FREE
regular price

What you will learn

Learn Angular Basics and How to Use it

Learn Angular Features like Routing, HTTP Module, Services...

Learn Advanced Features like RxJS, Subscriptions, Observables, Subjects...

Learn to Use 3rd Party Packages like Bootstrap, Chart JS, Highcharts...

Learn to Work with API and Real Data

Learn Angular by Building The Real App

Description

Join the FREE Masterclass, perfect for all Angular and Web Developers that wish to build The Real Life Application.

This course is tailored for beginners, so you don't need any prior knowledge of Angular. HTML, CSS, and JavaScript are also not required, but it's suggested to know those.

This course will cover all from setup to deployment of Angular Application. You'll learn almost all the features that Angular offers, like Components, Services, Routing, Forms, HTTP...

Next to that, you'll learn advanced features like RxJS Library, Observables, Subscriptions, Subjects, How to Work with Data...

That's not all. Next to Angular, you will work with many different technologies and 3rd Party Libraries, like HTML, CSS, Bootstrap, Chart.js, Highcharts...

Finally, by the end of this course, you will also deploy your COVID-19 Tracker App to Firebase.

TypeScript

Angular uses TypeScript as the primary language. If your background does not come from TypeScript but JavaScript, you don't have anything to worry about, both are very similar, so there should not be any problems.

By saying this, knowledge of TypeScript is not required at all.

What will we build?

Throughout the whole Masterclass, in all 3 parts, we will build COVID-19 Tracker App. We will start slowly, just by learning What it is Angular and Installing it. From there, we will set up our project and learn basic features like components and services.

As I said, the course will include almost all the features that Angular offers. Through this, you will learn Routing, Lazy Loading, HTTP Module, and much more.

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 You Will Learn:

  • What is Angular

  • How to Install Angular

  • App Setup

  • Installing 3rd Party Packages

  • Modules

  • Components

  • Life Cycle Hooks

  • Routes

  • Lazy Loading

  • How to Work with Data

  • HTTP Module

  • Observables

  • RxJS Library

  • Sharing Data

  • Input and Output

  • Event Emitters

  • Subjects

  • Subscriptions

  • Creating Charts

  • How to Build a Live World Map

  • What are Firebase and Firebase Hosting

  • How to Deploy Angular Application to Firebase

  • And much more...

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

Content

Introduction

Introduction

Angular & App Setup

Installing Angular
Angular App Setup
Installing Bootstrap & Font Awesome

Angular Modules, Components & Templating

Creating Shared Module & Components
Creating Markup for Sidebar
Styling The Sidebar
Creating The Topbar
Creating Pages & Layout

Routing, Routes & Lazy Loading

Creating Routes
Routing

Working with Data

Going Through API
Getting The Summary Data
Passing Data to a Component
Creating The Summary Cards

Outro

Outro

Screenshots

Angular FREE Masterclass - COVID-19 Tracker App - Part 1 - Screenshot_01Angular FREE Masterclass - COVID-19 Tracker App - Part 1 - Screenshot_02Angular FREE Masterclass - COVID-19 Tracker App - Part 1 - Screenshot_03Angular FREE Masterclass - COVID-19 Tracker App - Part 1 - Screenshot_04

Reviews

Lily
May 11, 2023
This course goes into the details of implementation including the minute styling codes. It is clear and to the point.

Charts

Price

Angular FREE Masterclass - COVID-19 Tracker App - Part 1 - Price chart

Rating

Angular FREE Masterclass - COVID-19 Tracker App - Part 1 - Ratings chart

Enrollment distribution

Angular FREE Masterclass - COVID-19 Tracker App - Part 1 - Distribution chart

Related Topics

4713044
udemy ID
5/31/2022
course created date
6/19/2022
course indexed date
Bot
course submited by