Angular Signals Example - Learn Them by Doing

Learn how to build an Angular project from scratch by Angular signals example. In this video we will fully implement the todo list with filtering, editing, deleting and competing features.
TIMESTAMPS
0:00 Introduction
1:21 Initial project
1:52 Adding components
3:22 Splitting project
6:10 Adding interfaces
7:07 Service with Angular signals
10:04 Implementing header section
14:01 Implementing main section
16:05 Filtering todos
20:13 Implementing footer section
28:59 Implementing a single todo
31:29 Implementing editing
39:55 Removing todos
41:36 Completing todo
44:21 Adding autofocus
45:53 Toggle all todos
► CHECK MY COURSES - monsterlessons-academy.com/co...
MOST POPULAR COURSES
► Building real project with Angular + NgRx - monsterlessons-academy.com/co...
► Building real NestJS API - monsterlessons-academy.com/co...
► Javascript interview questions - monsterlessons-academy.com/co...
► Angular Interview Questions monsterlessons-academy.com/co...
► Building real fullstack project - monsterlessons-academy.com/co...
► Mastering Git - monsterlessons-academy.com/co...
► Mastering Docker and Docker Compose - monsterlessons-academy.com/co...
► Building real project with React Hooks - monsterlessons-academy.com/co...
► Building real project with Vue + Vuex - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
► INSTAGRAM - / monsterlessonsacademy
► TIKTOK - / monsterlessonsacademy
REFERENCES
► Source code - github.com/monsterlessonsacad...

Пікірлер: 52

  • @brendanalexander6053
    @brendanalexander605310 ай бұрын

    Your channel is ridiculously helpful. I always feel jacked to get into my angular projects after watching a few of your videos

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    Glad to help!

  • @LukeAvedon
    @LukeAvedon10 ай бұрын

    Thank you for all the videos with signals examples. I am super jazzed about signals.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    Glad you like them!

  • @user-iu7de2ji6b
    @user-iu7de2ji6b10 ай бұрын

    your tutorials have such a nice understandable pace.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    Glad to hear that!

  • @Santon-Motho
    @Santon-Motho10 ай бұрын

    Thanks for another awesome video on Angular. Your channel and courses are top notch 💯

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    Glad you like them!

  • @valerigogichashvili
    @valerigogichashvili10 ай бұрын

    Amazing as always!

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    Thank you! Cheers!

  • @tomozi1
    @tomozi19 ай бұрын

    Best channel and lessons. Thanks

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    9 ай бұрын

    Glad you think so!

  • @user-cx7wz9mm1q
    @user-cx7wz9mm1q3 ай бұрын

    Impeccable, as always.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    3 ай бұрын

    Wow, thank you!

  • @tinodueppotell4869
    @tinodueppotell486910 ай бұрын

    Thanks - great Tutorial

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    Glad it was helpful!

  • @henrik3098
    @henrik309810 ай бұрын

    this is a good angular channel

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    Thanks!

  • @muthu1046
    @muthu104610 ай бұрын

    Thanks!

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    Thank you so much for your support! It means a lot to me

  • @tinodueppotell4869
    @tinodueppotell486910 ай бұрын

    Danke!

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    Vielen dank für Ihre Unterstützung. Das ist sehr wichtig für mich!

  • @manojv2893
    @manojv2893Ай бұрын

    Thank you

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Ай бұрын

    You're welcome

  • @denysbilas3670
    @denysbilas367010 ай бұрын

    HI! Thanx for sharing! I want ask you about architecture for front end application. What architecture do you use for your pet projects or work?

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    Typically by feature architectured like I showed here kzread.info/dash/bejne/e3qI08iIj8jcnMY.html

  • @KushanShanuka
    @KushanShanuka10 ай бұрын

    while watching this, i feel angular signals feature is seems like vue refs. by the way you explained well. thank you

  • @christopheradolphe
    @christopheradolphe3 ай бұрын

    Hi Oleksandr, thank you for this great tutorial about Angular signals. I've read some articles over the web about when to use signals vs observables. Some of them advise to keep using observables in services and use signals in components. Your video clearly shows that a service can entirely work with signals. I'd really like to know what are your thoughts about this. Also what's that code editor you are using ?

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    3 ай бұрын

    I see zero reasons to use something in either service or comp. Don't read these articles :) Use signals for simple state. Use RxJS when you need RxJS methods like distincUntilChanged, etc

  • @christopheradolphe

    @christopheradolphe

    3 ай бұрын

    @@MonsterlessonsAcademy Thank you for your response and the great content!

  • @dimitridoroshko
    @dimitridoroshko10 ай бұрын

    Hey, man. What is your favorite framework out of the top three: angular, react, Vue?

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    I don't really like one of them more then others. Most importantly for me is to get paid for any of them. My personal preference is Elm but unfortunately it is not that popular.

  • @botondvasvari5758
    @botondvasvari57585 ай бұрын

    what if there are more complex filters that can come from different components ?

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    5 ай бұрын

    Then you need to change your code acording to requirements.

  • @moegreen8543
    @moegreen85434 ай бұрын

    Are there already any standards (generally accepted rules) for writing variable names for signals?

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    4 ай бұрын

    Nope. It's wild west.

  • @jorgen180
    @jorgen1804 ай бұрын

    What is recommended approach to implementing custom input field validation while using Signals? Functionality provided in Reactive Forms doesn't yet seem to be reflected to Signals.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    4 ай бұрын

    I don't use signals for custom validation. Just plain reactive form

  • @AdelBasiony
    @AdelBasiony5 ай бұрын

    can you please make a video using singals and Ngrx together in a project. Thanks.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    5 ай бұрын

    I will add it to the list of ideas. Thanks

  • @vk19148
    @vk1914810 ай бұрын

    🙏🙌

  • @USONOFAV
    @USONOFAV4 ай бұрын

    ok so Signal is just an alternative to rxJS Subject?

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    4 ай бұрын

    Partially yes

  • @AdelBasiony
    @AdelBasiony5 ай бұрын

    Isn't it better to move all computed signals to the service and just call them in the component? even if the signal is used once in a single component. I'm really confused about which is the best practice. Highly appreciate your videos.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    5 ай бұрын

    Sure. If it is shareable than move it to comp. If not then not.

  • @AdelBasiony

    @AdelBasiony

    5 ай бұрын

    Thanks a lot.@@MonsterlessonsAcademy

  • @felixmatusinio6438
    @felixmatusinio64387 ай бұрын

    If we will use signal, do we still need rxjs? to be honest rxjs is quite pain in the ass.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    7 ай бұрын

    I have a video about it kzread.info/dash/bejne/iYBrs6ehlNTOYJM.htmlsi=h3BmPJld15fBJV1s

  • @jerrytab4276

    @jerrytab4276

    6 ай бұрын

    combine rxjs and signals

  • @austinZen8800
    @austinZen880010 ай бұрын

    Thanks!

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    Thank you so much for your support. It means a lot to me!