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