- 120
- 188 654
CodeLab
United Kingdom
Приєднався 23 вер 2020
Subscribe to Code Lab, if you are interested in learning about the weird and wonderful world web development. This channel 's main focus is frontend web development. (HTML/CSS/JavaScript) So whether you are a complete beginner or more of a seasoned veteran..i can assure you there's something CodLab can teach you with simple and easy to follow step by step tutorials. Subscribe Today :-)
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.
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
too bad. the guy is the best video I have ever watched but he only has few subscribers
Thanks a lot sir. Your videos are really helpful and beginner friendly :)
Thank you 🙏
I appreciate! it very well understood, but can you make a video on how to save it on localStorage ? Thanks
Sure thing!
@@CodeLab98 Thanks man!
Come on mate, the ball's not even rolling. You're a CSS wizard. Make it roll!
😂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!
@@CodeLab98 👍
Great tutorials bro.. Can you do React? If you can, then do it. It will be a life saver✊
React videos to follow soon! 😎
@@CodeLab98 🙏🙏
Shouldn't the change event be added to the select element and not to the whole document? *select.addEventListener('change', changeBackgroundColor);*
Thanks 🎉
Glad you liked it!
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 🎉
github link for the code
Ok that's cool, I always wondered how they did that
Thanks i love it , Can you please share code on githab ?
mega cool!!!
? 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.
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?
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.
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
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.
i think Github file does not match the video file in the content.
👍👍👍👍👍👍👍👍👍👍
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
underrated content
Good content.
Glad you enjoyed it
thank you for this video. I love your js code writing style.
Thanks for watching!
Love it!!
So glad! Thank you!
Please try to share code as well using git or some other way. It really helps a lot.
I wanted to follow along, but it seems that the repo is not synced with the video. Please update if possible.
great video, how are you changing the letters?
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! 🤌🏻
Thanks for your kind words!
your tutorials are easy to understand. Keep up the good work.
Thanks, will do!
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. :)
You're very welcome!
Thank you, bro!
You're welcome!
Thank you for this helpful work!
Glad it was helpful!
👍👍👍👍
Thank you!
Nice! Thanx! 🤌
Thank you, CodeLab! 😎
You're welcome!
👍👍👍👍
Thank you!
😊 👍 thanx!
No problem 👍
👍🏻 thanx!
Thank you very much, I learned a lot today from your exercises. By the way, I learned a lot from the "Arithmetic operators" too...
Excellent!
Thank you!
thank you, sir!
You are welcome!
Is browser compatibility really an issue for grid layouts, currently?
Not Currently no.
What accent the guy talks in?
British :)
Hey brother. Is there part 2 coming as well?
Yes Part 2 is currently in production, stay tuned!
@@CodeLab98 for sure !
new sub here
Thanks for subbing!
really helpful, thanks brother🙌
Happy to help!
Thank you so much - this was really helpful! 👍🏻
Glad it was helpful!
keep the tutorials coming. 1st here. 😂😂
More to come!