Mô tả

Angular is an amazing JavaScript (TypeScript) framework which allows you to build small, medium or large Single-Page-Applications (SPAs). Since the code runs entirely in the browser, you can build user experiences which are way faster than traditional websites could ever be!

The skills required to build such SPAs are in high demand since this kind of web app is very popular and allows you to build almost mobile-like, highly reactive user experiences. Indeed most modern web applications are built as SPAs today!

As the creator of the 5-star rated, BESTSELLING Angular course here on Udemy, I know what I'm talking about and I know what the core features of Angular are which you need to learn.

It's my goal to allow you to focus on these core features to get the quickest and best introduction into Angular, you can find!

Learning Angular never is a wrong choice and with this course, it's more correct than it ever was before! This course gives you the fastest and most efficient way of diving into Angular. If you don't want or can't take my Complete Guide on Angular or you want to get a feeling for Angular before doing so, this course is for you! It's also your #1 choice if you already know Angular but want to have resource for refreshing your basic Angular knowledge as fast as possible.

Whilst this course is much shorter, it gives you all the core insights into Angular you need. It focuses on the heart of Angular, the most important features Angular offers you and even shows you how to build a complete Angular app!

Telling by the length of the course, you might not believe it, but you'll actually learn about all these topics:

  • What Angular is

  • What TypeScript is - including a super-efficient introduction to it

  • How to use the CLI to create Angular projects and manage them

  • How Angular apps start and work

  • Which role components play and how to use them

  • How to bind and pass data

  • How to debug your app

  • How to use other, 3rd party JS libraries in an Angular app

  • How to use directives

  • How you may manage application state with services

  • How to turn your SPA into an "illusionary" MPA with routing

  • How to handle user input with forms

  • How to send Http requests

  • How to build your project, optimize it and deploy it

  • Much more!

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

Build highly reactive and user-friendly web applications running in the browser (driven by JavaScript)

Dive deeper into Angular with very solid fundamentals taught by this course

Yêu cầu

  • You should bring solid JavaScript knowledge
  • NO Angular knowledge is required at all

Nội dung khoá học

12 sections

Getting Started

13 lectures
Introduction
01:44
What is Angular?
03:11
Join our Online Learning Community
00:21
How does Angular Work?
03:30
MUST READ: Angular CLI - Latest Version
00:50
Creating Your First App
06:58
Editing the First App
04:12
Understanding the Project Structure
04:56
How does an Angular App Start?
05:56
What you'll learn in this Course
03:50
Optional: TypeScript Essentials
08:24
How to get the Course Source Code & Ask Questions
00:48
Useful Resources & Links
00:20

Understanding Components

19 lectures
Module Introduction
00:47
Configuring the Editor
03:02
Templates and the DOM
03:20
How Angular Reads Your Components
05:25
Adding Custom Components
05:14
Outputting Content via String Interpolation
01:57
Listening to (User) Events
04:10
Binding to Properties
02:34
All at the same Time: Two-Way-Binding
04:31
Time to Practice - Component Basics
1 question
[OPTIONAL] Assignment Solution
10:00
Binding Component Properties
03:57
Listening to your Custom Events
07:17
Multiple Components & Using the CLI for Component Generation
04:41
Time to Practice - Beyond Component Basics
1 question
[OPTIONAL] Assignment Solution
10:23
Understanding Scoped Component Styles
03:09
Wrap Up
01:04
Useful Resources & Links
00:06

Debugging & Using 3rd Party Libraries

8 lectures
Module Introduction
00:45
How to Handle Angular Errors (and Error Messages)
02:58
Debugging Code with Developer Tools & Sourcemaps
03:44
Deeper Insights with Augury
01:54
Using CSS Frameworks with Angular (and the Angular CLI)
05:11
Using JS Libraries with Angular (and the Angular CLI)
04:47
Wrap Up
00:35
Useful Links & Resources
00:02

Extra Features with Directives

8 lectures
Module Introduction
00:49
What are Directives?
01:55
Outputting Lists with ngFor
05:01
Controlling CSS Classes with ngClass
05:47
More on Directives
04:17
Conditionally Outputting Content via ngIf
02:57
Wrap Up
01:11
Useful Resources & Links
00:03

Angular in Practice: Starting the Course Project

9 lectures
Module Introduction
00:56
Planning the App
04:56
Getting Started
04:38
Filling Components with Life
03:21
Managing Data in our Application
07:56
Passing Data via Property Binding
03:05
Using ngClass to Provide the User Feedback
02:28
Passing Data via Event Binding
07:34
Wrap Up
00:44

Amazing Data Management with Services

10 lectures
Module Introduction
01:09
What are Services?
02:43
Creating a Service
03:35
How NOT to Use Services
04:20
Injecting Services
04:28
Understanding Dependency Injection
02:37
Cleaning up the Project
01:32
Injecting Services into Services
05:26
Wrap Up
00:42
Useful Resources & Links
00:02

Handling User Input with Forms

12 lectures
Module Introduction
01:03
Creating a Form in the Template
07:29
Handling Forms with Angular
06:36
How to use Submitted Values
03:41
Validating User Input (with Angular)
04:28
More Validation Methods
00:14
Using the Form State to Give Visual Feedback
06:02
The Different Faces of ngModel
02:07
An Alternative to the Approach Shown in This Module
01:16
Using the Reactive Approach
00:18
Wrap Up
00:42
Useful Resources & Links
00:05

Changing Pages with Routing

12 lectures
Module Introduction
01:09
Server-side vs Client-side Routing
03:52
Adding a Header Component
02:52
Adding Routing to the Application
04:30
Navigating with Router Links
05:15
Handling Unknown Routes with Wildcards and Redirects
01:32
Using Child Routes and Route Parameters
07:30
Extracting Route Paramters
05:50
Fixing Page Reload Issues
01:28
Cleanup & Missing Reactivity
04:07
Wrap Up
00:58
Useful Resources & Links
00:01

Reactivity, RxJS and Observables

8 lectures
Module Introduction
01:21
Angular 6 & RxJS 6
00:11
Understanding subscribe()
03:42
Using Subjects as Event Emitters
05:44
Managing Subscriptions
02:17
More on RxJS and Observables
01:15
Dive Deeper into RxJS
00:07
Wrap Up
00:53

Connecting to APIs via Http

11 lectures
Module Introduction
01:03
Installing the Angular Http Service
00:30
Injecting the Angular Http Service
04:27
Sending a GET Request
04:50
Sending a POST Request
00:36
Transforming Responses
06:23
Updating the UI
01:11
Further Options
01:53
Fixing a "Bug" we Introduced into Our Project
03:41
Wrap Up
01:07
Useful Resources & Links
00:02

Optimizations & Deployment

9 lectures
Module Introduction
00:51
The Role of Modules (NgModule)
02:22
Using multiple Custom Modules
05:49
Creating a Feature Module & Using Lazy Loading
12:57
Building our Code for Production
05:32
Deployment Preparations
04:54
Deployment Example: AWS S3
03:39
Wrap Up
00:37
Useful Resources & Links
00:05

Course Roundup

2 lectures
Course Roundup
00:55
Bonus: More Content!
00:20

Đá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.