Build and Deploy 4 Modern React Apps and Get Hired as a Frontend Developer | Full 10-Hour Course

Welcome to the ultimate course, where you will learn how to take Figma designs, turn them into four modern, responsive, beautifully-designed applications, and get hired as a front-end developer. All the way from design, over development, to deployment on your own web development portfolio!

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

📙 Get the ultimate free resources, guides, and eBooks: https://www.jsmastery.pro/resources

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:
- React Functional components and their reusability
- React file and folder structure
- Fundamental CSS properties to master flex & grid
- Fundamentals of the CSS BEM Model
- From soft and pleasant animations to complex gradients
- Perfectly placed media queries for satisfactory responsiveness covering almost all devices
- Finally, you'll learn how to deploy your websites to extremely fast servers and give them a custom domain name.

💻 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: contact@jsmastery.pro

💻First Project: Fully Responsive Modern UI/UX Website in React JS
GitHub Code (give it a star ⭐) - https://github.com/adrianhajdi....n/project_modern_ui_
Assets - https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdi....n/project_modern_ui_/tree/main/src/assets
Styles - https://gist.github.com/adrian....hajdin/f944d6e74d2ce
Figma Design - https://www.figma.com/file/lz9....lLpFHMxHm2odnwM3R0z/
AR Shakir's Designs - https://www.arshakir.com
BEM Guide - https://sparkbox.com/foundry/bem_by_example

💻Second Project: Fully responsive Modern Restaurant Application
Starter Code - https://downgit.github.io/#/ho....me?url=https://githu
GitHub Code (give it a star ⭐) - https://github.com/adrianhajdi....n/project_modern_ui_
Figma File - https://www.figma.com/file/yvC....lSI9AZBRX8UaaGEByF3/
UI8 Gericht - https://ui8.net/iqonicdesign/p....roducts/gericht-rest
BEM Educational Link - https://sparkbox.com/foundry/bem_by_example

💻Third Project: Fully Responsive Website with Modern UI/UX in React JS with Tailwind
GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/project_hoobank
Figma Design: https://www.figma.com/file/bUG....IPys15E78w9bs1l4tgS/
GitHub Gist Code Snippets: https://gist.github.com/adrian....hajdin/8a04faf5e5241
Assets: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_hoobank/tree/main/src/assets
Filmpire course - https://www.jsmastery.pro/ulti....mate-react-course?di
🎨 Design by: https://www.oneweekwonders.com | https://dribbble.com/OWWStudio

💻Fourth Project: The Perfect Developer Portfolio
GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/portfolio_website
TimeLine.jsx - https://gist.github.com/adrian....hajdin/e5ec924260241

Timestamps:
00:00:00 Intro
00:03:32 Application One
03:21:28 Application Two
06:36:17 Application Three
08:49:24 Application Four

• Category

  Programming and coding