JavaScript in 100 Seconds

JavaScript is the the programming language that built the web. Learn how it evolved into a powerful tool for building websites, servers with Node.js, mobile apps, desktop software, and more fireship.io/courses/javascript/
#js #programming #100SecondsOfCode
🔗 Resources
History of JavaScript • The Weird History of J...
How JavaScript Works fireship.io/courses/javascrip...
JavaScript Docs developer.mozilla.org/en-US/d...
HTML in 100 Seconds • HTML in 100 Seconds
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- What is JavaScript?
- JavaScript beginner introduction
- Who created JavaScript?
- ECMAScript vs JavaScript
- JS programming basics
- Run JS in browser
- Var vs Let vs Const

[@samstenner1898]

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.

[@sp1nk1ck53]

Indeed

[@flowerofash4439]

Lol 😂

[@liftingisfun2350]

@@atomicgray it's really the wild west of languages. Many ways to do the same thing, no variable types, etc

[@funwithariyan7347]

@@atomicgray a bit of a mayhem

[@theshermantanker7043]

@@atomicgray both

[@flannelbeard4621]

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]

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

[@jekytck]

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

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

[@GabrielFerreira-ot8cg]

That's a lot of seconds

[@thefakedeal]

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

[@baggier]

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

[@multiarray2320]

js got roasted

[@adityapatel720]

@@BlackdestinyXX its almost as if thats the joke

[@fus3n]

bruh no one got the joke?

[@naveedalirehmani4135]

Hello everyone, We got a caveman here!

[@okie9025]

@@multiarray2320 its a joke bro jfc

[@Talonf37]

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

[@muneebmohd]

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

[@Evoleo]

He literally does

[@Jujukungfu]

Lol have you seen his other videos

[@roid1510]

He has fireship pro. Those a full courses

[@tossajalumen401]

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

[@HazemTamimi]

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

[@peaklander1]

bro touch some grass

[@omgfackdehell]

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

[@greenshaheen6716]

you are just copying and pasting the code i think lol

[@ElByFar]

BatChest

[@nieczerwony]

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

[@juanandrescastillofuenmayo6619]

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.

[@elnogal9298]

Well it's not really 100 seconds.

[@melodyparker3485]

@@elnogal9298 True, but still

[@totoshampoin]

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

[@rafael_tg]

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

[@qqq3230]

@@rafael_tg 'frontend'

[@JR-mk6ow]

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

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

[@davidnguyen9065]

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

[@quentinvanbutsele371]

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

[@0jinx]

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

[@trein6958]

Finally! JavaScript in 100 seconds!

[@VukeFN]

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!

[@ThePandaGuitar]

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]

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

[@cursed_cats5710]

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

[@W1L7dev]

Finally 100 seconds of JS! Great video btw :)

[@vicradon]

This was expertly made. Thank you Fireship.

[@TheOriginalJohnDoe]

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]

Hoisting is why 'var' is avoided.

[@Voidstroyer]

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]

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]

@@aniruddhasharma5738 Why would that affect var?

[@nobleradical2158]

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

[@richtigmann1]

I'm loving this series, quick and concise!

[@MaxProgramming]

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]

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

[@Hari-du6pt]

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

[@Luis1n7]

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

[@nodirbekvositov]

because it is 'fire'ship

[@stevenstraker5105]

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

[@user-vm7su4rj7f]

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

[@PhantomOfMemories]

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!

[@FindTheMasterpiece]

Amazing pace! Keeps me concentrated on the content.

[@bossdaily5575]

Finally you talk about javascript been waiting for this

[@hugoribaud7436]

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]

genius idea

[@sanusihassan7125]

I was waiting for this for a long time

[@sumanbhardwaj9883]

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

[@bogxd]

Ur videos are what this platform needs

[@BrandonAaskov]

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.

[@souls.7033]

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

[@QwertZero]

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

[@apoilgun8342]

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

[@ChessFlix]

Great work as usual Jeff.

[@iamnisargful]

Best short programming intros on the web. Period.

[@JordantheComputerScientist]

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

[@Iceehockey21]

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

[@ScriptureFirst]

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

[@senushkabatawala5563]

Nice! This video is pretty useful

[@utkrist2981]

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!

[@gulraizgull8044]

thanks man those 100sec are best series

[@anotidaisheneilmisi904]

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

[@jollesracing517]

You make the best programming videos on KZbin

[@juliuswaldmann8682]

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

[@khanabdulrehman26]

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

[@JeanOsorio]

I’ve been waiting for this video my whole life

[@timothydog76]

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

[@ouvie]

i just discovered your channel and you're amazing!

[@sukus]

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]

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

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

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

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

[@blueSpirit137]

Fireship uploads new video. Instant watch + like.

[@YashM1234]

This is Crazy Awesome!!! Thanks a Ton!!!

[@Gobillion160]

the most anticipated video of all time

[@dannyspivak6526]

Love those videos, thank you

[@ash.mystic]

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]

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.

[@dopetag]

Thank you! Top work once again

[@amrmohamed2608]

Hello, Amazing video! I wanted to ask how do you adding formatted coding blocks in your video that are transparent ( unlike the images generated from carbon )?

[@mhdfr]

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

[@tbell9411]

Thanks for making it harder.

[@Userk2406]

I needed this now👍

[@darkwoodmovies]

Very cool Fireship, thanks.

[@denysserhieiev8378]

It is brilliant! Thank you!

[@Certified_Art_Teacher]

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

[@amirhoseinhesami9336]

JavaScript in 100 Seconds by a js god, tnx jeff

[@4esv]

I've been waiting for this one

[@barrettdesigns]

Garage Collected 0:04 just playin love you bro

[@CrazyCodingChannel]

Very cool tutorial, like!

[@vndaba]

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

[@DavisDCodes]

Great video, thank you!

[@khemchay]

Hope to see tutorials on micro front-end.

[@mohammedalasmri8193]

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

[@davawen9938]

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

[@viniciuspetratti5499]

i've been waiting for this

[@k1llmachine4]

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

[@karcagigergo]

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

[@oscarmiranda9532]

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

[@SunehraAGhani]

2:23 Love the output! 💕

[@swl-yolo1117]

i still dont get it, thanks

[@JinYuanz11]

Ok

[@SUPABROS]

my favorite programming language, so readable and easy

[@vinayakkumar2667]

Woaaahhh, intro was a bangerrrrrrr

[@GeekBastion]

another great video :)

[@abbashussain7298]

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

[@chickenjoy]

In this short video, I can't believe I learned something like the var, let and const, also the use of () = > instead of function.

[@Skytrix_limited]

Thanks, this is amazing

[@lcarv20]

Great Job! Please make a video about sveltekit!

[@murderbeam9614]

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

[@vampirejs758]

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

[@viniciusalvess]

Your videos are great!

[@mrreese2342]

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

[@egrekov]

How is your experience with JS now?

[@sulaimansaker1325]

Wow! what an intro!

[@ertugrulghazi334]

Video was great!! Please do C++ in 100 seconds.

[@alfredogrande2430]

i have a question, how do you make that cool effect for the js image from 0:00 to 0:02? I'm learning some video editing with remotion and i would like to know how to make different effects

It continues to evolve to... up standing human TS being. Nice touch!

[@QuestionMarkOHai]

The long awaited video

[@leventebotos6927]

The first 100secs video that i understood :)

[@beginnercoderhelp6549]

Good presentation.

[@htgazurex1212]

That was a mouthful in the intro

[@VforVanish]

Rothbard reference, nice to see Fireship getting orange pilled!

[@vojtechstrnad1]

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

[@alexandersumczynski7477]

Love these videos, make on "json in100"☺

[@_ScyIIa_]

Could you do Lua? Great video as usual btw!

[@Chocoffee_battery]

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

[@ernestodelgato930]

Wow is this really the first time there has been a JS in 100 seconds. Thought it would've been the one of the first 100 second videos😅

[@mithsaradasanayake3211]

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