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

Пікірлер: 152

  • @Kane0123
    @Kane01235 ай бұрын

    Watching in 2x to learn even more blazingly faster.

  • @lukedefreitas7930

    @lukedefreitas7930

    5 ай бұрын

    Amazing

  • @AdamFiregate

    @AdamFiregate

    5 ай бұрын

    Every time 😊

  • @Sakrosankt-Bierstube

    @Sakrosankt-Bierstube

    5 ай бұрын

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

  • @nullbeyondo

    @nullbeyondo

    5 ай бұрын

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

  • @amalvincent20

    @amalvincent20

    5 ай бұрын

    me 4x

  • @uuu12343
    @uuu123435 ай бұрын

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

  • @rosyidharyadi7871

    @rosyidharyadi7871

    5 ай бұрын

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

  • @TehKarmalizer

    @TehKarmalizer

    5 ай бұрын

    Looks tired, tbh.

  • @Requiem100500

    @Requiem100500

    5 ай бұрын

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

  • @d_atura

    @d_atura

    4 ай бұрын

    you can see that hes holding back so much

  • @lukedefreitas7930
    @lukedefreitas79305 ай бұрын

    "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

    @aslkdjfzxcv9779

    4 ай бұрын

    bravo

  • @romainvincent7346

    @romainvincent7346

    4 ай бұрын

    @@aslkdjfzxcv9779 Gladiator mentionned, let's go!

  • @lukedefreitas7930

    @lukedefreitas7930

    4 ай бұрын

    @@romainvincent7346 The name is.... Gladiatagen

  • @skrypets
    @skrypets5 ай бұрын

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

  • @vicca4671

    @vicca4671

    5 ай бұрын

    He's allocating memory _blazingly fast_

  • @darukutsu

    @darukutsu

    4 ай бұрын

    but compiling was 9months

  • @phoenix-tt

    @phoenix-tt

    4 ай бұрын

    ​@@darukutsu It's IO bound

  • @bombrman1994
    @bombrman19945 ай бұрын

    feels like a meme more than an actual course

  • @forinda
    @forinda5 ай бұрын

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

  • @gauravkelkar8824
    @gauravkelkar88244 ай бұрын

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

  • @robonator2945
    @robonator29455 ай бұрын

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

  • @MrGeerye
    @MrGeerye5 ай бұрын

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

  • @maxwebstudio
    @maxwebstudio5 ай бұрын

    Another amazing course

  • @zalic
    @zalic5 ай бұрын

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

  • @nikolaicholakov2798
    @nikolaicholakov27985 ай бұрын

    hahaah ThePrimeagen is such a character, love it

  • @ged9925
    @ged99255 ай бұрын

    So good!

  • @konfcyus4865
    @konfcyus48655 ай бұрын

    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

    @C4CH3S

    5 ай бұрын

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

  • @FrontendMasters

    @FrontendMasters

    5 ай бұрын

    This is something we'd love to do. In the meantime, we do have a discount for countries with lower purchasing power! Email support@frontendmasters.com to inquire.

  • @C4CH3S

    @C4CH3S

    5 ай бұрын

    @@FrontendMasters awesome. I will send email

  • @darkarie

    @darkarie

    5 ай бұрын

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

  • @TheHTMLCode
    @TheHTMLCode4 ай бұрын

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

  • @ujjawal_
    @ujjawal_4 ай бұрын

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

  • @leaodev
    @leaodev5 ай бұрын

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

  • @Pixlcaster
    @Pixlcaster4 ай бұрын

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

  • @OverPwng
    @OverPwng5 ай бұрын

    Seeing Prime this calm is unnerving lmao

  • @rmbl349
    @rmbl3495 ай бұрын

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

  • @kon-jakub
    @kon-jakub5 ай бұрын

    LETS GO! LETS GO!

  • @zeebs7163
    @zeebs71635 ай бұрын

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

  • @ninlanalumni2233

    @ninlanalumni2233

    4 ай бұрын

    Yup. ThePrimeagen

  • @pavloburyanov5842
    @pavloburyanov58425 ай бұрын

    omg, Primagen without a headphones!

  • @von.changfeng

    @von.changfeng

    5 ай бұрын

    hahahah

  • @natescode

    @natescode

    5 ай бұрын

    They must have drugged him to make that happen

  • @DanielToebe
    @DanielToebe5 ай бұрын

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

  • @danielmajer1648
    @danielmajer16484 ай бұрын

    Tom has taught Prime. He is a genius.

  • @justkant
    @justkant5 ай бұрын

    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

  • @AdamFiregate
    @AdamFiregate5 ай бұрын

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

  • @miguelduarte75
    @miguelduarte754 ай бұрын

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

  • @abubakarsadeeq2974
    @abubakarsadeeq29745 ай бұрын

    Awesome

  • @haxxor7606
    @haxxor76065 ай бұрын

    How many dependencies does it take to support his mustacho?

  • @haxxor7606

    @haxxor7606

    5 ай бұрын

    7 apparently

  • @haxxor7606

    @haxxor7606

    4 ай бұрын

    9 now

  • @conorx3
    @conorx35 ай бұрын

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

  • @bombrman1994

    @bombrman1994

    5 ай бұрын

    NOPE

  • @excelnutcracker4312

    @excelnutcracker4312

    5 ай бұрын

    yes and a free subscription /jk

  • @rawallon
    @rawallon5 ай бұрын

    How much dos it cost

  • @thegrumpydeveloper
    @thegrumpydeveloper4 ай бұрын

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

  • @stefanosgiannakis7151
    @stefanosgiannakis71515 ай бұрын

    gold

  • @jellyfish1772
    @jellyfish17724 ай бұрын

    I love you brother ❤

  • @9remi
    @9remi5 ай бұрын

    dude i need this keyboard

  • @AK-vx4dy
    @AK-vx4dy2 ай бұрын

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

  • @RobertDogo
    @RobertDogo5 ай бұрын

    Only works if you use vim btw

  • @MarcosVinicius-zs7je
    @MarcosVinicius-zs7je5 ай бұрын

    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

    @okie9025

    5 ай бұрын

    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

    @MarcosVinicius-zs7je

    5 ай бұрын

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

  • @deluxe_1337
    @deluxe_13375 ай бұрын

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

  • @andrewnleon
    @andrewnleon4 ай бұрын

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

  • @not_a_cool_handle
    @not_a_cool_handle5 ай бұрын

    you look high my boi

  • @pratik_dev
    @pratik_dev3 ай бұрын

    i need s1 e1

  • @user-ji8bh2by3f
    @user-ji8bh2by3f4 ай бұрын

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

  • @Aabid789

    @Aabid789

    4 ай бұрын

    and what about the name and model of the Editor 😜

  • @sametYi97

    @sametYi97

    4 ай бұрын

    @@Aabid789I think he is using Vim

  • @henokhsatrio8804

    @henokhsatrio8804

    3 ай бұрын

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

  • @nejathakan5521
    @nejathakan55215 ай бұрын

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

  • @steefen
    @steefen4 ай бұрын

    step 1: grow a glorious moustache

  • @shrimpoffthebarbie
    @shrimpoffthebarbie5 ай бұрын

    What game?

  • @TheD3adlysin
    @TheD3adlysin5 ай бұрын

    FEMBOYZ for life!!

  • @allesarfint
    @allesarfint5 ай бұрын

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

  • @AK-vx4dy
    @AK-vx4dy2 ай бұрын

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

  • @gavinvales8928
    @gavinvales89285 ай бұрын

    I clicked on this blazingly fast

  • @oleksiistri8429
    @oleksiistri84294 ай бұрын

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

  • @thefullstackproject
    @thefullstackproject4 ай бұрын

    mouse left the conversation !!

  • @AB-kq9xm
    @AB-kq9xm4 ай бұрын

    Wheres the jsx bro

  • @prodbybence8882
    @prodbybence88825 ай бұрын

    W

  • @arnesl929
    @arnesl9295 ай бұрын

    I like for loops😂

  • @AntiAtheismIsUnstoppable

    @AntiAtheismIsUnstoppable

    5 ай бұрын

    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?

  • @aaaaanh
    @aaaaanh4 ай бұрын

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

  • @douglascounts4634
    @douglascounts46345 ай бұрын

    Father of the "Gang of Four"

  • @philadams9254
    @philadams92545 ай бұрын

    Where are his headphones???? 😮😮

  • @bleakCode
    @bleakCode4 ай бұрын

    "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

  • @foqsi_
    @foqsi_5 ай бұрын

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

  • @bobanmilisavljevic7857
    @bobanmilisavljevic78575 ай бұрын

    Whos this brown hair guy?

  • @electrolyteorb

    @electrolyteorb

    5 ай бұрын

    Dont know... Ai or something?

  • @AdamFiregate

    @AdamFiregate

    5 ай бұрын

    The Brownagen

  • @powerofpavan7710

    @powerofpavan7710

    5 ай бұрын

    robot

  • @DaviAreias

    @DaviAreias

    5 ай бұрын

    He’s the CEO of neovim

  • @nullbeyondo

    @nullbeyondo

    5 ай бұрын

    Lmfao, because he died his hair blue recently

  • @thygrrr
    @thygrrr5 ай бұрын

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

  • @douglascounts4634
    @douglascounts46345 ай бұрын

    CHROOT!!!

  • @dytra_io
    @dytra_io4 ай бұрын

    bro, where's the game

  • @josematos1695
    @josematos16955 ай бұрын

    Why primagean dressed like a jedi?

  • @kapraltygrys2603
    @kapraltygrys26035 ай бұрын

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

  • @kapraltygrys2603

    @kapraltygrys2603

    5 ай бұрын

    array's live matter

  • @bleakCode
    @bleakCode4 ай бұрын

    Great meme

  • @vhaangol4785
    @vhaangol47855 ай бұрын

    Uncanny-valley-eagen

  • @matthewrossee
    @matthewrossee4 ай бұрын

    "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

  • @weeb3277
    @weeb32775 ай бұрын

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

  • @AdamS-lo9mr
    @AdamS-lo9mr4 ай бұрын

    I cannot imagine being so allergic to a for loop

  • @alltheserobotsshallfall
    @alltheserobotsshallfall4 ай бұрын

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

  • @wlockuz4467
    @wlockuz44674 ай бұрын

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

  • @klirmio21
    @klirmio215 ай бұрын

    no blue hair 😭😭😭😭

  • @cameronadams4366
    @cameronadams43664 ай бұрын

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

  • @oopss794
    @oopss7945 ай бұрын

    blazingly beautiful wife

  • @viniciusmorgado9722
    @viniciusmorgado97225 ай бұрын

    No waifu background?

  • @Triplechomending
    @Triplechomending4 ай бұрын

    when watching on 2x is not enough

  • @AdiktdToLoli
    @AdiktdToLoli5 ай бұрын

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

  • @elvispalace
    @elvispalace5 ай бұрын

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

  • @13odman
    @13odman4 ай бұрын

    Dude needs to reduce the adhd meds a few mg

  • @dangallagher6176
    @dangallagher61765 ай бұрын

    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

    @douglascounts4634

    5 ай бұрын

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

  • @gravityshark580

    @gravityshark580

    5 ай бұрын

    he can pump them out blazingly fast

  • @noext7001
    @noext70015 ай бұрын

    prime coding oop ? is this a deep fake ?

  • @douglascounts4634

    @douglascounts4634

    5 ай бұрын

    Yes....

  • @MorRobots
    @MorRobots5 ай бұрын

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

  • @desireco
    @desireco5 ай бұрын

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

  • @havocthehobbit
    @havocthehobbit4 ай бұрын

    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.

  • @bitmanagent67
    @bitmanagent675 ай бұрын

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

  • @thygrrr

    @thygrrr

    5 ай бұрын

    And those devs deserved it.

  • @humansaremortal3803
    @humansaremortal38034 ай бұрын

    Don't believe his lies.

  • @idlesky
    @idlesky4 ай бұрын

    wtf is this, its not JavaScript, its TS

  • @xoskvr

    @xoskvr

    4 ай бұрын

    and what is TS? the javascript.

  • @idlesky

    @idlesky

    4 ай бұрын

    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

    @xoskvr

    4 ай бұрын

    @@idlesky ts is superset of js

  • @idlesky

    @idlesky

    4 ай бұрын

    @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

    @xoskvr

    4 ай бұрын

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

  • @bandinopla
    @bandinopla4 ай бұрын

    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.