Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Modern React Web Development Full Course - 12 Hours | 4 Real Industry Web Applications
Play lesson

Master React JS by Building Real Projects - Modern React Web Development Full Course - 12 Hours | 4 Real Industry Web Applications

5.0 (0)
9 learners

What you'll learn

This course includes

  • 111.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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 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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere