Build & Deploy a Personal Portfolio with TailwindCSS - 2022 Edition
https://www.hostinger.com/designcourse - 10% coupon code: DESIGNCOURSE
-- https://designcourse.com - Learn UI/UX!
-- Today, I'm going to show you how I designed, and how to code (with TailwindCSS) a personal portfolio that might be suitable for either a designer or a developer. After that, I will also show you how to deploy it with automatic git deployment using Hostinger.
While we won't design it from scratch, I will spend 15 minutes talking about the design and the various sections that I think are *most* important if you're going to build a portfolio.
Then, we'll step into VS Code and use Tailwind to make the project a responsive-reality in the browser. Finally, we'll create a hosting account at Hostinger, and I will show you step-by-step how to deploy it using Github, along with automatic deployments.
Full code for this project:
https://coursetro.s3.amazonaws.com/stuff/personal-portfolio.zip
0:00 - Introduction
2:54 - Design Overview
18:34 - Project Setup
34:15 - Creating the Header
58:08 - Hero Section
1:19:07 - My Work Section
1:20:40 - Clients Section
1:22:41 - Hire me Section
1:24:37 - JavaScript
1:28:02 - Github
1:30:47 - Creating an Account at Hostinger
1:32:55 - Setting up Auto Git Deployment
1:37:00 - Final Thoughts
Let's get started!
#designer #coder #portfolio
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Видео Build & Deploy a Personal Portfolio with TailwindCSS - 2022 Edition канала DesignCourse
-- https://designcourse.com - Learn UI/UX!
-- Today, I'm going to show you how I designed, and how to code (with TailwindCSS) a personal portfolio that might be suitable for either a designer or a developer. After that, I will also show you how to deploy it with automatic git deployment using Hostinger.
While we won't design it from scratch, I will spend 15 minutes talking about the design and the various sections that I think are *most* important if you're going to build a portfolio.
Then, we'll step into VS Code and use Tailwind to make the project a responsive-reality in the browser. Finally, we'll create a hosting account at Hostinger, and I will show you step-by-step how to deploy it using Github, along with automatic deployments.
Full code for this project:
https://coursetro.s3.amazonaws.com/stuff/personal-portfolio.zip
0:00 - Introduction
2:54 - Design Overview
18:34 - Project Setup
34:15 - Creating the Header
58:08 - Hero Section
1:19:07 - My Work Section
1:20:40 - Clients Section
1:22:41 - Hire me Section
1:24:37 - JavaScript
1:28:02 - Github
1:30:47 - Creating an Account at Hostinger
1:32:55 - Setting up Auto Git Deployment
1:37:00 - Final Thoughts
Let's get started!
#designer #coder #portfolio
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Видео Build & Deploy a Personal Portfolio with TailwindCSS - 2022 Edition канала DesignCourse
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Giving your FLAT Designs some DEPTH](https://i.ytimg.com/vi/SJz2dKxvquE/default.jpg)
![Figma's New Wrap Feature: From Design to Code](https://i.ytimg.com/vi/sdi8v0mV938/default.jpg)
![How to use Figma's new Dev Mode](https://i.ytimg.com/vi/wk9xSDNboZw/default.jpg)
![PayPal's Website is Freaking Ugly](https://i.ytimg.com/vi/txkNMoCMau8/default.jpg)
![I asked Framer AI to Build Me 5 Websites](https://i.ytimg.com/vi/hn1E3X4LATM/default.jpg)
![From Figma to Lottie - UI/UX Animations Made Easy](https://i.ytimg.com/vi/ZLSdqE-60hw/default.jpg)
![How to use AI in your UI/UX Flow](https://i.ytimg.com/vi/6e2oZ8Po4B4/default.jpg)
![How I finally stopped drinking alcohol 🍸](https://i.ytimg.com/vi/fVCnYzUu6EE/default.jpg)
![The Most Popular UI/UX Animation Technique](https://i.ytimg.com/vi/QiqSE2XcyDo/default.jpg)
![I Fixed 3 Broken Portfolios in Record Time](https://i.ytimg.com/vi/uYEyBGyJqPM/default.jpg)
![I Designed a Website in 56 Minutes](https://i.ytimg.com/vi/KbW6Kzil2eE/default.jpg)
![This is how you Refactor a UI Design](https://i.ytimg.com/vi/bFIIHOI5QoE/default.jpg)
![Use AI & JavaScript to Generate Amazing Color Schemes](https://i.ytimg.com/vi/Y5qR2pbKRVs/default.jpg)
![ProtoPie is Prototyping on Roids](https://i.ytimg.com/vi/6RpgS6H2FaY/default.jpg)
![Design a Highly Interactive Prototype with Figma & ProtoPie - Part 1](https://i.ytimg.com/vi/wnlCfLOpP60/default.jpg)
![Refactoring your UI/UX Design -- LIVE](https://i.ytimg.com/vi/rCM5-TrbG_o/default.jpg)
![Curvy SVG Text Scroll Animations - So Smooth!](https://i.ytimg.com/vi/94zyrvaFMhM/default.jpg)
![The Top 6 Best Websites of 2023 (so far)](https://i.ytimg.com/vi/oFz1RfCzKYs/default.jpg)
![Live Roasting your UI Designs](https://i.ytimg.com/vi/P7tN7bOe_3w/default.jpg)
![Futuristic UI Design: With the help of 2 AI Tools](https://i.ytimg.com/vi/4lQ3Vz1VMmU/default.jpg)
![Using AI for UX Design is Awesome - Crash Course](https://i.ytimg.com/vi/prVP_M0j3uQ/default.jpg)