Coder Social home page Coder Social logo

adamphh / 100-days-of-angular Goto Github PK

View Code? Open in Web Editor NEW

This project forked from angular-vietnam/100-days-of-angular

0.0 0.0 0.0 40.22 MB

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.

License: MIT License

100-days-of-angular's Introduction

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

Youtube Playlist

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

Tác giả

100-days-of-angular's People

Contributors

ezerway avatar januaryofmine avatar m1nhtu99-hoan9 avatar nartc avatar nhaancs avatar tieppt avatar tinwritescode avatar trungvose avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.