Mô tả

The course is created to learn Angular 12 and the detailed planning needed for creating an Angular application. Which will help you to create applications from scratch & maintainable for increasing the scale of it as well. The course covers the below things.

  • Planning for angular application

  • Components

  • Services & Dependency Injection

  • Directives

  • Modules

  • Traditional Vs Modern Approach

  • DB Setup

  • Data Binding

  • File Structure

  • Pipes

  • Course project

  • Best Practices

  • and many more

How learning will be simpler & clear with Project?

I tried to introduce all concepts by giving first a practical solution & then understanding in depth. I hope it will help you to know the concepts better. The complete course project is made available in resource sections so if you have some issues in implementation, you can refer to that.

In addition to this also discussed a lot about advantages, disadvantages and alternate ways for same solutions. Which will help you to understand in more detail with a broader perspective.


How you can clarify your doughts while going through the course

Feel free to visit the Questions and Answers sections, If it is not answering your question, write your question in the question and answer section so that we can assist you in all possible ways.


I wish you the best of luck for your upcoming Angular learning journey with me.

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

Modern Frontend Web Development

In-depth understanding of Angular fundamentals

Developing Angular applications

Understanding Single Page Applications

Adding RESTAPI Communication to your Angular application

Yêu cầu

  • Basic HTML
  • Basic CSS
  • Basic JavaScript knowledge will be great advantage (optional)

Nội dung khoá học

18 sections

Introduction

5 lectures
Understanding Angular
02:30
SPA - Single Page Application
04:22
Angular Versions
03:28
Understanding Typescript
03:40
Angular Basics
3 questions

Setup & Config

2 lectures
Installation
08:57
Understanding Setup
3 questions

Creating First Project

5 lectures
First Project
05:32
Understanding File Structure in Detail
08:16
Writing Hello World App
02:08
String Interpolation
02:41
Understanding first project creation
4 questions

Creating Languages App

6 lectures
Introduction
05:14
Installation of Extensions [Optional but very Useful]
02:33
Adding New Language
06:42
[*ngFor] Displaying List of Languages
05:34
[*ngIf] Displaying Conditional Message
03:31
Delete First Element
03:35

Understanding Course Project

3 lectures
Let's Start
01:10
Understanding Components
04:44
Finalizing Components Needed For Project
03:50

Creating Course Project

4 lectures
Create Project
04:58
Adding Header Component
04:28
Adding Remaining Components
03:02
Downloading and Running Project
04:26

Working On Header Component

3 lectures
Placing Header Component
05:58
Adding Menu
04:41
Customizing Menu
01:54

Working On Post List Component

8 lectures
Placing Post List Component
02:19
Displaying Post Component
03:34
Improving Post Component
09:22
Creating Post Model
04:03
Array of Posts Objects
05:45
Use of @Input() Decorator
05:36
Displaying Post With Input Data
04:42
@Input() In Depth
01:10

Introducing Services

8 lectures
Introduction
12:10
Connecting Component With Service
02:01
Enhancing Post Service
03:45
this Keyword [Knowledge]
01:14
Getting Post List From Service
02:42
Delete Post
03:38
Identifying Bug In Delete Post
01:46
Solving Delete Post Bug
05:36

Introducing Routing

4 lectures
Introduction
02:02
Adding New Routes
06:30
Working With routerLink
04:07
Redirecting Route
02:46

Form Handing

11 lectures
Designing Form
05:31
Need Of Form Handling
02:04
Connecting With FormGroup
07:56
FormGroup Object In Depth
02:36
Validators
04:14
Restricting Form Submission
04:57
Applying CSS For Validation Errors
06:15
Adding Post
04:13
Bug
01:12
Programmatic Navigation
04:23
Adding Image Preview [Improvement]
02:51

Editing Post, Route Params and More

6 lectures
Introduction
01:08
Adding Param for Route
08:37
Reading Route Param
04:50
Displaying Post Data to Edit
10:30
Bug
00:58
Adding editMode
02:46

Adding New Feature [Like Post]

3 lectures
Introduction
00:47
Displaying Likes
05:47
Adding Like Button
04:18

Introducing Backend

5 lectures
Introduction
01:15
Adding Save and Fetch Option
03:17
Planning Backend Connectivity Structure
04:11
Adding Back End Service
02:31
Working On saveData()
02:59

Firebase - Database

1 lectures
Creating Firebase Database
04:51

RESTApi Communication

9 lectures
Sending Request
05:22
Working on Save option in Header
04:05
fetchData()
00:32
Getting Data From Back-end
05:52
Working On Fetch Option in Header
02:05
Next Challenge
01:21
Adding New Service Method In Post Service
03:04
EventEmitter
11:10
Automating Data Fetch
02:29

Understanding In Detail

3 lectures
Understanding Component In Detail
04:21
Understanding Module In Detail
04:29
Understanding Pipe
05:34

Helpful Resourses

1 lectures
Official Docs For Older Versions
02:08

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