The Weird History of JavaScript
Vložit
- čas přidán 17. 06. 2019
- The history of JavaScript over the last 25 years. How did a simple scripting language for Netscape evolve into the world's most widely used programming language? dev.to/codediodeio/the-weird-...
Full Course: fireship.io/courses/javascript/
#javascript #history
Sources:
ECMA www.ecma-international.org/pu...
WorldWideWeb www.w3.org/People/Berners-Lee...
Brendan Eich Talk thenewstack.io/brendan-eich-o...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. - Věda a technologie
Watch Episode Two *JavaScript: How It's Made* 📼👉 czcams.com/video/FSs_JYwnAdI/video.html
I like how kyle simpson explained it. But yes javascript is the language of choice. I used to do PHP but I got sick of $$$$ dollar signs and how ugly it looked. Typescript and java is ugly too me. C# is okay.
just to inform. the second video in the playlist is :
Liveaboard Century Old Sailboat Tour: Circumnavigation & Single Handing Ocean Crossings
czcams.com/video/zNh56ZKa4HY/video.html
I guess added by mistake. Also, thanks for course
"Java is to JavaScript, what car is to carpet"
soundiscomforting - Jarvis Johnson
No you can put a carpet in a car
Bird
@@petersantos6395 Yeah! And you can put Java inside a Javascript. But we don't talk about it anymore.. (Java Applets)
Pretty close if you are aladdin
Developers in the 90s:Oh i just made a new OS
Developers in the 20s:How do you center a div?
Developers in the 90s: I know about encoding and JCL; I can make a decent living until retirement
Developers in the 20s: I've already been working 3 years within those full stack frameworks; I should learn some new ones before I get doomed
Ny friend just asked this question a few days ago.
ah, css flex?
display: flex;
justify-content: center;
align-items: center;
@@abhinavjha3082 it's embarrassing how many times I've looked that up
Every 6 minutes a new js framework is born.
Every 6 minutes we stray further from god.
it's the same hype that PHP had before in 2007
@@TheNotedHero oh no.
Every 6 minutes, a web developer job advertisement gets another bullet point in the requirements section.
@@TheNotedHero Better update your code, oh.no.js v2.0.0 has just been released
I wanted to complain about the footage for the video being completely random edits of completely random stuff at times, but then I realized how well it describes debugging JavaScript.
FB...
I’m dying XD
I like your profile pic... can I know abput thr character?
@@edberaga It's Kiryu Moeka
@@ltxr9973 thanks!
So it was Microsoft who came up with the absolute nightmare of a name "XMLHttpRequest".
In internet explorer we had to use ActiveX or something
They redeemed with TypeScript
@@thefakedeal yes. I heard of it.
@@agenticmark What...TS is a strict superset of JS, not VBScript
"XMLHttpRequest" is a worthy opponent for "public static void main(String[] args)"
Great job! But the title is even better, "Weird" is a guaranteed 1 million views! Edit: Just watched, you might get 2 million views, deservingly so!
Haha! Last minute decision, but you know what you're talking about.
@eddiee usually verified channels get spammed with replies like "oMg wHaT ArE yOU dOinG hEre?"
@@Fireship OMG WHAT ARE YOU DOING HERE?
Good call!
Mocha was a much better name
Agree 100%. Never name your product after the popular tech or buzz words of the current era.
@@Fireship pffft watch me create BlockchainScript
@@Neoclassicalmaese that's BS
@@GMLtouch can you imagine? "What did you do all day?"
"Code some BS"
Enrique Arzamendi haha nice catch
Me: Never coded a single line of JS in my life
Also me: Yeah, I'll watch this
I mean your icon is a programming language
@@Flowtail I think you missed his point
Fif Gallag say it with me now:
Java
Script
Is that because curly braces scare you?
PythonTron of course, my mistake, i forgot computer scientists can’t read; no worries i can spell it out: “it’s not shocking that somebody who’s into coding would watch a video about coding”
Sorry, just salty about all the poorly commented code i need to sift through for my group project tonight...
7:25 ActionScript was originally created by Macromedia. A company Adobe bought.
I remember back when I was trying to learn Macromedia Flash 8/AS2 so that I could build flash games for my phone. Macromedia Flash actually powered the internet cartoons from the early 2000s, and I actually miss a bunch of them.
@@YeOldeKamikaze I still have one book about Macromedia Flash 5 and onde about Macromedia Flash MX! And countless magazines...
@@YeOldeKamikaze like zombie college :)
Good call, thanks for the correction.
This is the difference between ActionScript 2 and 3, I programmed using both. AS3 was basically ES4, entirely different from AS2. It was a pain for Flash developers to adopt AS3 because most came from a designer background, and AS2 was quite easy to understand, whereas AS3 brought a whole lotta functionalities but was also far more technical, like a regular programming language. AS3 eventually took Flash to new heights, but probably contributed a lot to its final downfall, most notably, security issues.
A man wrote a programming language in 10 days.
This is how it changed the world forever. 😨
dont forget, Al Gore invented internet
I got that chubbyemu reference. Thumbs up.
a man wrote a shitty language in 10 days and it is the cancer of the programming world until now
@@TitusM7 JS has changed a lot since then. Now it becomes quite acceptable, it only can get better
@@hungothanh4913 don't think it is especially now that you make a small app and get 7 billion dependencies look at that abomination electron and the apps you get with it. I'll be fine with it if it stays in web only
6 minutes in and I sincerely appreciate the amount of effort you have put into this. Please create more videos like this that give historical context to why a language has evolved the way it has. It makes everything fall into place. Love it!
"Low-level languages like C++"
I feel old
BracketGuySerious ‘Low level’ means the code interacts with the hardware more closely. The term Low level and high level could really use a renaming as it implies a level of superiority which is actually not the case.
@@paulbrooks5612 Regardless of the levels being in superiority or abstraction they are both effected by time.
@@paulbrooks5612 OP probably didn't take it as any kind of value judgement. it's just that by the classical definition anything that isn't symbolic assembler was high level. C++ to be considered "low-level" could be seen as sign of times of ever increasing abstraction away from hardware.
Don't worry I'm only 18 and I'm still programming in Assembly for fun :) and yeah C++ is like medium-to-high-level imo
@@willowFFMPEG Back in the olden days C was considered a high-level language, not unlike the conservatives of today would have been the progressists of yesterday, and JS will be considered a low-level language in 15 years
What an amazing high-quality video, I loved it!
I hated javascript for years because it was so difficult to understand. But finally I'm getting the hang of it and now when I look at the languages I've learned, javascript and c++ is the best. But please don't forget about HTML5, CSS3, PHP, MySQL, Perl, LUA, and various others too!
@@battosaijenkins946 please tell me how did you learn JavaScript it's being hard for me to understand but everyone is saying that it is easy to understand I need someone to show the tricks please
@@bodyworkout3078 You have to keep at it. Keep doing the examples and tutorials and work on mini projects over and over. It took me several years just to finally understand it and maybe 1 more year to really get into it and now I love it. Or go c++ first, its so difficult that going to js is easy.
@@battosaijenkins946 learn prototypes first in poc codes.
@@battosaijenkins946 is C++ unreal difficult or it is not so hard as seen at first?
"And we all know what happened to flash."
Yeah, it became insanely successful and a cultural icon, before being replaced by a better technology.
qrpnxz What was it replaced by?
@@deviant7100 JavaScript lmao
@@deviant7100 HTML5
cultural icon? more like a technology hated by developers for its security issues as well as hated by users for its numerous bugs and bad performance
There are only few options for animations besides flash though
"...and he needed to have that done by yesterday"
That blasted me off! 🤣🤣🤣
I newly found you and "belled" you already, based solely on this video. Good job. Very fast paced, could easily been a twenty to thirty minute video but you condensed it to the max. I know how much time and effort went into that and wholeheartedly appreciate it.
Always bet on Jeff to come through with the clutch informational! I’m geeked for the series man 🙏🏾🙏🏾
This was a REALLY great video. I can't imagine how you find the time to create/edit these. or how you'll manage a whole course with this level of quality. Good luck!
Wow! That's a lot of research put together in 12mn. Impressive!
Indeed. R.E.S.P.E.C.T. @fireship
Thanks! And so much was left out... The JS ecosystem as all kinds of storylines to follow.
@DéJi Vu can you make a video of your own?
Thank you for taking your time to share knowledge with us. You are authoritative. Thanks from Nepal!
I remember, in the early 2000s there was this prevailing notion that I wasn't doing things properly because I did everything in JS instead of Flash. It seemed like I would never be able to have a successful career unless I started working with Flash, and I didn't want to do that so I didn't. Ah, how things have changed... Lucky for me, KA-CHING!
"And we all know what happened to flash."
me: *giggles that slowly turn to crys*
RIP flash, you made my childhood.
This was the video I wanted.
Thanks a lot I hope you are fine in these tough times
👏🏼👏🏼👏🏼 great great walkthru of the evolution of JS. Hard to believe Node & Angular are nearly/over 10 years old now. What a wild ride we’ve been on over the last 2+ decades. Great job! 🔥🔥🔥
2010 - Frameworks.
2016 - Apocalypsejs
Awesome video! I'm excited for WebAssembly and the fact that it's bringing all major languages with it. Especially C# with Blazor. I'm using Vue at the moment with js, but I still struggle to architect my apps nicely using only Javascript so it's a bit of a battle down the line. I should learn typescript, but I'm gonna go back to where I'm strongest in web. .NET and C#. Very excited for the Future of Javascript! I love all the options we have nowadays :)
Great time to be a developer!
Thanks for the history lesson bro. It's good of you to credit some previous frameworks/libraries for pivotal moments.
Thanks that's a very informative video that wrapped like 25 years of JS into like 10 mins!
9:17 ES 5 doesn't support arrow functions
You're right, my bad 🙃
Also doesn't support "map", lol.
Then just dereference your pointers manually beforehand
@@JBuchmann Doesn't support map... just import the library that does give that to you! "_underscore" ftw! (There are several not just _, of course.)
That definitely confused me. I was like, wait what, wasn't he just talking about ES5??
That mid-roll ad placement had me burst out laughing
Freaking genius
Thank the marketing geniuses over at AOL :)
Thorough and enjoyable. Loved this!
Terrific video with great pacing and content.
"Features that we know and love"
Speak for yourself
hello callbacks, hello async functions
@@KewaiiGamer I was thinking of the extreme weak typing
@@KewaiiGamer Oh and the hellacious default prototype-based object system which was wisely supplemented with proper classes in ES6
@@muhammadal-khwarizmi6933 ES6 classes were so much better
@@muhammadal-khwarizmi6933 oh god you know nothing jon snow... "proper classes" haha.
Really interesting video, man. Thanks a lot!
I like your style a lot too. Keep it up! :)
Awesome video, subscribed and looking forward to more content!
loved the editing there!
Would be very interesting to see a step by step animation of how a JavaScript statement is executed.
Brooo i have to say im pretty excited for this course. i watch a number of your videos in an effort to absorb your swag you have with programing specifically js. im fairly new to web development, with that said i, comfortable working with js but desperately need to up my game. i just feel so limited and know thee is so much that can be done with js. if you came out with a udemy course id grab that shit for sure! anyways thanks for doing this. look forward to learning from you!
Great brief overview, thank you!
Amazing content with equally (if not more) amazing edit! 👌👌👍
A man wrote a programming language in 10 days.
Still wonder why your browser eats 2 GBs of RAM?
If you're on windows only - yes. They can eat 2gb and more. But on Linux they use around 500mb.
Igor Ordecha I have linux (ubuntu), the situation is worse than windows on my laptop.
@@Tau-qr7f rly? Do you mean ram usage is higher or overall experience is worse?
When u use chrome and think u use the best browser bc google used their market share to rise chromes market share..
Sizlo Mc Donnerbogen Who said he/she was using chrome in this conversation? I only said that I don’t use chromium browsers and that was the only word similar to chrome.
Wow, I used ActionScript for ages and only later realized the similarities to Javascript. Now I learn that ActionScript is an alternate timeline of what Javascript could have been.
I HAVE TRIED TO TRANSLATE THIS VIDEO IN MY OWN FORMAT AND I DIDN'T KNOW THAT IT WAS VERY HARD TO DO. THANKS, BRO YOUR CHANNEL IS THE BEST
I'm a simple developer I see Fireship notification I click
and never regret it
Always bet on JS, but most importantly always bet on the Web!!
Now the whole Google's focus on the browser makes more sense. I knew this for a couple of years now, but browsers will be the OS of the future. They have translated whole UE4 into the browser using WA a year ago or so if I remember. Really nice 1h video.
Next step: IPFS
I hope JS dies for webassembly and languages come up on top of it just like Kotlin did on top of JVM
@@Alex-dn7jq JS doesn't need to die for that, actually both compliment each other. Javascript is like Groovy for the JVM.
@@autohmae If groovy went super slow and bloated that argument would have been valid
This is a must watch video for devs ♥️
Hey this video is excellent! Thank you Jeff !
I love this Playlist thank you so much for the valuable information
What I got from this: everything will always improve in multiple ways. :)
Apart from flash
@@madghostek3026 Flash did improve. It went away.
7:55 How could jQuery possibly get any more credit? It was practically synonymous with JavaScript for a decade
i remenber in school showing off to my friends I know Javascript but in fact I just new JQuery, I didnt know how to do a single document.querySelector in vanilla Javascript hahaha.
@@markstein2845 To be fair, you can know Javascript without knowing vanilla selectors. I claim to know JS but I definitely have to use a reference for crappy vanilla DOM selectors.
JQuery is shit. I hate this library since there were so many idiots who learned jQuery and named themselves javascript programmers but didn’t know a shit about Javascript itself.
Half of stackoverflow questions are about jquery
@@phat80 same thing is going on with all that fency JS frameworks like vuejs or react
I am so impressed with your fantastic video, thank you for doing that.
Old video but just want to add one important bit of history you missed, which was the release of the book Javascript: The Good Parts, which slots into the period of time when Javascript was moving from the 2000s hellscape to its modern dominance of the market. A great read even today and very important to the understanding of JS as a language with a lot of very bad things in it that have been repaired over the years.
I think it would have been nice if you also mentioned that transpilers like Babel (initially called 6to5) was a project that started as a side-project to make it's own version of traceur (Google's transpiler from ES6 to ES5) which eventually expanded into what it is today (more than just transpiling ES6 to ES5)
Love the content! Which fonts did you use for the video? Both the retro and modern fonts look great!
I'll always bet on the quality of your videos!
Russian coder's starter pack:
Mocha
Pidora
Whoision
Webpack + VueJS + Babel has changed my life.
Add vuetify on top and boom, you re making whole apps in hours.
@@3rmag458 if that works for you, sure. Personally I don't use it.
I use it with Redux 🙌🏻 Check it out if you haven't.
@@GMLtouch I use Vuex.
It's just js packages
this was amazing man thanks
Awesome Video mate, thanks 👏
From SapceX's Starlink constellation to this! Current CZcams streak is fire!!🔥🔥🔥
Would have been cool to see where we'd be if they went the ES4 route instead. Funny that MS pushed against ES4 with its typing and then years later developed TypeScript.
outstanding, as always!
Great video as always 👍
I disagree that event loops were "novel", as they were implemented and used in many different GUI applications since the 80s including JS events. The novel approach was that it was formalized and hidden from the developer, as opposed to having the functionality of even objects driven in a library written by the developers.
as bad as the flash platform is, I liked ActionScript 3.0 a lot more than JS, it felt more robust and less quirky and it was easy to learn if you were coming from other similar languages
anything is more robust and less quirky than js;
thank you so much for the great explanation
This changes my whole understanding of what I thought a coding language was.
Where else can you get this crazy JS ecosystem broken down into a fun video like this? Ans: Fireship. Very insightful
Gotta love the asynchronous event handling on Node.JS
Good vid. I think it also makes sense to differentiate between the internet and the web.
I'm hyped, homie!
56k internet "faster than ever"
So weird to think that the internet is really still so young. We milked the shit out of those AOL free trials but paying $10 a month for EarthLink was a much more stable connection. AOL you would have to disconnect and dial up again over and over until you got a decent bitrate.
need more like this :D
It was fun, I have loose plans for the history of Firebase next :)
Excellent video! Thank you!
Thanks so much for making this informative video! Fun, information and engaging!!! thanks!!
'Now more than ever you can... with blazing speeds of 56k" that really cracked me up...lol
Legends says every 5 minutes a new js framework is born
legends say*
you can't put 's' addition in verb since the subject is plural
@Ruddy Julien Nouwezem Legends say no he doesn't
fyi - Actionscript was developed by Macromedia, not Adobe.
Awesome video! Thank you!!
I got great videos on my CZcams homepage, it's a good day today!
The “I guess” in the thumbnail made me think about Bill Wurtz
It's a matter of time until we'll use a full OS that's powered by JavaScript
avi12 Firefox OS was almost that!
I remember laughing at the idea of writing an os in Javascript. I don't anymore
@@basit876 I'm still laughing because Javascript is fucking trash.
node-os.com/
@@pancakesupreme5071 we're laughing at you
This was a tour de force. Thank you!
I loved Flash. :( Thousands of lines of my old work from 15 years ago all fading away... :( Games, data-driven plugins for CMS... Guitar Guide. I never knew where Action Script came from before this. ES 4... Nicest looking thing at the time!
Oh, now i know why JS is so fu*ked up :D
Yeah, it's almost as if it was created for making simple status bar scrollers and not proper applications. They should just rip it off the browsers and replace with something faster and bettet such as LuaJIT.
@@UltimatePerfection Indeed, the creator of JavaScript did not anticipate its popularity. But you have WASM now, which enables you to use whatever you like, there's no need to complain.
@@khai96x There is, until JS support gets ripped out of browsers and the developers will have to either use wasm with a proper programming language or make static html pages with only CSS to make them look nice.
Y’all are smoking some good stuff. WASM currently requires JavaScript to bootstrap, and has no direct access to the DOM. JS is fine. It’s the developers who are the issue. If you need a strongly typed language look into TypeScript.
ephektz fine isn’t how I would describe a language where most linters will not even let you use most features of the language.
I never liked JS so PHP was my way out, but even with that you never fully get away from JS. Now I'm testing Blazor which seems very promising.
Great video, really enjoyed it
Fireship and this video inspired me to learn JavaScript and I love it :)
You might not believe, but once in an interview i and employer only talked this (history and specs evolution) during entire interview.
I was hired and i worked for that company for 1 year :)
Awesome! An understanding of the spec evolution is usually a trait of a good JS programmer, IMO.
Indeed
Normal
Brendan Eich is now the major force behind the Brave browser which could allow an alternative payment method for web sites to the horrid advertising environment we live in. I encourage anyone interested to check it out. Blockchain!!!
Not sure if new javascript libs are popping up faster the Fireship videos!!! Both are great!!!
Beautiful, thanks!!
Here I am, watching a video about a language I don't like. Well made documentary about my enemy.
but you're running with js
@@ENXJ For everyday work Python. I know, no fair comparison for the use case. For high performance I want to learn C++.
learn rust instead of c++ and compile it to webassembly to get rid of js => winwin :)
@@Mefistofy So wait, you hate javascript but love python? What exactly do you like about python that you do not have in JS? They are no that different really (dynamic types, support for imperative, functional and object oriented programing, everything is an object, garbage collected, wide spread, a lot of libraries for pretty much everything, etc, you can even get rid of the c style brakets syntax using something like coffeescript, so that even the syntax is similar to python)
@@sebastiangudino9377 Perhaps perspective from the opposite side can help. I like JS but I'm not a fan of Python. For me, the syntax of Python is just really weird and totally unlike C, and relying on indentation for correct running of code freaks me a out a bit (even though I always fanatically indent my code correctly anyway).
What I learned from this video, it is just the tip of the iceberg to know JS itself. You need to know so many other things in order to do something good.
So from simple, we went to very complex. Was that original idea?
We didn't though. It's still simple if you want it to be, and the complexity that is there doesn't go very deep.
People act as if 10000 framework is only a problem in the JS ecosystem
The retro interviews and commercials really kept me watching to the end of this video
Great video.
Could you let us know, what tools are you using to create these awesome looking videos?
I still love python, although I will learn JS as well now...
Ah the good old days of Mosaic, Lynx and grey pages and no css.....
Fantastic summary.
Brilliant. Thanks!