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!
\u2b50Hostinger -
https://hostinger.com/javascript
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
\ud83d\udcd9 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:
\ud83d\udcbb JS Mastery Pro -
https://jsmastery.pro/youtube
\u2705 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.
\ud83d\udcbb Join JSM on Discord -
https://discord.gg/n6EdbFJ
\ud83d\udc26 Follow JSM on Twitter -
https://twitter.com/jsmasterypro
\ud83d\uddbc\ufe0f Follow JSM Instagram -
https://instagram.com/javascriptmastery
\ud83d\udcbc Business Inquiries: contact@jsmastery.pro
\ud83d\udcbbFirst Project: Fully Responsive Modern UI/UX Website in React JS
GitHub Code (give it a star \u2b50) -
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
\ud83d\udcbbSecond 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 \u2b50) -
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
\ud83d\udcbbThird Project: Fully Responsive Website with Modern UI/UX in React JS with Tailwind
GitHub Code (give it a star \u2b50):
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
\ud83c\udfa8 Design by:
https://www.oneweekwonders.com |
https://dribbble.com/OWWStudio
\ud83d\udcbbFourth Project: The Perfect Developer Portfolio
GitHub Code (give it a star \u2b50):
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
Share this page with your family and friends.