Angular Tutorial for beginners step by step (from scratch)

Published: 14 May 2020
on channel: OctAcademy
27,738
491

⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️

Angular App From Scratch - Complete Guide Design to Deploy
Master Angular Frontend Framework and Learn to build a Complete Modern World App From Design to Deploy using Firestore.

👉👉 Support Me :) - https://bit.ly/3ymSAMY

👉👉 Enroll Now (90% Off) - https://bit.ly/3xsWVO9 (Limited Time Offer)

⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️


With this Angular 9 Tutorial for beginners step by step, you will learn in this angular tutorial how to build a modern-looking Todo App using Angular 9 and Firestore from scratch, This is a full package Angular 9 Tutorial for beginners step by step, from Design to Deploy...

This Angular 9 Tutorial for beginners step by step divided into 3 sections,

Design -
Design the Entire Angular 9 App from scratch using Bootstrap 4 and With Some Custom CSS.

Development -
Connecting to the Angular 9 App to Firebase Firestore And Will do the CRUD operations

Deploy -
Build the Angular firestore App to production and Deploy to the Firebase Host

After Completing this Angular 9 Tutorial for beginners step by step, you can add your own upgrades to the Final Angular 9 App and, you can also link this Angular firestore todo app to your portfolio.

Background Image URL - https://bit.ly/2JYs7gB

CSS Animation for beginners - https://bit.ly/3e9NiJE

Source Code (Github Repo Link) - https://bit.ly/3k0fCld
40% OFF ADMIN TEMPLATE - http://bit.ly/2KCEBKw

⭐️ Course Contents ⭐️
⌨️ (0:00) Introduction
⌨️ (0:22) Angular CLI install
⌨️ (1:56) Project Folder
⌨️ (2:24) New Angular Project
⌨️ (3:18) What we are building
⌨️ (4:00) Firebase Intro
⌨️ (4:50) Tutorial Plan
⌨️ (5:48) Run the app using ng serve
⌨️ (6:49) Start Designing the app
⌨️ (7:00) Bootstrap 4 Intro
⌨️ (7:24) Add Bootstrap to Angular
⌨️ (9:00) Components Plan
⌨️ (10:10) Generating Components using Angular CLI
⌨️ (12:22) Clean up App Component File
⌨️ (13:10) How Component imports works
⌨️ (14:03) Adding Routers
⌨️ (17:42) Add Styles to Navbar Component
⌨️ (20:43) Generating Drop shadow CSS
⌨️ (23:43) Style Footer Component
⌨️ (26:45) Style Category Component
⌨️ (28:10) Style New Category Input Form
⌨️ (32:43) Angular Global CSS
⌨️ (36:36) Style Category Cards
⌨️ (38:45) Add Fontawesome Icons
⌨️ (47:45) Styling Todo Component
⌨️ (58:28) Add Background Image
⌨️ (1:00:30) Create a Firebase Account
⌨️ (1:02:25) Create Firestore Database
⌨️ (1:08:32) What is Firestore?
⌨️ (1:10:45) Relations in NOSQL Databases
⌨️ (1:13:01) Planing TODO firestore database
⌨️ (1:15:29) Adding Data to Firestore using Firebase Dashboard
⌨️ (1:18:58) Save new category
⌨️ (1:19:00) Angular Template Driven Form
⌨️ (1:25:58) Generate Category Service file
⌨️ (1:34:40) ColorCode Array
⌨️ (1:36:03) Math.random()
⌨️ (1:40:44) Toastr Notification
⌨️ (1:45:14) Angular Form Validation
⌨️ (1:47:18) ngClass Directive
⌨️ (1:53:15) ngIf Directive
⌨️ (1:55:00) Load Categories
⌨️ (2:02:08) ngFor Directive
⌨️ (2:05:00) ngStyle Directive
⌨️ (2:07:30) Edit Category
⌨️ (2:10:52) Category Update Process
⌨️ (2:11:49) (click) event
⌨️ (2:12:47) Two way data binding
⌨️ (2:27:45) Deleting Category
⌨️ (2:32:51) Generate Todo Service File
⌨️ (2:33:30) Saving New Todo
⌨️ (2:37:20) routerLink
⌨️ (2:42:35) Bing Data to Router
⌨️ (2:45:10) Activated Router
⌨️ (2:49:55) Angular Firestore Increment
⌨️ (2:53:00) Load Todos
⌨️ (2:58:10) Edit Todo
⌨️ (3:08:43) Delete Todo
⌨️ (3:11:48) Angular Firestore Decrement
⌨️ (3:03:40) Marking Todo as Completed
⌨️ (3:21:18) Marking Todo Uncompleted
⌨️ (3:23:38) Showing Icons using ngIf
⌨️ (3:26:45) Build App to Production and Deploy to Firebase Host
⌨️ (3:34:28) Final Todo App



Follow Facebook - https://bit.ly/36aXAXf
Follow us on instagram - https://bit.ly/2WQsBfO
#angular9 #angulartutorial #angularfirestore #angular #angularappfromscratch


Watch video Angular Tutorial for beginners step by step (from scratch) online without registration, duration hours minute second in high quality. This video was added by user OctAcademy 14 May 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 27,738 once and liked it 491 people.