10-Hour Masterclass: Develop 4 React Web Apps & Jumpstart Your Dev Career
HTML-код
- Опубликовано: 14 июн 2024
- Welcome to the ultimate course, where you will build apps with advanced AI features, stunning animations, 3D elements, and even a full-stack MERN app and get hired as Web Developer. From developing to deploying all projects on your new 3D web development portfolio!
⭐ Ultimate Next 14 Course: www.jsmastery.pro/next14
⭐Hostinger - hostinger.com/mastery10
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
💼 Land your dream job with expert mentor guidance or get your money back. To find out more, apply here: jsmastery.pro/masterclass
📚 Project 1
GitHub Code (give it a star ⭐): github.com/adrianhajdin/proje...
GitHub Gist Code Snippets: gist.github.com/adrianhajdin/...
Assets, Components, Public folders: drive.google.com/drive/folder...
📚 Project 2
GitHub Code (give it a star ⭐) - github.com/adrianhajdin/proje...
Assets - drive.google.com/file/d/12ZCr...
GitHub Gist (code to copy) - gist.github.com/adrianhajdin/...
📚 Project 3
GitHub Code (give it a star ⭐): github.com/adrianhajdin/proje...
Starter Code: minhaskamal.github.io/DownGit...
Figma File - www.figma.com/file/EyzNoOFak1...
_app.js: minhaskamal.github.io/DownGit...
📚 Project 4
GitHub Code (give it a star ⭐): github.com/adrianhajdin/proje...
GitHub Gist Code Snippets: gist.github.com/adrianhajdin/...
Assets, Components, Public folders: drive.google.com/drive/folder...
Bruno Simon Portfolio - bruno-simon.com/
Junni - next.junni.co.jp/
Alongside building these great projects, you will also learn:
- Functional Components and their reusability
- React file and folder structure for better code architecture
- Fundamentals of CSS to master flex, grid, position, and even media queries
- Soothing animations using Framer Motion
- Node.js Backend APIs
- Database management with MongoDB
- State management and hooks
💻 Join JSM on Discord - / discord
🐦 Follow JSM on Twitter - / jsmasterypro
🖼️ Follow JSM on Instagram - / javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 Intro
00:07:01 First Project
02:17:43 Second Project
04:26:32 Third Project
06:32:15 Fourth Project
Common!! this channel is supposed to have 10M subscribers
How many people do you think see web development entertainment? 🤭This is good for aspirants and upskillers. We are the only people who can truly appreciate this. So naturally it's growth is very niche. I'm surprised they put this much effort into niche content and release it for free. JM team is clearly well off and settled in life so they are not focusing on instant gains. Most people, even businesses won't have the luxury to do this as they'll have to answer to investors etc. This model screams people behind-the-scenes is *financially secure* - it's what I'd do if i was financially secure. I love it. I strongly believe education should be free and open source, if possible. I'm just blown away by the production quality.
Invaluable content for all of us AI/ML practitioners needing to showcase our work in professional-looking apps! Many thanks.
Amazing, enjoy!😊
Hey do you build your ML projects in python if so how do you connect your ML projects to the backend.
In the entire youtube, you are the best teacher. Every video of yours is a masterclass. Love from India
when i started with react i was so confused. once i started watching your videos, then i got the confidence and i feel comfortable writing react apps. Thank you very much for your effort!
Amazing! 😊
thank you for making such quality content for free of cost. You never disappoints .
The king of modern RUclips Class is here with a new one again.... I just love your content!!!
Thank you! Sharing your knowledges for free with such great courses is just honourable
Thank you! 😊
This is the best video I have seen on any project building on the whole internet and I was also looking for a portfolio website. Thank you very much sir
This is an amazing channel. I were developing mobile apps and websites using flutter android java and website basics html css anda javascript but the React word is something very different than all I learned it's always interested me and I wantch couple off tutorial in all it I struggle with errors and after hours I couldn't manage to built it but following this video everything worked smoothly thanks for this amazing video. !!!Declaration: One of the best channel on RUclips👏👏
Thanks for always making us such amazing courses.
Always welcome
Wie wir immer sagen, Sie sind der Beste, Adrian. 🌹🌹🌹Wunderbar. Danke.
For project 1, if you are getting an error while deploying to Render regarding Node version, add this to your package.json:
"engines": {
"node": ">=14
done still not working, error: THREE.WebGLRenderer: Context Lost.
Thank you for your contributions, It means a lot to struggling job seekers like me..
Four project in one video. Good job Adrian
Thank you!
Just what I needed when I needed it. Already built the first and last project, starting the second and third project today but definitely building the third project before the second. Great stuff Adrian, bless you 🙏🏽
Enjoy! :)
does he teach react in this or is their any pre requisite
@@udityadav9957 its ruby and rust guide, with some python
Just in time thank you so much for making this amazing content for free
Finishing the dribble clone now!! Thank you very much!!!
Amazing, enjoy!
You are a wonderful teacher
thank you for making such quality content for free of cost
You got it!
You are the best, thanks for all this amazing tutorials! This is gold!
You're very welcome!
I am a junior developer but i love your content man. Will follow it for sure
Thank you!
More incredible content! Thanks JSM!
More to come!
Holy shit I just watched the trailer of the video of like 3 minutes and I am literally getting goosebumps just by assuming at what I am going to learn in this 9 hours video and I am so so so much excited about this video..... it is like there is nothing else to learn apart from this video.... this is completely at different level and is outstanding video from others
Thank you for this, lots of love 💗💗💗
Wow! This is tons of work! Thank you very much!
You're very welcome!
Great Video, much appreciated!
WOW unbelivable, 4 incredible projects for free. I cant believe it. Thank you and your team so much!
Appreciate it!
All task complete thank you very much for this...
Thank you so much for these tutorials, is there any prerequisites?
no match for your content
you nailed it man
GOD BLESS YOU SO MUCH BOSSMAN... I'm most grateful for your contributions to we self-taught developers.
Thank you!
I just can't thank you enough, gosh you are God sent , I keep getting better because of you in my Dev journey would love to see you one day
Glad I could help!
Much love ❤❤❤
Thanks for sharing..
No matter what, I don't think I will be able to thank you enough.
Thank you very much!!!!!!!
Enjoy!
This man is crazy!! Thx mein bruder. You are on fire!!
Been waiting a long time for this brother!
It's here!
Awesome, this is totally what i want to learn!
Thanks for this wonderful tutorial
Thanks for always making such a good content..very helpful 🙏🙏
Appreciate it!
Awesome video!! Really love the content from you Adrian.
A quick point for anyone getting the following error in the console:
THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN.
Set the Float32Array size as a multiple of 3. The position property is basically a Vector3 so we need 3 random points within the sphere. If the size is not a multiple of 3 then 1/2 points will be NaN and Threejs will complain with the above error.
for clarity; In the Stars component, adjust your 'const sphere' - FloatArray(5000) value to something like 4980
thank you! very amazing your video tutorial, you are the best
Very Useful Content. But I recommend creating a playlist of 4 projects. This will be more beneficial for all of us.
Great idea!
You are unbelievable man, Those projects are a real treasures
a project based JavaScript course would be blessing from you :p
Man you're like god to me, quality with updated videos
Wow, thanks
Hi Adrien, in the First Project, around the 53:30 min mark, you used the geometry "nodes.T_Shirt_male geometry", where would I go to modify the geometry if I wanted to modify the product type, replacing the T-shirt? Thanks in advance. I really like your channel and content.
You are the best tech teacher in whole youtube 👍
Hi,
Your contents are so awesome...
Thanks for your efforts..
It's really awsome content i like a lot and learn many things through , Thanks a lot for such content.
Love it man
This is amazing man! you are the best teacher i ever got
Thank you!
Web app GOAT ♥ thank you for teaching us!
Thank you!
you are the best... these projects going to be helpful for learning design
Happy to hear that!
Thanks for the amazing content. Btw, why not make a MERN project with TypeScript?
u never fail to impress 🔥
Man, I just want to "God bless you" & keep safe and blessed for us.
I really appreciate your work and I will put a like and subscribe. Defintelly one of the best web dev on youtube.
Where do you find those 3d persona in 2:19:22?
Great projects bro keep this up..
Thank you so much 💓
Awesome apps. Thanks for sharing.
Hi, I love your content. I have a kindly request if its possible, could you build a react native and deep learning mix app, maybe it can include some block chain too. Thank you.
Excellent work man
Thank you! Cheers!
Just BEST!!! Thank You so much
Enjoy!
You're the literal best 🙌🏽
Thank you! 🙌🏽
Long Live My Friend , You have won our hearts.
You never disappoints ❤
Thank you!
i love you man because of the 3d website
You're amazing bro!
Thanks!
4:26:38 modern ui - tailwind, framer , next js 13
Thanks for the video. It's cool as usually as your content
Thanks for watching!
I know that these videos are already made by you .but the moment you put any video i just simply like it . I know you deserve it ❤️
Thank you so much 😀
thank you , you are the best ❤️
You're welcome 😊
Thank you so much sir ❤
All the best
jossss dear sir thank you 🥰🥰🥰
Man, you have my respect!♥♥
Thank you!
Awesome thank you.
Thanks!
thank you Adrian , we also need e-learning project
Great idea!
big thanks for you mate ..
No problem 👍
Thank you a lot ❤️
You're welcome 😊
this is super helpful 🤩😍🤩😍
Awesome ___________ next framer motion
Coming soon!
Thank you for making such a good vedio content and share your knowledge with us ❤❤
It's my pleasure
Awesome!
Starting to build project 1 now!! Super excited, thank you for doing these awesome tutorials!
Edit: Project 1 complete, that was pretty awesome.
so you just copied code from youtube and will use that as YOUR project XD?
@@pkorneev5226 what did you do? 🤔🤔
@@pkorneev5226 and make some minor changes and get hired easy peesy 🤣
@@pkorneev5226 Where should we copy them from as we learn?
Bro I'm getting this issue in first project "Uncaught Error: Could not load potsdamer_platz_1k.hdr: " while using Environment preset = 'city'.. can you tell me how to solve it ?
Eu adoro seu conteúdo
Wow this is amazing 🎉
Thank you!
seriously u r awesome bro.
Thank you so much!
hi..thanks for the great tutorial. in first project the download image functionality is not added?
Valeu!
bro adrian where do you get this ideas to making a content like this? dude this is so awesomeee
Appreciate it!
Nice one as always.
Please create expo React Native Uber Clone.
As always GREATTTT Video broo 🔥
Haha exactly :D
@@channelinprogress446 Because i know JSM's videos are always the best.. He earned our trust
Hi thanks for this video, currently i following your project 1, i stuck at 54:08, i don't know, but it not display the shirt like you, there error "Uncaught TypeError: Cannot read properties of undefined (reading 'geometry')" i try to find explanation, but didn't find on how to solve it, may you suggest me what to do?
Hi, Thank you for the valuable content you provide.I'm new to react and just finished Javascript. Is there any prerequisites to follow along except javascript, html and css? Thank you
Nope
You are the best bro ❤❤
Thank you!
Hey I love how you program and structure the folders and everything, but I have problem with the easing library of maath i don't feel I understand the things relative to that, where can I learn about using this functions with the three.js features
RUclips is only worth it thanks to your videos, they are super interesting, as a request if you can be could you do more content on web3 or a website for data sience? Thank you so much
Great idea!
you are the best, thank you🤩🤩🤩
Appreciate it!
Thank you 👍 , for making such content for free
It's my pleasure
Bro So underrated even paid courses are not that much valuable love from pakistan ❤❤❤❤❤
Greetings to Pakistan :)
Great Video