Angular 10 – Introduction

Welcome to this practical tutorial on Angular 10! See the content below

1. What is Angular?
2. Characteristics of Angular
3. Why Learn Angular/Benefits
4. What This Tutorial Covers
5. How to Succeed in Learning Angular

1. What is Angular?

Angular is a web framework that is based on JavaScript. It allows you to create reactive Single Page Applications(SPA). Angular started as AngularJS but from version 2 onwards, the suffix was dropped. Angular is a leading front-end web framework developed and maintained by Angular Team in Google and can be considered the most popular web framework for building responsive applications.

What is a Web Framework?

A Web Framework also known as  a web application framework is a way to provide collection of functionalities that developers can use when building applications. A web framework makes development of application easier and standard.

2. Characteristics of Angular

The following are the characteristics of Angular

• Open-Source – It is an open-source web framework
• TypeScript-Based – It is based on TypeScript, which is a superset of JavaScript
• Used Component Hierarchy – Angular used a hierarchy of components
• Supports OOP – Support Object-Oriented Programming(OOP) concepts,
• Supports SSP – Supports Server-side programming
• Dynamic Page Loading – Angular has support for dynamic loading of pages.

3. Why Learn Angular/Benefits

I have made a collection of  of benefits of Angular and why you should learn it based on my own experience. Here are some of them:

Easy to Learn – Angular is super easy to learn! I could tell you this because it took me just about two weeks to get up to speed with Angular. Although, was already a programmer. However, if you don’t have knowledge of programming, I think that in about 6 weeks, you’ll be building your own fun and simple apps!

No Cost – Right from the installation and setup, through the whole development process till deployment, you don’t have to pay for anything. All you need is your computer and an internet connection. But If you get to the point you want sell your application, then you can get a paid hosting and other stuff. But for now, you can just get going

Build App in short time – If you have a design of what kind of app you’ll like to build, it take very short time to develop using Angular

Included all you need – Angular as a web framework, provide lot of tools you need to build standard application. Additional libraries can easily be added as required. We’ll cover all these in this tutorial.

4. What this Tutorial Covers

This tutorial is designed as a beginner to expert tutorial and starts from the very basics. Although you do need some basic knowledge of JavaScript, CSS and HTML, but you can also follow based on the simplified nature of this tutorial. The following are covered in this tutorial:
Setting up Angular on your local system (Angular CLI 10)

• Creating and Angular Project
• Setting up a local JSON REST API
• Creating a HTTPClient
• Working with Angular Component
• Understanding and using Angular Routing
• Working with Angular Material, BootStrap and NgBootstrap
• Using Angular Material for Styling
• Working with date and time
• Creating modals popups
• Using Template-Driven Forms and Reactive Forms
• Making GET, POST, PUT and DELETE request with Angular
• Understanding and working with RxJS
• Building and deploying your application to Firebase
• And lots more!

5. How to Succeed in Learning Angular

This tutorial is arrange to make your learning process very easy. There are three aspect of this tutorial

• the web pages: this is what you are reading now.
• the videos: the link to the video for each lesson is provided with the text
• the ebook: you can download the Ebook to your tables and read are your free time. Say lying in your sofa!

Also find the tips below that can help you learn easier.

• watch the video for each tutorial page.
• read the Ebook
• ensure to do the quiz
• follow along on your computer
• Also feel free to try to reach me if you have any challenges