caleyCodeLab
caleyCodeLab
  • 22
  • 232 323
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! 💻🔥
มุมมอง: 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
I tried crypto mining (easy money)
มุมมอง 2283 ปีที่แล้ว
I tried crypto mining (easy money)
Coasteering: Thornwick Bay
มุมมอง 3764 ปีที่แล้ว
Coasteering: Thornwick Bay
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

ความคิดเห็น

  • @MuhammadUsman-u1v8d
    @MuhammadUsman-u1v8d วันที่ผ่านมา

    Brother, brother, brooooooother... Thank you, may god bless you

  • @ErkanYuksel111
    @ErkanYuksel111 วันที่ผ่านมา

    Greetings from Türkiye love that video :)

  • @DamonWatson
    @DamonWatson 16 วันที่ผ่านมา

    Horrifically mangle that like and subscribe button

  • @catalyysst
    @catalyysst หลายเดือนก่อน

    Peer dependencies are stressing me out

  • @ShashankPandey-e8v
    @ShashankPandey-e8v หลายเดือนก่อน

    What's the meaning of Wanted version of packages?

  • @wixet17
    @wixet17 หลายเดือนก่อน

    POG, thank u!!!

  • @waynemutai3341
    @waynemutai3341 2 หลายเดือนก่อน

    I still find myself coming back to this video. Very helpful

  • @itrrmp
    @itrrmp 3 หลายเดือนก่อน

    I just don't get it why this loud music, I can barely hear you

  • @nolanjp
    @nolanjp 3 หลายเดือนก่อน

    This was super helpful!

  • @hackneythugg
    @hackneythugg 3 หลายเดือนก่อน

    4:30 LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOL - Only a develper would understand!

  • @charliem1750
    @charliem1750 6 หลายเดือนก่อน

    You saved my life with this

  • @INFOSTOP-bx1bz
    @INFOSTOP-bx1bz 7 หลายเดือนก่อน

    i would like to learn some Node App.js with you can i have you email to Connect?

  • @wickathou
    @wickathou 8 หลายเดือนก่อน

    "In the spirit of cowboy" Loved that

  • @martineboulanger
    @martineboulanger 8 หลายเดือนก่อน

    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

  • @AbcdEfgh-nq5bw
    @AbcdEfgh-nq5bw 9 หลายเดือนก่อน

    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?

  • @NP-id2pp
    @NP-id2pp 9 หลายเดือนก่อน

    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

  • @faroukallani982
    @faroukallani982 9 หลายเดือนก่อน

    thanks a lot

  • @jackpitts5561
    @jackpitts5561 10 หลายเดือนก่อน

    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?

    • @caleyCodeLab
      @caleyCodeLab 10 หลายเดือนก่อน

      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

  • @jamesmitchell19861
    @jamesmitchell19861 10 หลายเดือนก่อน

    Great video

    • @caleyCodeLab
      @caleyCodeLab 10 หลายเดือนก่อน

      Glad you enjoyed it

  • @TonicCantaloupe
    @TonicCantaloupe 10 หลายเดือนก่อน

    Whats the process now in 2024, with the latest version of NextJS? Has anything changed?

  • @JRob86
    @JRob86 10 หลายเดือนก่อน

    Yes!!

  • @ArminDaDee
    @ArminDaDee 10 หลายเดือนก่อน

    Sempai, why GO? Big bucks on horizon?

    • @caleyCodeLab
      @caleyCodeLab 10 หลายเดือนก่อน

      Process of elimination, combined with desire to not enter a saturated language i.e. python. Big bucks guaranteed

    • @ArminDaDee
      @ArminDaDee 10 หลายเดือนก่อน

      @@caleyCodeLabThank you. Great video as always! <3

  • @romko-romario
    @romko-romario 10 หลายเดือนก่อน

    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.

  • @TribalMaggot1
    @TribalMaggot1 10 หลายเดือนก่อน

    Nice one! V helpful

  • @MrAswinprabhakar
    @MrAswinprabhakar 10 หลายเดือนก่อน

    🔥

  • @billardmelissa4608
    @billardmelissa4608 ปีที่แล้ว

    Thanks to you for that , very helpful 😉

  • @JunoYu-z3w
    @JunoYu-z3w ปีที่แล้ว

    R u walton raiders?

  • @ngocthienvu7903
    @ngocthienvu7903 ปีที่แล้ว

    i love it, it's so funny

  • @temattcha
    @temattcha ปีที่แล้ว

    i wish it was this easy :(

  • @tofiquekhanvlog
    @tofiquekhanvlog ปีที่แล้ว

    This is a fantastic way to resolve CLS score of using sliders websites. Keep it up 👍👍👍👍👍👍

  • @ferdousfahim2332
    @ferdousfahim2332 ปีที่แล้ว

    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

  • @ARGAMX
    @ARGAMX ปีที่แล้ว

    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.

    • @AbcdEfgh-nq5bw
      @AbcdEfgh-nq5bw 9 หลายเดือนก่อน

      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?

    • @ARGAMX
      @ARGAMX 9 หลายเดือนก่อน

      @@AbcdEfgh-nq5bw how about to turn off internet connection and change time and date on your PC before commit?

  • @pogirockz
    @pogirockz ปีที่แล้ว

    Why does git rebase -i HEAD~3 showing all commits on my end? Do you have any idea?

  • @millicentwright9359
    @millicentwright9359 ปีที่แล้ว

    'PromoSM'

  • @ghoniemcodes
    @ghoniemcodes ปีที่แล้ว

    TYYYY!

  • @AkashMore-f4h
    @AkashMore-f4h ปีที่แล้ว

    Clean and concise. Huge thanks!

  • @ananyakashyap4759
    @ananyakashyap4759 ปีที่แล้ว

    Thank you so much

  • @jamesmitchell19861
    @jamesmitchell19861 ปีที่แล้ว

    This guy is great. Now he has his own website. Incredible.

  • @pbhalshankar5
    @pbhalshankar5 ปีที่แล้ว

    i really love your reaction on error ....Its never straight forward...never like that......😂😅

  • @ahmednasser4009
    @ahmednasser4009 ปีที่แล้ว

    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 😄

  • @Pistonheaddd
    @Pistonheaddd ปีที่แล้ว

    Thanks for the sand bg tune

  • @DeepakKhopade
    @DeepakKhopade ปีที่แล้ว

    great & short stuff, you saved my day, thanks.

  • @patitorodri
    @patitorodri ปีที่แล้ว

    thanks mate, you are funny

  • @JoseRuiz-hs5mt
    @JoseRuiz-hs5mt ปีที่แล้ว

    great video, couldn't find a good step by step process on stackoverflow or chatGPT but Caley came through with the clutch video

  • @Its_nirbhay_gupta_
    @Its_nirbhay_gupta_ ปีที่แล้ว

    How are you so cool dude😅

    • @caleyCodeLab
      @caleyCodeLab ปีที่แล้ว

      I'm going to assume this is some dry sarcasm

  • @ayodejiatanda6197
    @ayodejiatanda6197 ปีที่แล้ว

    thank you! they need to fix their documentation 😂

  • @LajosUti
    @LajosUti ปีที่แล้ว

    upgrading packages willy-nilly without running test suites to confirm the app still works? That's brave :)

  • @Elistotelis
    @Elistotelis ปีที่แล้ว

    Perfect explanation! Huge thx!

  • @datcodingguy
    @datcodingguy ปีที่แล้ว

    Very helpful video, thanks!!

  • @jamesmitchell19861
    @jamesmitchell19861 ปีที่แล้ว

    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.