CodeLab
CodeLab
  • 120
  • 188 654
Create a SEARCH filter with the Keyup Event
Hey there guys,
Learning about events in JavaScript is crucial in development of skills, this week well be learning about the keyup event to create a search filter.
*COMMUNITY NOTE*
Following a recent poll, it was a resounding YES (100%) vote to allow other creators to make videos for consistent uploads and to help grow this channel and community.
So with that in mind i would ask if you are a content creator or know of content creators who are interested in making educational content (predominantly front end videos for the time being) please reach out to me through my email. Additionally, I am also offering each content creator who sends videos 30% of revenue generated for that video from UA-cam ads.
code.lab98@gmail.com
A few things to note regarding the videos
- Between 10-30 minutes in length.
- Use a good microphone.
- If you are showing code on screen, make it as large as possible.
- Make sure the video resolution is 1080p (720 at the absolute minimum).
- No background music.
- Must be in real voice. You should not use a computer generated voice or use music without dialog.
- If showing face, please have high visual camera.
Look forward to seeing the videos.
Переглядів: 54

Відео

Create THIS cool JavaScript ANIMATION with the LOAD event
Переглядів 9119 годин тому
Hey there guys, Learning about events in JavaScript is crucial in development of skills, this week well be learning about the LOAD event and creating a cool splash screen animation. *COMMUNITY NOTE* Following a recent poll, it was a resounding YES (100%) vote to allow other creators to make videos for consistent uploads and to help grow this channel and community. So with that in mind i would a...
Learn the KEYUP event in Javascript
Переглядів 7014 днів тому
Hey there guys, Learning about events in JavaScript is crucial in development of skills, this week well be learning about the on KEYUP Event. *COMMUNITY NOTE* Following a recent poll, it was a resounding YES (100%) vote to allow other creators to make videos for consistent uploads and to help grow this channel and community. So with that in mind i would ask if you are a content creator or know ...
Learn the KEYPRESS event in Javascript
Переглядів 10721 день тому
Hey there guys, Learning about events in JavaScript is crucial in development of skills, this week well be learning about the on KEYPRESS Event. *COMMUNITY NOTE* Following a recent poll, it was a resounding YES (100%) vote to allow other creators to make videos for consistent uploads and to help grow this channel and community. So with that in mind i would ask if you are a content creator or kn...
Learn THIS Javascript EVENT
Переглядів 109Місяць тому
Hey there guys, Learning about events in JavaScript is crucial in development of skills, this week well be learning about the On Change Event. *COMMUNITY NOTE* Following a recent poll, it was a resounding YES (100%) vote to allow other creators to make videos for consistent uploads and to help grow this channel and community. So with that in mind i would ask if you are a content creator or know...
Learn THIS JavaScript EVENT
Переглядів 99Місяць тому
Hey there guys, Learning about events in JavaScript is crucial in development of skills, this week well be learning about the mouse move and mouse leave event. *COMMUNITY NOTE* Following a recent poll, it was a resounding YES (100%) vote to allow other creators to make videos for consistent uploads and to help grow this channel and community. So with that in mind i would ask if you are a conten...
Create THIS cool Javascript ANIMATION with the Mouse Move Event
Переглядів 152Місяць тому
Hey there guys, Learning about events in JavaScript is crucial in development of skills, this week well be learning about the mouse move event and creating a cool animation. *COMMUNITY NOTE* Following a recent poll, it was a resounding YES (100%) vote to allow other creators to make videos for consistent uploads and to help grow this channel and community. So with that in mind i would ask if yo...
Create THIS cool Javascript ANIMATION with the Mouse Move Event
Переглядів 169Місяць тому
Hey there guys, Learning about events in JavaScript is crucial in development of skills, this week well be learning about the mouse move event and creating a cool animation. *COMMUNITY NOTE* Following a recent poll, it was a resounding YES (100%) vote to allow other creators to make videos for consistent uploads and to help grow this channel and community. So with that in mind i would ask if yo...
Learn THIS concept to land yourself a JOB in Web-Development
Переглядів 2032 місяці тому
Hey there guys, Learning this concept is pivotal in every developers skill and will help you land a role in web development or if you are already in a role mastering it will put you one step ahead. Source Code: github.com/CodeLab98/CrudApp.git *COMMUNITY NOTE* Following a recent poll, it was a resounding YES (100%) vote to allow other creators to make videos for consistent uploads and to help g...
ASYNCHRONOUS JAVASCRIPT Under The Hood | Async/await , Promises, Callbacks | Part 2
Переглядів 2676 місяців тому
Hostinger Deal!! Use code below to get 20% discount! on a whole host of web hosting services! hostinger.co.uk?REFERRALCODE=1CODELAB98G53 Hey there guys, welcome to asynchronous programming under the hood part 2. Well be going taking everything we learnt in part 1 and using this new acquired knowledge to build some cool projects. I hope you enjoy! Don't forget to like, subscribe and share! Git R...
ASYNCHRONOUS JAVASCRIPT Under The Hood | Async/await , Promises, Callbacks | Part 1
Переглядів 4478 місяців тому
Hostinger Deal!! Use code below to get 20% discount! on a whole host of web hosting services! hostinger.co.uk?REFERRALCODE=1CODELAB98G53 Hey there guys, welcome to Asynchronous programming under the hood part 1. Well be going under the hood on Asynchronous programming. Learning about; callbacks, promises , async/await and more. Then using this new acquired knowledge to build some cool projects ...
React Website Tutorial 2023 - Beginner React Project (The-Surf) Fully Responsive
Переглядів 52111 місяців тому
Hostinger Deal!! Use code below to get 20% discount! on a whole host of web hosting services! hostinger.co.uk?REFERRALCODE=1CODELAB98G53 Learn how to build a React website from scratch in this tutorial. We will use React hooks as well as a bunch of interactive dynamic features. The website is fully responsive as well. Github file: github.com/CodeLab98/TheSurf TIME STAMPS 00:00 - Introduction 00...
Build a HUMAN v ROBOT game with VANILLA JAVASCRIPT
Переглядів 238Рік тому
Hostinger Deal!! Use code below to get 20% discount! on a whole host of web hosting services! hostinger.co.uk?REFERRALCODE=1CODELAB98G53 Hi Guys, In this video we will be building a robot vs human number guessing game using just vanilla javascript. Source code link to follow along: github.com/CodeLab98/Human-Vs-Robot.git 🙂 SUBSCRIBE - hit the bell 🔔 and choose all: ua-cam.com/users/CodeLab98 00...
Build FOUR Vanilla JavaScript ANIMATIONS for STATIC Website
Переглядів 1,7 тис.2 роки тому
Hostinger Deal!! Use code below to get 20% discount! on a whole host of web hosting services! hostinger.co.uk?REFERRALCODE=1CODELAB98G53 Hi Guys, In this video we will be building four animations to turn a single page static portfolio website into a a dynamic one! Don't forget to like and subscribe. Source Code for static website: github.com/CodeLab98/Static-Website-Follow-Along.git 🙂 SUBSCRIBE...
Master DOM Manipulation | Part 2 | 5 PROJECTS | JavaScript DOM Manipulation
Переглядів 19 тис.2 роки тому
*COMMUNITY NOTE* Following a recent poll, it was a resounding YES (100%) vote to allow other creators to make videos for consistent uploads and to help grow this channel and community. So with that in mind i would ask if you are a content creator or know of content creators who are interested in making educational content (predominantly front end videos for the time being) please reach out to m...
create FOUR different HAMBURGER menu DESIGNS using JUST HTML & CSS
Переглядів 1,9 тис.2 роки тому
create FOUR different HAMBURGER menu DESIGNS using JUST HTML & CSS
Master DOM Manipulation | Part 1 | JavaScript DOM Manipulation
Переглядів 40 тис.2 роки тому
Master DOM Manipulation | Part 1 | JavaScript DOM Manipulation
BUILD THIS Awesome Text Animation using JUST HTML & CSS | CSS Animation
Переглядів 8652 роки тому
BUILD THIS Awesome Text Animation using JUST HTML & CSS | CSS Animation
Build FIVE Animated Buttons using JUST HTML & CSS | Advanced CSS Series
Переглядів 8892 роки тому
Build FIVE Animated Buttons using JUST HTML & CSS | Advanced CSS Series
Functions | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Переглядів 2,2 тис.2 роки тому
Functions | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
For In / For Of Loop | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Переглядів 5652 роки тому
For In / For Of Loop | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
While / Do While Loop | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Переглядів 4143 роки тому
While / Do While Loop | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
For Loop | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Переглядів 4193 роки тому
For Loop | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
MASTER the BASICS of HTML5 in JUST 45 minutes! | HTML5 Crash Course For Beginners | HTML5 2022
Переглядів 3,6 тис.3 роки тому
MASTER the BASICS of HTML5 in JUST 45 minutes! | HTML5 Crash Course For Beginners | HTML5 2022
Switch Statement | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Переглядів 3823 роки тому
Switch Statement | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Conditional Statements | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Переглядів 3323 роки тому
Conditional Statements | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
JavaScript Arrays | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Переглядів 4823 роки тому
JavaScript Arrays | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Date Object | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Переглядів 4883 роки тому
Date Object | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Math Object | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Переглядів 6503 роки тому
Math Object | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
String Concatenation | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022
Переглядів 3163 роки тому
String Concatenation | JavaScript For Beginners | JavaScript Tutorials | Learn JavaScript In 2022

КОМЕНТАРІ

  • @fangirlthang6031
    @fangirlthang6031 2 години тому

    too bad. the guy is the best video I have ever watched but he only has few subscribers

  • @Momo_4858
    @Momo_4858 14 годин тому

    Thanks a lot sir. Your videos are really helpful and beginner friendly :)

  • @danielmelek9348
    @danielmelek9348 8 днів тому

    I appreciate! it very well understood, but can you make a video on how to save it on localStorage ? Thanks

  • @squarerootof2
    @squarerootof2 16 днів тому

    Come on mate, the ball's not even rolling. You're a CSS wizard. Make it roll!

    • @CodeLab98
      @CodeLab98 16 днів тому

      😂That's a fair point! I was more trying to showcase the keyup event, however making it roll would have been a cool addition. Next Time!

    • @squarerootof2
      @squarerootof2 16 днів тому

      @@CodeLab98 👍

  • @hybrid_ngoli
    @hybrid_ngoli 27 днів тому

    Great tutorials bro.. Can you do React? If you can, then do it. It will be a life saver✊

    • @CodeLab98
      @CodeLab98 26 днів тому

      React videos to follow soon! 😎

    • @hybrid_ngoli
      @hybrid_ngoli 26 днів тому

      @@CodeLab98 🙏🙏

  • @ivanyosifov2629
    @ivanyosifov2629 28 днів тому

    Shouldn't the change event be added to the select element and not to the whole document? *select.addEventListener('change', changeBackgroundColor);*

  • @dynamic-homepages
    @dynamic-homepages Місяць тому

    Thanks 🎉

    • @CodeLab98
      @CodeLab98 Місяць тому

      Glad you liked it!

    • @dynamic-homepages
      @dynamic-homepages Місяць тому

      ⁠ I watch also the Video from Kevin Powell. And thanks to your both videos I finally understand it. Had a grid 6withhigh quality images on desktop and all were loading full size, slowed down so much the speed because it was a grid 6 but with 4 rows xD thanks to media query I can set the width now much smaller and its loading much faster 🎉

  • @Azeem-h2j
    @Azeem-h2j Місяць тому

    github link for the code

  • @sadhappy8860
    @sadhappy8860 Місяць тому

    Ok that's cool, I always wondered how they did that

  • @greekplayback
    @greekplayback Місяць тому

    Thanks i love it , Can you please share code on githab ?

  • @NiloofarYousefiafrouz
    @NiloofarYousefiafrouz Місяць тому

    mega cool!!!

  • @PercyStarr
    @PercyStarr Місяць тому

    ? Y in my console I can’t see when I reassign a variable I have to select the name of my JavaScript in the console. That’s where it shows me. Thanks for time and help.

  • @kraxmalism
    @kraxmalism 2 місяці тому

    ok but the code on github is a bit different and quite confusing... am I the only one who does not praise the video before watching it?

  • @Mary-k2p
    @Mary-k2p 3 місяці тому

    You teach very very well. I followed your async await JS tutorial on freecode camp to here. You should keep making more videos or projects. Maybe full react JS tutorial, next JS, etc. I just subscribed.

  • @missmonday5908
    @missmonday5908 3 місяці тому

    Thank you for this JS crash course, i really needed this, it helped me to disperse any doubts i had in the past that it will be very difficult for me

  • @tusharchawla1440
    @tusharchawla1440 3 місяці тому

    I can't able to understand density pixel way as why we are using big images for high resolution device and small images for low resolution device. Can someone explain me.

  • @ABDELRAHMANABODERAIS
    @ABDELRAHMANABODERAIS 4 місяці тому

    i think Github file does not match the video file in the content.

  • @Sherali_6639
    @Sherali_6639 4 місяці тому

    👍👍👍👍👍👍👍👍👍👍

  • @przemekg4317
    @przemekg4317 4 місяці тому

    before this video I watched 5 or 6, but only when I saw this one I finally got the "aha!" moment. Flawless explanation 10/10

  • @surendrareddy851
    @surendrareddy851 5 місяців тому

    underrated content

  • @s-qc9ns
    @s-qc9ns 5 місяців тому

    Good content.

    • @CodeLab98
      @CodeLab98 5 місяців тому

      Glad you enjoyed it

  • @mustasinbillah-u7d
    @mustasinbillah-u7d 5 місяців тому

    thank you for this video. I love your js code writing style.

    • @CodeLab98
      @CodeLab98 5 місяців тому

      Thanks for watching!

  • @AnnatarTevildo
    @AnnatarTevildo 6 місяців тому

    Love it!!

    • @CodeLab98
      @CodeLab98 6 місяців тому

      So glad! Thank you!

  • @NitigyaJoshi-mi9xq
    @NitigyaJoshi-mi9xq 7 місяців тому

    Please try to share code as well using git or some other way. It really helps a lot.

  • @HassanKaraouni
    @HassanKaraouni 7 місяців тому

    I wanted to follow along, but it seems that the repo is not synced with the video. Please update if possible.

  • @SamuelJackson-y6s
    @SamuelJackson-y6s 7 місяців тому

    great video, how are you changing the letters?

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    Thank you so much for this amazing JavaScript course on Promise and Async-Await! Your explanations were very helpful and have helped me better understand these concepts. I appreciate the time and effort you put into creating this course. Please keep up the great work, bro! You are the best! 🤌🏻

    • @CodeLab98
      @CodeLab98 7 місяців тому

      Thanks for your kind words!

  • @abdul-rahmanmusah9381
    @abdul-rahmanmusah9381 7 місяців тому

    your tutorials are easy to understand. Keep up the good work.

    • @CodeLab98
      @CodeLab98 7 місяців тому

      Thanks, will do!

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    Thank you once again for sharing your knowledge and helping us expand the skills in JS. Your course has been instrumental in my learning journey & I'm excited to continue applying what I've learned. :)

    • @CodeLab98
      @CodeLab98 7 місяців тому

      You're very welcome!

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    Thank you, bro!

    • @CodeLab98
      @CodeLab98 7 місяців тому

      You're welcome!

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    Thank you for this helpful work!

    • @CodeLab98
      @CodeLab98 7 місяців тому

      Glad it was helpful!

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    👍👍👍👍

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    Thank you!

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    Nice! Thanx! 🤌

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    Thank you, CodeLab! 😎

    • @CodeLab98
      @CodeLab98 7 місяців тому

      You're welcome!

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    👍👍👍👍

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    Thank you!

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    😊 👍 thanx!

    • @CodeLab98
      @CodeLab98 7 місяців тому

      No problem 👍

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    👍🏻 thanx!

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    Thank you very much, I learned a lot today from your exercises. By the way, I learned a lot from the "Arithmetic operators" too...

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    Thank you!

  • @skolotoi4588
    @skolotoi4588 7 місяців тому

    thank you, sir!

    • @CodeLab98
      @CodeLab98 7 місяців тому

      You are welcome!

  • @anthropomorphicOrange
    @anthropomorphicOrange 7 місяців тому

    Is browser compatibility really an issue for grid layouts, currently?

    • @CodeLab98
      @CodeLab98 7 місяців тому

      Not Currently no.

  • @Beluga0fficial25
    @Beluga0fficial25 7 місяців тому

    What accent the guy talks in?

  • @onlyonwed526
    @onlyonwed526 7 місяців тому

    Hey brother. Is there part 2 coming as well?

    • @CodeLab98
      @CodeLab98 7 місяців тому

      Yes Part 2 is currently in production, stay tuned!

    • @onlyonwed526
      @onlyonwed526 7 місяців тому

      @@CodeLab98 for sure !

  • @jan-zq7fx
    @jan-zq7fx 8 місяців тому

    new sub here

    • @CodeLab98
      @CodeLab98 8 місяців тому

      Thanks for subbing!

  • @jan-zq7fx
    @jan-zq7fx 8 місяців тому

    really helpful, thanks brother🙌

    • @CodeLab98
      @CodeLab98 8 місяців тому

      Happy to help!

  • @frozentoy4209
    @frozentoy4209 8 місяців тому

    Thank you so much - this was really helpful! 👍🏻

    • @CodeLab98
      @CodeLab98 8 місяців тому

      Glad it was helpful!

  • @rahmanmusah4470
    @rahmanmusah4470 8 місяців тому

    keep the tutorials coming. 1st here. 😂😂

    • @CodeLab98
      @CodeLab98 8 місяців тому

      More to come!