Mô tả

In this course we will build a Medium clone using Angular and NgRx. This course is fully focused on fast and deep dive into creation of real application with Angular and NgRx. We will start from scratch and step by step you will get close to finished real application. You will deeply understand how to structure your application, build reusable and understandable modules and components and split code into smaller chunks of code. We will write code together in efficient way to make it pure and avoid data complexity. 

For each lesson you'll get source code of the lesson, so it's easy to see the progress and get a working app on any lesson you want without retyping code from screen.

What you will learn in this course:

  • Structure and configure project

  • Write high quality code with Angular and NgRx on real project

  • Isolating and splitting features

  • Create reusable standalone components instead of modules

  • Implementing authentication

  • Cover everything with Typescript interfaces

  • Working with real API

  • Full compatibility with Angular signals

If you are feeling like you learned Angular but you still still missing knowledge of how to build your own real application this course is what you need. This course is fully focused on creating the application without getting deep into basic knowledge of Angular!


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

Build real project with Angular and NgRx

Write high quality code

Create reusable modules and components

Yêu cầu

  • A computer on which you can install software (Windows, MacOS, or Linux)
  • Some knowledge about Angular and optionally Redux/NgRx

Nội dung khoá học

7 sections

Preparing tools

8 lectures
What is this section about?
00:05
Bootstrapping project
09:58
Why NgRx?
03:07
Project structure
06:36
Prettier
03:01
Language server
02:44
Setting up local API
04:27
Changing strict configuration
01:28

Registration

12 lectures
Register module
07:28
Register layout
07:11
Installing NgRx
11:11
Installing Redux Devtools
04:29
Creating auth interfaces
02:41
Adding auth reducer
08:06
Creating selectors
05:54
Register service
10:01
Register effects
12:39
Updating auth reducers
07:28
Backend error messages
09:42
Persistence service
08:47

Authentication

5 lectures
Login store
06:19
Login component
07:24
Topbar
08:41
Fetching current user
07:25
Auth interceptor
06:42

Feed

12 lectures
Planning the feed
03:17
Creating feed module
04:04
Preparing feed store
13:49
Getting feed data
12:00
Helper components
05:18
Creating pagination
06:00
Creating pagination #2
10:56
Refetching feed
04:30
Implementing tag list
03:57
Implementing popular tags
14:13
Adding feed toggler
06:26
Creating other feeds
10:28

Article pages

7 lectures
Creating article page
09:17
Rendering article page
13:51
Deleting article
07:28
Create article
07:30
Creating article form
10:30
Creating article store
14:03
Update article
19:36

Profiles

8 lectures
Settings page
12:23
Settings page. View part
16:10
Add to favorites
07:50
Creating store for favorites
09:12
Creating user profile
11:00
Rendering user profile
12:33
Using Angular inject
01:57
Angular signals
04:29

Homework

2 lectures
Homework
01:33
My Bonus Lecture
00:15

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