Blazingly Fast JavaScript with ThePrimeagen | Preview
Вставка
- Опубліковано 7 чер 2024
- 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
Watching in 2x to learn even more blazingly faster.
Amazing
Every time 😊
Wrote a chrome addon to speedup the video 4x, just to learn even faster than even blazingly faster.
@@Sakrosankt-Bierstube What if our brains become a bottleneck... skill-issue?
me 4x
"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."
bravo
@@aslkdjfzxcv9779 Gladiator mentionned, let's go!
@@romainvincent7346 The name is.... Gladiatagen
Prime is so chill here, im not used to it
I'm uncomfortable
Yeah, it looks like someone does deepfake his face or something
Looks tired, tbh.
Yeah it's rly weird not hearing him scream DEEZ NUTS every 30 seconds
you can see that hes holding back so much
Wait you had 3 kids, damn you're blazing fast...
He's allocating memory _blazingly fast_
but compiling was 9months
@@darukutsu It's IO bound
feels like a meme more than an actual course
Now ThePrimeagen is very humble. He's really intelligent🚀
Just watching this course humbles me. I havent event scratched the surface
I can't wait for his presentation on how to make the coldest fire or the hardest pillow.
I love how the student learning is also learning how to grow a TheMoustagen moustache.
Another amazing course
So good!
hahaah ThePrimeagen is such a character, love it
Resubbing to FEM for this and primes 2nd algorithms course. Hype!
the keyboard sound is amazing. Do anyone know which keyboard is this?
I don't hava a moustache. Can I sill take this course? thanks
But why a subscription not a "buy once, own forever"?
I wonder what diagraming tool he is using there. Looks cool
LETS GO! LETS GO!
Seeing Prime this calm is unnerving lmao
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.
39$ is a week of working where I live. I wanted to watch the svelte courses but for me it's extremely expensive.
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.
@@FrontendMasters awesome. I will send email
@@FrontendMastersI did send the mail and the response was the following: "We don't have any discounts or promotions available at this time."
He's like the Dr. Disrespect of programming. Humble guy playing his role.
I thought it was a joke at first, but it looks pretty good.
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
@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.
Awesome
Tom has taught Prime. He is a genius.
hey, i like this tutor. He's so calm and composed. Does he have a youtube channel?
Yup. ThePrimeagen
Maybe someone knows if there is this kind of analysis but for C#?
omg, Primagen without a headphones!
hahahah
They must have drugged him to make that happen
It is so fast I needed to slow down the video tempo 😊
How much dos it cost
I love you brother ❤
gold
Really love this Prime great explanation from a master! Please dont use a gaming keyboard lol! Your key clicks are so loud!
How many dependencies does it take to support his mustacho?
7 apparently
9 now
This looks pretty good. Will it get me a job at Netflix?
NOPE
yes and a free subscription /jk
I hope there’s a chapter in the paid version that tells me how to grow a moustache half as good as prime’s.
you look high my boi
step 1: grow a glorious moustache
dude i need this keyboard
What game?
Skill is strong here.
But is it for Masters who have unconcius skill issues by not knowing enough about funadamentals (Theo ;)?).
This is the first time I've seen his ears.
Only works if you use vim btw
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.
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.
@@okie9025 Man you helped alot! i will writte this down and study it in due time. Thanks man
i need s1 e1
FEMBOYZ for life!!
Can you tell me the brand and model of the keyboard?
and what about the name and model of the Editor 😜
@@Aabid789I think he is using Vim
it's probably kinesis advantage pro. That brand is his favorite
I removed also all the BULLETS on the Back End to make Java Script even more BULLET PROOF BLAZINGLY fast.
Wheres the jsx bro
I clicked on this blazingly fast
mouse left the conversation !!
FEM I just want to notice that the renders have the wrong hair color, you should redo it with the correct one.
I love for loops with index and hate foreach, am I the only one?
Father of the "Gang of Four"
W
Where are his headphones???? 😮😮
Where’s my unhinged primeagen? Is this the calm before the storm that absolutely blued his hair? 😭
I like for loops😂
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?
"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
CHROOT!!!
bro, where's the game
when you need to teach basic loop and sell it as "something normal" the society has already fallen, no kidding
array's live matter
Hello Off-by-One-Prime, I'm Naming-Things-Tiger.
"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
I don't even know wtf he doing in vim.
Whos this brown hair guy?
Dont know... Ai or something?
The Brownagen
robot
He’s the CEO of neovim
Lmfao, because he died his hair blue recently
blazing or blazingly? 🤔
i think one of them is a bit more efficient... if you catch my drift...
Uncanny-valley-eagen
Great meme
Why primagean dressed like a jedi?
Didn't say "btw" after saying he works at Netflix. I think they got the bootleg Prime.
using the hoodie indoors makes you look extremely silly. i mean, EXTREMELY silly.
I cannot imagine being so allergic to a for loop
I still dont understand why people roast 'class' in JavaScript/TypeScript. How would you code a game like this without 'class'
when watching on 2x is not enough
blazingly beautiful wife
No waifu background?
no blue hair 😭😭😭😭
Dude needs to reduce the adhd meds a few mg
Who the heck is this person... he's not the utubr i know 😅
who? i mean. that guy doesn't seems prime
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
Father of the "Gang of Four" though sounds even better.
he can pump them out blazingly fast
prime coding oop ? is this a deep fake ?
Yes....
Lol the intro Cringe... lol. It's almost so bad it's good.... almost.
He screams a lot, I just can't...
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.
Fkn hate JavaScript. It is like God was mad at devs and created JavaScript as punishment.
And those devs deserved it.
Don't believe his lies.
wtf is this, its not JavaScript, its TS
and what is TS? the javascript.
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.
@@idlesky ts is superset of js
@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.
@@idlesky if you are that experienced, why you watch primeagen 💀💀💀 ts is superset of js and stop arguing
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.