Angular in 100 Seconds

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

КОМЕНТАРІ • 545

  • @bawad
    @bawad 4 роки тому +1626

    You can tell by the length of each video that Fireship knows which framework is best:
    React: 2:07
    Vue: 2:03
    Angular: 1:59 (yikes didn't even make it to 2 mins)

    • @alexmercerind
      @alexmercerind 4 роки тому +163

      There we go.

    • @EthanVazquez
      @EthanVazquez 4 роки тому +41

      And here I thought you said you would back off Angular

    • @Fireship
      @Fireship  4 роки тому +1220

      The shorter the video, the more elegant the framework ;)

    • @yupengs
      @yupengs 4 роки тому +33

      THIS IS WHAT WE ARE WAITING FOR!

    • @keiwanmosaddegh5947
      @keiwanmosaddegh5947 4 роки тому +29

      The legend has spoken

  • @muhammadasadhaider6893
    @muhammadasadhaider6893 4 роки тому +606

    watched at x2 speed, learned Angular in 50s

  • @punsmith
    @punsmith 4 роки тому +202

    God, I love this so much. My little Angular heart beats fiercely today.

    • @novaria
      @novaria 4 роки тому +2

      wholesome.

    • @gooze3888
      @gooze3888 3 роки тому

      dont use Gods name in vain please :(

  • @avishekdattaray2065
    @avishekdattaray2065 2 роки тому +89

    I have been using Angular for almost 3 years now and recently I started learning react also. What I felt is that the Angular team had done great work for handling things very straight-forwardly without making things much more complex. My opinion for all the new devs who are thinking which UI framework to learn, it will be Angular as it's much easy with a wide range of libraries and all which reduces much stress while handling complex scenarios.

    • @JosephGallagher
      @JosephGallagher Рік тому +1

      I'm a month in in an internship working with Angular but only have had experience with JAVA. Already took the basics of JS, and am learning HTML; I've read I need CSS and the two aforementioned languages to understand Angular. How much would you say I need to dig in for Angular to start making sense, or where to begin with? I hit the ground and it's grinding me 😅

    • @lukeweston1234
      @lukeweston1234 Рік тому +1

      @@JosephGallagherget a really good understanding of how to implement all of the basic building blocks, components, modules, services, directives, pipes, etc. if you try to skip these fundamental ideas it can be incredibly hard to onboard. Thankfully I’ve mostly been using standalone components lately and I am enjoying it much more.

  • @InsaneHq
    @InsaneHq 4 роки тому +1498

    Waiting for Ben Awad comment....

  • @bigchunk1
    @bigchunk1 3 роки тому +38

    UA-cam needs more videos like this. There is an art to giving yourself limited time to focus on only the most Angular parts of Angular.

  • @n.kh.l
    @n.kh.l 4 роки тому +666

    It's okay Ben Awad, just close your eyes.

    • @bawad
      @bawad 4 роки тому +229

      I'm having trouble breathing, is this normal?

    • @not2day646
      @not2day646 4 роки тому +4

      @@bawad after reading this comment, yes

    • @maulikshah28
      @maulikshah28 3 роки тому +7

      @@bawad the man himself has commented here

  • @DodaGarcia
    @DodaGarcia 3 роки тому +217

    I’m interested in Angular because I started used NestJS (which is inspired by it) and even though the learning curve felt a bit steep upfront, once I got used to the decorators and services I was really surprised by how clean and organized the code stays compared to other frameworks which start out clean and quickly become a mess.

    • @mishakirichenko7455
      @mishakirichenko7455 2 роки тому +4

      same here :)

    • @kimdev11
      @kimdev11 Рік тому +4

      Same here

    • @netgeek2392
      @netgeek2392 Рік тому +3

      Same here

    • @WantOxide
      @WantOxide Рік тому +2

      PLEASE DON'T YOU WILL END IN A NIGHTMARE. A fellow developer

    • @VadimTi320
      @VadimTi320 Рік тому +3

      @@WantOxide Why is that? Can you explain why do you think so please?

  • @agustinperuzzi
    @agustinperuzzi 2 роки тому +41

    I've been using angular for 1 year and I love it. I've dipped my toes in react and Vue, but nothing compares. Angular is easy to use and really easy to maintain organized. I specially like it for the second reason, as a proyect leader having a very modular project makes my job easier.

    • @WantOxide
      @WantOxide Рік тому

      If you love it it means you're a shit dev

    • @simplyizustic6122
      @simplyizustic6122 11 місяців тому

      AnguLar is EaSy tO uSE🤡

    • @agustinperuzzi
      @agustinperuzzi 11 місяців тому

      @@simplyizustic6122 well honey I don't know what to tell you, I find it easy. Also, almost three years now!

    • @davidrestrepo8176
      @davidrestrepo8176 19 днів тому

      @@simplyizustic6122 skill issues

  • @novaria
    @novaria 4 роки тому +310

    This actually makes we want to check out Angular again.

    • @Fireship
      @Fireship  4 роки тому +177

      Most underrated framework out there

    • @Wael100
      @Wael100 4 роки тому +19

      @@Fireship maybe we tend to go for the easy way which is React or Vue, Angular takes much more time to grasp and master as it's a complete framework and has everything out of the box, not sure if you agree

    • @PS-dp8yg
      @PS-dp8yg 4 роки тому +29

      @@Wael100 There's nothing complex about Angular. As long as you understand JavaScript, you're good to go.

    • @bj_enigma
      @bj_enigma 4 роки тому +13

      @@Wael100 I disagree. Angular is by far the easiest framework. Best of angular is that you can easily learn Ionic to build Mobile apps

    • @hemantakakati1103
      @hemantakakati1103 4 роки тому +26

      I found all three framework pretty same. Angular is as easy and as hard as other framework such as react and vuejs. At the end of the day you will learn what your company demands.

  • @joshblf
    @joshblf 4 роки тому +279

    "minimal decision fatigue" is the BEST reason to use Angular, and why it's better than React for large projects IMO

    • @punsmith
      @punsmith 4 роки тому +68

      An OFTEN downplayed boon. The development world is already busy as things get, I simply don't want to spend time figuring out libraries. I want to start my project without much of a hubbub.

    • @detaaditya6237
      @detaaditya6237 4 роки тому +38

      This. So many people overlooked this benefit and bad-mouthed angular thanks to its prequel

    • @randomizednamme
      @randomizednamme 4 роки тому +7

      This is why I use it for side projects. I used to spend so much time deciding which libraries I wanted to use to compliment React, and how to structure a reusable networking layer. In the end I wanted Rx and Angular embraces it quite nicely. I think I moved over completely once they released hooks.

    • @IconicProps
      @IconicProps 3 роки тому +1

      @@detaaditya6237 You have that backwards. Angular 1.5+ is much simpler. The point of using loosely typed language, is to loosely type things. A good programmer doesn't need much more than a third =.

    • @PhilipAlexanderHassialis
      @PhilipAlexanderHassialis 3 роки тому +52

      As a React fan I have to admit that the fact that Angular is extremely opinionated and forces you to do things in a certain way otherwise the project fails, is extremely appealing from a business perspective. This way, an enterprise can be assured that when they hire an Angular dev they will be immediately productive since there is only one way to e.g. fetch data or whatnot. Sure, a good React dev will be able to traverse an existing codebase without worries, but a good Angular dev will not even have to do that since there is only one place for components, only one way to route, etc.

  • @briandesign
    @briandesign 4 роки тому +100

    Dang now I can apply to Google after this

  • @realGabCassim
    @realGabCassim 4 роки тому +31

    Thank you for your content at Fireship! I can't describe how grateful I am

  • @tomihawk01
    @tomihawk01 4 роки тому +26

    Still my favourite framework and I still use it for all my personal projects. Angular single-handedly converted me from a backend Java developer who hated web development into Web Apps being my next career step. Sad to see React dominating the job market here.

    • @Youkakun
      @Youkakun 4 роки тому +4

      @@WilliamSedlacek More opinionated than well defined. There's a lot custom stuff in angular which is worse than other modules in npm.
      Freedom means safety like replacing broken stuff or updating libraries early which is restricted by angular some times.

  • @fabioXferke
    @fabioXferke 4 роки тому +7

    I like the fact that it's composable and scalable, good thing that Vue3 is being well inspired going that way, without giving you excessive built-in services

  • @stealthysubie
    @stealthysubie 4 роки тому +43

    First positive video about angular I have ever seen XD

    • @tempMahad
      @tempMahad 4 роки тому

      That's y I subscribed to this channel

    • @DEVDerr
      @DEVDerr 4 роки тому +9

      Which is sad, because Angular is actually a very solid and decent framework which provides most of needed things out-of-the-box without thinking about external libraries.

    • @DEVDerr
      @DEVDerr 4 роки тому +1

      @Vizman216 Yeah, agree with that

  • @DieStockEnte
    @DieStockEnte 4 роки тому +45

    Can you make a video of the direct comparsion between Angular, React, Vue.js?
    For example based on code speed (how fast it is), code simplicity (how easy or hard the code is to understand/read/learn), complexity (how much power it has, for example React has a lot of libraries) and whats the most popular/gets more and who less importance in future...
    That would be cool.
    Currently I am using JQuery and a bit of React.

  • @BertMaurau
    @BertMaurau 4 роки тому +24

    For full web apps, Angular is hands down just the best. You have everything right out of the box that works so beautifully well together, it performs great and it's scalable with ease. You can have a full platform up and running in no time and yeah.. the dependency injection on itself beats everything else imo. Having all components communicate with a single User or Product Service for example, to handle states and API calls, makes your project so maintainable and clean.If you're looking for smaller projects, it's also great but a bit overkill.. with everything included etc, the bundle size by default will be more than it any other framework.. Angular has been a bit messy with all the new versions having breaking changes, but now, they've reached a stable point and with version 9 and the Ivy rendered by default, I just.. love it!

  • @qwertt14
    @qwertt14 4 роки тому +10

    "and minimal decision fatigue" thats exactly what I like about Angular

  • @lynnlo
    @lynnlo 4 роки тому +173

    Instructions unclear, I accidentally learned react.

  • @giorgimerabishvili8194
    @giorgimerabishvili8194 4 роки тому +11

    Angular is the most accomplished framework out there!

  • @xucongzhan9151
    @xucongzhan9151 4 роки тому +27

    OK for the first time, the gifs in the background are from something I have actually watched lol (the ng add part)
    Thanks for your content! I enjoy every video you made and your courses.

    • @Fireship
      @Fireship  4 роки тому +13

      Thanks! I used to watch Captain Planet as a kid too

  • @ganeshbabu6458
    @ganeshbabu6458 3 роки тому +10

    Angular is the best front end framework so far I've used amount the top three...❤️

    • @Kareszrk
      @Kareszrk 2 роки тому

      is it better than React or Next?

  • @psadlkfpsk
    @psadlkfpsk 4 роки тому +8

    Was literally searching for this video yesterday. Thanks for reading my mind!

  • @veltinator
    @veltinator 4 роки тому +3

    I love Angular more than any other framework

  • @mihir7126
    @mihir7126 4 роки тому +3

    I'm learning angular right now and this gives me some hope in the eternal night of depression I'm facing while working on it.

  • @robby7292
    @robby7292 2 роки тому +5

    Would like to see an angular crash course in about this style.
    That way you could learn the fundamentals of angular in 10 minutes. Modules, components, bindings, pipes, services etc.

  • @TUNRAX
    @TUNRAX 2 роки тому +2

    I am doing an udemy course on angular because of my job, there is too much content and I need to finish it in 2 weeks and is way tiring. This video helped me to understand in a concise way what is the basics of angular very well.

  • @omaralexandro2928
    @omaralexandro2928 4 роки тому +4

    Angular is Awesome! I became an Angular developer thanks to you Jeff!
    Thank you very much and please make more content about Angular!

    • @bolbans
      @bolbans 2 роки тому

      so how's it going so far?

    • @omaralexandro2928
      @omaralexandro2928 2 роки тому

      @@bolbans Still working and in love with Angular until these days.

    • @unknownguywholovespizza
      @unknownguywholovespizza Рік тому

      ​@@omaralexandro2928 is it good for personal usage

  • @ZillasWay
    @ZillasWay 12 днів тому +1

    Now I can safely put angular in my resume

  • @klutch4198
    @klutch4198 4 роки тому +42

    2 Fireship videos in 2 days??
    #ChristmasCameEarly

  • @gonefishing7
    @gonefishing7 4 роки тому +27

    Second, this is the pinnacle of my life

  • @Yaqins
    @Yaqins 4 роки тому +3

    I like your 100s explained. You have a way to explain complex topic in simple manner but some of them really don't work. We need a new series called "stuff in 5 minutes"

  • @WW-hm4rh
    @WW-hm4rh 4 роки тому +5

    Angular Firebase Setup for poweruser just like the flutter one. 🔥🔥🔥

  • @bladex9061
    @bladex9061 2 роки тому

    Came here to learn about Angular, and got reminded I was born in the golden era of 90s. EPIC video edit. Thanks, Fireship!

  • @AbhishekKumar-fl8bw
    @AbhishekKumar-fl8bw 2 роки тому +4

    I myself love React but it's really crazy how the newer devs & entire communities on YT and all love to shun Angular.. people really, really underestimate the benefits of Angular.
    While React is more preferred by startups cuz it's quicker to start with initially, there's a reason why Angular LITERALLY rules the Enterprise world, and those are some big big giants, not some fools.

    • @spht9ng
      @spht9ng 2 роки тому +5

      I have tried to learn the basics of both and build simple apps with them and so far, I am liking Angular more. I love how everything is included like a Router and Animations library. Also, I really like how instead of having to use JavaScript alongside JSX, the Angular templating language lets you code logic into your markup with a very simple syntax. Also, Directives are really cool.

  • @codefinity
    @codefinity 3 роки тому +1

    Yes - lack of decision fatigue 😫 is one of best parts.

  • @shadabk96
    @shadabk96 4 роки тому +89

    Quite brave of you to post 100 seconds of React and Angular back to back... Now brace for the fanboys storm..

    • @proko8gaming671
      @proko8gaming671 4 роки тому +1

      I still have yet to meet anyone that likes angular, or anyone who doesnt like react

    • @patiencebear
      @patiencebear 4 роки тому +6

      @@proko8gaming671 Here I am!

    • @hendrik2765
      @hendrik2765 4 роки тому +5

      @@proko8gaming671 Well here i am

    • @cplusplussizeddick1430
      @cplusplussizeddick1430 3 роки тому +1

      @@proko8gaming671 react is for low iq noobs. That's why it's most popular. Because most of the world is low iq

    • @stolensentience
      @stolensentience 3 роки тому

      @@cplusplussizeddick1430 this reminds me of when ppl used to say how PlayStation or Xbox was better

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

    Hands down the best framework!

  • @garfieldnate
    @garfieldnate 2 роки тому +2

    Funny, I've been avoiding Angular since the terrible review on "Let's Code Javascript", but that was 10 years ago! This really looks like a great choice for huge projects now.

  • @pannihto7588
    @pannihto7588 3 роки тому +3

    After your phrase about decision fatigue I will definitely check out Angular in the nearest future. Sometimes React ecosystem just make me extremely frustrated with the abundance of libraries that claim to do the same better than others

  • @noobzaebot
    @noobzaebot 4 роки тому +7

    I think you are slanted more towards Angular. I've seen your website and the courses that you offer are very thorough on Angular and Ionic. But I like it. I am also an Angular developer.

  • @pigno
    @pigno 2 роки тому +1

    Learning Angular from his own website. Very cool app building tutorial. Nice and informative

  • @thefanboy3285
    @thefanboy3285 Рік тому

    You don't know how tingling my brain is right now. Your video just realeased all the stress from all those 69-videos long other tutorials.

  • @mohanedbenmansour5927
    @mohanedbenmansour5927 4 роки тому +12

    btw it's the most underrated framework just give it a try you'll see that it's easy to learn

  • @ganeshbhatpk5324
    @ganeshbhatpk5324 3 роки тому +2

    Absolute video for beginners, just watched for complete 200 sec and I am applying jobs in google right now, true guys, it's a great recommendations. And I repeat I watched it guys 😜 ..
    Edit :
    Finally I got a job at Google as angular framework work developer.. Thanks man...

  • @feritperliare2890
    @feritperliare2890 2 роки тому +1

    What a clean and readable way to pass state in the system and follow it.
    Meanwhile react decider to lower performance by another 100% if you try to use context thanks

  • @Coldsteak
    @Coldsteak Рік тому

    bro explained Angular better than a 4 hour beginners tutorial

  • @karanjotsandhu237
    @karanjotsandhu237 4 роки тому

    Underrated framework...ngrx in 100 seconds please

  • @codeschool3964
    @codeschool3964 Рік тому

    Jeff please start making videos like this again. We miss you!

  • @chilusoftcorp7762
    @chilusoftcorp7762 4 роки тому +1

    I have been waiting for this video.

  • @anupamadissanayake1299
    @anupamadissanayake1299 4 роки тому +1

    love this guy's video editing skills

  • @davidjustice2323
    @davidjustice2323 4 роки тому +2

    I extremely can't explain my feelings when you start videos by mentioning the name of the technology!

  • @sarthaksharma4816
    @sarthaksharma4816 3 роки тому

    Watching this 10 minutes before interview. Thanks!

    • @stolensentience
      @stolensentience 3 роки тому

      What are you gonna with your 8 extra minutes tho

  • @betterbeavailable
    @betterbeavailable 3 роки тому +1

    1:20 Phizer is also dependency injection framework

  • @johnnywalker8194
    @johnnywalker8194 3 роки тому

    Angular is the best framework out there

  • @aritradattagupta9181
    @aritradattagupta9181 4 роки тому +2

    Angular will make you think like OOP design patterns whereas react is more about composition. Angular is really powerful especially the ng-cli.
    If anybody wants to work in a react/vue monorepo and take advantage of something like ng-cli. Please do checkout Nrwl Nx.

  • @thiagosdev
    @thiagosdev Рік тому +2

    This video helped me to get a job

  • @rudranshusahoo5147
    @rudranshusahoo5147 Рік тому +1

    That m.m. Power⚡Rangers scene was 🔥🤩👌👍

  • @hazelv998
    @hazelv998 4 роки тому +1

    Well. I've watched all the videos about the JS Framework kings and I still got to say, Vue is the most user-friendly, easiest and one of the powerful ones out there.
    Almost everything that Angular has, Vue has, and no need for third-party libraries like for React.

  • @bobeboy5151
    @bobeboy5151 Рік тому

    For anyone starting this now, this uses angular 8, you need to use angular 8 with this because there are breaking changes in new versions of angular.

  • @sepehrazizi1491
    @sepehrazizi1491 4 роки тому +1

    Had a wonderful time with angular 😍👌 recommended most definitely

  • @blank-vw2sb
    @blank-vw2sb 4 роки тому +1

    Awesome work!
    Jam packed golden nuggets!

  • @karamuto1565
    @karamuto1565 3 роки тому +5

    I think one of Angular best features that always seem to left out is the build in view encapsulation. Meaning I can choose if I a components styles are for this component only.
    You can even choose if it just uses component specific style names or actual Shadow DOM which makes it really beneficial in the long term.

  • @FunShorts217
    @FunShorts217 Рік тому

    That's is so fast but totally clear, Thank you

  • @doesitreallymatterthough-n4t
    @doesitreallymatterthough-n4t 4 роки тому +1

    Woah, Angular is awesome :o

  • @mostafamohammed4853
    @mostafamohammed4853 4 роки тому +3

    two days in a row
    you are awesome bro ❤

  • @StemLG
    @StemLG 2 роки тому +1

    Always thought angular is old and complex even tho I've never tried it, but this video might finally make me switch

  • @artema9037
    @artema9037 4 роки тому +1

    Yeah, new Angular rocks! You forgot to mention that it includes TypeScript by default.

  • @CptRumcan
    @CptRumcan 2 роки тому +2

    Angular is so much easier to use than React where everything is Nested in something else. Why is React more popular? React Native?

  • @sonicdev599
    @sonicdev599 4 роки тому +5

    Angular + AngularJs both are on the verge of deprecation.
    I See Web assembly based Platform like Blazor filling void left by both.

    • @ChauTran
      @ChauTran 4 роки тому

      Angular (Angular 2+) on the verge of deprecation? Where did you get this information from?

  • @shreyash577
    @shreyash577 4 роки тому +1

    Awesome please cover more topics like decorators , directives ,aot jit , resolvers etc please short but detailed loved this video concept btw

  • @disableblue883
    @disableblue883 3 роки тому +1

    I would like 100 seconds of Ember js

  • @StreetwearBasics101
    @StreetwearBasics101 4 роки тому

    now 100 seconds of angularjs!

  • @MotivationFacts552
    @MotivationFacts552 4 роки тому +6

    0:56 I feel sick when write function as plain text

  • @riyasmeeran8996
    @riyasmeeran8996 4 роки тому

    Comparing Angular with power ranger and super heroes looks good and catchy👌

  • @rgzadgza7637
    @rgzadgza7637 4 роки тому +3

    Gah, thank you sfm for these quick takes yet fairly in depth and educative content on software tools/essentials.
    You got a fire thing going here, keep up!

  • @imdadhussain5856
    @imdadhussain5856 8 місяців тому

    Wow thats really clear

  • @vinektobas3706
    @vinektobas3706 4 роки тому +5

    now i learned angular in 100 seconds, that's what i call speed!

    • @shustypl
      @shustypl 4 роки тому +2

      Protip: You can set video speed to x2.

    • @AnkurKumar-ur1cj
      @AnkurKumar-ur1cj 4 роки тому +1

      "The problem of being faster than light is that you can only live in darkness"

  • @rtemis9016
    @rtemis9016 3 роки тому

    Angular is awesome !

  • @UnsentPH
    @UnsentPH 4 роки тому

    hoping to learn this framework in my journey

  • @gvpathi
    @gvpathi 4 роки тому

    Correlation doesn't mean causation.. only in statistics. Relating marvel avengers to angular....
    Yes it causes/triggers to learn / reinforce what we know already.. Too correlated creative !

  • @harryngwa
    @harryngwa 2 роки тому

    Please what's a good resource to learn Angular?
    As a beginner.

  • @sergeypugach6687
    @sergeypugach6687 4 роки тому

    Great, Please add next ngrx in 100 sec

  • @ricko13
    @ricko13 4 роки тому +1

    You forgot to say that Angular got you cover by everything you'll need without extra libraries :)

  • @quocthinhhuynh2134
    @quocthinhhuynh2134 4 роки тому +6

    Could you do a 100s about React-Native.

    • @szay5845
      @szay5845 3 роки тому

      Depends if Facebook pays them more google did

  • @kingdarboja7903
    @kingdarboja7903 4 роки тому +2

    Pretty sure Thomas Trajan and all Angular Folks like this! (me too :D)

  • @Yash-fz7kw
    @Yash-fz7kw 4 роки тому +1

    Can you please make a video on how do you create and edit such wonderful high quality videos 🤩

  • @riponroy116
    @riponroy116 4 роки тому

    Make separate video on html & css at 100seconds. It will be greater.

  • @agontprevarator5214
    @agontprevarator5214 Рік тому +1

    I wish it had (decent) equivalents for NextJS and React Native, I'd switch in an instance...

  • @joswayski
    @joswayski 4 роки тому +1

    Redux built in? Default libraries and i don't have to go module hunting on Github? Why does Ben Awad hate this gain?

    • @ninjedi6710
      @ninjedi6710 3 роки тому

      the same reason why windows users hate linux.
      "my hollow brain had a hard time learning it, therefor it is bad".

  • @dhiaeddinebassalah3129
    @dhiaeddinebassalah3129 4 роки тому

    these videos are great keep it up bro

  • @LuciferAndi
    @LuciferAndi 4 роки тому +2

    Thank you so much for this amazing introduction to Angular, I hope if there will be a full stack project using angular and nonsql database in the future !!

  • @andreaspartsch9197
    @andreaspartsch9197 3 роки тому

    Why should I use Angular instead of Vue?

  • @siapaayo7318
    @siapaayo7318 4 роки тому

    I have trying angular and vue. I would say angular was better because i was familiar with PHP MVC concept framework

  • @SasukeUchiha723
    @SasukeUchiha723 4 роки тому

    That is........ actually everything.......... damn

  • @unknownguywholovespizza
    @unknownguywholovespizza Рік тому

    Idk why but this framework looks so much better than React and addictive and convinced me to learn it unlike React lol

  • @anands3119
    @anands3119 4 роки тому

    Awesome job!

  • @raulabc7
    @raulabc7 Рік тому

    Thanks for the vid.

  • @qoobes
    @qoobes 4 роки тому

    100 seconds 100 seconds video let's go