Angular Tutorial for beginners step by step (from scratch)

Опубликовано: 14 Май 2020
на канале: 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


Смотрите видео Angular Tutorial for beginners step by step (from scratch) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь OctAcademy 14 Май 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 27,738 раз и оно понравилось 491 людям.