![Wes Bos](/img/default-banner.jpg)
- 347
- 11 587 543
Wes Bos
Canada
Приєднався 25 січ 2006
HTML, CSS, JavaScript and WordPress web development tutorials!
Відео
Running JS Promises concurrently - but not too many at once!
Переглядів 4,1 тис.5 місяців тому
Running Promises concurrently - but not too many at once! p-map is a nice balance between Promise.all() and sequential await when working with compute heavy functions.
AI Webcam App ROASTS me
Переглядів 3,5 тис.6 місяців тому
Fun little experiment with GPT4-Vision and eleven labs. Code here: github.com/wesbos/ai-webcam
This isn't websockets! fun multi-window demo
Переглядів 142 тис.7 місяців тому
pretty fun. Code here: github.com/wesbos/hot-tips/tree/main/fun-windows
Unreal. AI writing Tailwind + JS from a sketch
Переглядів 10 тис.7 місяців тому
Trying the new TLDraw "Make Real" Button
Here's how stale-while-revalidate works
Переглядів 2,9 тис.7 місяців тому
Here's how stale-while-revalidate works
JavaScript Maps are super underrated
Переглядів 7 тис.9 місяців тому
JavaScript Maps are super underrated
CSS Logical Properties: A good use case
Переглядів 6 тис.Рік тому
CSS Logical Properties: A good use case
Node.js AsyncLocalStorage Explained in 84.3 seconds
Переглядів 9 тис.Рік тому
Node.js AsyncLocalStorage Explained in 84.3 seconds
CSS Text Mask with Video or Canvas (probably not a good idea)
Переглядів 3,6 тис.Рік тому
CSS Text Mask with Video or Canvas (probably not a good idea)
Amazon Code Whisperer VS Github Copilot
Переглядів 37 тис.Рік тому
Amazon Code Whisperer VS Github Copilot
Move over Sass, CSS Selector Nesting is here!
Переглядів 6 тис.Рік тому
Move over Sass, CSS Selector Nesting is here!
The Fullstack Shack: Backyard Office Tour
Переглядів 8 тис.Рік тому
The Fullstack Shack: Backyard Office Tour
3 New & Nifty CSS Things: :has, Container Queries, and Animated CSS Grid
Переглядів 6 тис.Рік тому
3 New & Nifty CSS Things: :has, Container Queries, and Animated CSS Grid
Fix your life with Greasemonkey Scripts
Переглядів 16 тис.Рік тому
Fix your life with Greasemonkey Scripts
4 TypeScript tips: as const, typeof, keyof and template string types
Переглядів 8 тис.Рік тому
4 TypeScript tips: as const, typeof, keyof and template string types
🔥 Here's what the new TypeScript 4.9 `Satisfies` Operator is for
Переглядів 12 тис.Рік тому
🔥 Here's what the new TypeScript 4.9 `Satisfies` Operator is for
Solving a JavaScript Array Reduce Interview Question
Переглядів 22 тис.Рік тому
Solving a JavaScript Array Reduce Interview Question
5 Async + Await Error Handling Strategies
Переглядів 20 тис.Рік тому
5 Async Await Error Handling Strategies
How I edit my TikTok / Shortform Content
Переглядів 3,6 тис.Рік тому
How I edit my TikTok / Shortform Content
Coding a JavaScript Interview Question
Переглядів 9 тис.Рік тому
Coding a JavaScript Interview Question
Can you run Node and NPM apps on Deno?
Переглядів 6 тис.Рік тому
Can you run Node and NPM apps on Deno?
Detecting $8 Twitter Blue Checks with a JavaScript Browser Extension
Переглядів 14 тис.Рік тому
Detecting $8 Twitter Blue Checks with a JavaScript Browser Extension
Some Array destructuring tricks. #shorts
Переглядів 4,3 тис.Рік тому
Some Array destructuring tricks. #shorts
Figuring out what my top tweets are with JS
Переглядів 2,8 тис.Рік тому
Figuring out what my top tweets are with JS
🔥 TypeScript one or the other with `never`
Переглядів 4 тис.Рік тому
🔥 TypeScript one or the other with `never`
Short: remove Large files from a git commit
Переглядів 16 тис.2 роки тому
Short: remove Large files from a git commit
Merch Store Sales and Fulfillment with TypeScript + Next.js
Переглядів 17 тис.3 роки тому
Merch Store Sales and Fulfillment with TypeScript Next.js
The format for people array is already lastname, firstname. Why not just simply call people.sort() and it will sort the array alphabetically by last name?
Alot of times I found the code written before it was made more concise far more readable. Maybe thats because Ive done some Java programming before so im used to things being verbose, but for me being concise in the JS way of things comes at the cost of readability which would cost me time down the road when debugging code.
I Love You Wes! This was just amazing.
Someone has control of my messenger.I was trying to send out a message and on the top of the screen a message said another person is in controls of what u are sending.Does this mean I have been hacked
THANK YOU!
10:00 total is not undefined. If no accumulator is provided, it uses the first element in the array as default. The first element is an object and we are adding a number to that object. js converts that object to a string, and that's where [object Object] came from.
Thats an insane tip!
Give it back my messenger please
it do not work
Very helpful. Thanks.
For some reason, Greasemonkey does not work for me of Firefox 126.0.1 of Windows 11 but Tampermonkey does
You're great, thanks for this masterpiece
Still works in 2024. Amazing!
I want to install fbook & messenger
I want to install Facebook .& Messenger
it really helped me to understand the concept. it works perfectly in desktop view but do not know why it is not working in responsive view.
O:
Ideas for how to increase speed gradually over a set period of time.? For example, over 20 minutes I would like the speed to become x3, it would increase the speed +0.15 every minute, It would be even better if it could increase in 0.01 or even smaller increments every second over the set period of time, but if this is too complicated then the older method is better.
method 3 💪
I still actually find this feature very useful in my daily work
It worked perfectly. Thank you!
beautiful
back in the Nodejs days lol
you make my day! thank you
I opened this short and thought my screen was dirt. Nice tutorial
I really like how nimble you are with your lines of code. how did you manage to move a line of code from on line to another? I'm referring to the edit made @1:46
Just press alt (option on mac) + up or down
obligatory "jetbrains has had this for years" comment, it also has regex search
Git rebase doesn't delete the original commits that you squash. They still live in your storage. Eventually though, they will be garbage collected by git. I don't remember how long it stays on but maybe 1 month later?
"OH No I won't see you tommoro" Oh man this made me feel sad ; any way Thank You for makeing me a better JavaScripter Wes !
still dont get it how you do the wikipedia part.
It is getting hard to get my messager back
My messager please
i had been looking for this since ages. thanks
Is their a short cut to check marked?
Loved the video.But loved even more what the people from odin project are commenting. They share what is being missed here and what to do about it with respect to the course.Thank you to all these peeps.Thats how a healthy community should be.
from the odin project in May,2024.
so essentially you want to use flexbox instead of grid when you want items to wrap without having to follow the rigid grid structure... for all the other cases grid seems to work without a problem
Does this still work?
Still here kicking with The Odin Project April 2024! Who's in it with me?
Thank you for this!
Return my old style messenger back
This is awesome way to learn flex box, because u show what can go wrong and we can fix it. Also inside the nested Flexbox meaning on Plan, could you place flex-direction:column ? so the items would align vertically
Life saving video, thanks alot bro ❤
Thank you for all the effort you put into these videos.
In the 7th exercise, aren't you able to just do the .sort without splitting the string? That exercise is a bit tricky, because it says "sort people by LAST name" and the strings in the array are "lasName, firstName", so you don't need to make any changes because if you sort that just alphabetically, it works! I just noticed that because i did this: const alphabeticallyOrdered = people .map(person => person.split(', ')) .sort((a, b) => a[0] > b[0] ? 1 : -1) .map(person => person.join(', ')); and then i realized that splitting and then joining didn't made any sense, so the solution could be just const alphabeticallyOrdered = people.sort((a, b) => a > b ? 1 : -1) But very interesing video, it was very fun^^
Yea, and since the sort method sorts alphabetically by default you don't even need to specify the function inside. My solution is just const ordered = people.sort() console.log(ordered) and it works just like in the video as far as I can tell.
thank you so much buddy, this video is so helpful
Came here from TOP. Really helpful.
STOP MOVING STUFF. Refactor after videos are done. These videos are also in The Odin Project foundations cirriculum. Talking about 18:48.
Hi i liked your video a lot, can you make another video and how this drone can lock into a object or a person and than follow it ?
I know that theme from a mile away. Cobalt2.