Mô tả

This course was crafted to benefit absolutely any level of developer. We will start from scratch and learn how to create a development environment for Angular 5+, Setup Angular CLI and learn all of the fundamentals. We start by building a sandbox application to look at all of the main Angular concepts as well as building a logging application, then move to a much more advanced client management system with authentication and data storing with Firebase's new Firestore platform.

Here are some of the things you will learn about in this course:

  • What is Angular?
  • Dev Environment Setup Including Node.js, Visual Studio Code & Git Bash
  • Angular CLI Setup & Build
  • File Structure & Dependency Examination
  • TypeScript Intro
  • Components
  • Modules & NgModule
  • Data Binding & String Interpolation
  • Types & Interfaces
  • Template Syntax
  • ngIf & ngFor Conditional Directives
  • ngFor & Loops
  • Property Binding, ngClass & ngStyle
  • Pipes
  • Events & Forms
  • ngModel & 2 Way Binding
  • Services
  • Observables & Http
  • Angular Router
  • Firebase, Firestore & AngularFire2
  • Flash Messaging
  • Much More!!


Bạn sẽ học được gì

Build amazing single page applications using Angular 5+

Master Angular concepts

Understand the file and folder structure of an Angular application

Build a client management application with authentication and Firebase's Firestore

Integrate Bootstrap 4 into Angular projects

Yêu cầu

  • You should have a basic understanding of HTML and JavaScript

Nội dung khoá học

10 sections

Introduction

4 lectures
Welcome To The Course
04:13
Project Files & Questions
03:21
What Is Angular?
07:50
Angular Versions Explained
05:12

Setup & File Structure

5 lectures
Sandbox App Overview
04:33
Environment Setup
12:00
Using Angular CLI
11:26
Angular File Structure
14:15
An Intro To TypeScript
07:41

Diving Into Components

7 lectures
Components Explained
07:37
Creating A Component
09:02
Properties & Methods
06:46
String Interpolation
05:44
Using Types
09:52
Cleanup & Interfaces
06:52
Generating Components & OnInit
06:42

Template Syntax

8 lectures
Loops With ngFor
07:47
Conditionals With ngIf
13:25
Adding Bootstrap
09:06
Property Binding
08:22
Class Binding & ngClass
06:59
Style Binding & ngStyle
05:02
Pipes & ngNonBindable
10:15
Component & Template Clean Up
04:14

Events & Forms

7 lectures
Mouse Events & Manipulating State
06:30
Toggling Values With An Event
10:04
Keyboard & Input Events
09:53
ngModel & 2 Way Data Binding
10:35
Component Clean Up
05:26
Template Driven Forms - Validation
14:19
Template Driven Forms - Submission
04:35

Services, HTTP, Input & Output

9 lectures
What Is a Service?
05:23
Creating a Service
09:32
Working With Observables
10:00
HTTP Client Setup & GET Request
15:16
HTTP Client POST Request
09:41
Event Emitter & Output
06:05
Input & Edit State
11:24
HTTP Client PUT Request
09:41
HTTP Client DELETE Request
05:38

Angular Router

6 lectures
Angular Router Overview
03:21
Create App Routing Module
04:05
Creating & Mapping Routes
04:47
Linking To Routes
06:00
Params & ActivatedRoute
10:58
Not Found Component
03:36

DevLogger Project

9 lectures
DevLogger Intro & Demo
04:20
Components & Bootstrap Setup
10:06
Building The UI
08:13
Logs Component & Service
12:09
Observables & Component Communication
13:54
Add, Update & Delete Logs
12:40
Finishing Up The State & UX
12:15
Implementing Local Storage
06:06
Build & Deploy To Github Pages
06:28

Client Panel Project - Part 1

9 lectures
Client Panel Intro & Demo
05:12
Firebase Firestore & App Setup
11:24
Generate Components & Setup Navbar
09:20
Routing Module Setup
10:47
AngularFire2 Setup & Client Service
20:27
Clients & Dashboard Component
12:33
Add Client Form & Validation
20:23
Add Client To Firestore
14:02
Client Details Component
18:22

Client Panel Project - Part 2

9 lectures
Client Balance Update
12:52
Edit & Delete Clients
14:19
Login Authentication
19:41
Logout & Nav Links
09:45
Auth Guard For Routes
08:42
User Registration
06:24
Settings Service & Register Guard
18:34
Adding The Settings Page
14:05
Deploy To Firebase Hosting
07:02

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.