Angular in 100 Seconds

[@bawad]

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]

There we go.

[@EthanVazquez]

And here I thought you said you would back off Angular

[@Fireship]

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

[@yupengs]

THIS IS WHAT WE ARE WAITING FOR!

[@keiwanmosaddegh5947]

The legend has spoken

[@muhammadasadhaider6893]

watched at x2 speed, learned Angular in 50s

[@brenolins9908]

Ok Boomer

[@mrchandrakantapanda]

😂

[@unknownguy4966]

Meanwhile I watched it in x3 speed

[@InsaneHq]

Waiting for Ben Awad comment....

[@Ihavetoreturnsomevideotapes]

Lol

[@aminejadid2702]

awad the douch

[@andreymatiushchenko3519]

Ben Awad is a joke

[@chill-_-839]

@@andreymatiushchenko3519 must be an angular dev

[@aviationbutterr]

lol

[@punsmith]

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

[@novaria]

wholesome.

[@gooze3888]

dont use Gods name in vain please :(

[@n.kh.l]

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

[@bawad]

I'm having trouble breathing, is this normal?

[@not2day646]

@@bawad after reading this comment, yes

[@maulikshah28]

@@bawad the man himself has commented here

[@DodaGarcia]

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]

same here :)

[@kimdev11]

Same here

[@netgeek2392]

Same here

[@WantOxide]

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

[@VadimTi320]

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

[@bigchunk1]

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

[@avishekdattaray2065]

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]

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]

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

[@DieStockEnte]

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.

[@agustinperuzzi]

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]

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

[@simplyizustic6122]

AnguLar is EaSy tO uSE🤡

[@agustinperuzzi]

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

[@realGabCassim]

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

[@joshblf]

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

[@punsmith]

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]

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

[@randomizednamme]

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]

@@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]

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.

[@novaria]

This actually makes we want to check out Angular again.

[@Fireship]

Most underrated framework out there

[@Wael100]

@@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]

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

[@bj_enigma]

@@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]

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.

[@tomihawk01]

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]

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

[@xucongzhan9151]

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]

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

[@briandesign]

Dang now I can apply to Google after this

[@fabioXferke]

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

[@robby7292]

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.

[@lynnlo]

Instructions unclear, I accidentally learned react.

[@BenjaminAster]

Underrated

[@brenolins9908]

Ok Boomer

[@khoirularifin3648]

lol 🤣

[@mihir7126]

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.

[@TUNRAX]

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.

[@qwertt14]

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

[@shadabk96]

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

[@proko8gaming671]

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

[@patiencebear]

@@proko8gaming671 Here I am!

[@hendrik2765]

@@proko8gaming671 Well here i am

[@cplusplussizeddick1430]

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

[@stolensentience]

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

[@BertMaurau]

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!

[@psadlkfpsk]

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

[@george_nav]

First positive video about angular I have ever seen XD

[@tempMahad]

That's y I subscribed to this channel

[@DEVDerr]

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]

@Vizman216 Yeah, agree with that

[@omaralexandro2928]

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

[@bolbans]

so how's it going so far?

[@omaralexandro2928]

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

[@unknownguywholovespizza]

​@@omaralexandro2928 is it good for personal usage

[@noobzaebot]

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.

[@Yaqins]

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"

[@veltinator]

I love Angular more than any other framework

[@ganeshbabu6458]

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

[@Kareszrk]

is it better than React or Next?

[@klutch4198]

2 Fireship videos in 2 days?? #ChristmasCameEarly

[@WW-hm4rh]

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

[@giorgimerabishvili8194]

Angular is the most accomplished framework out there!

[@edwinquaihoi8503]

Hands down the best framework!

[@pigno]

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

[@pannihto7588]

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

[@ganeshbhatpk5324]

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

[@gonefishing7]

Second, this is the pinnacle of my life

[@feritperliare2890]

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

[@codeschool3964]

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

[@garfieldnate]

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.

[@bladex9061]

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]

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]

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.

[@karanjotsandhu237]

Underrated framework...ngrx in 100 seconds please

[@thiagot7706]

This video helped me to get a job

[@codefinity]

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

[@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.

[@Coldsteak]

bro explained Angular better than a 4 hour beginners tutorial

[@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.

[@anupamadissanayake1299]

love this guy's video editing skills

[@davidjustice2323]

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

[@aritradattagupta9181]

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.

[@chilusoftcorp7762]

I have been waiting for this video.

[@sepehrazizi1491]

Had a wonderful time with angular 😍👌 recommended most definitely

[@betterbeavailable]

1:20 Phizer is also dependency injection framework

[@johnnywalker8194]

Angular is the best framework out there

[@sarthaksharma4816]

Watching this 10 minutes before interview. Thanks!

[@stolensentience]

What are you gonna with your 8 extra minutes tho

[@blank-vw2sb]

Awesome work! Jam packed golden nuggets!

[@shreyash577]

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

[@mohanedbenmansour5927]

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

[@FunShorts217]

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

[@StemLG]

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

[@CodingAbroad]

How are you finding it now?

[@hazelv998]

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.

[@mostafamohammed4853]

two days in a row you are awesome bro ❤

[@artema9037]

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

[@unknownguywholovespizza]

He said it "TypeScript-based framework"

[@rudranshusahoo5147]

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

[@doesitreallymatterthough-n4t]

Woah, Angular is awesome :o

[@imdadhussain5856]

Wow thats really clear

[@Yash-fz7kw]

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

[@LuciferAndi]

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

[@karamuto1565]

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.

[@ismailsaleh7688]

You can do that in Vue too...

[@rtemis9016]

Angular is awesome !

[@sergeypugach6687]

Great, Please add next ngrx in 100 sec

[@CptRumcan]

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

[@unknownguywholovespizza]

Facebook and its tricky marketing

[@disableblue883]

I would like 100 seconds of Ember js

[@riponroy116]

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

[@UnsentPH]

hoping to learn this framework in my journey

[@abhinav.sharma]

Hey Jeff! I've been watching you since your channel was geared towards Angular+Firebase content... Do you think Angular is still awesome and worth learning? Also, what is the difference between Angular and Angular.js? Love your videos!!🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

[@me-me8ge]

Angular.js is the version previous to the current (typescript) version. It's not recommended to use it, though..

[@rand0mtv660]

AngularJS is basically v1 of Angular. Since v2 they renamed the framework to Angular (without JS) because it was a major rewrite and shift so everything since v2 is called just Angular. As any other big and popular framework, the answer is YES. Yes, it is worth learning. Angular, Vue, React, all of the "big 3" are worth learning. Any framework is worth learning because the time spent won't be wasted. Of course, all newly acquired knowledge cannot be transferred from one framework to another, but a lot of it can be transferred.

[@punsmith]

@@rand0mtv660 Gasp! An unbiased and genuine recommendation for the Big 3? Where am I? Heaven?

[@abhinav.sharma]

​@@rand0mtv660 @m1212e Thank you both for clearing my doubts!

[@quocthinhhuynh2134]

Could you do a 100s about React-Native.

[@szay5845]

Depends if Facebook pays them more google did

[@vinektobas3706]

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

[@shustypl]

Protip: You can set video speed to x2.

[@AnkurKumar-ur1cj]

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

[@dhiaeddinebassalah3129]

these videos are great keep it up bro

[@raulabc7]

Thanks for the vid.

[@ricko13]

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

[@gvpathi]

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 !

[@riyasmeeran8996]

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

[@rgzadgza7637]

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!

[@StreetwearBasics101]

now 100 seconds of angularjs!

[@joswayski]

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

[@ninjedi6710]

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

[@sonicdev599]

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

[@ChauTran]

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

[@aayushshah7194]

Haha I liked that power ranger gif, as I'm power ranger fan 😁🤩 Are you fan too? 😊

[@ashwinexe]

Going offtopic but what was the cartoon series at 0:21 ?

[@Fireship]

Captain planet

[@AGUNGKAYA]

Just pick angular for a ridiculous reason: I like the logo, it's like my initial name! Btw, I have developed two android apps with it, but still figuring out how to implement new features. It is tough but somehow it gives me some addiction.

[@unknownguywholovespizza]

So are you still using it?

[@AGUNGKAYA]

@@unknownguywholovespizza yes i use ionic and angular.

[@unknownguywholovespizza]

@@AGUNGKAYA how's the experience with it? I'm so overwhelmed because of choosing between it and React T_T

[@AGUNGKAYA]

@@unknownguywholovespizza angular is more enterprise, react is more like freelancer tool

[@agontprevarator5214]

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

[@CodingAbroad]

You can. Use Angular Universal

[@unknownguywholovespizza]

​@@CodingAbroad Ah thanks exactly what I was looking for

[@harryngwa]

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

[@anands3119]

Awesome job!

[@qoobes]

100 seconds 100 seconds video let's go

[@siapaayo7318]

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

[@adriatic123]

Those that say that Angular is the most advanced frontend framework don't understand the inner workings of Vue.js. They are both equally advanced, yet Vue appears to be easier because you can get some result with a few lines of the code. Which is about 0.1% of its capability.

[@unimovi8702]

Subjective. It's not about the number of lines. It's about the straightforward approach that Angular provides that makes it likeable. I'm sure you are including metadata in number of lines. But you don't really have to care for it most of the time because you don't really have to type it at all. The CLI does a pretty good job at auto generating that for you. Then it's all about adding logic to a class. Pretty straightforward IMHO. No need to make a variable "reactive" by adding it to data method and returning it in an object. Any variable or method in a class is reactive by default in Angular.

[@AcapellaNutella6]

+1 for captain planet.