/100-days-of-angular

Series độc quyền cung cấp bởi thành viên của Angular Vietnam về các chủ đề liên quan tới Angular trong vòng 100 ngày.

MIT LicenseMIT

100-days-of-angular

English translation for this series is available at ./translations/EN folder

Series độc quyền cung cấp bởi thành viên của Angular Vietnam về các chủ đề liên quan tới Angular trong vòng 100 ngày.

Ủng hộ/ Support

Bọn mình chân thành cảm ơn sự ủng hộ và đóng góp của các bạn!

Dự án thực tế để tham khảo

Dự án Nội dung Từ khóa Video (nếu có)
Spotify Spotify được thiết kế với Nx workspace với một kiến trúc hoàn chỉnh tối ưu hóa Single Component Per Module (SCAM). ngrx và ngrx/component-store để quản lý dữ liệu giữa các component. TailwindCSS và ng-zorro cho phần UI. Nx, ngrx, TailwindCSS, ng-zorro Youtube
Jira Clone Jira clone có sử dụng Akita state management để quản lý data giữa các thành phần trong ứng dụng. Ngoài ra có dùng thêm TailwindCSS cho styling và ng-zorro để sử dụng các component có sẵn như modal, tooltip TailwindCSS, ng-zorro, Akita Youtube
Tetris Tetris là ví dụ về game đơn giản viết bằng Angular có sử dụng Akita làm state management. Trông đơn giản thôi nhưng nếu bạn mở React Devtools lên thì sẽ thấy rất nhiều data được cập nhật với mỗi chuyển động trên màn hình Akita Youtube
Authentication Flow Anh Châu có chia sẻ về Authentication Flow, Permission-based Flow Authentication Flow, Permission-based Flow Youtube
MEAN - NestJS Anh Châu có chia sẻ về MEAN stack - MongoDB, Express, Angular and NodeJS NestJS, MongoDB Youtube

Các chia sẻ tâm huyết của ban quản trị Angular Việt Nam và những khách mời

# Title Nội dung
1 Cơ hội việc làm tại Singapore trong ngành IT Process phỏng vấn ở Sing trong các công ty công nghệ như thế nào, Điểm mạnh điểm yếu của ứng viên đến từ Việt Nam. Cách phát huy điểm mạnh và khắc phục
2 Giá như mình biết - Những chia sẻ của một Senior Software Engineer Với thâm niên 10 năm làm việc trong ngành lĩnh vực tech qua nhiều vị trí, anh Bill Nguyễn sẽ quay trở lại chia sẻ với chúng ta những điều mà như anh nói là "giá như mình biết". Từ đó hy vọng các bạn rút ra được những bài học nhất định để trở thành một Software Engineer tốt hơn ngày hôm qua :)

Các bài viết

Bài viết Translations Video
Day 1: Prepare The Working Environment ENG Youtube
Day 2: Explore Angular App ENG Youtube
Day 3: Angular Data Binding Youtube
Day 4: Angular Structure Directive - NgIf Youtube
Day 5: Angular Structure Directive - NgForOf Youtube
Day 6: Attribute Directive - Class and Style Youtube
Day 7: Component Interaction - Pass data from parent to child with input binding Youtube
Day 8: Component Interaction - Parent listens for child event Youtube
Day 9: Custom Two-way Binding Youtube
Day 10: Template Variable và ViewChild/ViewChildren Youtube
Day 11: TypeScript Data Type Youtube
Day 12: TypeScript Advanced Type Youtube
Day 13: Content Projection Trong Angular Youtube
Day 14: ng-template, ngTemplateOutlet và ng-container trong Angular Youtube
Day 15: Introduction to Dependency Injection in Angular Youtube
Day 16: Dependency Injection trong Ứng Dụng Angular Part 2 Youtube
Day 17: ContentChild và ContentChildren trong Angular Youtube
Day 18: Pipes trong Angular Youtube
Day 19: Giới thiệu Reactive Programming, RxJS và Observable Youtube
Day 20: RxJS Creation Operators Youtube
Day 21: RxJS Transformation Operators Youtube
Day 22: RxJS Filtering Operators Youtube
Day 23: RxJS Combination Operators Youtube
Day 24: RxJS Error Handling and Conditional Operators Youtube
Day 25: RxJS Higher Order Observables and Utility Operators Youtube
Day 26: RxJS Subject and Multicasting Youtube
Day 27: Router Youtube
Day 28: Angular Router - Feature Modules, Child Routes and Services part of 27 video, part of 29 video
Day 29: Angular Router - Lazy Loading Modules Youtube
Day 30: Angular Router - Guards and Resolvers Part 1
Day 31: Angular Router - Guards and Resolvers Part 2
Day 32: Angular Router - Guards and Resolvers Part 3
Day 33: Template-driven Forms Trong Angular
Day 34: Template-driven Forms Trong Angular Part 2
Day 35: Reactive Forms Trong Angular
Day 36: Reactive Forms Trong Angular Part 2
Day 37: Angular Form Async Validator
Day 38: Dynamic Component
Day 39: Thực Hành Micro Frontends
Day 40: Jira Clone 01 - Lên kế hoạch và cài cắm dự án Angular ENG
Day 41: Jira Clone 02 - Dựng layout với flexbox và TailwindCSS ENG
Day 42: Angular CDK Coercion
Day 43: DisabledControlDirective to disable Reactive Form control ENG
Day 44: Observable for @Output ENG
Day 45: RxJS Trong Angular - Unsubscribe Một Subscription
Day 46: JavaScript Widget và Embedded Script
Day 47: Composition form datasource with Directive

Youtube Playlist

https://www.youtube.com/playlist?list=PLVmX3uPQtp3vXOXUOl8gDIA_43_pmIdFN

Tác giả