Blazingly Fast JavaScript with ThePrimeagen | Preview

Full Course:
Blazingly Fast JavaScript: frontendmasters.com/courses/b...
About this Course:
Make your code faster through benchmarking and optimization. Using a practical Web Sockets game demo, you'll learn to optimize memory and asynchronous JavaScript, testing and iterating throughout the course. You'll tackle garbage collection, memory profiling, data structures like sets and arrays, and event loop management. Gain advanced techniques such as employing memory pools and understanding Prime's philosophy of performance-driven programming, preparing you to write blazingly fast and efficient code!
Find Frontend Masters Online:
Twitter: / frontendmasters
LinkedIn: / frontend-masters
Facebook: / frontendmasters
Instagram: / frontendmasters
About Us:
Advance your skills with in-depth, modern front-end engineering courses - our 150+ high-quality courses and 18 curated learning paths will guide you from mid-level to senior developer! frontendmasters.com/?...
Sections:
0:00 - Introduction & Course Description
0:35 - Refactoring Set to Array
8:00- Event Loops & Promises
14:16 - Optimizing Logging

[@Kane0123]

Watching in 2x to learn even more blazingly faster.

[@lukedefreitas7930]

Amazing

[@AdamFiregate]

Every time 😊

[@Sakrosankt-Bierstube]

Wrote a chrome addon to speedup the video 4x, just to learn even faster than even blazingly faster.

[@nullbeyondo]

@@Sakrosankt-Bierstube What if our brains become a bottleneck... skill-issue?

[@amalvincent20]

me 4x

[@lukedefreitas7930]

"Engineer to a streaming giant. Husband to a beautiful wife. Father of 4 kids. King of the rustaceans. And I will have my vengeance against JavaScript frameworks in this life or the next."

[@aslkdjfzxcv9779]

bravo

[@romainvincent7346]

@@aslkdjfzxcv9779 Gladiator mentionned, let's go!

[@lukedefreitas7930]

@@romainvincent7346 The name is.... Gladiatagen

[@uuu12343]

Prime is so chill here, im not used to it I'm uncomfortable

[@rosyidharyadi7871]

Yeah, it looks like someone does deepfake his face or something

[@TehKarmalizer]

Looks tired, tbh.

[@Requiem100500]

Yeah it's rly weird not hearing him scream DEEZ NUTS every 30 seconds

[@d_atura]

you can see that hes holding back so much

[@skrypets]

Wait you had 3 kids, damn you're blazing fast...

[@vicca4671]

He's allocating memory _blazingly fast_

[@darukutsu]

but compiling was 9months

[@phoenix-tt]

​@@darukutsu It's IO bound

[@forinda]

Now ThePrimeagen is very humble. He's really intelligent🚀

[@bombrman1994]

feels like a meme more than an actual course

[@gauravkelkar8824]

Just watching this course humbles me. I havent event scratched the surface

[@robonator2945]

I can't wait for his presentation on how to make the coldest fire or the hardest pillow.

[@MrGeerye]

I love how the student learning is also learning how to grow a TheMoustagen moustache.

[@ged9925]

So good!

[@nikolaicholakov2798]

hahaah ThePrimeagen is such a character, love it

[@maxwebstudio]

Another amazing course

[@TheHTMLCode]

Resubbing to FEM for this and primes 2nd algorithms course. Hype!

[@OverPwng]

Seeing Prime this calm is unnerving lmao

[@rmbl349]

He's like the Dr. Disrespect of programming. Humble guy playing his role.

[@danielmajer1648]

Tom has taught Prime. He is a genius.

[@konfcyus4865]

Dear FrontendMasters , please implement a regional pricing or course based pricing to your site , 39$ a month is a little steep price considering im only interested in some of the courses.

[@C4CH3S]

39$ is a week of working where I live. I wanted to watch the svelte courses but for me it's extremely expensive.

[@FrontendMasters]

This is something we'd love to do. In the meantime, we do have a discount for countries with lower purchasing power! Email [e-mail] to inquire.

[@C4CH3S]

@@FrontendMasters awesome. I will send email

[@darkarie]

@@FrontendMastersI did send the mail and the response was the following: "We don't have any discounts or promotions available at this time."

[@zalic]

But why a subscription not a "buy once, own forever"?

[@ujjawal_]

the keyboard sound is amazing. Do anyone know which keyboard is this?

[@kon-jakub]

LETS GO! LETS GO!

[@leaodev]

I don't hava a moustache. Can I sill take this course? thanks

[@abubakarsadeeq2974]

Awesome

[@DanielToebe]

I thought it was a joke at first, but it looks pretty good.

[@pavloburyanov5842]

omg, Primagen without a headphones!

[@von.changfeng]

hahahah

[@natescode]

They must have drugged him to make that happen

[@Pixlcaster]

I wonder what diagraming tool he is using there. Looks cool

[@jellyfish1772]

I love you brother ❤

[@zeebs7163]

hey, i like this tutor. He's so calm and composed. Does he have a youtube channel?

[@ninlanalumni2233]

Yup. ThePrimeagen

[@AdamFiregate]

It is so fast I needed to slow down the video tempo 😊

[@justkant]

Set to Array refactoring seems a bit misleading, grouping 3 loops into 1 and then going 3x faster I'm wondering what would be the result with the same loop and a set, probably still faster with the array tho

[@AK-vx4dy]

@4:31 are you modyfing outer loop control value using i--(post decrement) ? it wii be very hard to understand for next person. From my personal experience using while for outer loop can give more understandable code in such case. But other way if some one will grasp what happen with array with this splicing he shoud grasp this too.

[@haxxor7606]

How many dependencies does it take to support his mustacho?

[@haxxor7606]

7 apparently

[@haxxor7606]

9 now

[@conorx3]

This looks pretty good. Will it get me a job at Netflix?

[@bombrman1994]

NOPE

[@excelnutcracker4312]

yes and a free subscription /jk

[@not_a_cool_handle]

you look high my boi

[@stefanosgiannakis7151]

gold

[@andrewnleon]

Really love this Prime great explanation from a master! Please dont use a gaming keyboard lol! Your key clicks are so loud!

[@miguelduarte75]

Maybe someone knows if there is this kind of analysis but for C#?

[@TheD3adlysin]

FEMBOYZ for life!!

[@9remi]

dude i need this keyboard

[@thegrumpydeveloper]

I hope there’s a chapter in the paid version that tells me how to grow a moustache half as good as prime’s.

[@thefullstackproject]

mouse left the conversation !!

[@gavinvales8928]

I clicked on this blazingly fast

[@rawallon]

How much dos it cost

[@nejathakan5521]

I removed also all the BULLETS on the Back End to make Java Script even more BULLET PROOF BLAZINGLY fast.

[@MarcosVinicius-zs7je]

I'm just starting to learn programming and i'm focusing on javascript, it would be of great help if someone explain to me all that is happening on this video. what are those programs that he is using? What do they do? What are they purpose? How can i be good at it?where can i learn it? What are those (in my perspective)advanced programming functions that are in his code? Thanks in advance for everyone who takes the time to answer me.

[@okie9025]

The program where you see him editing code is the Vim text editor - a special terminal text editor for advanced users where you memorize a bunch of ergonomic keystrokes for moving through the code which seem weird at first ("hjkl" instead of arrow keys for moving around) but supposedly make you faster at typing and moving through the code. Other alternatives are VSCode, Sublime Text, etc. The program which shows the graphs and which allows profiling is Google Chrome, specifically with the Chrome Dev Tools sidebar opened. This allows you to test your code for performance, network, and memory usage, along with much more. It has many options and is extremely useful. The place where he types things like "cargo run" or otherwise runs the actual programs is the terminal emulator - this is the most basic way to communicate with your computer where you type commands that run programs and give back results. The commands he runs are (I'm assuming) a benchmarking program written in Rust powered by the Cargo package manager, and the actual Node.js process itself which is being tested. He can run both of these commands at the same time by having 2 terminals opened. The website where he draws shapes in order to explain concepts is Excalidraw. The functions in his code (I'm assuming) are for a video game example program, or at least a simulation of a video game (you simulate things like player movement and shooting bullets but don't actually draw/render anything to the screen). The actual code itself seems to be written using classes and in a standard JS manner using modern ES6 methods and no special libraries. He uses a special "logger" variable in his code which I'm not sure is a 3rd party library or his own custom class, but all it does is write text to a file in a temporary directory in the system, which I'm not sure what is used for. There is also another file specifically for testing the code - this is where you see function calls like test() and expect(). This code runs a simulation of the main program (which is already a video game simulation - simulationception!) and tests whether certain variables are what they should be. For example if you add an item to an empty array, then we should expect that array to now have exactly one item. If not, the program exits and show you where you went wrong. These tests are hand-written and help you avoid mistakes in the logic of your code.

[@MarcosVinicius-zs7je]

@@okie9025 Man you helped alot! i will writte this down and study it in due time. Thanks man

[@deluxe_1337]

This is the first time I've seen his ears.

[@user-ji8bh2by3f]

Can you tell me the brand and model of the keyboard?

[@Aabid789]

and what about the name and model of the Editor 😜

[@sametYi97]

@@Aabid789I think he is using Vim

[@henokhsatrio8804]

it's probably kinesis advantage pro. That brand is his favorite

[@AK-vx4dy]

Skill is strong here. But is it for Masters who have unconcius skill issues by not knowing enough about funadamentals (Theo ;)?).

[@steefen]

step 1: grow a glorious moustache

[@pratik_dev]

i need s1 e1

[@douglascounts4634]

CHROOT!!!

[@douglascounts4634]

Father of the "Gang of Four"

[@arnesl929]

I like for loops😂

[@doyoufeel...thatyoulackcri6760]

In raw machine code you can do branch on zero and save a clock cycle instead of first doing a comparison and then branch on equal, can you do that with javascript too, by counting downwards instead of upwards?

[@bleakCode]

"I wrote one unit test, one integeration test. Might not work on mac. It just spawns bunches of processes and one zombie process". LMAO can't stop laughing

[@aaaaanh]

Where’s my unhinged primeagen? Is this the calm before the storm that absolutely blued his hair? 😭

[@RobertDogo]

Only works if you use vim btw

[@allesarfint]

FEM I just want to notice that the renders have the wrong hair color, you should redo it with the correct one.

[@shrimpoffthebarbie]

What game?

[@oleksiistri8429]

I love for loops with index and hate foreach, am I the only one?

[@thygrrr]

Hello Off-by-One-Prime, I'm Naming-Things-Tiger.

[@AB-kq9xm]

Wheres the jsx bro

[@philadams9254]

Where are his headphones???? 😮😮

[@kapraltygrys2603]

when you need to teach basic loop and sell it as "something normal" the society has already fallen, no kidding

[@kapraltygrys2603]

array's live matter

[@bobanmilisavljevic7857]

Whos this brown hair guy?

[@electrolyteorb]

Dont know... Ai or something?

[@AdamFiregate]

The Brownagen

[@powerofpavan7710]

robot

[@DaviAreias]

He’s the CEO of neovim

[@nullbeyondo]

Lmfao, because he died his hair blue recently

[@matthewrossee]

"people hate this idea of for loops", it's amazing how javascript contaminated the programming world, people would rather spawn some closure bois instead of just using a base programming concept

[@prodbybence8882]

W

[@foqsi_]

I don't even know wtf he doing in vim.

[@Triplechomending]

when watching on 2x is not enough

[@bleakCode]

Great meme

[@alltheserobotsshallfall]

using the hoodie indoors makes you look extremely silly. i mean, EXTREMELY silly.

[@dytra_io]

bro, where's the game

[@AdamS-lo9mr]

I cannot imagine being so allergic to a for loop

[@weeb3277]

blazing or blazingly? 🤔 i think one of them is a bit more efficient... if you catch my drift...

[@vhaangol4785]

Uncanny-valley-eagen

[@wlockuz4467]

Didn't say "btw" after saying he works at Netflix. I think they got the bootleg Prime.

[@josematos1695]

Why primagean dressed like a jedi?

[@cameronadams4366]

I still dont understand why people roast 'class' in JavaScript/TypeScript. How would you code a game like this without 'class'

[@oopss794]

blazingly beautiful wife

[@klirmio21]

no blue hair 😭😭😭😭

[@viniciusmorgado9722]

No waifu background?

[@13odman]

Dude needs to reduce the adhd meds a few mg

[@AdiktdToLoli]

Who the heck is this person... he's not the utubr i know 😅

[@dangallagher6176]

This "father of 4 kids" thing is getting boring, make some more kids man. "father of a small platoon of 13 children" has a much better ring to it

[@douglascounts4634]

Father of the "Gang of Four" though sounds even better.

[@gravityshark580]

he can pump them out blazingly fast

[@elvispalace]

who? i mean. that guy doesn't seems prime

[@noext7001]

prime coding oop ? is this a deep fake ?

[@douglascounts4634]

Yes....

[@desireco]

He screams a lot, I just can't...

[@MorRobots]

Lol the intro Cringe... lol. It's almost so bad it's good.... almost.

[@bitmanagent67]

Fkn hate JavaScript. It is like God was mad at devs and created JavaScript as punishment.

[@thygrrr]

And those devs deserved it.

[@idlesky]

wtf is this, its not JavaScript, its TS

[@xoskvr]

and what is TS? the javascript.

[@idlesky]

no, TS is per definition not JavaScript. you can arguee it is, but the language specification proofs its not. Most TS code cannot be executed in an ECMASctipt engine and that is the requirement, whatever you like it or not.

[@xoskvr]

@@idlesky ts is superset of js

[@idlesky]

@xoskvr its not. its it however popular myth. Every expirenced developer knows TS is a limitation if you are good. it produce more bugs, slow down development and add a bunch of complexity. Even Microsoft knows it themselves. It only shine if you are medium/avarage in skill.

[@xoskvr]

@@idlesky if you are that experienced, why you watch primeagen 💀💀💀 ts is superset of js and stop arguing

[@humansaremortal3803]

Don't believe his lies.

[@havocthehobbit]

I was just about to ask how many jobs does "The Prime.." have , but now that his intro has told us that he has 4 children, I kind of understand why , he's at Netflix, Posting Twitch/YT vids every day and creates courses like this ,...kids chew on finances . Lucky man but it must be such hard work keeping up with all of that and a big family.

[@bandinopla]

why you have to say you are a "husband" and a "father" like if that would have any relevance on what you do as a developer? why not say you have a mustache also? add more irrelevant shit while you're at it.