Tutorialspoint

10th Anniversary Sale Use code GRAND10 for extra 10% off

Learn Angular From Scratch- Complete Beginner Guide Design to Deploy

person icon Hashmath Rz

4.2

Learn Angular From Scratch- Complete Beginner Guide 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, 2024

language icon Language - English

person icon Hashmath Rz

English [CC]

category icon Angular,Web Development

Lectures -372

Resources -1

Duration -23 hours

4.2

price-loader

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 Guide 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