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

Поділитися
Вставка
  • Опубліковано 25 гру 2024

КОМЕНТАРІ • 152

  • @OctAcademy
    @OctAcademy  4 місяці тому +5

    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 4 місяці тому +18

    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 3 місяці тому +2

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

    • @pietrosolariargentario84
      @pietrosolariargentario84 3 місяці тому

      @@AiBit3 so do I

  • @emihlemalothana1463
    @emihlemalothana1463 4 місяці тому +13

    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 5 місяців тому +10

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

    • @OctAcademy
      @OctAcademy  5 місяців тому

      Thank you very much for your support 😊😊

  • @gamersruin
    @gamersruin 4 місяці тому +17

    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.

  • @zulqarnainsarwar4833
    @zulqarnainsarwar4833 4 місяці тому +4

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

  • @izerimanayvonne9569
    @izerimanayvonne9569 3 місяці тому

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

  • @HayrullaRuzimov
    @HayrullaRuzimov 2 місяці тому +1

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

  • @ViniciusReis-jz5uh
    @ViniciusReis-jz5uh 4 місяці тому +1

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

    • @OctAcademy
      @OctAcademy  4 місяці тому

      Thank you for your support 😊

  • @Csroot667
    @Csroot667 4 місяці тому +1

    Thanks sir. This course was a pure treat !

  • @Ghani-zm8yy
    @Ghani-zm8yy 3 місяці тому

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

  • @مليارونص
    @مليارونص 4 місяці тому +4

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

  • @kylei.3590
    @kylei.3590 Місяць тому

    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.

  • @govindarajv6716
    @govindarajv6716 Місяць тому

    Thank you so much. It is very easy to understand each and every section. i love it.

  • @Bhuvan_D
    @Bhuvan_D 4 місяці тому +1

    About to watch Thank you!!

  • @HarinireddyYenumala
    @HarinireddyYenumala 3 місяці тому +1

    Thank you soo much for the best vedio! .

  • @EricBCalhoun
    @EricBCalhoun 3 місяці тому +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.

  • @ampersan22
    @ampersan22 4 місяці тому +1

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

    • @OctAcademy
      @OctAcademy  4 місяці тому

      Thank you for your support brother 😊

  • @rakesh610-u8i
    @rakesh610-u8i 27 днів тому

    Thank you for such detailed explanation of Angular file structure, i got the idea.

  • @Abhishek-eb8qs
    @Abhishek-eb8qs 4 місяці тому +2

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

    • @OctAcademy
      @OctAcademy  4 місяці тому +1

      Thank you for your support:)

    • @Abhishek-eb8qs
      @Abhishek-eb8qs 4 місяці тому +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  4 місяці тому +1

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

  • @suruzzamanswapon6130
    @suruzzamanswapon6130 3 місяці тому +1

    Excellent, it is very much helpful for me

  • @krishanthadharmasiri7725
    @krishanthadharmasiri7725 3 місяці тому +1

    Thank you very much 🙏

  • @alirabee7649
    @alirabee7649 Місяць тому

    Thank you for your effort in this awesome tutorial

  • @KENNY-sm8mp
    @KENNY-sm8mp 3 місяці тому

    Thank you for this course

  • @kaykaysuniverse
    @kaykaysuniverse 4 місяці тому +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  4 місяці тому +1

      Thank you for your support

  • @ayesha24237
    @ayesha24237 3 місяці тому +1

    Thankyou for making this video

  • @georgeemmanuel3155
    @georgeemmanuel3155 5 місяців тому +1

    Very helpful tutorial, thank you

    • @OctAcademy
      @OctAcademy  5 місяців тому

      Glad it was helpful!

  • @dioutoroo
    @dioutoroo Місяць тому +1

    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

  • @kodoku169
    @kodoku169 5 місяців тому +1

    very nice!! thank you

  • @funcoding1797
    @funcoding1797 4 місяці тому +1

    Greatly appreciate

    • @OctAcademy
      @OctAcademy  3 місяці тому

      Thanks for the support 😊

  • @mohamedommmani
    @mohamedommmani 5 місяців тому +1

    good work brother keep it up

    • @OctAcademy
      @OctAcademy  5 місяців тому

      Thank you for your support :)

  • @adityamatkar3808
    @adityamatkar3808 5 місяців тому +1

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

    • @OctAcademy
      @OctAcademy  5 місяців тому +3

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

    • @rishirajs5711
      @rishirajs5711 5 місяців тому

      @@OctAcademy looking forward

  • @vietanhvu4793
    @vietanhvu4793 4 місяці тому

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

  • @andreaugusto8479
    @andreaugusto8479 5 місяців тому +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 5 місяців тому +2

      exactly lol

    • @OctAcademy
      @OctAcademy  5 місяців тому +2

      Thank you for your support :)

    • @krishnagoli
      @krishnagoli 4 місяці тому

      Hope you understand who you are 😄

  • @2RAJ21
    @2RAJ21 5 місяців тому +1

    Thank you

    • @OctAcademy
      @OctAcademy  5 місяців тому

      Thank you for your support :)

  • @Zakriazakry
    @Zakriazakry 4 місяці тому +1

    perfect sir

  • @sahil007-d2h
    @sahil007-d2h 5 місяців тому +1

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

  • @DhruvilThakkar-kv7uo
    @DhruvilThakkar-kv7uo 5 місяців тому +1

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

    • @OctAcademy
      @OctAcademy  5 місяців тому

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

    • @abd1428
      @abd1428 5 місяців тому

      @@OctAcademy so it is not full course ?

  • @Technanisai
    @Technanisai 3 місяці тому +1

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

  • @vitorlopes5014
    @vitorlopes5014 3 місяці тому +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  3 місяці тому

      By next week, Thank you for your support 😊

  • @SatyanshSingh-k7m
    @SatyanshSingh-k7m 5 місяців тому +1

    thanks mate

    • @OctAcademy
      @OctAcademy  5 місяців тому

      Thank you for your support 😊

  • @DhruvMaurya-yj5lc
    @DhruvMaurya-yj5lc 5 місяців тому

    Very good explanation

    • @OctAcademy
      @OctAcademy  5 місяців тому

      Thank you for your support :)

  • @stevofootballhome6786
    @stevofootballhome6786 5 місяців тому +1

    I ❤ tutorials. Pls can you include signals

  • @hacksonfyve7002
    @hacksonfyve7002 5 місяців тому +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  5 місяців тому

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

  • @ThenushanThev
    @ThenushanThev 2 місяці тому

    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

  • @Technanisai
    @Technanisai 4 місяці тому +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  4 місяці тому +1

      Its focused on Beginners

  • @Jiayoujiayoulalalla
    @Jiayoujiayoulalalla 4 місяці тому +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  4 місяці тому

      Working on it!

    • @OctAcademy
      @OctAcademy  4 місяці тому

      please continue the Angular 18 Course Play list,

  • @hamzayounes-bo4so
    @hamzayounes-bo4so 4 місяці тому +1

    thank you for the course !

    • @OctAcademy
      @OctAcademy  4 місяці тому

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

  • @actreact666
    @actreact666 4 місяці тому +1

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

    • @OctAcademy
      @OctAcademy  3 місяці тому

      You can create manually

  • @hari85630
    @hari85630 3 місяці тому

    Nice tutorial, but too many UA-cam 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

  • @LeoMundin
    @LeoMundin 4 місяці тому +1

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

  • @shathafaraj8092
    @shathafaraj8092 4 місяці тому +1

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

    • @OctAcademy
      @OctAcademy  4 місяці тому

      can you see any errors, in the browser console?

  • @INDUSTRYIND1
    @INDUSTRYIND1 5 місяців тому +1

    The version show in the project structure is 17.3

  • @imashar
    @imashar 5 місяців тому +1

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

    • @OctAcademy
      @OctAcademy  5 місяців тому

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

  • @nxgplay6616
    @nxgplay6616 5 місяців тому +1

    Sir can you please share second part .

  • @hemamandava
    @hemamandava 4 місяці тому +1

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

  • @davidpinalopez7467
    @davidpinalopez7467 28 днів тому

    Great video, Where is your source code?

  • @12_abhileshbirru61
    @12_abhileshbirru61 5 місяців тому +1

    when did you uploading next part sir ?

    • @OctAcademy
      @OctAcademy  5 місяців тому

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

  • @EricBCalhoun
    @EricBCalhoun 3 місяці тому

    String interpolation button was also disabled.

  • @superrsourav
    @superrsourav 5 місяців тому +1

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

    • @OctAcademy
      @OctAcademy  5 місяців тому

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

  • @BylrSadiqov
    @BylrSadiqov 4 місяці тому +1

    What is the name of theme you used ?

  • @luitdusad4298
    @luitdusad4298 3 місяці тому

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

  • @mayanksisodia4328
    @mayanksisodia4328 5 місяців тому +1

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

    • @OctAcademy
      @OctAcademy  5 місяців тому

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

    • @mayanksisodia4328
      @mayanksisodia4328 5 місяців тому

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

  • @kathirvelponnusamy
    @kathirvelponnusamy 5 місяців тому +1

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

    • @OctAcademy
      @OctAcademy  5 місяців тому

      Thank you for the correction 😊

  • @luffymonkey916
    @luffymonkey916 5 місяців тому +1

    When will the project part start bro?

  • @మిరియాల
    @మిరియాల 4 місяці тому +1

    when will part 2 will upload sir.

  • @samqureshi9415
    @samqureshi9415 5 місяців тому +5

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

    • @OctAcademy
      @OctAcademy  5 місяців тому +3

      Part 2 will be uploaded

    • @ajy995
      @ajy995 5 місяців тому +2

      Thanks for uploading such content ❤

    • @OctAcademy
      @OctAcademy  5 місяців тому

      @@ajy995 Thank you

  • @srisdailyvlogs
    @srisdailyvlogs 5 місяців тому +1

    When you'll upload part2?

  • @ngochieutran3166
    @ngochieutran3166 4 місяці тому +1

    why me no have "assets folder" ???

    • @OctAcademy
      @OctAcademy  4 місяці тому +1

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

  • @6775bb
    @6775bb 4 місяці тому +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  4 місяці тому

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

  • @HossamHossam-r9h
    @HossamHossam-r9h Місяць тому

    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 🙂

  • @KENNY-sm8mp
    @KENNY-sm8mp 3 місяці тому +1

    3:13:02

  • @ram2934
    @ram2934 Місяць тому

    hello brother i have decided to learn from your videos but there are many videos regarding angular in your page . can you kindly send me link which will be easier to learn from scratch to advance please . reply to this message

  • @Technanisai
    @Technanisai 5 місяців тому +1

    is this Angular js ?

    • @OctAcademy
      @OctAcademy  5 місяців тому

      Angular 18

    • @Technanisai
      @Technanisai 5 місяців тому

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

    • @Technanisai
      @Technanisai 4 місяці тому

      @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 3 місяці тому

    Garcia Brenda Lewis Kenneth Harris Jose

  • @JubayerAhmed-ny1wc
    @JubayerAhmed-ny1wc 3 місяці тому +1

    its for angular 17

  • @superrsourav
    @superrsourav 5 місяців тому

    One section is repeated twice near 3and 4 hr

    • @OctAcademy
      @OctAcademy  5 місяців тому

      Sorry for the inconvenience

  • @jbailey130
    @jbailey130 4 місяці тому +1

    I like you

    • @OctAcademy
      @OctAcademy  4 місяці тому

      Thank you for your support

  • @DileebanSekara2001
    @DileebanSekara2001 4 місяці тому +1

    first say angular is a library or framework

    • @OctAcademy
      @OctAcademy  4 місяці тому

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

  • @mihailojovanovic2197
    @mihailojovanovic2197 5 місяців тому +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  4 місяці тому

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