3 Javascript Projects Every Beginner Should Build
ฝัง
- เผยแพร่เมื่อ 14 มิ.ย. 2024
- JavaScript projects for beginners and those who want to refresh their memory.
Get Hostinger Discount: hostinger.com/lamadev
Coupon Code: LAMADEV
If it is valuable to you, you can support Lama Dev.
Join: / @lamadev
Buy me a coffee: www.buymeacoffee.com/lamadev
Source Codes:
Slider Project
github.com/safak/youtube2022/...
Quiz App
github.com/safak/youtube2022/...
Javascript Filter Example
github.com/safak/youtube2022/...
Join Lama Dev groups
Facebook: / lamadev
Instagram: / lamawebdev
Discord: / discord
Twitter: / lamawebdev
0:00 Introduction
02:34 Javascript Slider Project
30:08 Javascript Quiz Project
56:26 Javascript Product Filter Project
01:25:00 How to Deploy Javascript Projects
01:29:05 Outro - วิทยาศาสตร์และเทคโนโลยี
Lama, I got the job as react front end developer. I'd like to say THANK YOU for your projects and dedication. I was losing my interest in programming but then you came up with great, well designed real world projects and it helped me keep going. When I get my first salary I'll become a member and buy you some coffees. Cheers man!
Same situation man! Cheers.
Congratulations both of you
@@tusharshrivastava7184 thanks mate.
@@MrSemiramizz tebrik ederim hocam
@@cevdet-gt3uu Teşekkür ederim
I usually suffer from headache after watching tutorials and end up with incomplete project but your way of explaining things is so calm and easy-going. It did not make me anxious like other tutorials do. Thanks a lot.
Hi friends thanks for watching :) Don't forget to check Hostinger Black Friday Deal: hostinger.com/lamadev
Those who confused at why the element has not centered as instructed (Timestamp 4:09), that's because you need to explicitly define the height to 100vh to center the flex element horizontally and vertically. ;)
thank youuuuuu!
thanks
Thank you very much for this tutorial. I was not familiar on how to create subdomains in hostinger, and that part was very useful.
FANTASTIC PROJECTS. DO MORE OF THESE SIMPLE YET VERY USEFUL.
Wow....Back to Back awesome tutorials...LAMA DEV u d best 🤗🤗🤗😍😍😍 with love from Nigeria 🎊🎊🎊🎊
Thnaks so much Lamadev.I really appreciate this
yes, done.
And you are the best programming tutor in youtube.
Thanks Lama.
This what beginners needs, thanks for the video.
Same kind of video with Reactjs please 🙏🏽
I think when you create videos of projects beginning with backend and after frontend it more clear to understand and thanks Lama
Your videos are too helpful. Thanks
Lovely👍👍 thank you so much for uploading such a valuable tutorial can't wait pure javascript project more
You always give the best projects. not basic calculator and other nonsense examples. Thank you so much Lamadev you are the best!
Sadly a lot of people wouldn't know how to make a calculator, makes for a great starting project.
@@tomasburian6550 what should they know todo app?
Great job. Thank you!
Thank you very match. This great lesson JS 🤩💪
Would definitely do this!!
Wow great content, i like it sooooo much. Please do more this kind of Vanilla JavaScript project. Fetching data from mockup api and processing data.
Whenever i get time, i come to lama channel and start coding along with him. It is like a long and peaceful train journey. Lama has onboarded the train for forever😅.
Good Day, LamaDev I'm Suleiman from Nigeria 🇳🇬 your tutorials are the best and we're learning more from you , we will really appreciate if we can get another tutorial on SCHEDULED TRIGGER in Mongo DB & ExpressJs.
Dear Mr Awesome Lama now this is amazing. If you add an intermediate js and then an advanced concepts tutorial with real examples it would be super helpful. thank you so much
Bro keep dropping absolute gems!!
need more like these Lama :)
Lama, thank you for this. Now, I'm more confident to code.
Great tutorial! Thx
love your projects!
really helpful Mr>Lama.. thank you
we are lucky to have yue as our master ( Love from india
cidden çok yararlı bi video olmuş teşekkürler
Que legal, muito obrigado Lama 👊
O cara é um mito! Fera demais para explicar!
First of all, thank you!
One question, how do you control your repositories in the branches of a repository? This is really cool and great for study repositories.
Hi Lama!!! Love all yours projects. I practice a lot with them :) Most of all, the ones with Next.Js. Can I ask some projects with C#? Do you have some of them? I appreciate it a lot :) Greetings from Argentina
Thank you so much!
Super usefull.. 🥳 please create more like this 🙂
These are SUPER HELPFUL make more of these!
Lama, thank you!
Seems Helpful
Very helpful😊
Great ! I can also feel familiar accent :D Ellerine saglik kardesim !
The Images are not showing in the repository. I would really love to download them
Hlo... Lama..! you and your projects are amazing..thank you sooo much..... Requesting to complete the MERNsocial media app.. Waiting for more videos..
Watching your video is the easiest way to learn html, css, JS!!!! Thank you so much~!!!!!
please give me more haha
amazing content!!!
Your channel is heaven
@12:15 how come you used back ticks for the `translateX` instead of regular single or double quotes?
Thanks, Lama! Love u, man!
Abraço do Brasil!!!
Awesome!
Thanks sir
Dear @LamaDev, How to create mobile App from the already written React code built on Material UI?
great stuff
Funny fact: in Canada Hostinger is flagged by the loss prevention sector of TD Bank.
how can i get,please upload the image sources
Please make a video on how much CSS should every Intermediate Developer know...
thank you
A great knowledge
Lama Dev for PRESIDENT
Make a video building a website with admin and user dashboard using js and nodejs
Thanks you are the best
Please make one video using classes objects
You are AWESOME 🤟
Could we have a mui datagrid tutorial?
4:34 mine does not center until I give the body a height. I wonder why ?
46:06 Why did u remove the curly braces? I am new to Javascript so I didn't understand.
firstly thanks and then there is a little problem when you click between category empty "cat" nothing happening so this version best
let cat = document.querySelectorAll(".cat")
for (const i of cat) {
i.addEventListener("click",e=>{
const selectedCat = e.target.textContent
selectedCat == "All" ? displayProducts(data) : displayProducts(data.filter(item => item.cat == selectedCat))
})
}
sorry for a question, I'm going crazy because using your same css properties and EXACT html, I never get the main container VERTICALLY centered, but only horizontally, is there a reason for this?
try this in css . body : width: 100vw; height: 100vh; .. that helped me
@@majster4044 this works for me, thank you
Smooooke FX тащит)
Please help me somebody!
47:54 I think i made the code exactly same what he did. But my console return true/, false/. I don't know why it says true/ instead of true. Problem is this///////// :(
Sir please make a video on CSS how to use arrows in background
And please sir tell us how to make shape divider like curve in footer background
well done man you are best teacher and you need to create udemy courses for full stack development...
You are just awesome👌👌👌
I'm having trouble with the slider, when I switch to display: flex for the .slider class, all the images get squished into the .frame div. I love your videos!!
Did you find any solution for this?
I too got the same error
Sir please make a video on Graphql with react because its on demand
Perfect
thanks;)
How to sign up without auto login in firebase authentication using reactjs? Kindly give a video on this topic sir.
Lama fan
please create a full project using next js 13
Sir in react price range code
29:18 Thanks for the tutorial. However I could not make the styles work for firefox. Regards
The reason is that firefox is sensitive for missing fields in your css. Chrome will (sometimes) auto complete missing field, thus the issue appears on your firefox browser.
Please add on image:
object-fit: cover;
display: block;
background-repeat: no-repeat;
background-position: center center;
min-width: 100%;
@@imonw3b this did the trick for me. Thank you very much 👍
why body {
align-items: center;
} work without height?
It does
Abi ağzına sağlık.
You're king..
Love watching your tutorials, can u please build something like Image editors (Eg. Canva) or something AI powered as your next project or in any of your next projects. Thanks for these awesome tutorials...
function setCat() {
const allCats = data.map((item) => item.cat);
allCats.filter((item, i) => {
return allCats.indexOf(item) === i;
})
);
}
Can anyone please explain me this Like how is this working i m getting confuse on this , THHNAKS IN ADVANCE
Maybe switch to Typescript for tutorials? Seems to be like a standard nowadays everywhere commercial.
please cretae a project with nextJs 13
love the video but please add a comment to your functions
👍
We want Videos about React Native 💣🤯🔥....
The coupon link is not working
Hi Felix, the description link is fixed.
why you don't make shopping cart by using javascript ?
Make blog on PHP mysql
Merhaba, iletişime geçebilir miyiz ?
First comment! I'll do them
not work on firefox
Started 04/04/2023 Completed 16/04/23
I'd let everyone program a simple calculator, you'd be surprised how many people struggle with that.
1st viewer. ...
You don't explain things very well
I'm sorry I love you