Angular in 100 Seconds

Рет қаралды 730,928

Күн бұрын

Angular is arguably the most advanced frontend JavaScript framework ever created. Learn the basics of Angular in 100 Seconds. fireship.io/courses/angular/
Docs angular.io
#webdev #js #100SecondsOfCode
Install the quiz app 🤓
iOS itunes.apple.com/us/app/fires...
Android play.google.com/store/apps/de...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font

Пікірлер: 543

@muhammadasadhaider6893 3 жыл бұрын

watched at x2 speed, learned Angular in 50s

@brenolins9908 3 жыл бұрын

Ok Boomer

@mrchandrakantapanda 2 ай бұрын

😂

@unknownguy4966 2 ай бұрын

Meanwhile I watched it in x3 speed

@n.kh.l 3 жыл бұрын

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

@bawad 3 жыл бұрын

I'm having trouble breathing, is this normal?

@not2day646 3 жыл бұрын

@@bawad after reading this comment, yes

@maulikshah28 3 жыл бұрын

@@bawad the man himself has commented here

@punsmith 3 жыл бұрын

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

@novaria 3 жыл бұрын

wholesome.

@gooze3888 2 жыл бұрын

dont use Gods name in vain please :(

@bigchunk1 3 жыл бұрын

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

@InsaneHq 3 жыл бұрын

Waiting for Ben Awad comment....

@Ihavetoreturnsomevideotapes 3 жыл бұрын

Lol

@aminejadid2702 3 жыл бұрын

awad the douch

@andreymatiushchenko3519 3 жыл бұрын

Ben Awad is a joke

@chill-_-839 3 жыл бұрын

@@andreymatiushchenko3519 must be an angular dev

@aviationbutterr 3 жыл бұрын

lol

@realGabCassim 3 жыл бұрын

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

@novaria 3 жыл бұрын

This actually makes we want to check out Angular again.

@Fireship 3 жыл бұрын

Most underrated framework out there

@Wael100 3 жыл бұрын

@@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 3 жыл бұрын

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

@bj_enigma 3 жыл бұрын

@@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 3 жыл бұрын

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.

@DieStockEnte 3 жыл бұрын

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.

@psadlkfpsk 3 жыл бұрын

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

@DodaGarcia 3 жыл бұрын

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 8 ай бұрын

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

@fabioXferke 3 жыл бұрын

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

@briandesign 3 жыл бұрын

Dang now I can apply to Google after this

@xucongzhan9151 3 жыл бұрын

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 3 жыл бұрын

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

@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 10 ай бұрын

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 10 ай бұрын

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

@robby7292 2 жыл бұрын

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.

@joshblf 3 жыл бұрын

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

@punsmith 3 жыл бұрын

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 3 жыл бұрын

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

@randomizednamme 3 жыл бұрын

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 3 жыл бұрын

@@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 3 жыл бұрын

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.

@qwertt14 3 жыл бұрын

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

@bawad 3 жыл бұрын

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 3 жыл бұрын

There we go.

@EthanVazquez 3 жыл бұрын

And here I thought you said you would back off Angular

@Fireship 3 жыл бұрын

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

@yupengs 3 жыл бұрын

THIS IS WHAT WE ARE WAITING FOR!

@keiwanmosaddegh5947 3 жыл бұрын

The legend has spoken

@Yaqins 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 3 жыл бұрын

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

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

@pigno 2 жыл бұрын

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

@blank-vw2sb 3 жыл бұрын

Awesome work! Jam packed golden nuggets!

@FunShorts217 Жыл бұрын

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

@shreyash577 3 жыл бұрын

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

@sepehrazizi1491 3 жыл бұрын

Had a wonderful time with angular 😍👌 recommended most definitely

@klutch4198 3 жыл бұрын

2 Fireship videos in 2 days?? #ChristmasCameEarly

@TMMBlackHawk 3 жыл бұрын

I love Angular more than any other framework

@bladex9061 Жыл бұрын

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

@chilusoftcorp7762 3 жыл бұрын

I have been waiting for this video.

@anupamadissanayake1299 3 жыл бұрын

love this guy's video editing skills

@ganeshbabu6458 3 жыл бұрын

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

@Kareszrk Жыл бұрын

is it better than React or Next?

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

@quirky_hehe 3 жыл бұрын

First positive video about angular I have ever seen XD

@tempMahad 3 жыл бұрын

That's y I subscribed to this channel

@DEVDerr 3 жыл бұрын

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 3 жыл бұрын

@Vizman216 Yeah, agree with that

@gonefishing7 3 жыл бұрын

Second, this is the pinnacle of my life

@tomihawk01 3 жыл бұрын

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 3 жыл бұрын

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

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

@LuciferAndi 3 жыл бұрын

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

@shadabk96 3 жыл бұрын

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

@proko8gaming671 3 жыл бұрын

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

@patiencebear 3 жыл бұрын

@@proko8gaming671 Here I am!

@hendrik2765 3 жыл бұрын

@@proko8gaming671 Well here i am

@cplusplussizeddick1430 3 жыл бұрын

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

@stolensentience 3 жыл бұрын

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

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

@mostafamohammed4853 3 жыл бұрын

two days in a row you are awesome bro ❤

@omaralexandro2928 3 жыл бұрын

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

@bolbans 2 жыл бұрын

so how's it going so far?

@omaralexandro2928 2 жыл бұрын

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

@thecoolnewsguy Жыл бұрын

@@omaralexandro2928 is it good for personal usage

@lynnlo 3 жыл бұрын

Instructions unclear, I accidentally learned react.

@BenjaminAster 3 жыл бұрын

Underrated

@brenolins9908 3 жыл бұрын

Ok Boomer

@khoirularifin3648 5 ай бұрын

lol 🤣

@agustinperuzzi 2 жыл бұрын

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 6 ай бұрын

AnguLar is EaSy tO uSE🤡

@agustinperuzzi 6 ай бұрын

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

@davidjustice2323 3 жыл бұрын

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

@noobzaebot 3 жыл бұрын

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.

@codefinity 2 жыл бұрын

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

@calimio6 3 жыл бұрын

The vue video was released 5 months ago. Were angular and react harder to sumarize?

@codeschool3964 7 ай бұрын

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

@dhiaeddinebassalah3129 3 жыл бұрын

these videos are great keep it up bro

@giorgimerabishvili8194 3 жыл бұрын

Angular is the most accomplished framework out there!

@imdadhussain5856 3 ай бұрын

Wow thats really clear

@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

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

@anands3119 3 жыл бұрын

Awesome job!

@hiBekki 3 жыл бұрын

Woah, Angular is awesome :o

@Yash-fz7kw 3 жыл бұрын

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

@glyochi8575 3 жыл бұрын

I was just looking for this on your channel yesterday how did u know

@sarthaksharma4816 3 жыл бұрын

Watching this 10 minutes before interview. Thanks!

@stolensentience 3 жыл бұрын

What are you gonna with your 8 extra minutes tho

@ganeshbhatpk5324 3 жыл бұрын

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

@betterbeavailable 2 жыл бұрын

1:20 Phizer is also dependency injection framework

@harryngwa 2 жыл бұрын

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

@raulabc7 7 ай бұрын

Thanks for the vid.

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

@basil6686 3 жыл бұрын

what video editing software do you use?

@UnsentPH 3 жыл бұрын

hoping to learn this framework in my journey

@rudranshusahoo5147 Жыл бұрын

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

@karanjotsandhu237 3 жыл бұрын

Underrated framework...ngrx in 100 seconds please

@Coldsteak 8 ай бұрын

bro explained Angular better than a 4 hour beginners tutorial

@loocheenah 3 жыл бұрын

Noob here, what is meant by the service type of thing near the end? Is it, like a frontend service with some style + behaviour logic? I mean it's definitely not the same as a service in microservice architecture (which is more of a backend or full stack type of thing)

@sergeypugach6687 3 жыл бұрын

Great, Please add next ngrx in 100 sec

@khanhphamquoc6739 3 жыл бұрын

Could you tell me what's font of VSCode on above screen :v

@mansoorabdullah 8 ай бұрын

what's the editor and theme are u using?

@larsbrands175 3 жыл бұрын

What IDE did you use in the video?

@StreetwearBasics101 3 жыл бұрын

now 100 seconds of angularjs!

@MrRayrenz 3 жыл бұрын

Yes, I get fatigue with react having to decide which is which and with all the different libraries.

@BertMaurau 3 жыл бұрын

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!

@hazelv998 3 жыл бұрын

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.

@rtemis9016 3 жыл бұрын

Angular is awesome !

@AliciaGuitar 3 жыл бұрын

Please update your Angular Firebase course! It is too deprecated to follow at this point! I really want to build the Kanban board 😭

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

@saadullahbhutto 3 жыл бұрын

Can you Please make a video on 100secs of VuePress or Static site generators

@busyrand 3 жыл бұрын

Beautiful...

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

@harisiqbal9120 3 жыл бұрын

Which theme and editor you are use

@galaparadi 3 жыл бұрын

any plan to make video about web components?

@aritradattagupta9181 3 жыл бұрын

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.