JavaScript in 100 Seconds

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

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

  • @samstenner1898
    @samstenner1898 2 года назад +3596

    Many people might find it hard to believe a language can be built in only 1 week.
    Having used JavaScript, I find this very easy to believe.

  • @flannelbeard4621
    @flannelbeard4621 2 года назад +2894

    Been using it for over 1,000,000 seconds and it's still confusing, and I've been a professional front end developer for 17+ years.

    • @maybeanonymous6846
      @maybeanonymous6846 2 года назад +118

      @Jeffrey Rujen Well they've been using it for more than 11.5 days

    • @jekytck
      @jekytck 2 года назад +64

      @Jeffrey Rujen 11.5 days is 276 hours of (assuming) pure coding, which is not "just 11.5 days", especially if we take in consideration that coding can take on average 20% of the whole time if working on the whole project (designing, thinking, evaluating, testing, etc takes about 60-70% if I'm not wrong).
      Just to have a more clear idea: it's as if they've been working with JS related projects for 1000+ hours as a rough estimation (or more, depending on his position)
      And even if that's not the case, 11.5 days of something is quiet a lot , in fact it might take 13 weeks of 3hours/day work with 2 days off per week
      It's not mind-blowing, but it's not just "just" either.

    • @chocogreen1
      @chocogreen1 2 года назад +38

      @@jekytck This is going from straight from 0 to 100 in "100 seconds"

    • @GabrielFerreira-ot8cg
      @GabrielFerreira-ot8cg 2 года назад +6

      That's a lot of seconds

    • @thefakedeal
      @thefakedeal 2 года назад +9

      Whenever I think I'm now fimiliar with JS it hits me with something crazy

  • @baggier
    @baggier 2 года назад +3024

    Never heard of this language
    Thanks for letting us know about These small languages 🙏🙏🙏

    • @multiarray2320
      @multiarray2320 2 года назад +321

      js got roasted

    • @adityapatel720
      @adityapatel720 2 года назад +268

      @@BlackdestinyXX its almost as if thats the joke

    • @fus3n
      @fus3n 2 года назад +34

      bruh no one got the joke?

    • @naveedalirehmani4135
      @naveedalirehmani4135 2 года назад +31

      Hello everyone, We got a caveman here!

    • @okie9025
      @okie9025 2 года назад +13

      @@multiarray2320 its a joke bro jfc

  • @Talonf37
    @Talonf37 2 года назад +1169

    Need this man to do an entire tutorial he's so good at explaining things.

    • @muneebmohd
      @muneebmohd 2 года назад +26

      I usually don't comment but for this one, yes he should

    • @Evoleo
      @Evoleo 2 года назад +94

      He literally does

    • @Jujukungfu
      @Jujukungfu 2 года назад +6

      Lol have you seen his other videos

    • @roid1510
      @roid1510 2 года назад +32

      He has fireship pro. Those a full courses

    • @tossajalumen401
      @tossajalumen401 2 года назад

      this man have pretty much tutorials, you should check the channel....

  • @juanandrescastillofuenmayo6619
    @juanandrescastillofuenmayo6619 2 года назад +756

    Editing and sound is on a whole other level in this one! The fact you're always stepping up your game with each video still surprises me. This is an awesome way to wrap up both the basic web technologies in 100 seconds series and the weird Javascript course.

  • @HazemTamimi
    @HazemTamimi 2 года назад +697

    A JavaScript developer here with 10+ years of experience, and watching this gave me goosebumps

    • @peaklander1
      @peaklander1 2 года назад +138

      bro touch some grass

    • @omgfackdehell
      @omgfackdehell 2 года назад +7

      @@peaklander1 where do I find good starting projects to test and develop my JS knowledge?

    • @greenshaheen6716
      @greenshaheen6716 2 года назад +4

      you are just copying and pasting the code i think lol

    • @nieczerwony
      @nieczerwony 2 года назад +3

      What bothers me is why someone would waste 10 years of their only life, for such a crap as JS 😉

    • @terrap0b_ps995
      @terrap0b_ps995 2 года назад +6

      @@nieczerwony Js is worthy... I find beauty in it despite its imperfections.

  • @totoshampoin
    @totoshampoin 2 года назад +258

    HTML-CSS-JS in 300 seconds is finally here
    Awesome

    • @rafael_tg
      @rafael_tg 2 года назад +78

      After watching this 300 seconds I changed my LinkedIn to full stack developer

    • @qqq3230
      @qqq3230 2 года назад +22

      @@rafael_tg 'frontend'

    • @JR-mk6ow
      @JR-mk6ow 2 года назад +13

      @@rafael_tg you still need a bit of sql for the backend

    •  2 года назад +4

      @@JR-mk6ow Just get some ORM library and you're set

    • @davidnguyen9065
      @davidnguyen9065 2 года назад +1

      @@JR-mk6ow That's not gonna do much

  • @0jinx
    @0jinx 2 года назад +161

    JavaScript aka the final boss of the 100seconds series with ludicrous amount of foreshadowing, finally introduces it's self.

  • @VukeFN
    @VukeFN 2 года назад +96

    This series is actually so genius. A quick 100 seconds to get you into the subject and covers it's history and usage, can't thank you enough!

  • @quentinvanbutsele371
    @quentinvanbutsele371 2 года назад +196

    the beginning of the video is epic. In a single sentence...

  • @trein6958
    @trein6958 2 года назад +163

    Finally! JavaScript in 100 seconds!

  • @TheOriginalJohnDoe
    @TheOriginalJohnDoe 2 года назад +150

    I think something that should be worth mentioning is that JavaScript always runs twice, which brings up the topic "hoisting" The first time JavaScript runs it will "hoist" variables and functions to the top of the file and then the second time it will run the code. This is something not a lot of beginners know, but is essential to get a good grasp of how JavaScript works.

    • @aniruddhasharma5738
      @aniruddhasharma5738 2 года назад +35

      Hoisting is why 'var' is avoided.

    • @Voidstroyer
      @Voidstroyer 2 года назад +36

      I suppose that you are talking about the initialization phase and the execution phase. It's not necessarily that javascript runs twice. It just has 2 phases.

    • @rv264
      @rv264 2 года назад +23

      It’s not running twice I guess . What you are talking about is basically memory allocation in the execution context of the call stack . So even before the code start executing all the variable and functions are allocated memory and then it keeps getting popped out of the call stack

    • @The_Red_Scare
      @The_Red_Scare Год назад +2

      @@aniruddhasharma5738 Why would that affect var?

    • @nobleradical2158
      @nobleradical2158 11 месяцев назад

      @@The_Red_Scare if a variable defined with var gets hoisted it could be defined for a larger scope than intended, which can lead to a bunch of problems

  • @Luis1n7
    @Luis1n7 2 года назад +14

    Everytime I'm not really motivated to code, I watch one of your videos and suddenly I'm on fire. You're awesome!

  • @PhantomOfMemories
    @PhantomOfMemories Год назад +2

    Dude, my teacher is not very good at teaching stuff and doesn't dumb it down enough or simply for me to understand as a learner. This made more sense! Thank you!

  • @bogxd
    @bogxd 2 года назад +1

    Ur videos are what this platform needs

  • @W1L7dev
    @W1L7dev 2 года назад +73

    Finally 100 seconds of JS! Great video btw :)

  • @ThePandaGuitar
    @ThePandaGuitar 2 года назад +41

    JavaScript, not the language we deserved but the language we needed. Any application that can be written in JavaScript, will eventually be written in JavaScript.

    • @IskeletuBr
      @IskeletuBr 2 года назад +10

      Dunno if I agree with that, just because it can be written in a lang doesn't mean it should.

    • @cursed_cats5710
      @cursed_cats5710 2 года назад +20

      Writing anything beyond web frontends in Javascript is a human rights abuse

  • @vicradon
    @vicradon 2 года назад +22

    This was expertly made. Thank you Fireship.

  • @juliuswaldmann8682
    @juliuswaldmann8682 2 года назад +4

    I use javascript for years and consider myself very fluent in it. I just watched this video because of the amazing quality and the fun watching it ^^

    • @khanayan-v7z
      @khanayan-v7z Год назад

      Do you have any tips for me? I am new to JS!

  • @BrandonAaskov
    @BrandonAaskov 2 года назад +49

    That was the most succinct crash course on javascript ever. So impressed, that must have taken so many drafts to figure out how to do properly.

  • @Hari-du6pt
    @Hari-du6pt 2 года назад +6

    I just learned what a single threaded with a non blocking event loop means thanks to your great visualisation. Nice

  • @MaxProgramming
    @MaxProgramming 2 года назад +136

    I was so badly waiting for this video the moment you announed it to show it to my friend who is having a hard time learning JS!

    • @flowerofash4439
      @flowerofash4439 2 года назад +3

      Well it's hard to understand a language that have weird variable scopes, treat string and number the same thing and not the same thing at the same time with tons of syntactic sugars

  • @hugoribaud7436
    @hugoribaud7436 2 года назад +13

    Hey dude, loving your videos ! I was curious about the app you're using to edit your video, maybe a new topic "Video editing in 100 seconds" would be great ;)
    Keep up the good work !

    • @ianofSST
      @ianofSST 2 года назад +2

      genius idea

  • @ash.mystic
    @ash.mystic 2 года назад +31

    The first language I learned (in school) was Java. I was so confused when I got introduced to JavaScript because I assumed they were related. But I now know that JavaScript and Java have about as much in common as the words raise and raze 😅

    • @unforgettable31
      @unforgettable31 11 месяцев назад

      What makes you think js and java aren't related? They absolutely are because both are inspired by C. Just because they're not identical it doesn't mean they're not similar.

  • @bossdaily5575
    @bossdaily5575 2 года назад +3

    Finally you talk about javascript been waiting for this

  • @utkrist2981
    @utkrist2981 2 года назад +1

    I was literally looking for this video 12 hours ago. I couldn't find it by searching so i even checked all the videos in the channel to find it but didn't have any luck and 12 hours later, it gets uploaded. Damn!

  • @sukus
    @sukus 2 года назад +55

    I think it would be incredibly funny to see a video on GML (GameMaker Language). Not only because it serves only one purpose, not only because it is heavily integrated into the GameMaker IDE, but also because it is the most inconsistent mess of a language ever concieved.

    • @murderbeam9614
      @murderbeam9614 Год назад +3

      "Hey, that function you've been using for 3 months into the development of your game? It's deprecated now, use these 8 new ones to replace it"

    • @sukus
      @sukus Год назад +3

      @@murderbeam9614 Thta doesn't happen all that often, unfortunately. And the engine is so stupidly backwards compatoble that a deprecation notice won't mean anything for at least a few years.
      I have imported GM5 games into GMS2 without having to change a lot.

    • @murderbeam9614
      @murderbeam9614 Год назад +1

      @@sukus Oh don't get me wrong, I love Game Maker, and GML to boot, but it certainly does have its quirks.

    • @sukus
      @sukus Год назад

      @@murderbeam9614 Absolutely, GML is awesome. I just wish they got rid of the legacy jank (async_load being a ds_map and not a struct, etc.) and made a proper type hinting system

  • @richtigmann1
    @richtigmann1 2 года назад +5

    I'm loving this series, quick and concise!

  • @sanusihassan7125
    @sanusihassan7125 2 года назад +3

    I was waiting for this for a long time

  • @mhdfr
    @mhdfr 2 года назад +6

    0:17
    "Easy to learn scripting language"
    *YES PRETTY MUCH*

  • @sumanbhardwaj9883
    @sumanbhardwaj9883 2 года назад

    Bro his videos are so fricking good, like the audio is just the best

  • @souls.7033
    @souls.7033 2 года назад +1

    Best web dev channel in the entire youtube! no doubt about it! love you man, you're amazing

  • @blueSpirit137
    @blueSpirit137 2 года назад

    Fireship uploads new video. Instant watch + like.

  • @iamnisargful
    @iamnisargful 2 года назад

    Best short programming intros on the web. Period.

  • @stevenstraker5105
    @stevenstraker5105 2 года назад +1

    You deserve an award for packing in and explaining this much of JavaScript in only 100 seconds

  • @QwertZero
    @QwertZero 2 года назад +1

    Waited a lot of time to see this video and now it's finally here

  • @Certified_Art_Teacher
    @Certified_Art_Teacher 8 месяцев назад +1

    Alright!! I'm ready for my interview tomorrow!!

  • @ScriptureFirst
    @ScriptureFirst 2 года назад +1

    OUTSTANDING! @Every RUclipsr: do videos like these!!!. 🔥♥️🙏🏼

  • @anotidaisheneilmisi904
    @anotidaisheneilmisi904 2 года назад +30

    Stages of being a Fireship fan:
    Stage 1: Look for some stuff that you don't know, find a Fireship video
    2. Watch another Fireship video
    3. Enjoy Fireship so much that you don't care what the topic is

  • @vampirejs758
    @vampirejs758 2 года назад +4

    U just remembered about javascript in 100secs after making 100+ videos on javascript. Nice one tho!!

  • @emilOnYoutube
    @emilOnYoutube 2 года назад +5

    In JS arrays equals strings
    .
    var a = [1,2,3];
    var b = [1,2,3];
    var c = '1,2,3';
    a == c; // true
    b == c; // true
    a == b; // false

    • @vojtechstrnad1
      @vojtechstrnad1 2 года назад +2

      Wow, I was prepared to debunk this, typed this into the console and it's actually true. That's so messed up.

    • @KManAbout
      @KManAbout 2 года назад

      No it isn't exactly true. You are not type checking.

    • @KManAbout
      @KManAbout 2 года назад +1

      === is an exact equal

    • @KManAbout
      @KManAbout 2 года назад +2

      == converts the type

    • @KManAbout
      @KManAbout 2 года назад +2

      Then checks

  • @jollesracing517
    @jollesracing517 2 года назад

    You make the best programming videos on RUclips

  • @JeanOsorio
    @JeanOsorio 2 года назад +1

    I’ve been waiting for this video my whole life

  • @mrreese2342
    @mrreese2342 2 года назад

    My first JavaScript course is going to be tomorrow morning and i'm so excited.

    • @egrekov
      @egrekov 7 месяцев назад

      How is your experience with JS now?

  • @murderbeam9614
    @murderbeam9614 Год назад +1

    2:16 I see what you did there, and I wholeheartedly approve ;) For those interested, there's an audiobook version free on RUclips and it's only about an hour/hour and a half essay.

  • @Chocoffee_battery
    @Chocoffee_battery 2 года назад +1

    I used to edit minecraft pe mods in javascript format using es file explorer even though i have no clue of programming. Now i have powerful devices i think its time to learn this for real

  • @amirhoseinhesami9336
    @amirhoseinhesami9336 2 года назад

    JavaScript in 100 Seconds by a js god, tnx jeff

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

    I cant believe I understood all of this. I'm sure the rabbit hole goes much deeper but thanks!

  • @migvelv
    @migvelv 2 года назад +1

    1:18 I wasn’t ready for that cursed 3D emoji

  • @Rednecklesson
    @Rednecklesson 2 года назад

    Garage Collected 0:04 just playin love you bro

  • @gulraizgull8044
    @gulraizgull8044 2 года назад

    thanks man those 100sec are best series

  • @elvismakengu3204
    @elvismakengu3204 2 года назад +1

    I just got a job offer from Amazon, thank you for the video

  • @FindTheMasterpiece
    @FindTheMasterpiece 2 года назад

    Amazing pace! Keeps me concentrated on the content.

  • @vndaba
    @vndaba 2 года назад +2

    Finally....its been a long time coming.

  • @senushkabatawala5563
    @senushkabatawala5563 2 года назад +4

    Nice! This video is pretty useful

  • @k1llmachine4
    @k1llmachine4 2 года назад +1

    Used to hate JS until I took the time to learn it properly, now I love it

  • @Gobillion160
    @Gobillion160 2 года назад

    the most anticipated video of all time

  • @VforVanish
    @VforVanish 2 года назад +2

    Rothbard reference, nice to see Fireship getting orange pilled!

    • @vojtechstrnad1
      @vojtechstrnad1 2 года назад

      Good to see I wasn't the only one to notice.

  • @abujasm2223
    @abujasm2223 2 года назад

    Well, that's nice! My JavaScript course starts tomorrow! Do you have cameras in my house or something? 🙂

  • @SunehraAGhani
    @SunehraAGhani 2 года назад

    2:23 Love the output! 💕

  • @user-vm7su4rj7f
    @user-vm7su4rj7f 2 года назад +3

    Wow, even a Murray Rothbard reference. This is certainly my favorite channel.

  • @pr1nglz.408
    @pr1nglz.408 2 года назад +3

    Programming isn't about what you know; it's about making the command line look cool

  • @joseph0x45
    @joseph0x45 2 года назад +4

    Yes!! We love JavaScript

  • @apoilgun8342
    @apoilgun8342 2 года назад

    He is achieving his goal of making each video better than the previous one.... that one was top-notch

  • @SwimCraft
    @SwimCraft 2 года назад +3

    JavaScript is the most useful language to learn in 2022

    • @codex8797
      @codex8797 2 года назад +5

      I think English is actually more useful

  • @vinayakkumar2667
    @vinayakkumar2667 2 года назад

    Woaaahhh, intro was a bangerrrrrrr

  • @khaledsanny4817
    @khaledsanny4817 2 года назад +1

    How curious... :D... After so many JS related technologies... here is Javascript in 100 seconds...

  • @davawen9938
    @davawen9938 2 года назад +1

    Damn, we came back full circle with the 100 seconds videos

  • @abbashussain7298
    @abbashussain7298 2 года назад

    the one. we’ve all. been waiting for.

  • @ouvie
    @ouvie 2 года назад

    i just discovered your channel and you're amazing!

  • @karlstenator
    @karlstenator 2 года назад

    With every 100 second video I watch, my LinkedIn skills grow. 🔗

  • @karcagigergo
    @karcagigergo 2 года назад +1

    Awesome video as always, my dude. Do ruby next time!

  • @shivammakwan6409
    @shivammakwan6409 2 года назад +1

    Thanks Brendan Eich♥️

  • @FalconTheFries
    @FalconTheFries 2 года назад

    It’s been here for 27 years and I’m hearing it for first time! Guess it ain’t famous or widely used

  • @mohammedalasmri8193
    @mohammedalasmri8193 2 года назад +1

    great video
    thanks for being in our era 😂❤️
    please c++ next episode ✅👍

  • @cassiopeiaeatssnacks
    @cassiopeiaeatssnacks 2 года назад +1

    Maybe Clojure next? :3

  • @MercyFromOverwatch2
    @MercyFromOverwatch2 2 года назад +1

    Jeff is still my favourite tech youtuber

  • @mithsaradasanayake3211
    @mithsaradasanayake3211 2 года назад +1

    This maybe a dumb question I am New to javascript; is in js natively or do we need a framework?

  • @aadibajpai1617
    @aadibajpai1617 2 года назад +32

    Now, he will do, everything you learned in college in 100 seconds

    • @legitMeastro
      @legitMeastro 2 года назад +2

      college in 100 seconds🤣😂😂😂😂

    • @cobaltno51
      @cobaltno51 2 года назад

      why not "your life in 100 seconds"? would save a lot of hassle.

    • @igornowicki29
      @igornowicki29 2 года назад

      "Computer science in 100 seconds"

    • @letti4285
      @letti4285 2 года назад +1

      *"Your entire academic career in 100 seconds"*

    • @july9566
      @july9566 Год назад

      Mine would be 2 seconds lol

  • @timothydog76
    @timothydog76 2 года назад

    Sound like a really cool up and coming language. I’ll have to check it out!

  • @Iceehockey21
    @Iceehockey21 2 года назад

    I am binge watching all of your videos. So good ! 🔥

  • @ThePenitentOneArg
    @ThePenitentOneArg 2 года назад

    2:15 Beautiful book btw

  • @praxseb4317
    @praxseb4317 Год назад +1

    2:16 Extrenely based file (it is an Anarcho-Capitalist book by Murray Rothbard)

  • @darkwoodmovies
    @darkwoodmovies 2 года назад

    Very cool Fireship, thanks.

  • @oscarmiranda9532
    @oscarmiranda9532 2 года назад +3

    Hey Fireship, could you do a video about what asynchronus programming is? Please.

  • @everythingisfine9988
    @everythingisfine9988 2 года назад +3

    Any chance showing how to type-check your JavaScript with type declaration (d.ts) files?
    Best of both worlds 💛💙

    • @ananthdev2388
      @ananthdev2388 2 года назад +2

      But why you can use typescript and compile it to a javascript file

    • @everythingisfine9988
      @everythingisfine9988 2 года назад +1

      @@ananthdev2388 speeds up my productivity quite a bit so I can complete my code in less time. And once it's working and doing exactly what I want. Then I just add a declaration file instead of constantly adjusting my types while I'm working. That's just a distraction from the real goal, delivering code. Also way less characters in the file. Much easier to re-read once I have to revisit a file several months later.

    • @ananthdev2388
      @ananthdev2388 2 года назад

      @@everythingisfine9988 i see

  • @Userk2406
    @Userk2406 2 года назад +1

    I needed this now👍

  • @3rd_iimpact
    @3rd_iimpact 2 года назад

    You’re the Scamboli Reviews (a RUclips channel) of programming 🔥❤️

  • @keelwakamar
    @keelwakamar 2 года назад +6

    Me: *watches this video*
    You know, I'm something of a fullstack developer myself

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

    Thanks for making it harder.

  • @4esv
    @4esv 2 года назад

    I've been waiting for this one

  • @onfirechannel8121
    @onfirechannel8121 2 года назад

    U always explain programming in a very simple way... I think u should create a JS course. It'd help many people

    • @onfirechannel8121
      @onfirechannel8121 2 года назад

      @@emilz0r well... u obviously didn't listen very good, as it was said you need to be a member in order to be able to watch the JS course video. However, it's kinda hard to do that when RUclips has restricted your accessibility of being a memeber on the channel and not being able to watch the video.

  • @phamxuankhoaa
    @phamxuankhoaa Год назад +2

    JS is awsome 😎

  • @ChessFlix
    @ChessFlix 2 года назад +1

    Great work as usual Jeff.

  • @Glace1221
    @Glace1221 2 года назад +3

    _"You could not live with your own failure...Where did that bring you? Back to me."_
    - _JavaScript_

  • @JordantheComputerScientist
    @JordantheComputerScientist 2 года назад

    I’m taking a course on this and this seemed like a review. Means I’m paying attention. Thanks for the great video!

  • @dannyspivak6526
    @dannyspivak6526 2 года назад

    Love those videos, thank you

  • @code_ho
    @code_ho 2 года назад +3

    Hope to see tutorials on micro front-end.

  • @lcarv20
    @lcarv20 2 года назад

    Great Job! Please make a video about sveltekit!

  • @fgsaldanha
    @fgsaldanha 2 года назад +20

    The truth is, most of us should know any topic from such an introductory video, but Jeff summarizes the content so well that we can still learn something new.

    • @horizont6172
      @horizont6172 2 года назад +1

      Exactly, like: why javascript is called javascript