The JavaScript Survival Guide

Ғылым және технология

The JavaScript Survival Guide 🧟 provides protection from the so-called "weird" features that you will encounter as a JS developer. This primer will introduce you to variables, functions, objects, closures, hoisting, this-binding, and more. fireship.io/courses/javascript/
#javascript #tutorial
Primary source: developer.mozilla.org
Take the quiz 🤓
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.

Пікірлер: 707

  • @darshangowda309
    @darshangowda3094 жыл бұрын

    Who knew a tutorial could be this entertaining :P

  • @alejandrocano88

    @alejandrocano88

    4 жыл бұрын

    haha i know

  • @Deskofmj

    @Deskofmj

    4 жыл бұрын

    i just said broooo and left :D couldn't handle it man

  • @diegoruelas603

    @diegoruelas603

    4 жыл бұрын

    Lol

  • @christianpaul5224

    @christianpaul5224

    3 жыл бұрын

    That's a 45 minutes in a nutshell.

  • @angelmeza9716

    @angelmeza9716

    Жыл бұрын

    3txx xx xxx xx ttx🇦🇴🇨🇮🇧🇮🇧🇯📶🔉📟 R Xezrzñpp

  • @thatnod
    @thatnod4 жыл бұрын

    I first contracted the JavaScript virus 21 years ago, so I'm not exactly new to it. In under 15 minutes you explained everything I found confusing or contrary. It now makes sense. No longer will I think of JavaScript as quirky and insidious. Thank you!

  • @noscreadur

    @noscreadur

    2 жыл бұрын

    Likewise Mr. L: After 21 years JavaScript is almost unrecognisable in structure and scope. It's not a dirty hack anymore, it is the full-stack/style agnostic/polished hegemonic state of the art.

  • @carlosmspk

    @carlosmspk

    2 жыл бұрын

    @@noscreadur use Typescript though...

  • @bparlan

    @bparlan

    Жыл бұрын

    I began coding with Basic in 1998, used html css sql and python until 2008, then stopped. Now I am trying to learn react, needed that javascript stuff, this video is beyond enlightenment.

  • @willmil1199

    @willmil1199

    Жыл бұрын

    same

  • @b4ttlemast0r

    @b4ttlemast0r

    Жыл бұрын

    it still doesnt make sense lol, but at least you understand it now

  • @MrDoom159
    @MrDoom1594 жыл бұрын

    Never seen a more intense JS tutorial before

  • @whong09
    @whong093 жыл бұрын

    "You should respect the legacy of var but never use it." Why do I feel like you're not even being ironic about this.

  • @tvguideondemand

    @tvguideondemand

    3 жыл бұрын

    Why would he be ironic? Is there any legitimate reason to use var in 2020?

  • @Neko_Void

    @Neko_Void

    3 жыл бұрын

    @@tvguideondemand ignorance

  • @this_mfr

    @this_mfr

    3 жыл бұрын

    I'm learning JS and I keep running into things saying that Let should only ever designate a local variable and Var should be used for global. But that global variables are dangerous and so only local variables should be used, meaning you would use Let...but that doesn't explain why not use Var? Legit questions because I keep seeing conflicting stuff...

  • @MrMontana1990

    @MrMontana1990

    3 жыл бұрын

    @@tvguideondemand if you are writing js that will not be transpiled (babel or typescript) and usage by legacy browser should be possible you still have to use var. that should be mentioned

  • @xyzzy64

    @xyzzy64

    2 жыл бұрын

    @@this_mfr If you have a global variable then it should be declared in such a way that it would remain global even by using the let keyword, otherwise you might want to look into how you're writing your code. Don't use var, let defines variables as god intended lmao

  • @KJMcLaws
    @KJMcLaws4 жыл бұрын

    Don't change anything on how you are doing this. Awesome quality content

  • @nirmalmattmusic3993
    @nirmalmattmusic39933 жыл бұрын

    In a nut shell js is intuitive and crazy at the same time.

  • @newtonmunene
    @newtonmunene4 жыл бұрын

    Fireship is perfect for me. The videos are brief but comprehensive. This makes them interesting. It also makes them perfect as refreshers. I also get to learn so many new things with every video.

  • @mel-182
    @mel-1824 жыл бұрын

    its nice to watch this kind of video when u're not in ur desk, resting, and just wondering about the world.

  • @Robert-qq9em
    @Robert-qq9em4 жыл бұрын

    This is easily the most helpful JS video Ive seen. Many of the concepts Ive been struggling with you touched on, and none of the other JS videos Ive seen even cover JS structure like you do. Thank you for your work.

  • @Andrei-pq6qp
    @Andrei-pq6qp2 жыл бұрын

    I've been writing Javascript for over 9 months so I understand most of the stuff explained in these 3 videos, yet I can not stop watching they are gold. Entertaining and now I understand things that we're blurry in my head or I did not understand at all. Your channel is a gold mine. Keep it up!

  • @Fireship
    @Fireship4 жыл бұрын

    Glaring typo *Primatives* 🐵 - I am aware, but can't fix it now 😭. Also, primitive constructors should have a `new` keyword. String('foo') is the same as 'foo' (literal syntax), but *new String('foo')* is what I was talking about in the video.

  • 4 жыл бұрын

    Np, you can perhaps add annotations.

  • @Fireship

    @Fireship

    4 жыл бұрын

    @ I would, but that's not possible on KZread anymore.

  • @modolief

    @modolief

    4 жыл бұрын

    Yikes ...

  • @manasmahanand732
    @manasmahanand7324 жыл бұрын

    Please put a disclaimer that this is not a beginners course, as most beginners would be highly overwhelmed by this (pun not intended).

  • @Fireship

    @Fireship

    4 жыл бұрын

    That's fair. This is more of a primer for concepts you should know eventually. The upcoming videos will revisit specific areas with more focus for beginners

  • @SocksWithSandals

    @SocksWithSandals

    4 жыл бұрын

    console.log(this); // "The Javascript Survival Guide"

  • @G3Number

    @G3Number

    4 жыл бұрын

    Fireship Thanks Thanks Thanks liked and subscribed!! Nice content! :)

  • @ArnoldsKtm

    @ArnoldsKtm

    4 жыл бұрын

    This is pretty much beginner stuff though...

  • @aaronbell5994

    @aaronbell5994

    4 жыл бұрын

    @@ArnoldsKtm Closures !== beginner stuff

  • @d0m2288
    @d0m22884 жыл бұрын

    Awesome video. Clear, concise, and informative, from your words to what you chose to display onscreen. I've been balls deep in Ruby on Rails for the last couple of weeks, and watching this really helped getting my JS brain to wake up. I'm looking forward to checking out more of your content.

  • @dennisstasaski7136
    @dennisstasaski71364 жыл бұрын

    I'm blown away by how high quality this channel is !

  • @gauthamnookala1776
    @gauthamnookala17763 жыл бұрын

    This has to be one of the most fun, clear, concise videos that I have ever watched. Great job!

  • @911madza
    @911madza4 жыл бұрын

    The relationship between predators and prey is often described as the balance of nature. While we must survive from the JS and its mutations - frameworks, it must survive from WA itself..

  • @mcvgs1780
    @mcvgs17804 жыл бұрын

    I love the quality of these videos. It combines the humor and entertainment of media essays and commentaries and the objectivity of programming.

  • @shibe89
    @shibe894 жыл бұрын

    Great and extraordinary presented knowledge in just 15 minutes. Wow! Keep going! Just suggestion, I noticed that you are really good at using chrome developer tools can you make a video series about that maybe at some point in future?

  • @Fireship

    @Fireship

    4 жыл бұрын

    Great idea, that would make a good module for this course.

  • @9550raja
    @9550raja3 жыл бұрын

    The best thing that had happened to me after becoming a junior js developer, is finding this channel.. I'm learning a lot from you!! Thank you!

  • @undefinedvariable8085
    @undefinedvariable80852 жыл бұрын

    Great stuff man! Would've been great if you touched on how the behaviour of hoisting compares with the traditional var keyword and the let and const keywords, specifically with regards to the "temporal deadzone". As a bonus, briefly touch on how mutating objects and array key value pairs affects references to those objects in memory - this still trips me up.

  • @thejonte
    @thejonte2 жыл бұрын

    Somebody: "I hate your style of teaching for free on the internet" Fireship: *Hearted*

  • @amithbhagat
    @amithbhagat2 жыл бұрын

    10:40 "Closures" and 12:40 "this". Very well explained 👍. Thank you 🙏.

  • @miggu
    @miggu8 ай бұрын

    Your content is perfect: pace, humour , rigour , no wonder you're ranked as the best.

  • @user-nx9he6fz7g
    @user-nx9he6fz7g4 жыл бұрын

    Thank you. A really comprehensive video, it filled many gaps I had. Waiting for the new ones!

  • @fonncatalina6464
    @fonncatalina64643 жыл бұрын

    I am new to JS and studied some fundamentals for a week ,this is a perfect revision for me! Thanks!

  • @zen-ventzi-marinov
    @zen-ventzi-marinov4 жыл бұрын

    Damnnn I love the sound effects, though comedic, with good mood still give you the chills!

  • @CubeAmaterasu
    @CubeAmaterasu4 жыл бұрын

    Bro this is the best coding channel I learn a lot in a really entertaining way. This makes me think University is truly dead

  • @uboat46
    @uboat464 жыл бұрын

    Dude! You really make the best videos! This is awesome !

  • @stevecarter8810
    @stevecarter88104 жыл бұрын

    As a long time developer who has not touched the web for 15 years this is the perfect bootstrap into JavaScript language. Thanks!

  • @gregfletcher2360
    @gregfletcher23604 жыл бұрын

    Fantastic video! Also that "A Few Good Men" reference was perfect 👌

  • @Fireship

    @Fireship

    4 жыл бұрын

    Thanks! That was a last minute addition

  • @cagri5886
    @cagri58862 ай бұрын

    The explanation of the Closures and its comparison to the functions might be the best I have heard on KZread

  • @Blame2a
    @Blame2a4 жыл бұрын

    Really good content. That is my only comment for the year 2019 but you really did a good job with editing and straight to the point explanation

  • @shivamjhaa
    @shivamjhaa2 жыл бұрын

    I have been doing JS for a few years now, but this video still clears some concepts. Cool!

  • @Skellum82
    @Skellum82 Жыл бұрын

    I always watch your 100 second videos. I watch this not realizing that this was your video and once the video was over, I thought to myself I’ve never heard anyone explain anything as good as you do and lo and behold it was fire ship this whole time you are a God amongst men.

  • @jameslemayian7610
    @jameslemayian76104 жыл бұрын

    Pure awesomeness! I like the coherence! Keep it up! You got a new follower. I can't wait for the next.

  • @48maliks
    @48maliks9 ай бұрын

    So glad I found this channel. Your videos are Gold mate!

  • @BlameItOnJoe
    @BlameItOnJoe4 жыл бұрын

    I'm an amateur coder and I've taken several courses, read several Medium articles, etc. but I had never seen a memorable and easy to understand explanation on var vs let/const till now. 👏👏👏 I just repeated to myself "var is bad; let is good; const is even better"

  • @DuyenPhanLan
    @DuyenPhanLan2 жыл бұрын

    Thanks for a great video! I’ve learning JS for almost a month and I am trying to wrap my head around it when it comes to applying it to real world projects

  • @juliohintze595
    @juliohintze5954 жыл бұрын

    Your videos are awesome! Even some experienced devs can learn from them. Do you happen to learn something when you are making these videos or are you some kind of god that already knew all of this beforehand?

  • @Fireship

    @Fireship

    4 жыл бұрын

    This is episode 197, I knew basically nothing when I started. Just try to push each one a little further.

  • @viniricardoferrera

    @viniricardoferrera

    3 жыл бұрын

    Aways if a person asks if u r a God, u say so. " 'course I am. pff" Duuude... U r blowing it Lol! Thank you very much for such nice content.

  • @kemsekov6331
    @kemsekov63312 жыл бұрын

    I've had from little to none experience in js but I understood everything from this video. Now I am feel a bit more confident about js.

  • @nehemiahalvarado1209
    @nehemiahalvarado12094 жыл бұрын

    Very interesting, currently taking a web tech course and this helps further my understanding of Javascript. Thank you for the great work!

  • @ludo3941
    @ludo39412 жыл бұрын

    I usually watch everything in at least 2x speed (more often than not around 2.5x). Today I had to watch this video in 0.75x the speed and keep going back and rewatching parts lol. The variables and functions parts were too many new and complex stuff for me (even with all the similarities to Python and C#, which are languages I have studied and used before). Amazing! Quite fun and different way to explain things, thank you!

  • @JR-yi5wb
    @JR-yi5wb3 жыл бұрын

    BY FAR the best code tutorial on the entirety of KZread. lol this video deserves some kind internet award

  • @bennet615
    @bennet615 Жыл бұрын

    dude I vowed never to buy a course but guess i gotta buy yours , your teaching just hits !!!!

  • @stickguy9109
    @stickguy91092 жыл бұрын

    The times when I used JavaScript I mainly used Canvas API because making games is what's always got me interested.

  • @SXCRD
    @SXCRD4 жыл бұрын

    Brilliant! Please continue with these videos. Well done.

  • @VarunVerma
    @VarunVerma4 жыл бұрын

    The perfect video for a JS interview. Nice stuff.

  • @SandeepKumar-cx7cz

    @SandeepKumar-cx7cz

    3 жыл бұрын

    Hi do you work in js Please share your CV, if you don't mind work42sandeep@gmail.com

  • @bennettfoley3018
    @bennettfoley30184 жыл бұрын

    another fantastic lecture. looking forward to the next one!

  • @donekhan7183
    @donekhan71834 жыл бұрын

    Hey brother, I would like to thank you so much for the amazing ways you explain complex things, I hope you can come up with fast tutorial for lodash library of JavaScrip, I've just started learning machine learning with javaScript, so that library is very important to mastery its functions to use them for converting maths algorithms to javaScript codes.

  • @LukePighetti

    @LukePighetti

    4 жыл бұрын

    I had no idea people still used lodash. What do you use it for?

  • @saurabhyadav-nu3mj

    @saurabhyadav-nu3mj

    4 жыл бұрын

    what resources are you using to learn ML with javascript. i'm also curious about ML,but not very keen to learn python for it.

  • @benjaminjameswaller
    @benjaminjameswaller4 жыл бұрын

    I'm pretty 'primitive' when it comes to this topic so either spelling works for me! Thanks Jeff! I really appreciate this beginner, back-to-basics course on JS. Love'n it mate!

  • @iamilyes
    @iamilyes2 жыл бұрын

    Fireship and Honeypot are actual entertaining KZread channels for developers... Massive respect for all the effort you put in the process of generating such content ❤️🚀

  • @rostyslav5334
    @rostyslav53344 жыл бұрын

    Wow, that was so good, Thank You so much, mate! Watching THIS 3rd time.

  • @funnyanimalworld7579
    @funnyanimalworld75792 жыл бұрын

    Good explanation for those already into js .Making those abit harder concepts abit clearer.

  • @orinbay7742
    @orinbay77422 жыл бұрын

    It's great that there are multy-hour courses on any-thiing you want. But I can't thank you enough for making this short, dence videos

  • @richardcao2670
    @richardcao26704 жыл бұрын

    Well done tutorial! It's super helpful and easy to understand. Thank you!!

  • @usamesavas9848
    @usamesavas98482 жыл бұрын

    wow, how could you explain such complex stuff in such simple words. admirable

  • @clancy-sigal
    @clancy-sigal4 жыл бұрын

    Awesome video man! I really wish I had seen this video earlier even this is a bit challenging for beginners

  • @Atheist-Nun
    @Atheist-Nun4 жыл бұрын

    I enjoyed this tutorial very much ... very entertaining and informative. Keep up the good work!

  • @Prestonepope
    @Prestonepope3 жыл бұрын

    Best JS overview I've seen. Thanks!

  • @MrStefanica
    @MrStefanica3 жыл бұрын

    Very good job! I'd recommend this video for higher than beginner JS programers or for programers coming from other languages. 🙂

  • @pashweetie
    @pashweetie4 жыл бұрын

    Finally things I can use that aren't elementary! Thanks!

  • @superclue
    @superclue3 жыл бұрын

    Nice and succinct. I prefer it this way where if I miss something I just go back 10 seconds or pause.

  • @michaelbarley8668
    @michaelbarley86684 жыл бұрын

    Wow! You are an amazing teacher, I loved this

  • @Mohamedhassan-if8ww
    @Mohamedhassan-if8ww4 жыл бұрын

    Best Serie ever . i never thought that javascript was that complecated and easy at the same time

  • @mwinetimothy3020
    @mwinetimothy30204 ай бұрын

    You just make the learning so interesting. Thanks for the videos

  • @ssbrunocode
    @ssbrunocode2 жыл бұрын

    Thanks for the great content, specially the .call function is extremely powerfull once you understand 'this', really, thank you!

  • @ranjeetsinghtharu5375
    @ranjeetsinghtharu53752 ай бұрын

    You rock Fireship!....learning curve is smooth...your videos are helful

  • @BonjesBongo
    @BonjesBongo4 жыл бұрын

    I have no words to describe how amazing this video is. Thank you so much for making this art piece.

  • @Fireship

    @Fireship

    4 жыл бұрын

    Thank you Maverick!

  • @GPT-X938
    @GPT-X9384 жыл бұрын

    Loving this video series!

  • @indiansoftwareengineer4899
    @indiansoftwareengineer48993 жыл бұрын

    Ending is awesome.... loved your channel.

  • @thedevilffs
    @thedevilffs4 жыл бұрын

    Thank you. I *finally* actually understand what a closure is.

  • @amit.deshmukh
    @amit.deshmukh2 жыл бұрын

    I never imagined I will binge watch programming tutorial

  • @for41
    @for412 жыл бұрын

    " what the hell is 'this'? " Your rhetoric in this video is on point. Bravo!

  • @denns0r
    @denns0r4 жыл бұрын

    wow, awesome editing, nice speaker voice and very understandable 👍 keep up the good work 😃

  • @auntiecarol
    @auntiecarol2 жыл бұрын

    This is gold for those who have some experience in other languages.

  • @hamzac.4555
    @hamzac.45553 жыл бұрын

    im gonna watch this video every morning, when you compared closure and object oriented, you won a medal, and + 1000xp

  • @rne1223
    @rne12234 жыл бұрын

    I love your editing man.

  • @edieltondantas6084
    @edieltondantas60844 жыл бұрын

    👏thanks for the overview, quite helpful

  • @karimnaufal9792
    @karimnaufal97923 жыл бұрын

    First time I understood closures 😂 Thank youuuuu 🙏🏻

  • @ankitkaushikz
    @ankitkaushikz7 ай бұрын

    You explain in 14:46 Minute video what people takes 5 to 6 hours. Big Fan Fireship. Entertainment + Knowledge. Wish This video could be 1 hour long.

  • @SergioArroyoSailing
    @SergioArroyoSailing3 жыл бұрын

    beatiful! perfect overview and funny! :)

  • @Anson_The_Pro
    @Anson_The_Pro3 жыл бұрын

    Thank you for recommending this plugin. I imagine it would be very useful for predicting what "this" refers to

  • @key_michael
    @key_michael4 жыл бұрын

    You are the Web Developer Survival Channel!

  • @lingkody3526
    @lingkody35263 жыл бұрын

    I really enjoy your tutorials it's not boring 😂, can u make a tutorial on how you edit your tutorials? It's so simple yet entertaining

  • @dsi-films1264
    @dsi-films12643 жыл бұрын

    dangg, you deserve more subs :oooo amazing tutorial

  • @WolfrostWasTaken
    @WolfrostWasTaken4 жыл бұрын

    I feel like I can only understand and grasp fully the concepts shown in this video because I already have a solid grasp on JS (I started studying and using it many years ago and I still use it on a daily basis). Nevertheless, nice job on these! It's surely a cool way to recap all the things. But a newcomer should really go deeper into these concepts on his own

  • @luis96xd
    @luis96xd4 жыл бұрын

    Great video, it was well explained and so intuitive! 😄

  • @ahmu83
    @ahmu834 жыл бұрын

    I love your videos man. They are awesome 😀

  • @Hades5k
    @Hades5k4 жыл бұрын

    One can almost learn JS in less than 15 min here....!!! Great video ; )

  • @7921kenny
    @7921kenny2 жыл бұрын

    I appreciate the class analogy, that helped make js closures click for me 👍

  • @zyadyasser196
    @zyadyasser1964 жыл бұрын

    I love you man

  • @ivansostarec6793
    @ivansostarec67933 жыл бұрын

    man I love your memes in between explanations :D

  • @engineeringwithai
    @engineeringwithai4 жыл бұрын

    Absolutely loved this video. Favorite one. Should add some more memes

  • @phokgedimaja327
    @phokgedimaja3272 жыл бұрын

    It's good to come to the basics everynow and then. Fireship 🔥

  • @singingtransformation2871
    @singingtransformation2871 Жыл бұрын

    Love your crazy funny videos!!!😍☺️⭐️😂

  • @hartnil93
    @hartnil934 жыл бұрын

    Great video, like always. I also saw that recently in the youtube channell "demos with angular" they uploaded a video about adding nestjs for ssr with angular, can you do a video about that?, maybe even about how to deploy it into firebase clude functions, sound amazing to me. and thanks about the video!

  • @goldflyknows
    @goldflyknows3 жыл бұрын

    Never have a been more happy about the ability to play videos at 3/4 speed.

  • @davidhope2199
    @davidhope21994 жыл бұрын

    Excellent as always. Keep being excellent. Do you have a patreon? Or is fireship site the only way to support.

  • @Credin84
    @Credin844 жыл бұрын

    Your editing skills are amazing, very funny

  • @LukePighetti
    @LukePighetti4 жыл бұрын

    I might not be first I might not be last but when Fireship posts I make a sandwich and watch it

  • @anonamos225

    @anonamos225

    4 жыл бұрын

    Weird haiku

  • @ThePC007

    @ThePC007

    4 жыл бұрын

    Why would you watch a sandwich?

  • @sevcandincel

    @sevcandincel

    4 жыл бұрын

    @@ThePC007 lol

  • @ankushsarkar1746

    @ankushsarkar1746

    4 жыл бұрын

    @@ThePC007 ok dude

Келесі