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?urlhttps://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?urlhttps://github.com/adrianhajdin/ecommerce_sanity_stripe/tree/main/public/assets
Third Project: Fullstack Responsive Portfolio
Continue watching here: https://youtu.be/3HNyXCPDQ7Q?t13580
GitHub Code (give it a star ): https://github.com/adrianhajdin/project_professional_portfolio
Sanity Schemas: https://minhaskamal.github.io/DownGit/#/home?urlhttps://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?urlhttps://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