Angular 18 Tutorial for Beginners | Complete Full Course 2024

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

Комментарии • 130

  • @yogidunique7013
    @yogidunique7013 Месяц назад +2

    1:10 Angular 18 Introduction
    1:50, Advantage of Angular
    6:09 System setup
    7:41 Angular installation
    10:51 Angular CLI commands
    12:04 Create new application
    12:14 Angular Templates standalone (standalone version 17 onward)
    16:32 Angular folder structure review
    27:36 Angular Templates module based (module based till version 16)
    31:49 Material UI
    39:28 Components
    46:42 Interpolation
    48:50 Pipes
    54:35 custom pipes
    57:30 Property Binding
    1:02:17 Event Binding
    1:05:51 Two way binding
    1:08:12 Angular Module
    1:13:47 Angular Routing
    1:37:14 Angular Guards
    1:59:18 Lazy loading
    2:02:21 Angular Hooks
    2:07:29 Directives
    2:21:45 Angular Forms
    2:44:05 Services
    3:36:30 Http interceptor
    4:44:36 Consume secured .NET API

    • @LAUGHWITHTENIOLA
      @LAUGHWITHTENIOLA Месяц назад +2

      Thanks brr this is really helpful

    • @yogidunique7013
      @yogidunique7013 Месяц назад +1

      @LAUGHWITHTENIOLA most welcome bro

    • @LAUGHWITHTENIOLA
      @LAUGHWITHTENIOLA Месяц назад +1

      @@yogidunique7013 ☺☺ Am actually watching the tutorial right now Wbu? Are u done with it oru just started

    • @yogidunique7013
      @yogidunique7013 Месяц назад +1

      @LAUGHWITHTENIOLA I have done till directive!! 2nd part is very important ngrx, rjx, code improvisation. I m planning to finish till this weekend

    • @NihiraTechiees
      @NihiraTechiees  Месяц назад +1

      👍

  • @atech369
    @atech369 4 месяца назад +3

    eagerly waiting for next part sir! great explanation with each topic is adorable..

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад +1

      Thanks for the support it will be available sep 5th

  • @deanambrox8069
    @deanambrox8069 4 месяца назад +2

    Thank you so much, was waiting for a complete tutorial in angular v18

  • @LAUGHWITHTENIOLA
    @LAUGHWITHTENIOLA Месяц назад +2

    Thanks so much sir the tutorial is very helpful

  • @itsme9877
    @itsme9877 Месяц назад +1

    Hi.. around 2:31:00, where the login form is executed.. I am actually facing an issue..styles are not being applied to the login form as soon as the page is loaded until I just click either on the input or on the button.. tried checking the changes that are actually happening and came to know that the class is changing from example-form to “example-from ng-untouched ng-pristine ng-valid” and then the styles are applied..
    Please help me out as soon as possible. Thanks

  • @MrTubber44
    @MrTubber44 3 месяца назад

    Excellent content as always🎉 Appreciate cha!❤

  • @LAUGHWITHTENIOLA
    @LAUGHWITHTENIOLA Месяц назад +1

    Please sir those angular materials are not working well over here if i load the page at first nothing is wrong with it but if i reload the page some part of it wont display for example if i loadthe page the mat card will be working perfectly but iff i reload the page the mat card header, footer and so on wont apear on the mat card content will apear

  • @protector3120
    @protector3120 4 месяца назад

    Loved your content, eagerly waiting for next session. ❤️

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      Thanks for showing interest. Part 2 will be available on September 5th

  • @LAUGHWITHTENIOLA
    @LAUGHWITHTENIOLA Месяц назад +1

    When i run json-server --watch src/data/db.json
    Its showing --watch/-w can be omitted, JSON Server 1+ watches for file changes by default
    File src/data/db.json not found

    • @NihiraTechiees
      @NihiraTechiees  Месяц назад

      Have you installed json-server through npm command. If not please execute first.
      Still if you facing problem please send me mail

    • @LAUGHWITHTENIOLA
      @LAUGHWITHTENIOLA Месяц назад

      @@NihiraTechiees I have installed it already buy still showing same thing so I run echo {} > db.json to create an empty dp.json file

  • @syedmohammadhamza3774
    @syedmohammadhamza3774 3 месяца назад

    Very brilliantly covered each and everything so far in this video. Part 2 also seems very promising.

  • @jajatirautaray6660
    @jajatirautaray6660 3 месяца назад

    Thank you so much sir for providing great explanation with each topic. it will help for fresher as well expreanced candidate. ❤

  • @Veera-z9h
    @Veera-z9h 3 месяца назад

    Thank you, Thank you so much for this valuable course, ❤

  • @Nova-i4z9r
    @Nova-i4z9r 4 месяца назад +3

    Small request sir give time laps for topic in desperation ...Thank you sir 👍❣️

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад +1

      Will include with in 2 days, thanks🙏

  • @natanelelkutski9966
    @natanelelkutski9966 Месяц назад

    Thank you so much for such an excellent video and the effort for beginners to start swimming with the latest concepts! It benefited me more than a complete in-depth course on Udemy

  • @krishanthadharmasiri7725
    @krishanthadharmasiri7725 4 месяца назад +1

    Thanks very much for this video tutorial

  • @rajneeshkatal5218
    @rajneeshkatal5218 4 месяца назад +2

    Great work Nihira
    Pls create playlists for MEAN

  • @ImMaheshAhirwar
    @ImMaheshAhirwar 4 месяца назад

    Thank you so much for this video 😊 from last few months I am looking for 18 v angular concept

  • @GatewaytoRichnessTamil
    @GatewaytoRichnessTamil 4 месяца назад

    Thank you so much sir for your valuable course sir....

  • @lawend9637
    @lawend9637 4 месяца назад

    you are a legend my friend. thnx and greeting from germany

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      Thanks for the wonderful words.. I am just sharing what I learned 👍

  • @skylasari5007
    @skylasari5007 3 месяца назад

    Thank you so much ☺️

  • @Otika-s1w
    @Otika-s1w 4 месяца назад +1

    The course content is excellent. The slides are very well done too.
    However, I have one request: could you please enlarge the terminal display when recording? I often needed to zoom in on the screen to see what commands were being typed.

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      Thanks. Let me try to fix upcoming videos

  • @TM-ys1vi
    @TM-ys1vi 3 месяца назад

    I don't know the reason but in Add new product page the id is 0 for each and every record? could you please help me out for fixing it?

    • @NihiraTechiees
      @NihiraTechiees  3 месяца назад +1

      Can you send me mail with, your db.json file and what value you are passing to the api

    • @TM-ys1vi
      @TM-ys1vi 3 месяца назад

      @@NihiraTechiees could you please share your email details?

    • @TM-ys1vi
      @TM-ys1vi 3 месяца назад

      @@NihiraTechiees Could you please share your email address ?

  • @NadunUdana
    @NadunUdana 4 месяца назад

    Greate Explaination.. Waiting for part 2. +1 sub

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад +1

      Will be available 5th September

    • @NadunUdana
      @NadunUdana 4 месяца назад

      @@NihiraTechiees Nice to hear that. Much love from sri lanka

  • @VijayKumar-fq4ie
    @VijayKumar-fq4ie 4 месяца назад

    great bro, it a perfect tutorial

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      Thanks brother, hope you also doing good👍

    • @VijayKumar-fq4ie
      @VijayKumar-fq4ie 4 месяца назад

      Brother please make a full tutorial on angular push notification with PWA or Firebase

  • @syed-muhammad-ali-raza
    @syed-muhammad-ali-raza 4 месяца назад

    can we use inline template and no specs command at one time
    ng g c common/support --inline-template --skip-tests ?

  • @KnowledgeIsGold
    @KnowledgeIsGold 4 месяца назад

    why do you keep use "any" type? Isn't it bad practice in typescript?

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      If you know the datatype we have to go with actual data type... If you not sure then we can use any.
      I have explain that also

    • @KnowledgeIsGold
      @KnowledgeIsGold 4 месяца назад

      @@NihiraTechiees Why your Guard folder starts with upper capital but the folders like customer, home is small letter?

  • @TusharSawariya-o8c
    @TusharSawariya-o8c 3 месяца назад

    you are awesome bro

  • @baithivinaykumar
    @baithivinaykumar 3 месяца назад

    db.json use chesinapudu product id auto increment avvatle bro, enni saarlu new product entry chesina default 0 ani tiskuntundi id , can you please address this issue?

    • @NihiraTechiees
      @NihiraTechiees  3 месяца назад

      Since it's just dummy api for study. I suggest programmatically take max value +1 as id

    • @baithivinaykumar
      @baithivinaykumar 3 месяца назад

      @@NihiraTechiees it works, Thanks for your response!

  • @utti_12c
    @utti_12c 4 месяца назад

    Thank you🙏

  • @echelon7zulu
    @echelon7zulu 3 месяца назад

    can you please post a video register angular and .ne core most commonly asked interview qns and ans

  • @vamsivishal8063
    @vamsivishal8063 23 дня назад

    Hi Sir, this session provided by you, grateful for that. I am facing one issue with the angular template based forms section. When I have created the login UI with "User name" & "Password", I could see only the username field is only visible but the password field isn't visible, I was trying to figure our hard what could have caused this issue. Placed below my login.component.html file code snippy:

    Login




    Username



    Password

    • @NihiraTechiees
      @NihiraTechiees  18 дней назад

      Can you check your console any issues... If all good share the screenshot to my email

  • @abrahambamidele7810
    @abrahambamidele7810 4 месяца назад

    Still watching and enjoying this video.
    Short, simple, and straight to point explanation.
    Please can we get the slides

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      Check in description ppt link included you can download

  • @aswinthgt813
    @aswinthgt813 4 месяца назад

    Nice one bro

  • @informer9261
    @informer9261 4 месяца назад

    super sir useful course,sir for rxjs can u make detail videoand post more related to angular sir

  • @TrungLe-ws1ku
    @TrungLe-ws1ku 4 месяца назад

    Good video, pls make full stack project from scratch for beginer!!!!

  • @periasamysapthagiridharan4615
    @periasamysapthagiridharan4615 4 месяца назад

    How can we use both Version 16 and Version 18. Like application is Angular 16 and we dont want to upgrade it. And develop new application using Angular 18. Please suggest how can we achieve it

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      Install angular cli version 16 create new app. Then upgrade angular cli 18 create new app then you have two application with different version.
      You can keep global angular cli as 18 it will support for both application

    • @periasamysapthagiridharan4615
      @periasamysapthagiridharan4615 4 месяца назад

      @@NihiraTechiees How about the node version ? will we have any issues ?

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      Node js version 18.19.1 will support for both angular 18 and 16

    • @berlinjohns
      @berlinjohns 4 месяца назад

      Or you can use node version manager (nvm) for dynamically change node versions😜👍

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      Thanks for the information, first let me try

  • @anandprajapati1612
    @anandprajapati1612 4 месяца назад

    Please share any video link how to change theme sir

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      This video itself I covered... If you need additional support sent me mail

  • @gpsing_h
    @gpsing_h 2 месяца назад

    Will this be enough for a newbie ? I am just new to angular and i really need for my company project

    • @NihiraTechiees
      @NihiraTechiees  2 месяца назад

      Yes. This video covers all topics definitely it will be helpful

  • @anandprajapati1612
    @anandprajapati1612 4 месяца назад

    Why my theme was not update sir I'm totally upset can you please tell me how to change them sir

  • @DeepakThakur-bf4uo
    @DeepakThakur-bf4uo 4 месяца назад

    Good 👍

  • @kiddoingnotwell8213
    @kiddoingnotwell8213 4 месяца назад +1

    You haven't added ppt link, please make it available

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      Thanks for reminding will update by tonight

  • @binay.kumar.sharma
    @binay.kumar.sharma 4 месяца назад

    getting
    error
    Referrer Policy:
    strict-origin-when-cross-origin
    how to fix

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      When you got this error? Like scenario

    • @binay.kumar.sharma
      @binay.kumar.sharma 3 месяца назад

      @@NihiraTechiees when i am running in localhost

  • @Abdulkalam-he7wo
    @Abdulkalam-he7wo 4 месяца назад

    your class is awesome...thanks for this video ....do we have part 2 link and ppt link

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      Part 2 will be available September 1st week. Ppt i will include by tonight

    • @Abdulkalam-he7wo
      @Abdulkalam-he7wo 4 месяца назад

      @@NihiraTechiees thank you so much , i love this video . thank you

  • @BikeWaysChannel
    @BikeWaysChannel 4 месяца назад

    good one

  • @sivaramakrishnamuppalla4789
    @sivaramakrishnamuppalla4789 4 месяца назад

    Getting error while creating db.json file

  • @ManojKandagallmath
    @ManojKandagallmath 2 месяца назад

    bro do videos on angular 18 standalone with firebase have admin page all

  • @Rajeshkumar-nv2wy
    @Rajeshkumar-nv2wy 4 месяца назад

    Sir please make a video multiple layout in angular version 18 please please 🙏

  • @muscl-cuts
    @muscl-cuts 4 месяца назад +1

    When are you going to upload part-two?Just tell us how many months you are going to take.?🤔

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      I am targeting to upload on sep5th. Preparation going on.. You can expect as soon as possible

  • @aksharanatureworld
    @aksharanatureworld 4 месяца назад +1

    👌

  • @Abhimanyukumar-xx4tf
    @Abhimanyukumar-xx4tf 3 месяца назад

    ❤ 2nd part when will be coming

    • @NihiraTechiees
      @NihiraTechiees  3 месяца назад +1

      It's already uploaded link in description

  • @SabaNaz-fs6gh
    @SabaNaz-fs6gh 4 месяца назад

    Need MERN stack

  • @surendhars1247
    @surendhars1247 4 месяца назад +4

    very worst quality ...but teaching is good

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад

      Thanks for the feedback

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад +1

      May I know where you got quality issue in audio or video?

    • @irvinmuziwenkosi
      @irvinmuziwenkosi 4 месяца назад +3

      @@NihiraTechiees Everything looks good to me, Thank you. This course is awesome.

    • @NihiraTechiees
      @NihiraTechiees  4 месяца назад +1

      Thanks irvin

    • @protector3120
      @protector3120 4 месяца назад

      Course is really good 🫡

  • @itsme9877
    @itsme9877 Месяц назад

    Hi.. around 2:31:00, where the login form is executed.. I am actually facing an issue..styles are not being applied to the login form as soon as the page is loaded until I just click either on the input or on the button.. tried checking the changes that are actually happening and came to know that the class is changing from example-form to “example-from ng-untouched ng-pristine ng-valid” and then the styles are applied..
    Please help me out as soon as possible. Thanks

    • @NihiraTechiees
      @NihiraTechiees  Месяц назад

      Could you send me mail we can have a Google meet?