- Видео 42
- Просмотров 23 796
ProgBytes
Добавлен 5 фев 2023
SUBSCRIBE 🔔 to run below function 👇
progBytes( subscriber ) ;
////////////// our commitment ///////////////
const progBytes = (you) =\u003e {
let skills = [ ] ;
skills.push( softwareDev, webDev, programming) ;
return skills ;
}
progBytes( subscriber ) ;
////////////// our commitment ///////////////
const progBytes = (you) =\u003e {
let skills = [ ] ;
skills.push( softwareDev, webDev, programming) ;
return skills ;
}
How to ADD or REMOVE items from JavaScript arrays?
n this video you are going to master Adding and Removing items from your Arrays in JavaScript.
Sometimes adding items in a specific place within an array could be tricky and the same thing in removing specific items from certain position.
So in this video I explain :
- How to Add/Remove items in the Beginning of an array
- How to Add/Remove items in teh End of an array
- How to Add/Remove items in a specific position in an array
ENJOY THE VIDEO AND SUBSCRIBE FOR MORE…
#javascriptarrays
#javascripttutorial
#arraymanipulation
RELATED VIDEOS:
All JavaScript Array Methods:
ruclips.net/video/cIrpUKrskOg/видео.htmlsi=OG9aHrPCVpFC5swm
ALSO WATCH :
- CSS FULL COURSE:
ruclips.net/video/ZefdJRBd4Hk/видео.ht...
Sometimes adding items in a specific place within an array could be tricky and the same thing in removing specific items from certain position.
So in this video I explain :
- How to Add/Remove items in the Beginning of an array
- How to Add/Remove items in teh End of an array
- How to Add/Remove items in a specific position in an array
ENJOY THE VIDEO AND SUBSCRIBE FOR MORE…
#javascriptarrays
#javascripttutorial
#arraymanipulation
RELATED VIDEOS:
All JavaScript Array Methods:
ruclips.net/video/cIrpUKrskOg/видео.htmlsi=OG9aHrPCVpFC5swm
ALSO WATCH :
- CSS FULL COURSE:
ruclips.net/video/ZefdJRBd4Hk/видео.ht...
Просмотров: 46
Видео
Learn all Array methods in JavaScript in under 1 HOUR!!
Просмотров 3414 дней назад
In this video you are going to learn all of the Array methods that you are going to need in your career as a developer! I explain every essential Array method from BASIC methods to ADVANCED methods #javascript #javascripttutorial #javascriptarrays #arraymethods ⌚ TIMESTAMPS 00:00 intro 00:55 includes() 02:44 indexOf() 04:48 slice() 06:37 splice() 12:50 join() 15:56 map() 23:41 filter() 26:58 fi...
TRY...CATCH in JavaScript, Master Error Handling in 20 minutes.
Просмотров 605 месяцев назад
in this video you are gonna learn how to prevent errors from ocurring and handle them gracefully. Error handling or Exception handling is one of the most crucial topics in Software Development. #javascripttutorial #errorhandling #javascript ALSO WATCH : 📺 JavaScript tutorials playlist: ruclips.net/p/PL_cNf8ORbfFlxAjwvFeu0_A0o3Jx8MGBK&si=bL86tV-iHhytVM5n 📺 CSS tutorials - CSS course playlist: ru...
for...in AND for...of - LOOPS IN JAVASCRIPT
Просмотров 395 месяцев назад
in this video you are gonna learn more about JavaScript loops , for...in and for...of loops which are used for looping through Arrays , Objects , Strings and other iterables. #javascript #javascripttutorial #loops LEARN ALL TYPES OF LOOPS: for loop : ruclips.net/video/yWPZ0n2tEHo/видео.htmlsi=6DMjSyx1zW4WICg8 while and do...while loops: ruclips.net/video/qlY25suNTg8/видео.htmlsi=hKPMac6sYaxZ2Te...
while-loop & do...while loop in JavaScript | BEST TUTORIAL FOR BEGINNERS!
Просмотров 386 месяцев назад
loops are used for the purpose of repeating and automating certain tasks or operations in programming. we use loops to repeat a block of code for us as long as a specified condition is true. this will automate a lot of tasks for us without manually writing any code to each element. javascript has 5 types of loops : 1 - for loop 2 - while loop 3 - do...while loop 4 - for...in loop 5 - for...of l...
for-loop in JavaScript | BEST TUTORIAL FOR BEGINNERS!
Просмотров 2166 месяцев назад
loops are used for the purpose of repeating and automating certain tasks or operations in programming. we use loops to iterate through array elements or any iterable object and perform some operations on each element of that iterable. this will automate a lot of tasks for us without manually writing any code to each element. javascript has 5 types of loops : 1 - for loop 2 - while loop 3 - do.....
What is ARROW FUNCTION ➜ in JavaScript? | 10X CLEANER SYNTAX!
Просмотров 3766 месяцев назад
defining your functions with Arrow syntax or Arrow functions is 10x shorter and more consice than regular functions! in this video you are about to learn all about JavaScript ES6 arrow functions. #arrowfunction #javascriptfunctions #javascript #javascripttutorial ⌚ TIMESTAMPS 00:00 anonymous functions 02:53 arrow functions JAVASCRIPT FUNCTIONS : ruclips.net/video/VUtlHe6wtNM/видео.htmlsi=JTk8kY...
Build a 3D Animated Portfolio Website From Scratch! ONLY HTML and CSS | Modern Web Development
Просмотров 2957 месяцев назад
Learn how to create a cutting-edge portfolio website from scratch using only HTML and CSS. 🌐 In this 1 hour and 15-minute guide, we'll walk you through step-by-step, showcasing advanced techniques such as 3D animations and interactive elements. #portfolio #3danimation #webdevelopment ⌚ TIMESTAMPS 00:00 introduction 01:43 project PROJECT FONT: fonts.google.com/specimen/Source Sans 3?query=source...
Mastering JavaScript Functions | A Step-by-Step Guide for Beginners!
Просмотров 897 месяцев назад
🚀 Mastering JavaScript Functions: Your Path to Coding Excellence! 🚀 🎓 Welcome to the ultimate JavaScript function tutorial! Whether you're a beginner looking to understand the basics or an experienced developer aiming to level up your skills, this video is your comprehensive guide to mastering JavaScript functions. #javascriptfunctions #webdevtips #javascript #javascripttutorial 👨💻 What You'll...
JavaScript Ternary Operator | Ultimate Guide
Просмотров 2817 месяцев назад
🚀 Dive into the world of JavaScript elegance with our Ultimate Guide to the Ternary Operator! 💻 Simplify your code, enhance readability, and master this powerful tool like a pro. Whether you're a beginner or seasoned developer, this tutorial will equip you with practical insights and real-world examples. Don't miss out on streamlining your coding journey - watch now and elevate your JavaScript ...
Learn SWITCH statements in 10 minutes | JavaScript CONDITIONALS.
Просмотров 438 месяцев назад
in this video you will master conditional in JavaScript with the switch statement !switch statements are used to perform some actions based on an expression. #conditionalstatement #javascript #javascripttutorial ⌚ TIMESTAMPS 00:00 theory 02:55 practical 10:27 switch vs if-else ALSO WATCH : 📺 JavaScript tutorials playlist: ruclips.net/p/PL_cNf8ORbfFlxAjwvFeu0_A0o3Jx8MGBK&si=bL86tV-iHhytVM5n 📺 CS...
Positions in CSS | The WAY it makes SENSE...
Просмотров 1578 месяцев назад
in this video you are going to learn all CSS positions , there are five positions in CSS that we can position our elements: static , relative , absolute , fixed and sticky , in this video I explain each of these by detail. #cssposition #csstutorial #learncss ⌚ TIMESTAMPS 00:00 introduction 01:09 relative position 03:10 absolute position 09:46 fixed position 13:17 sticky position ALSO WATCH : CS...
Conditionals in JavaScript | if STATEMENTS in an EASY way
Просмотров 708 месяцев назад
in this video you will learn the concept of conditional statements in JavaScript with (if...else if...else) chaining ! #javascript #ifelse #javascripttutorial #learnjavascript ⌚ TIMESTAMPS 00:00 introduction 01:47 if statements ALSO WATCH : 📺 JavaScript tutorials playlist: ruclips.net/p/PL_cNf8ORbfFlxAjwvFeu0_A0o3Jx8MGBK&si=bL86tV-iHhytVM5n 📺 CSS tutorials - CSS course playlist: ruclips.net/p/P...
Operators in JavaScript | the way a program works!
Просмотров 1378 месяцев назад
in this video you will learn every operator in JavaScript by detail. operators control the way a program works. #javascript #javascripttutorial #learnjavascript ⌚ TIMESTAMPS 00:00 introduction 00:47 arithmatic operators 07:47 assignment operators 14:36 comparison operators 21:13 logical operators ALSO WATCH : 📺 JavaScript tutorials plyalist: ruclips.net/p/PL_cNf8ORbfFlxAjwvFeu0_A0o3Jx8MGBK&si=b...
ALL JavaScript DATA-TYPES | the CORE of a PROGRAMMING language
Просмотров 1818 месяцев назад
ALL JavaScript DATA-TYPES | the CORE of a PROGRAMMING language
CSS full course | from KNOWING nothing to MASTER !
Просмотров 3,3 тыс.9 месяцев назад
CSS full course | from KNOWING nothing to MASTER !
HOW to define VARIABLES in JavaScript correctly ?
Просмотров 1129 месяцев назад
HOW to define VARIABLES in JavaScript correctly ?
getting started with JavaScript , the BEST way to begin!
Просмотров 2979 месяцев назад
getting started with JavaScript , the BEST way to begin!
CSS ANIMATIONS full-course, ALL possible WAYS to animate in CSS!
Просмотров 2,4 тыс.9 месяцев назад
CSS ANIMATIONS full-course, ALL possible WAYS to animate in CSS!
HOW to transform (change) elements with CSS
Просмотров 30910 месяцев назад
HOW to transform (change) elements with CSS
CSS Flexbox vs CSS Grid , FULL comparison
Просмотров 3,5 тыс.10 месяцев назад
CSS Flexbox vs CSS Grid , FULL comparison
HOW TO create any TYPE of Slider using ONLY CSS and Javascript?
Просмотров 15310 месяцев назад
HOW TO create any TYPE of Slider using ONLY CSS and Javascript?
Login page with blur EFFECT on FOCUS, using HTML,CSS and Javascript!
Просмотров 6111 месяцев назад
Login page with blur EFFECT on FOCUS, using HTML,CSS and Javascript!
How to LAYOUT a website with GRID SYSTEM in css?
Просмотров 4,5 тыс.11 месяцев назад
How to LAYOUT a website with GRID SYSTEM in css?
all MUST-KNOW properties in FLEXBOX!
Просмотров 59311 месяцев назад
all MUST-KNOW properties in FLEXBOX!
all you MUST know about MEDIA QUERIES in CSS.
Просмотров 519Год назад
all you MUST know about MEDIA QUERIES in CSS.
create a 3D flipping NAVIGATION bar only with HTML&CSS
Просмотров 397Год назад
create a 3D flipping NAVIGATION bar only with HTML&CSS
HOW to FIX stretched & squished images in CSS?
Просмотров 562Год назад
HOW to FIX stretched & squished images in CSS?
really good, thnk you
Thank you so much! Glad that it was helpful!
I was 10 minutes into the video taking notes, until i remembered i have been a web developer for 4 years. Excellent video! well paced might i say
Thank you for your kind words Fixx. I'm glad that you find it helpful...❤️
Great Job of explaining, Any recommendations on understanding & solving LeetCode problems?😊
Thank you so much Jon Jones ❤️ . Well actually I don't think there is a best way for that.... the more you get your hands dirty, the easier it will become for you.
Thanks. you explained it in very simple manner.
It's great to hear that Giggle Ways ❤️😊. Thank you so much for your comment
Great video as always, Thank you😊
Thank you so much Jon Jones ❤️
Promo>SM ❗
Great video, Keep it up. Can you recommend any books on Data Structures & Algorithms? Thank you🤟
Thank you so much for your positive feedback! I'm glad you found the video helpful. For learning more about Data Structures & Algorithms, two highly recommended books are 'Introduction to Algorithms' by Cormen et al. and 'Algorithms' by Sedgewick and Wayne. While I haven't personally read them, they are widely respected within the programming community and come highly recommended by professionals. They should provide you with a solid foundation in the topic. Happy learning! 📚✨
Thank you so much, Well explained for-loop method. I have so many favorite movies. Here are 2 that come to my mind right now, 1 James Bond (Skyfall) 2. Confidence 2003
Wonderful taste! ❤️ I have watched the Skyfall movie and it was great! Now I definitely want to watch the Confidence too 😎. Thank you Jon , for your kind words about the video!
Another great video, keep it up.👍
thank you so much for watching and I am really glad to hear that from you!
bro how you set height 70% of grand parent and how it's working please reply
off course I will reply, let me explain : The height of 70% and the width of 70% for the grand parent element basically means that this element (grand parent div) should get the 70% of it's parent element's width and height. anytime that we set the size of an element with % in CSS , that means we want to set a size for an element based on the size of the element which our element is inside of. So in our case that div gets 70% of the size of the body element because that is the parent element for the grand parent div (grand parent div is directly inside of body) . Now the body tag has a size of 100% in both width and height (100% of the browser's window) , so the grand parent div gets 70% of the 100% from the body's height. For example if the body's height was say 100px , then the grand parents height would be 70px since that is 70% of 100px. I hope I could clarify that . Thank you for watching ...
If that didn't clarify it please let me know!
I love that you are talking and explaining what you are doing, very informative video thank you
so nice of you , thank you for watching... Happy Coding!!
Thank you, your explaintation is very clear for me. Will you be making videos on data parsing, Callback functions, and recursion?🙏
thank you so much! I am really glad to hear that. of course! I will definitely make videos about those topics as well. once again , huge thanks for your kind words.
Fun fact: in Js you do not have to use semicolon at the end lf the line!
well , while technically you may not need to add semicolons at the end of the statements, but this is a good practice to add them. besides , in a real project we should add semicolons because if we don't specify the end of statements, then we will get either different errors or unexpected behaviors when we Minify our code. so considering the Minification process , you should add semicolons . I hope I could clarify it a little. thank you so much for your comment!
Have you linked your code somewhere?
Sorry I haven't .. but if you have any sort of question about animations in CSS; I can help.
Very simple and clear explanation of Ternary Operator. Can't wait for the next video. Thank you!
I am really glad to hear that Jon Jones! Thank you so much!
Can we use &&, | | operates for Switch statements?
Nope ! We can't use logical operators in switch statements, if you have a complex or combined expressions or conditions, you can use if statements, since it will be easier and more organised. Switch statements are for evaluating an expression with some static values , I have talked about this in the last part of the video as well if you want to see. Thank you so much for your comment Jon!
Thank you!
You are welcome , thank you for being here!
in css position part I don't know how you centered the whole grandparent section. I want to see the code you had written above line 11
Thank you for your comment, in the css for body section I used css flexbox to center everything inside the body , it was not related to css positions , the whole css inside that body tag is : body{ height:100vh; width:100%; display :flex; justify-content: center ; align-items: center; } You can head in the timestamps to see the flexbox part . Thank you once again for your comment.
thank you so much sir
You are welcome bro , Happy Coding...😊
Great explanation ❤
Glad you think so!
Helpful
Glad you think so!
Really helpful video !
Great comparison
Glad you think so
Great tutorial for beginners!
Thanks you so much
A complete CSS course , great!
Thank you
Great work, Keep making these videos 😊
Thank you so much for your comment! I will do my best.
When is the part 7 coming out?@@progbytes
@bobbyG883 next part is coming tomorrow, and from the next day, there will be two videos in a week instead of one video in a week in javascript course . Thank you for your watching!
good stuff
Thank you so much
Great explain ❤❤❤
Thank you Ismail ❤️
Now you are teacher and i am your student. Please Keep it up for us. I don’t think view is matter. Because people don’t care what is good for them. Or more than thousand student is not a small amount.just saying thanks is not enough dear honorable ❤️
Thank you Muhammad Nahim bro, I really appreciate your kind words
Good Course ! Keep it up
Thank you Dilan ❤️
thank you thank you so much my friend, I really appreciate the effort, hopfully you will complete the javascript too
Thank you so much for your nice comment my brother.
Thanks for sharing. I tried your code and doesn't work at all screen sizes. if you change the screen width to show two and a half images then there will always be half an image showing.
Well the problem that you encountered is because of the fixed width of 337px for each card , for me that was what I wanted , but if you don't like to show any parts of other cards in the next index numbers, you can simply use percentages for defining the width of your cards for example , you can set your cards' width to something like 45% of their parent which I believe it is the (.slides) in the corresponding screen size that you want to display two cards if you are familiar with CSS, then the cards will be set based on the width of the .slides and you will achieve what you want.
@@progbytes Thanks for replying. It would have been great if you actually told the viewers of your video that was your intention but you should have also made the page totally responsive and have the container display full images on at least 3 breakpoints. Also ::-webkit-scrollbar doesn't work on Firefox so you should have shown an alternative solution. Designing the page for your requirements doesn't mean all viewers would want the same result. I've watched some of your other videos and remember not seeing any of the code for download. Thanks anyway.
Dear Sedney , thank you for your feedback . I should mention that my whole intention mainly was to show how a slider could be made , (the general concept). the style and look of something depends on someone's preference, and I did say that you can modify the style and overall the code as you like and prefer 🤗. And by the way , thank you for your comment.
Your speaking is Very easy to understand. I am from Bangladesh. I am not good as a speaker. But i understand your English very compatibly.
It's good to hear that...
Thanks for sharing, I want the same for js
You're welcome, Well that's next...
Great explanation. Thanks man!
You are welcome 😊
Your explanation is so awesome 🔟🔟
Glad to hear that, Thank you so much!
you explain better than my teachers at uni
Thank you for your nice comment Denis , I don't think so but I will do what I can do! ❤️
I love the way you are explaining stuff. I have been struggling finding a good video about " GRID ". Till I come to this one. So thank you so much. I hope you will keep the same spirit to do more and more. Good luck. I have give a like to your video and subscribe as well.🙏
Thank you for your kind words, I try to do my best...
Awesome Content, Keep it up 👍👍👍👍
Thank you so much
Quality content!! Keep it up.
❤️
When next part is coming?
the next video will be at thursday. 2 Javascript videos in a week.
You really made flex very easy
Glad to hear that, Thank you 😊. Just make sure to see the flexbox properties video as well , to have the flexbox completed.
@@progbytes Yeah sure
thanks man! if you had shared the code in the description or somewhere it would have been even better for me.
You are welcome. Well I thought that was not too much to put it on github or something...
awesome tutorial👌, Thanks a lot.
Thank you Mohsen, 😊 .
k@@progbytes
ok
Very nice and clear explanation CSS animation
Thank you so much !
I haven't watched all of your tutorials yet, but if they are all like this, you are like an angel saving people's lives on planet Earth! You are not just posting tutorials, but you ARE changing people's lives. Thank you so much, mate. 💖💖💖💖
You are too kind bro ! I'm grateful for your kind words; I hope I can live up to them.
thank you very much sir, grid is much easier for me now
Glad to hear that, 🙂 Thank you a7mdbest !
The sound of keyboard sounds so satisfying
Hahaha 😆 thank you The Noobie Bros! maybe I should fake it better next time then 😉
Can you please show this using tailwind grid?
Sure , I am making a Tailwind CSS full course , covering the grid and all it's other features. Thank you CodeDjango.
how much math needed for web devlopment?
Not too much really, Math becomes a little necessary when you are doing some kinds of problem solving (algorithm) for your app.