Welcome to the ultimate course, which will help you become a master of Modern Web Development by Building Real Industry Applications. In this compilation of videos, you’ll build social media applications, eCommerce applications, a professional development portfolio, and more!
๐ป Build Apps with Professional Mentors – https://resource.jsmastery.pro/masterclass
โ
JSM Masterclass Experience – https://www.jsmastery.pro/full-stack-web-development-bootcamp
โญ Sanity JSM Subscriber Special – https://www.sanity.io/javascriptmastery
โญ Get help with Sanity on their Slack Channel – https://slack.sanity.io
This video may contain code snippets or concepts specific to a previous version of Sanity Studio. In most cases, you can find the information needed to adapt the material to the latest Studio version by exploring Sanity docs: https://www.sanity.io/docs/migrating-from-v2
Showcase your dev skills with practical experience and land the coding career of your dreams:
๐ป JS Mastery Pro – https://jsmastery.pro/youtube
โ
A unique YOUTUBE discount code is automatically applied!
In this compilation of videos, you’ll learn the following:
– Advanced React Best Practices, such as folder & file structure, hooks, and refs
– Advanced State Management of the entire application using React Context API
– Next.js best practices, such as static generation and server-side rendering
– Youโll learn how to create Modern User Interfaces using Tailwind CSS
– Youโll learn how to integrate OAuth to log in and register users using Google
– Youโll learn how to integrate Stripe to manage payments, products, shipping rates, and the entire checkout process
– Youโll also learn TypeScript
– And most importantly, youโll learn how to manage the entire content of your applications using Sanity. Sanity is a unified content platform thatโll make the making of our entire applications possible.
Deploy the apps to the internet and get a unique domain name for each by using the following links:
โญ Hostinger – http://hostinger.com/javascriptmastery
โญ Discount Code – JAVASCRIPTMASTERY
๐ป Join JSM on Discord – https://discord.gg/n6EdbFJ
๐ฆ Follow JSM on Twitter – https://twitter.com/jsmasterypro
๐ผ๏ธ Follow JSM Instagram – https://instagram.com/javascriptmastery
๐ผ Business Inquiries: [email protected]
๐ปFirst Project: Modern Full Stack Social Media App
๐ Materials/References:
GitHub Code (give it a star โญ): https://github.com/adrianhajdin/project_shareme_social_media
Styles & Other Code: https://gist.github.com/adrianhajdin/a53fdfe71225af2f550b853ae983f0d0
Assets: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_shareme_social_media/tree/main/frontend_sanity/src/assets
Google Console – https://www.console.cloud.google.com
Tailwind: https://tailwindcss.com/docs/guides/create-react-app
๐ป Second Project: ECommerce React Application
GitHub Code (give it a star โญ): https://github.com/adrianhajdin/ecommerce_sanity_stripe
Styles & Other Code: https://gist.github.com/adrianhajdin/55e019f0ec6a48c0ca6d933d3cf0181c
Assets: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/ecommerce_sanity_stripe/tree/main/public/assets
๐ป Third Project: Fullstack Responsive Portfolio
Continue watching here: https://youtu.be/3HNyXCPDQ7Q?t=13580
GitHub Code (give it a star โญ): https://github.com/adrianhajdin/project_professional_portfolio
Sanity Schemas: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_professional_portfolio/tree/master/backend_sanity_portfolio/schemas
Styles & Other Code: https://gist.github.com/adrianhajdin/52b513f1d8a8189747595a587c3132e4
Assets: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_professional_portfolio/tree/master/src/assets
CSS BEM Methodology: https://www.devbridge.com/articles/implementing-clean-css-bem-method
๐ป Fourth Project: TikTok Clone Application
Continue watching here https://youtu.be/CcBHZ0t2Qwc
๐ Time Stamps
00:00:00 – Intro
00:04:58 – First Application
04:43:17 – Second Application
08:14:29 – Third Application
11:59:06 – Fourth Application
source
