Angular 18 Full Course - Complete Zero to Hero Angular 18 full Tutorial

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

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

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

    Thank you so much for watching! 🙏 If you enjoyed the content and feel like you’ve learned something valuable, please consider supporting the channel on Patreon. Your support helps me keep creating and improving the content you love. Even just $1 a month makes a big difference. Thank you for being a part of this journey! 💖
    Patreon Link - bit.ly/3RR9yix

  • @nadaelannasi6287
    @nadaelannasi6287 2 месяца назад +16

    1:58:15 difference between string inteprolation and data binding
    for the people confused how it's not giving the same results (it shows both buttons are disabled), the reason behind it is:
    In HTML, the `disabled` attribute is a boolean attribute. This means that if the attribute is present, regardless of its value, it will be considered `true`. On the other hand, if the attribute is not present, it will be considered `false`.
    In the code, when you use string interpolation `{{isDisabled}}` to set the value of the `disabled` attribute, the boolean value of `isDisabled` is converted to a string. However, since the `disabled` attribute is a boolean attribute, it only checks for the presence of the attribute, not its value.
    So, even if you set `isDisabled` to `false` (which will be converted to the string `"false"`), the `disabled` attribute will still be present in the HTML, making the button disabled.

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

      But why don't I see any difference. For the both style, the button get "disabled"

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

      @@AiBit3 so do I

  • @emihlemalothana1463
    @emihlemalothana1463 3 месяца назад +11

    The best Angular tutorial, like for real. I have wasted hours on other tutorials not understanding anything but this one is nice and simple. Just love it😀.

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

    Your tutoriels are very good ! Each time, I learned more when I follow your video. Thank you !!

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

      Thank you very much for your support 😊😊

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

    Very helpful tutorial even for a layperson can understand each concept.

  • @kylei.3590
    @kylei.3590 10 дней назад

    Great instruction. You are a talented teacher! Great break-down of core Angular concepts. I would recommend this to anyone who is a beginner that has some coding experience but is new to angular.

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

    May God reward you for what you've done beneficial for all people!

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

    ooo woow!! this tutorial was so excited!! i've been learing Angular with this tutorial from scratch but finally i come from zero to hero!!. thank you so much!!

  • @ViniciusReis-jz5uh
    @ViniciusReis-jz5uh 3 месяца назад +1

    Tks buddy!
    This is the best video to learn Angular! Keep it up!

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

      Thank you for your support 😊

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

    Hello from Colombia. Excellent tutorial. Thanks for sharing. I'm looking forward for the next part

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

      Thank you for your support brother 😊

  • @مليارونص
    @مليارونص 3 месяца назад +4

    Thank you bro for this video! If you please upload the next video ❤

  • @Ghani-zm8yy
    @Ghani-zm8yy Месяц назад

    This angular tutorial is the best I have ever seen I tries many others but to no avail so grateful

  • @Csroot667
    @Csroot667 2 месяца назад +1

    Thanks sir. This course was a pure treat !

  • @Abhishek-eb8qs
    @Abhishek-eb8qs 3 месяца назад +2

    very nice explaination, even beginners can understand it very well!

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

      Thank you for your support:)

    • @Abhishek-eb8qs
      @Abhishek-eb8qs 3 месяца назад +1

      @@OctAcademy waiting for upcoming videos! keep it up 😊, just one small suggestion bro, improve mic quality and also do some videos other than tutorials to grab attention of newbies on channel

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

      @@Abhishek-eb8qs Thank you very much for your support, will improve the audio quality in upcoming videos

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

    Why would you create two entirely separate border properties? You can just put the border css properties inside the active and no-active css classes. What I was hoping you would ask is How to change the properties based on clicking. So when you click the button, it toggles to active/ no-active, as opposed to having to manually changing the isActive property. I'm going to assume you do this later in this example, but we'll see.

  • @suruzzamanswapon6130
    @suruzzamanswapon6130 2 месяца назад +1

    Excellent, it is very much helpful for me

  • @kaykaysuniverse
    @kaykaysuniverse 2 месяца назад +1

    Thank you very much for your fantastic work! Your explanations and examples are so helpful, now I have the chance to work with Angular!

    • @OctAcademy
      @OctAcademy  2 месяца назад +1

      Thank you for your support

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

    Thank you soo much for the best vedio! .

  • @Bhuvan_D
    @Bhuvan_D 2 месяца назад +1

    About to watch Thank you!!

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

    I like this video series, very easy to understand for a newbie like me. i'm from vietnam

    • @OctAcademy
      @OctAcademy  2 месяца назад +1

      Happy to hear that!

  • @ayesha24237
    @ayesha24237 2 месяца назад +1

    Thankyou for making this video

  • @KENNY-sm8mp
    @KENNY-sm8mp 2 месяца назад

    Thank you for this course

  • @vitorlopes5014
    @vitorlopes5014 2 месяца назад +1

    Wow this video help me so much, I very very grateful my friend, after finish the series definitely i will buy your your 120+ course, do you have a day for releasing the part 3 ?? have a great day

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

      By next week, Thank you for your support 😊

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

    Thank you very much 🙏

  • @sahil007-d2h
    @sahil007-d2h 3 месяца назад +1

    nice explanation and good PPT with simple animation. i m strongly recommending your course to beginners. Waiting for next part ....

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

    Very helpful tutorial, thank you

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

      Glad it was helpful!

  • @roebucksruin
    @roebucksruin 2 месяца назад +10

    If you're new to front end development, this is a great tutorial. If you're just new to Angular, you can skip to the 50 minute mark.

  • @dioutoroo
    @dioutoroo 6 дней назад

    Hi thanks for the video. 1:12:08 I do still have the previous h1. Do you know why? I have even commented the import statement

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

    Great Content ❤ ...pls upload part 2 and projects

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

      Working on it :) will be release end of this month

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

      @@OctAcademy looking forward

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

    Thank you i complited this video if it is possible please continue Intermedate lever and advance leave also 🙏

  • @funcoding1797
    @funcoding1797 2 месяца назад +1

    Greatly appreciate

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

      Thanks for the support 😊

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

    Hey, Thanks for the upload- great content. 👍
    If possible, please tune the audio a bit - less bass-> more treble. or a different mic 🎤
    it is hard to listen after 2 hours of buzzing.

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

      Thank you so much, will tune up the audio in the next lecture

  • @DhruvilThakkar-kv7uo
    @DhruvilThakkar-kv7uo 3 месяца назад +1

    I like your tutorial 😄. When will u upload part 2 ??

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

      Working on it :) will be release end of this month

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

      @@OctAcademy so it is not full course ?

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

    Your tutorial is superb , small information . " ngif and @if vedios are in two times " i think this is by mistake because heading is showing ngfor but which is ngif vedio

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

    very nice!! thank you

  • @andreaugusto8479
    @andreaugusto8479 3 месяца назад +19

    Greetings from Brazil! You explain it in a way that even an idiot can understand, that's exactly what I need. Very good! Hahaha

    • @ISManager
      @ISManager 3 месяца назад +2

      exactly lol

    • @OctAcademy
      @OctAcademy  3 месяца назад +2

      Thank you for your support :)

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

      Hope you understand who you are 😄

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

    good work brother keep it up

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

      Thank you for your support :)

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

    Please when will the next 5 hours video be released? also, can you teach NEST.JS framework? and the microservices? Your teaching style is very good!

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

      Working on it!

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

      please continue the Angular 18 Course Play list,

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

    Nice tutorial, but too many RUclips ads. A 30-second ad for every 4 minutes. By the time we finish watching the tutorial at least 40 minutes of ads we might have watched

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

    perfect sir

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

    Thank you

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

      Thank you for your support :)

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

    "Hello @OctAcademy, could you please provide more details about the course? Specifically, I'd like to know what level this course is designed for - is it Basic, Intermediate, or Proficiency level? This will help me understand if it's the right fit for my needs. Thank you!"

    • @OctAcademy
      @OctAcademy  2 месяца назад +1

      Its focused on Beginners

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

    the section on If directives and Ng-template is repeated, is this on purpose?

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

    when will be the other 5 hours uploaded?
    By the way Love your Content. 💕💕

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

      Working on it :) will be release end of this month

  • @hamzayounes-bo4so
    @hamzayounes-bo4so 2 месяца назад +1

    thank you for the course !

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

      Yes it's true but, it's still included in Angular 18,

  • @DhruvMaurya-yj5lc
    @DhruvMaurya-yj5lc 3 месяца назад

    Very good explanation

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

      Thank you for your support :)

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

    i have completed this course .Thank u for this wonderful course.Please suggest what to do further?

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

      Try to develop an simple app using these knowledge, you can take the help of AI models (ChatGPT, Claude or Llama 3)

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

    I ❤ tutorials. Pls can you include signals

  • @hemamandava
    @hemamandava 2 месяца назад +1

    In PPT you have mentioned that angular is a library but it is a Framework right

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

      Yes it's a framework,

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

    small correction @3.35.. Angular is not a library.. its a framework

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

      Thank you for the correction 😊

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

    Sir you have by mistake repeated the previous video again from 3:52:00

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

    Event binding.
    Two-way binding. are not working with me ,any help?

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

      can you see any errors, in the browser console?

  • @SatyanshSingh-k7m
    @SatyanshSingh-k7m 4 месяца назад +1

    thanks mate

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

      Thank you for your support 😊

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

    Sir can you please share second part .

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

    The version show in the project structure is 17.3

  • @HossamHossam-r9h
    @HossamHossam-r9h 6 дней назад

    i think it's not full course because you didn't talk about router or props or emit and state management any way thank you for the tutorial 🙂

  • @BylrSadiqov
    @BylrSadiqov 2 месяца назад +1

    What is the name of theme you used ?

  • @KENNY-sm8mp
    @KENNY-sm8mp 2 месяца назад +1

    3:13:02

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

    You used cmd in vscode intially but my command runs in the powershell also

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

      yes it will work, but sometimes it wont, so its better to use CMD in windows :)

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

      @@OctAcademy ok thanks and where I can find the following part of this video

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

    String interpolation button was also disabled.

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

    when did you uploading next part sir ?

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

      Working on it :) will be release end of this month

  • @actreact666
    @actreact666 2 месяца назад +1

    38:49 i can't see any assets folder in my project
    Please help m with that

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

      You can create manually

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

    You repeated the explanation of ng if with numbers and string the things you explained before ng template outlet you explained them again after

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

      Thank you for your kind information, will check about it :)

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

    is this Angular js ?

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

      Angular 18

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

      @@OctAcademy Yeah actually i have to learn Angular Js 18 ! Is that one or not ?

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

      @OctAcademy could you please provide more details about the course? Specifically, I'd like to know what level this course is designed for - is it Basic, Intermediate, or Proficiency level? This will help me understand if it's the right fit for my needs. Thank you!"

  • @SherwoodBurke-g9s
    @SherwoodBurke-g9s Месяц назад

    Garcia Brenda Lewis Kenneth Harris Jose

  • @ngochieutran3166
    @ngochieutran3166 2 месяца назад +1

    why me no have "assets folder" ???

    • @OctAcademy
      @OctAcademy  2 месяца назад +1

      With the new update Angular has removed the Assets Folder :)

  • @మిరియాల
    @మిరియాల 3 месяца назад +1

    when will part 2 will upload sir.

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

    When you'll upload part2?

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

    When will the project part start bro?

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

    You have written 10 hours on image and uploaded only 5hours course

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

      Part 2 will be uploaded

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

      Thanks for uploading such content ❤

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

      @@ajy995 Thank you

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

    One section is repeated twice near 3and 4 hr

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

      Sorry for the inconvenience

  • @JubayerAhmed-ny1wc
    @JubayerAhmed-ny1wc 2 месяца назад +1

    its for angular 17

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

    first say angular is a library or framework

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

      its a framework, it was a scripting mistake sorry for the inconvenience :)

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

    I like you

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

      Thank you for your support

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

    When i write this Login Syntax
    @if(loginCount > 3){

    Exceeded 3 login Attempts, Try Again Later
    }
    text appers above button do you know why?

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

      cannot say exactly what is the problem did you found any solutions?