the plans that we're going to create in order to deploy this process and use the coupon code design course for a NUMBER_TOKEN off discount so hostinger i they've sponsored a number of my videos previously they're a great web host with many different features as you can see they're all listed here for this particular project i'm going to use the premium shared hosting plan so if we select this you'll see that you have a lot of different options to save a lot of money depending on the span uh the duration that you want to work with and a lot of different payment methods and of course you know outside of the black friday promotion deal that we saw on the home page here also make sure to apply this design course coupon code for NUMBER_TOKEN off and so i'm going to be showing you how to launch this and deploy this project that we create near the end of the video and i'm going to use a link a time stamp as well to where you can just jump right to that deployment process if you wish and what's really cool it's automatic get deployment which means every time you make a change to your website and you push that change to github it will automatically update the and just basically download those updates from github and automatically push it to your website live so it's a very seamless and just very simple process and i'm going to show you how to walk through all of that so let's stop talking and let's get started all right so we're going to spend some time talking about this design here which is something i threw together and what i believe constitutes an effective portfolio either for a designer or a developer of some sort and it has at a bare minimum i would say four different sections and so i'm going to go through each of these sections and i'm going to talk a little bit about do's and don'ts essentially now if you're curious about what this app is it's ifigma and figma is basically the most popular ui ux design tool and the idea is is you design your projects first in something like figma there's other competitors like adobe experience design otherwise known as adobe xd or sketch and those are the primary three although there are other ones that you can choose from as well and the idea behind it is you first design what your website should look like in a browser or device or whatever and then you get to the coding portion now a lot of developers just like to hop right into the code portion without first designing it but that's not the way to go it's very difficult to iterate and make changes to your layout as you're coding because that requires changes to the code sometimes so here we're able to rapidly make changes easily without having to deal with code and also if you're dealing with a client or an employer who has a final stay like a stakeholder as they're called then it's a lot easier to make those changes here and they're also able to create prototypes i didn't do any prototyping here but it allows you to kind of create interactivity uh page transitions between different pages just to show what it will look like and how the app where the website will behave on actual devices all right so let's get started here with the first one we can see we have three different layouts
START_SPONSOR_TOKEN the plans that we're going to create in order to deploy this process and use the coupon code design course for a NUMBER_TOKEN off discount so hostinger i they've sponsored a number of my videos previously they're a great web host with many different features as you can see they're all listed here for this particular project i'm going to use the premium shared hosting plan so if we select this you'll see that you have a lot of different options to save a lot of money depending on the span uh the duration that you want to work with and a lot of different payment methods and of course you know outside of the black friday promotion deal that we saw on the home page here also make sure to apply this design course coupon code for NUMBER_TOKEN off and so i'm going to be showing you how to launch this and deploy this project that we create near the end of the video and i'm going to use a link a time stamp as well to where you can just jump right to that deployment process if you wish and what's really cool it's automatic get deployment which means every time you make a change to your website and you push that change to github it will automatically update the and just basically download those updates from github and automatically push it to your website live so it's a very seamless and just very simple process and i'm going to show you how to walk through all of that so let's stop talking and let's get started all right END_SPONSOR_TOKEN