Wizdeo Analytics

Build and Deploy 3 Modern UI/UX Websites and Get Hired as a Frontend Developer | Full 10-Hour Course

Published on Fri, Jun 14th 2024 Education Rectangular HD

Build three beautiful UI/UX websites to transform you into a front-end developer ready to be hired! This course covers stylish UI design, mobile-first principles, custom animations, and 3D models, all while improving your React.js, Next.js, and Tailwind CSS skills.

⭐ Hostinger - https://hostinger.com/mastery10
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.

🌟 Sentry - https://bit.ly/4abT6PG

First Project (3D Iphone Website)
📙 Three.js & GSAP Guide - https://resource.jsmastery.pro/threejs-gsap-guide
📘 ESLint & Prettier Guide - https://resource.jsmastery.pro/eslint-prettier-guide
📚 Materials/References:
→ GSAP Workshop Starter: https://github.com/JavaScript-Mastery-Pro/gsap-cc-starter
→ GSAP Workshop Final: https://github.com/JavaScript-Mastery-Pro/gsap-crash-course
→ GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/iphone
→ README (assets & code): https://github.com/adrianhajdin/iphone/blob/main/README.md
→ GLTFs into JSX: https://github.com/pmndrs/gltfjsx

Second Project (Brainwave Website)
🎨 Full Brainwave Design: https://ui8.net/ui8/products/brainwave-ai-landing-page-kit?rel=jsm
🎨 Other UI8 Designs: https://www.ui8.net/?rel=jsm
📚 Materials/References:
→ GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/brainwave
→ README (assets & code): https://github.com/adrianhajdin/brainwave/blob/main/README.md
→ Deployed website: https://jsm-brainwave.com/

Third Project (Dev Portfolio)
🎨 Portfolio Figma Design - https://resource.jsmastery.pro/minimal-portfolio
📘 Portfolio Best Practices Guide - https://resource.jsmastery.pro/portfolio-best-practices
🤖 Special Discord Forum - https://resource.jsmastery.pro/portfolio-discord
📚 Materials/References:
→ GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/portfolio
→ README (assets & code): https://github.com/adrianhajdin/portfolio/blob/main/README.md

🌟 Become a top 1% Next.js 14 developer: https://jsmastery.pro/next14
🚀 Skyrocket your career in 4 months: https://jsmastery.pro/masterclass

💻 Join our Discord Community: https://discord.gg/n6EdbFJ
🐦 Follow us on Twitter: https://twitter.com/jsmasterypro
🖼️ Follow us on Instagram: https://www.instagram.com/javascriptmastery/

💼 Business Inquiries: contact@jsmastery.pro

Time Stamps 👇
00:00:00 — Intro
00:10:20 — GSAP & Three.js Crash Course
00:48:07 — 3D iPhone Website
03:57:42 — Brainwave Website
07:11:38 — Developer Portfolio Website