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

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

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

  • @OctAcademy
    @OctAcademy  5 месяцев назад +6

    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 5 месяцев назад +19

    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 4 месяца назад +2

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

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

      @@AiBit3 so do I

  • @emihlemalothana1463
    @emihlemalothana1463 5 месяцев назад +14

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

  • @gamersruin
    @gamersruin 5 месяцев назад +22

    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.

  • @restonspositifs3336
    @restonspositifs3336 6 месяцев назад +10

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

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

      Thank you very much for your support 😊😊

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

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

  • @kylei.3590
    @kylei.3590 3 месяца назад +1

    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.

    • @OctAcademy
      @OctAcademy  8 дней назад

      Thanks for the support, really appreciate it!

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

    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.

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

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

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

      Glad to hear that!

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

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

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

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

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

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

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

      Thank you for your support 😊

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

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

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

    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

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

    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

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

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

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

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

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

      Thank you for your support brother 😊

  • @rakesh610-u8i
    @rakesh610-u8i 2 месяца назад +1

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

  • @kaykaysuniverse
    @kaykaysuniverse 5 месяцев назад +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  5 месяцев назад +1

      Thank you for your support

  • @AhmedFarag-c4u
    @AhmedFarag-c4u 2 дня назад

    thanks a lot, really very good

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

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

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

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

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

      Thank you for your support:)

    • @Abhishek-eb8qs
      @Abhishek-eb8qs 6 месяцев назад +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  6 месяцев назад +1

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

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

    Thank you for your effort in this awesome tutorial

  • @andreaugusto8479
    @andreaugusto8479 6 месяцев назад +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 6 месяцев назад +2

      exactly lol

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

      Thank you for your support :)

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

      Hope you understand who you are 😄

  • @ahsanjawed9543
    @ahsanjawed9543 День назад

    when will you cover state management, routing, signals, dihydration?

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

    About to watch Thank you!!

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

    Thank you soo much for the best vedio! .

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

    Thanks sir. This course was a pure treat !

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

      Glad to hear that

  • @ques_11
    @ques_11 29 дней назад +1

    Thank you for this.

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

    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

  • @vitorlopes5014
    @vitorlopes5014 5 месяцев назад +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  5 месяцев назад

      By next week, Thank you for your support 😊

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

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

  • @hacksonfyve7002
    @hacksonfyve7002 6 месяцев назад +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  6 месяцев назад

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

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

    Excellent, it is very much helpful for me

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

    Thank you very much 🙏

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

    Thank you for this course

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

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

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

      Happy to hear that!

  • @Technanisai
    @Technanisai 5 месяцев назад +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  5 месяцев назад +1

      Its focused on Beginners

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

    Very helpful tutorial, thank you

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

      Glad it was helpful!

  • @Jiayoujiayoulalalla
    @Jiayoujiayoulalalla 5 месяцев назад +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  5 месяцев назад

      Working on it!

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

      please continue the Angular 18 Course Play list,

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

    String interpolation button was also disabled.

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

    Thankyou for making this video

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

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

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

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

    • @checkinchanges
      @checkinchanges 6 месяцев назад

      @@OctAcademy looking forward

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

    very nice!! thank you

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

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

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

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

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

      @@OctAcademy so it is not full course ?

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

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

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

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

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

      You can create manually

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

    good work brother keep it up

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

      Thank you for your support :)

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

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

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

      Yes it's a framework,

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

    thank you for the course !

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

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

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

    Greatly appreciate

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

      Thanks for the support 😊

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

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

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

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

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

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

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

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

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

    perfect sir

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

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

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

      can you see any errors, in the browser console?

  • @HossamHossam-r9h
    @HossamHossam-r9h 3 месяца назад +1

    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 🙂

    • @OctAcademy
      @OctAcademy  8 дней назад

      It's not a full course. I will cover router and state management in upcoming videos.

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

    I ❤ tutorials. Pls can you include signals

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

    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

    • @OctAcademy
      @OctAcademy  8 дней назад

      Check out my Angular 18 Full Course playlist, it goes from beginner to advanced.

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

    What is the name of theme you used ?

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

    The version show in the project structure is 17.3

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

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

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

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

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

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

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

    Thank you

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

      Thank you for your support :)

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

    Sir can you please share second part .

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

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

  • @6775bb
    @6775bb 6 месяцев назад +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  6 месяцев назад

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

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

    when did you uploading next part sir ?

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

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

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

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

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

      Part 2 will be uploaded

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

      Thanks for uploading such content ❤

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

      @@ajy995 Thank you

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

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

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

      Thank you for the correction 😊

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

    why me no have "assets folder" ???

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

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

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

    Very good explanation

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

      Thank you for your support :)

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

    Great video, Where is your source code?

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

    thanks mate

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

      Thank you for your support 😊

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

    when will part 2 will upload sir.

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

      Working on it :)

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

    is this Angular js ?

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

      Angular 18

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

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

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

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

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

    3:13:02

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

    When will the project part start bro?

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

    When you'll upload part2?

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

    Garcia Brenda Lewis Kenneth Harris Jose

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

    One section is repeated twice near 3and 4 hr

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

      Sorry for the inconvenience

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

    its for angular 17

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

    I like you

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

      Thank you for your support

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

    first say angular is a library or framework

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

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

  • @mihailojovanovic2197
    @mihailojovanovic2197 6 месяцев назад +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  5 месяцев назад

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