- 22
- 232 323
caleyCodeLab
United Kingdom
เข้าร่วมเมื่อ 7 พ.ย. 2020
Lead web engineer based in London.
Web development tutorials
Web discussion
code reviews
Code reactions
Web development tutorials
Web discussion
code reviews
Code reactions
How to improve coding skills - learning with Exercism
Platform used in the video - exercism.org
Ready to boost your coding skills? Dive into this live coding session with me as I tackle a challenge on Exercism, the ultimate platform for leveling up your programming game. I'll walk you through the process, sharing tips and tricks to help you improve your coding prowess. Whether you're a newbie or a seasoned developer, this video has something for everyone. Let's get coding and amp up those skills together! Hit play now! 💻🔥
Ready to boost your coding skills? Dive into this live coding session with me as I tackle a challenge on Exercism, the ultimate platform for leveling up your programming game. I'll walk you through the process, sharing tips and tricks to help you improve your coding prowess. Whether you're a newbie or a seasoned developer, this video has something for everyone. Let's get coding and amp up those skills together! Hit play now! 💻🔥
มุมมอง: 165
วีดีโอ
Code your portfolio website now - I used React, NextJs, AWS, TypeScript
มุมมอง 318ปีที่แล้ว
www.caleycodelab.com Caley code lab website repository - github.com/michaelCaleyWhaley/caley-code-lab-website 🎨 My Editor Settings Visual studio code Afterglow - Code examples used in videos are uploaded here: github.com/michaelCaleyWhaley/youtube - Visit the channel here: th-cam.com/channels/NJtGIsRYoWLAvdKJRkoLJw.html - Say hello on instagram here: caleyinbriefs
Game Development Costs Hit $1 Billion? Creating My Own Low-Quality Game
มุมมอง 152ปีที่แล้ว
Interested in 1-on-1 tutorials? Get in touch with me at caleycode@outlook.com In this video, we'll discuss the jaw-dropping news of game development costs reaching an astonishing $1 billion. I decided to put my game development skills to the test. Inspired by the immense costs and the debate surrounding them, I thought it would be interesting to create my very own low-quality game right here in...
NEXT.JS missing feature - custom localIdentName
มุมมอง 334ปีที่แล้ว
In this video, we take a deep dive into the popular React framework Next.js, and explore a missing feature that has been requested by many developers: the ability to customize the localIdentName. LocalIdentName is an important feature in Next.js as it generates unique class names for CSS Modules. However, the default naming convention can sometimes be cumbersome and difficult to work with, espe...
Javascript todo project tutorial (2/2)
มุมมอง 40ปีที่แล้ว
Part 2 of the critically acclaimed Javascript todo tutorial. In this section we tackle the actual Javascript. Watch part 1 if you need to have a look at the HTML and CSS. A great beginner javascript tutorial. Project link github.com/michaelCaleyWhaley/youtube/tree/master/caleycode-todo "Rexlambo - lost" is is under a Creative Commons (CC BY 3.0) license.creativecommons.org/licenses/b...th-cam.c...
Javascript todo project tutorial (1/2)
มุมมอง 71ปีที่แล้ว
I build a todo list application using vanilla Javascript, html and CSS. It's a great starter project for someone looking to get into programming. Project link github.com/michaelCaleyWhaley/youtube/tree/master/caleycode-todo "Sappheiros - Embrace" is under a Creative Commons license (CC BY 3.0) th-cam.com/users/Sappheiros Music promoted by BreakingCopyright: bit.ly/embrace-song 🎨 My Editor Setti...
Delete commits and edit commits with git rebase. Crazy simple and useful
มุมมอง 36K2 ปีที่แล้ว
Delete commits, rename commits! Save yourself from manually unpicking commits you don't need, and clean up that commit history using git rebase The command I am using in the video is `git rebase -i HEAD~3` #github #Delete #Commit 🎨 My Editor Settings Visual studio code Afterglow - Code examples used in videos are uploaded here: github.com/michaelCaleyWhaley/youtube - Visit the channel here: th-...
Helping people on r/learnjavascript
มุมมอง 2.2K2 ปีที่แล้ว
Lead web engineer and assistant go through a few threads on reddits learnjavascript subreddit. 🎨 My Editor Settings Visual studio code Afterglow - Code examples used in videos are uploaded here: github.com/michaelCaleyWhaley/youtube - Visit the channel here: th-cam.com/channels/NJtGIsRYoWLAvdKJRkoLJw.html - Say hello on instagram here: caleyinbriefs
Bun js vs Node js: server side rendered React
มุมมอง 1.5K2 ปีที่แล้ว
Seeing if I can convert a Node js application which renders React to a string to run on Bun js. Then creating an app from scratch using Bun to see how different they are. Found it pretty fun playing with a new run time and wanted to share my experience! Link to the repo I used as an example github.com/michaelCaleyWhaley/ssr-react #javascript #bunjavascript #nodejs #serverside 🎨 My Editor Settin...
How I added a sitemap to Next.js website (next-sitemap)
มุมมอง 32K2 ปีที่แล้ว
In order to improve the SEO ranking of a new website I had built using Next.js I decided I needed to add the automatic generation of a sitemap xml and robots.txt to the build process. The website is statically exported from Next and then hosted on an S3 bucket in AWS. This video documents me attempting to achieve the above props to this NPM module www.npmjs.com/package/next-sitemap #nextjs Seni...
Updating project dependencies, npm outdated
มุมมอง 37K3 ปีที่แล้ว
Showing how I update a projects dependencies. Senior web developer focusing on Javascript, React and Node. 🎨 My Editor Settings Visual studio code Afterglow - Code examples used in videos are uploaded here: github.com/michaelCaleyWhaley/youtube - Visit the channel here: th-cam.com/channels/NJtGIsRYoWLAvdKJRkoLJw.html - Say hello on instagram here: caleyinbriefs
Javascript Array Reduce (examples with object & array)
มุมมอง 1.7K3 ปีที่แล้ว
Use reduce on object, array or any data type. The Javascript method Reduce is one of the most powerful loops in the language and also one of the most difficult to learn. Senior web developer focusing on Javascript, React and Node. 🎨 My Editor Settings Visual studio code Afterglow - Code examples used in videos are uploaded here: github.com/michaelCaleyWhaley/youtube - Visit the channel here: th...
Leetcode 1689. Partitioning Into Minimum Number Of Deci-Binary Numbers
มุมมอง 993 ปีที่แล้ว
Senior web developer tackles interview style javascript question.
Host your STATIC website on AWS? Points to consider
มุมมอง 2333 ปีที่แล้ว
Some of the points to consider when hosting your static website on AWS
LinkedIn Front-end assessment (as a senior developer)
มุมมอง 2.9K3 ปีที่แล้ว
I already scored in the top 5% of all people on the Javascript assessment, can I repeat that on the LinkedIn Front-end Development skill assessment?
Senior developer fixes cumulative layout shift - slick carousel
มุมมอง 2K3 ปีที่แล้ว
Senior developer fixes cumulative layout shift - slick carousel
Build a website tutorial - for beginners AND LEGENDS
มุมมอง 3983 ปีที่แล้ว
Build a website tutorial - for beginners AND LEGENDS
How to Lazy load images with Javascript
มุมมอง 2.6K4 ปีที่แล้ว
How to Lazy load images with Javascript
Senior developer takes the linkedIn Javascript assessment
มุมมอง 109K4 ปีที่แล้ว
Senior developer takes the linkedIn Javascript assessment
Senior web developer: working from home
มุมมอง 1.9K4 ปีที่แล้ว
Senior web developer: working from home
Brother, brother, brooooooother... Thank you, may god bless you
Greetings from Türkiye love that video :)
Horrifically mangle that like and subscribe button
Peer dependencies are stressing me out
What's the meaning of Wanted version of packages?
POG, thank u!!!
I still find myself coming back to this video. Very helpful
I just don't get it why this loud music, I can barely hear you
This was super helpful!
4:30 LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOL - Only a develper would understand!
You saved my life with this
i would like to learn some Node App.js with you can i have you email to Connect?
"In the spirit of cowboy" Loved that
Explanations are good, but please if you explain something and you want to use you webcam too, face the webcam when you speak. It is just weird to look at your side profile
I tried to make git pushes going back date. Everything is fine but in the activity section, i can still see that commits are made recently. Is there any way to make those dates reflected in the activity section aswell?
Thanks for your sharing a lot! Now my git graph so clean that help me get rid of all my ashame commit from my team repo
thanks a lot
I have two dependencies, one depends on another in series. Unable to update the higher dependency bc it asks for a previous version of the downstream dependency. It won't let me do both at the same time?? How to resolve this?
If the author of the higher dependency has not updated their package there's not much you can do. You can force it to use a newer version but it may not work. In that situation I'd advise sticking with the version spec'd by the higher dependency
Great video
Glad you enjoyed it
Whats the process now in 2024, with the latest version of NextJS? Has anything changed?
Yes!!
Sempai, why GO? Big bucks on horizon?
Process of elimination, combined with desire to not enter a saturated language i.e. python. Big bucks guaranteed
@@caleyCodeLabThank you. Great video as always! <3
I like NextJS very much, but it's unbelievable how that have screwed up Webpack config, hiding css loader, sass loader, etc somewhere deeply and making their customizations impossible without weird crutches. Thanks for the video.
Nice one! V helpful
🔥
Thanks to you for that , very helpful 😉
R u walton raiders?
i love it, it's so funny
i wish it was this easy :(
This is a fantastic way to resolve CLS score of using sliders websites. Keep it up 👍👍👍👍👍👍
while I am installing any npm, all the time I am facing this problem. (Some issues need review, and may require choosing a different dependency.) plz give me a solution
I just want to change the message for old commit. There also was Merges in that brach. And after I made steps from this video and new commit message printed. Git ask me to... RESOLVE CONFLICTS. WTF?? Ridiculous. So rebase is a wrong way for editing message.
Bro do you know how to make commits in back date? I have used a method but in the activity section, i could still see that commits are done recently. Can you help?
@@AbcdEfgh-nq5bw how about to turn off internet connection and change time and date on your PC before commit?
Why does git rebase -i HEAD~3 showing all commits on my end? Do you have any idea?
'PromoSM'
TYYYY!
Clean and concise. Huge thanks!
Thank you so much
This guy is great. Now he has his own website. Incredible.
🤣
i really love your reaction on error ....Its never straight forward...never like that......😂😅
Q1/15: Which choice is an incorrect way to define an arrow function that returns an empty object? In JavaScript, there are four ways to define an arrow function that returns an empty object: ``` () => {} () => { return { } } () => ({}) () => (({})) ``` The incorrect way to define an arrow function that returns an empty object is () => (({})). This is because the parentheses around the object are not necessary, and they actually create an anonymous function instead of an arrow function. The correct way to define an arrow function that returns an empty object is () => {}. This is because the arrow function returns an empty object literal, which is an object without any properties. The arrow function () => {} is correct because the function is based on an object, and it returns an object. The parentheses around the object are not necessary, but they are often used to make the code more readable. The {} in the arrow function is an object literal. An object literal is a way to create an object without using a constructor function. The object literal in this case has no properties, so it is an empty object. Why when we log () => {} in console that return undefined and explain we can use console.log(myFunc) to log empty function When you log () => {} in the console, it will return undefined. This is because the arrow function is not assigned to a variable. To get the expected output, you need to assign the arrow function to a variable. For example: ``` const myFunction = () => {}; console.log(myFunction); // {} ``` In this code, the arrow function is assigned to the variable myFunction. When you run the code, the value of the variable myFunction will be printed to the console. The reason why you can use console.log(myFunc) to log empty function is because the arrow function is added to the prototype of the window object when it is defined. This means that you can access the function using the dot notation. Maybe i'm wrong, after that comment you can reply to me. Finally i'm sorry because my comment is too long 😄
Thanks for the sand bg tune
great & short stuff, you saved my day, thanks.
thanks mate, you are funny
great video, couldn't find a good step by step process on stackoverflow or chatGPT but Caley came through with the clutch video
How are you so cool dude😅
I'm going to assume this is some dry sarcasm
thank you! they need to fix their documentation 😂
upgrading packages willy-nilly without running test suites to confirm the app still works? That's brave :)
🤣
Perfect explanation! Huge thx!
Very helpful video, thanks!!
Just emailed you about the mentorship. I’ve got a few specific issues I’d like to discuss. Looking forward to hearing from you. Keep making the videos. Love the skits at the start. The drink at the start. Absolutely classic. Sure most people will get the reference. Hilarious.