Tutorialspoint

Celebrating 11 Years of Learning Excellence! Use: TP11

Learn Angular From Scratch- Complete Beginner Design to Deploy

person icon Hashmath Rz

4.2

Learn Angular From Scratch- Complete Beginner Design to Deploy

Master Angular Frontend Framework and Learn to build a Complete Modern Real World App From Scratch using Angular, Bootstrap, and Firestore

updated on icon Updated on Jun, 2025

language icon Language - English

person icon Hashmath Rz

English [CC]

category icon Development ,Web Development,Angular

Lectures -372

Resources -1

Duration -23 hours

Lifetime Access

4.2

price-loader

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

A few years back I was also a student or learner like you finding the best resources to master Angular, I struggled a lot to find a tutorial that covered design to deploy all in one, and I know you also struggling with the same problem, so I decided to come up with a brand new course that covers All the Essentials of building a full modern Angular App from Design to Deploy.

Course Overview

In this course, you will build a complete Angular Blog Application, using the Angular framework, Firestore database, and Bootstrap CSS Framework. This blog app comes with two main parts the front-end view and the backend dashboard. We will develop this full-fledged Real-world modern-looking Angular web app with 3 major steps: design, development, and Deployment.

How does the curriculum work?

In the course, you will learn how to design a Website idea, into a graphical design using a design tool called Figma. Using this tool, we will design all the sections and pages of our angular blog site. Once it is done, we will learn to make these graphical designs into a web prototype so we can get an overall idea of what we are building.

The course will help learn all the core concepts, features, and technologies used in Angular, from basic to advanced. Here, you will also learn components, services, directives, pipes, Angular Forms, routers, Authentication, and so on.

Once we learn all the fundamentals of Angular, will start to build our Final Blog App from scratch. This will take advantage of the Bootstrap CSS framework, so we will learn all the fundamentals of Bootstrap as well.

As a backend solution for our Angular app, we will use Google's Firebase for database and Cloud Storage. For the Authentication system, we will use Firebase Authentication and for the Last Deployment, we will use Firebase Host as our Hosting Space. We will learn all about these Firebase features from scratch, one by one.

This course is well organized from basic to advanced topics, so anyone can follow up on this course even if you are a beginner. You will not only learn about Angular, but you will also get an overall idea of how to build a real-world modern App from scratch. By the end of this course, if you follow my instructions exactly, you will gain the knowledge and Confidence to build any kind of real-world app on your own from scratch.

Goals

  • Develop a reputation as a knowledgeable, experienced developer.
  • You will discover the advantages of design and prototyping as well as how to create a comprehensive web application using the Figma Design Tool.
  • With the Angular Frontend framework, create web applications for the modern world.
  • Learn the essential principles of Angular application structure.
  • Integrate Bootstrap CSS framework.
  • Identify and fix frequent Angular errors.
  • Like an expert developer, write readable, elegant code.
  • Learn Firebase's fundamental functions (Firestore, Firebase Host, and Storage Bucket).
  • Study NoSQL databases in depth, including application cases.
  • Discover how to develop your app for production and deploy it in Firebase Host.

Prerequisites

  • Basic knowledge of HTML, CSS, and JavaScript is needed.
  • You don't need familiarity with TypeScript or any previous versions of Angular. You're going to learn both TypeScript and Angular from scratch in this course.
Learn Angular From Scratch- Complete Beginner Design to Deploy

Curriculum

Check out the detailed breakdown of what’s inside the course

Welcome to the Course

9 Lectures
  • play icon Course Promo 03:37 03:37
  • play icon Introduction 01:41 01:41
  • play icon App Demo (Frontend View) 03:09 03:09
  • play icon App Demo (Backend Dashboard) 05:33 05:33
  • play icon Course Structure (Fundamentals) 04:11 04:11
  • play icon Course Structure (Design & Develop) 03:49 03:49
  • play icon How to get most of the course 02:27 02:27
  • play icon Course Updates 00:41 00:41
  • play icon Course Resource

Development Environment Setup

8 Lectures
Tutorialspoint

Design and Prototyping.

35 Lectures
Tutorialspoint

Bootstrap Fundamentals

21 Lectures
Tutorialspoint

Get Start with Angular & Angular CLI

10 Lectures
Tutorialspoint

Angular Components

17 Lectures
Tutorialspoint

Data Binding & Events Handling

14 Lectures
Tutorialspoint

Angular Directives

16 Lectures
Tutorialspoint

Angular Pipes

13 Lectures
Tutorialspoint

Angular Service

9 Lectures
Tutorialspoint

Angular Forms I (Template Driven Form)

16 Lectures
Tutorialspoint

Angular Forms II (Reactive Forms)

13 Lectures
Tutorialspoint

Angular Routing & Navigation

25 Lectures
Tutorialspoint

Design The Blog Front End I - Preparing

11 Lectures
Tutorialspoint

Design The Front End View II - Main Common Components

10 Lectures
Tutorialspoint

Design The Front End View III - All Pages Design

11 Lectures
Tutorialspoint

Get Start With Admin Area & Firebase Firestore

13 Lectures
Tutorialspoint

Admin area - CRUD Operation I (Category CRUD)

22 Lectures
Tutorialspoint

Admin area - CRUD Operation II (POST CRUD)

35 Lectures
Tutorialspoint

Authentication & Authorization

21 Lectures
Tutorialspoint

Make Front End blog view Dynamic

22 Lectures
Tutorialspoint

User Subscription

13 Lectures
Tutorialspoint

Build and Deploy

8 Lectures
Tutorialspoint

Instructor Details

Hashmath Rz

Hashmath Rz

Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Feedbacks

K

Kannan KS

This course is very useful to me indeed!..Thanks for the tutor.

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515