Download appDownload App

Angular 4 Front To Back

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 th...

  • All levels
  • English

Course Description

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 sy...

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.

What you’ll learn
  • 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
  • Modules & NgModule
  • 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

Covering Topics

1
Section 1 : Introduction
2
Section 2 : Setup & File Structure
3
Section 3 : Diving Into Components
4
Section 4 : Template Syntax
5
Section 5 : Events & Forms
6
Section 6 : Services, HTTP, Input & Output
7
Section 7 : Angular Router
8
Section 8 : DevLogger Project
9
Section 9 : Client Panel Project - Part 1
10
Section 10 : Client Panel Project - Part 2

Curriculum

      Section 1 : Introduction
1
Welcome To The Course Preview
2
Project Files & Questions
3
What Is Angular?
4
Angular Versions Explained
      Section 2 : Setup & File Structure
5
Sandbox App Overview Preview
6
Environment Setup
7
Using Angular CLI Preview
8
Angular File Structure
9
An Intro To TypeScript
      Section 3 : Diving Into Components
10
Components Explained
11
Creating A Component Preview
12
Properties & Methods
13
String Interpolation Preview
14
Using Types
15
Cleanup & Interfaces
16
Generating Components & OnInit
      Section 4 : Template Syntax
17
Loops With ngFor
18
Conditionals With ngIf Preview
19
Adding Bootstrap
20
Property Binding Preview
21
Class Binding & ngClass
22
Style Binding & ngStyle
23
Pipes & ngNonBindable
24
Component & Template Clean Up
      Section 5 : Events & Forms
25
Mouse Events & Manipulating State Preview
26
Toggling Values With An Event
27
Keyboard & Input Events
28
ngModel & 2 Way Data Binding
29
Component Clean Up
30
Template Driven Forms - Validation
31
Template Driven Forms - Submission
      Section 6 : Services, HTTP, Input & Output
32
What Is a Service?
33
Creating a Service
34
Working With Observables
35
HTTP Client Setup & GET Request
36
HTTP Client POST Request
37
Event Emitter & Output
38
Input & Edit State
39
HTTP Client PUT Request
40
HTTP Client DELETE Request
      Section 7 : Angular Router
41
Angular Router Overview
42
Create App Routing Module
43
Creating & Mapping Routes
44
Linking To Routes
45
Params & ActivatedRoute
46
Not Found Component
      Section 8 : DevLogger Project
47
DevLogger Intro & Demo
48
Components & Bootstrap Setup
49
Building The UI
50
Logs Component & Service
51
Observables & Component Communication
52
Add, Update & Delete Logs
53
Finishing Up The State & UX
54
Implementing Local Storage
      Section 9 : Client Panel Project - Part 1
55
Client Panel Intro & Demo
56
Firebase Firestore & App Setup
57
Generate Components & Setup Navbar
58
Routing Module Setup
59
AngularFire2 Setup & Client Service
60
Clients & Dashboard Component
61
Add Client Form & Validation
62
Add Client To Firestore
63
Client Details Component
      Section 10 : Client Panel Project - Part 2
64
Client Balance Update
65
Edit & Delete Clients
66
Login Authentication
67
Logout & Nav Links
68
Auth Guard For Routes
69
User Registration
70
Settings Service & Register Guard
71
Adding The Settings Page
72
Deploy To Firebase Hosting

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.