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: [email protected]

💻First Project: Fully Responsive Modern UI/UX Website in React JS
GitHub Code (give it a star ⭐) – https://github.com/adrianhajdin/project_modern_ui_ux_gpt3
Assets – https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_modern_ui_ux_gpt3/tree/main/src/assets
Styles – https://gist.github.com/adrianhajdin/f944d6e74d2ce1922efebe55c908d0d8
Figma Design – https://www.figma.com/file/lz9lLpFHMxHm2odnwM3R0z/gpt3
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/#/home?url=https://github.com/adrianhajdin/project_modern_ui_ux_restaurant/tree/main/starter_src
GitHub Code (give it a star ⭐) – https://github.com/adrianhajdin/project_modern_ui_ux_restaurant
Figma File – https://www.figma.com/file/yvClSI9AZBRX8UaaGEByF3/Modern-Ui%2FUx%3A-Gericht?node-id=53%3A2
UI8 Gericht – https://ui8.net/iqonicdesign/products/gericht-restaurant-website-ui-in-figma
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/bUGIPys15E78w9bs1l4tgS/HooBank?node-id=310%3A485
GitHub Gist Code Snippets: https://gist.github.com/adrianhajdin/8a04faf5e52419ec93cd5329ffcb011e
Assets: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_hoobank/tree/main/src/assets
Filmpire course – https://www.jsmastery.pro/ultimate-react-course?discount=youtube
🎨 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/adrianhajdin/e5ec924260241801c40ab979bdb1807d

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