3 Javascript Projects Every Beginner Should Build
Рет қаралды 79,699
Күн бұрын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
@amaurimdsantos Жыл бұрын
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!
@MrSemiramizz Жыл бұрын
Same situation man! Cheers.
@tusharshrivastava7184 Жыл бұрын
Congratulations both of you
@MrSemiramizz Жыл бұрын
@@tusharshrivastava7184 thanks mate.
@cevdet-gt3uu Жыл бұрын
@@MrSemiramizz tebrik ederim hocam
@MrSemiramizz Жыл бұрын
@@cevdet-gt3uu Teşekkür ederim
@priyanka_aggarwal Жыл бұрын
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.
@LamaDev Жыл бұрын
Hi friends thanks for watching :) Don't forget to check Hostinger Black Friday Deal: hostinger.com/lamadev
@aureliomartin9119 Жыл бұрын
Thank you very much for this tutorial. I was not familiar on how to create subdomains in hostinger, and that part was very useful.
@vinaypatil8009 Жыл бұрын
This what beginners needs, thanks for the video. Same kind of video with Reactjs please 🙏🏽
@PonnaiyaSwami 10 ай бұрын
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. ;)
@memesakhie5016 4 ай бұрын
thank youuuuuu!
@farazk9729 3 ай бұрын
thanks
@hasmak92 8 күн бұрын
I was there😅
@developingwithmajdi1031 Жыл бұрын
I think when you create videos of projects beginning with backend and after frontend it more clear to understand and thanks Lama
@rockbelleh6237 Жыл бұрын
Wow....Back to Back awesome tutorials...LAMA DEV u d best 🤗🤗🤗😍😍😍 with love from Nigeria 🎊🎊🎊🎊
@lambo-ca 10 ай бұрын
FANTASTIC PROJECTS. DO MORE OF THESE SIMPLE YET VERY USEFUL.
@adebisisheriff159 Жыл бұрын
Thnaks so much Lamadev.I really appreciate this
@RobiulIslam-dn9mm Жыл бұрын
yes, done. And you are the best programming tutor in youtube. Thanks Lama.
@unknownman1 Жыл бұрын
Your videos are too helpful. Thanks
@shankargurung1335 Ай бұрын
Lovely👍👍 thank you so much for uploading such a valuable tutorial can't wait pure javascript project more
@BMikel 9 ай бұрын
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.
@biniteshome1403 Жыл бұрын
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
@suleimaniliyas9825 Жыл бұрын
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.
@ibragimdodov4816 Жыл бұрын
Great job. Thank you!
@coder5336 Жыл бұрын
You always give the best projects. not basic calculator and other nonsense examples. Thank you so much Lamadev you are the best!
@tomasburian6550 Жыл бұрын
Sadly a lot of people wouldn't know how to make a calculator, makes for a great starting project.
@tektektuktuk4086 Жыл бұрын
@@tomasburian6550 what should they know todo app?
@coder0015 Жыл бұрын
Would definitely do this!!
@dimasnytin Жыл бұрын
Thank you very match. This great lesson JS 🤩💪
@sigfigronath Жыл бұрын
need more like these Lama :)
@synt-x6458 Жыл бұрын
Bro keep dropping absolute gems!!
@mathis-meth4229 Жыл бұрын
love your projects!
@donmenya2761 Жыл бұрын
Great tutorial! Thx
@manikandanmk2959 Жыл бұрын
really helpful Mr>Lama.. thank you we are lucky to have yue as our master ( Love from india
@silvistani814 Жыл бұрын
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
@eusebiojoveth4136 Жыл бұрын
Que legal, muito obrigado Lama 👊
@viniciusm.m.7822 Жыл бұрын
O cara é um mito! Fera demais para explicar!
@MathaGaram Жыл бұрын
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😅.
@avecesar Жыл бұрын
Thank you so much!
@dieglopviana Жыл бұрын
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.
@abhishekraut1 Жыл бұрын
Seems Helpful
@H7forReal Жыл бұрын
cidden çok yararlı bi video olmuş teşekkürler
@althafabbas5385 Жыл бұрын
Super usefull.. 🥳 please create more like this 🙂
@artemkorenuk Жыл бұрын
Lama, thank you!
@macrooooo__ Жыл бұрын
Lama, thank you for this. Now, I'm more confident to code.
@nileshnilu7902 Жыл бұрын
Very helpful😊
@BrajBliss Жыл бұрын
Awesome!
@RobbieCat Жыл бұрын
amazing content!!!
@denzel420 Жыл бұрын
Great ! I can also feel familiar accent :D Ellerine saglik kardesim !
@wisdomelue Жыл бұрын
great stuff
@swapnapogula Жыл бұрын
Hlo... Lama..! you and your projects are amazing..thank you sooo much..... Requesting to complete the MERNsocial media app.. Waiting for more videos..
@HrissW Жыл бұрын
These are SUPER HELPFUL make more of these!
@ibstudiosHD Жыл бұрын
The Images are not showing in the repository. I would really love to download them
@bakaleisanich Жыл бұрын
thank you
@viniciusm.m.7822 Жыл бұрын
Thanks, Lama! Love u, man! Abraço do Brasil!!!
@kevin-xr1wf Жыл бұрын
A great knowledge
@ryutube1945 11 ай бұрын
Watching your video is the easiest way to learn html, css, JS!!!! Thank you so much~!!!!! please give me more haha
@hadeedtmgggg5837 Жыл бұрын
Thanks sir
@prashlovessamosa Жыл бұрын
Your channel is heaven
@piuspolocha7948 Жыл бұрын
Make a video building a website with admin and user dashboard using js and nodejs Thanks you are the best
@aaaudio2115 Жыл бұрын
Funny fact: in Canada Hostinger is flagged by the loss prevention sector of TD Bank.
@dharmeshgohil9375 Жыл бұрын
You are just awesome👌👌👌
@jay8118 Жыл бұрын
Please make a video on how much CSS should every Intermediate Developer know...
@prinzadamz Жыл бұрын
You are AWESOME 🤟
@afrazhussain3778 Жыл бұрын
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
@joydeepp6521 Жыл бұрын
Please make one video using classes objects
@Jrizy. 10 ай бұрын
@12:15 how come you used back ticks for the `translateX` instead of regular single or double quotes?
@mohammadghasempour8743 Жыл бұрын
Perfect
@bloom7220 Жыл бұрын
Lama Dev for PRESIDENT
@cartoonfeed3383 Жыл бұрын
well done man you are best teacher and you need to create udemy courses for full stack development...
@bhirajk9450 Жыл бұрын
Lama fan
@rajubenbharwad-rn6cc Ай бұрын
Smooooke FX тащит)
@vivekanandareddymaddela Жыл бұрын
Dear @LamaDev, How to create mobile App from the already written React code built on Material UI?
@SolodYuriy Жыл бұрын
thanks;)
@alejandromartinezramirez3312 Жыл бұрын
Could we have a mui datagrid tutorial?
@rajatttiwa8382 Жыл бұрын
how can i get,please upload the image sources
@digitalcitizn1537 Жыл бұрын
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!!
@Ed-gd5ec 10 ай бұрын
Did you find any solution for this? I too got the same error
@MikixIT Жыл бұрын
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?
@majster4044 Жыл бұрын
try this in css . body : width: 100vw; height: 100vh; .. that helped me
@MikixIT Жыл бұрын
@@majster4044 this works for me, thank you
@rajibdas699 Жыл бұрын
please create a full project using next js 13
@riyadtalukder536 Жыл бұрын
How to sign up without auto login in firebase authentication using reactjs? Kindly give a video on this topic sir.
@saptarshidechaudhury9573 Жыл бұрын
46:06 Why did u remove the curly braces? I am new to Javascript so I didn't understand.
@shivamkumartripathi3052 Жыл бұрын
Sir please make a video on Graphql with react because its on demand
@ramborb8795 Жыл бұрын
4:34 mine does not center until I give the body a height. I wonder why ?
@thedevnoteyt Жыл бұрын
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...
@yamillayicov7256 Жыл бұрын
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)) }) }
@GarfieLD-Mami Жыл бұрын
Abi ağzına sağlık.
@Metovski Жыл бұрын
You're king..
@spielville5087 Жыл бұрын
Maybe switch to Typescript for tutorials? Seems to be like a standard nowadays everywhere commercial.
@nocturno7887 Жыл бұрын
29:18 Thanks for the tutorial. However I could not make the styles work for firefox. Regards
@imonw3b Жыл бұрын
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%;
@manolitouan1656 5 ай бұрын
@@imonw3b this did the trick for me. Thank you very much 👍
@abenetbeyene3398 Жыл бұрын
love the video but please add a comment to your functions
@raghavendrachaubey7026 Жыл бұрын
Sir in react price range code
@jamjam3337 Жыл бұрын
👍
@ryutube1945 11 ай бұрын
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///////// :(
@yevhenfodorov121 Жыл бұрын
why body { align-items: center; } work without height?
@adeolaganiu1144 Жыл бұрын
It does
@ankitshah1655 Жыл бұрын
Make blog on PHP mysql
@hoomanfarzaneh Жыл бұрын
please cretae a project with nextJs 13
@darshmostafa6044 Жыл бұрын
We want Videos about React Native 💣🤯🔥....
@trongnhanle7658 Жыл бұрын
why you don't make shopping cart by using javascript ?
@forinda Жыл бұрын
The coupon link is not working
@LamaDev Жыл бұрын
Hi Felix, the description link is fixed.
@antoniocld Жыл бұрын
First comment! I'll do them
@tomasburian6550 Жыл бұрын
I'd let everyone program a simple calculator, you'd be surprised how many people struggle with that.
@kabasoftcomtr Жыл бұрын
Merhaba, iletişime geçebilir miyiz ?
@saribjawadd 8 ай бұрын
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
@developing_pain Жыл бұрын
Started 04/04/2023 Completed 16/04/23
@casobrino1 11 ай бұрын
not work on firefox
@akshaynagarwal Жыл бұрын
1st viewer. ...
@riverhammond 3 ай бұрын
You don't explain things very well
@riverhammond 3 ай бұрын
I'm sorry I love you
Павел Хмурчик
Рет қаралды 125 М.