 What's up team? It's your biggest fan the real Casadero and this here is the first part in a series of videos that I that are coming from Me producing a course for my website the code 365 startup lab and the name of this course is HTML mastery and my goal is to have this done fairly quickly soon and be able to give people a master level understanding of HTML and a core foundation that they can build on when it comes to building websites web applications and And and writing programs in general team. This is the education that I didn't get I think it's the education that everybody needs and most importantly it shows people that hey You don't have to go out and learn this super complicated stuff the stuff that that you you can use this stuff Right now to go out build your own website build your own app start your own business go out and get freelance clients You can use this knowledge to get a job The whole goal is to show you how to think through through problems and think about how the web and software and applications are put together So you can take full advantage of what's out here team and you're not locked into some sort of box You're not locked into some sort of framework and I locked into some sort of tutorial But you're actually able to go out and build things team So let's get to it if this content is valuable when you reach the end Please like share subscribe to the video team and if you want to support the channel Go over to code 365 startup lab comm you can get any of the courses their team And when if you sign up you'll get some regular emails from me You'll also get a link to the discord server and if you sign up for a lifetime membership team that would be Fantastic classic goals to help me produce more content just like this But again, I need your input so I know what's working what's not working team And also you can follow me over on Twitter on social media And if you want some cool swag and merch for coders check out write code drink coffee dot com That's enough of me plugging myself team. This is all about you. Let's go learn some code All right team if you're gonna if you want to follow along what you're gonna need is you're gonna need a few pieces of software One of these pieces of software you can go out and you can I'm actually gonna show you how to go out and grab it But it later on in the video, but I'm gonna show you here as well I'm gonna be using PowerShell and I use if you're on a Windows machine PowerShell comes with the computer But you can also go download what's called PowerShell core and it's just on their github page So you go over to github PowerShell core and if you will maximize if you scroll if you scroll down They have instructions on how to install it for your particular operating system And so like I use Windows and I'll give you a quick just a quick intro to how Windows works So at Windows 64 bit If your operating system has four gigs of RAM or more, this is 64 bit operating system And what the 64 bits mean is just the the way the operating system stores data and it allocates memory when something is loaded in the memory It loads it in the 64 bit segments And so you're able to load more stuff in the memory and it help in and because the chunks are bigger The operating system is able to manage essentially more memory space Windows x86 is for four gigs or less and that's you that's like a 32 bit System and so that means you've got 32 bits of space and and if you do the math Right like so if you got a whole bunch of RAM and using 32 bits then the computer has more addresses to manage But if you have the 64 bit spaces then the computer doesn't have these additional addresses to management So that's just a little bit of computer knowledge for you So again if you got four gigs of RAM or less you're going to use Windows 86 and if you got four gigs of RAM or more, but you know, this is typically most systems today Especially if you've just if you if you're on a Windows 10 machine that you just got you're probably Windows 64 team You just head over into the instructions and they will walk you through how to download and install everything team I know it's a headache. I know it's not, you know the idea situation for a lot of people But if you're coming out here to learn this stuff, this is the kind of stuff You're gonna encounter and you're gonna be reading this kind of stuff anyway So you might as well just go out and use it for yourself instead of reading it So you can go apply it to somebody else's business and and help them grow and create the life that they want right to spend your time struggling and scratching your head and and and Struggling through this stuff so you can build your own thing and just own your own stuff team All right, the next thing we're gonna need is you're gonna need a program called a visual studio code And if we just type it here, I'm using Bing and I'm on Microsoft Edge on Windows Visual studio code the website is code dot visual studio dot com and this this is just one of many text editors This is the text editor. I use it's the text editor that I'm gonna be using throughout this But I've also used other text editors in the past. There's sublime text. There's brackets There's all kinds of text editors team. This is just the one that I use It's made by Microsoft is well backed and it has a ton of extensions and plugins to make coding easier And also the keyboard shortcuts are fantastic There's a bunch of things you can do team And so if you want to follow on I recommend visual studio code because the you'll be able to use the exact same commands and Shortcuts that I'm using and it's gonna in and you're gonna learn you're gonna learn to really use this tool to build Your own type of stuff team and I don't know if I get into it inside of this course per se Well, not not in this not not in the course I get into it in the course, but I'm not sure if I used it in these lessons that you're about to watch but There's a program called to get and you can get there by using get slash get dash SCM a calm and this is what's called a version control tracking system And this allows us to track different versions of our software as we build through them I don't really want to dig deep into it and start explaining all this stuff right here But if you head over to the website, you just read through the website and I'm telling you team This is how you gain the best understanding the very best understanding of all this stuff But download install get if you want to follow along with that and last but not I'm gonna open up another tab by hitting control T There's a program called x amp and we are gonna be using that to give us local server capabilities on our machine So if you go here, this isn't what we're looking for We're gonna go back one and we go into the the x amp installer and the web page is actually WWW dot Apache this a p a c h e friends f r i n d s dot org team and This is just a program we download onto our computer and we can install it and it gives us a web server Just like we'd have a web server on the internet It gives us a database that we can use it gives us the php programming language which team is is it's a programming language But think of this as a a server side scripting language that we can use to process any sort of Request that we send to a web server normally what like when we came to this website We typed in this address What happened is is we sent a request to a web server at this address and that web server said hey They're looking for the index by HTML and they send it back to us now What we don't see on the back end is this probably a php page is probably a php application and php just returns HTML so it'll go into the database It'll grab all the stuff that the user is looking for and it will make it a HTML file and it'll send it back To the browser and that's what we see team This is what websites do all of them the general theory behind all of them whether you're using an angler or a Reactor review or whatever. It's all the same thing. I'm just showing you PHP because PHP you can start with that immediately and you'll have this foundational knowledge You can build on if you ever ran across somebody who seemed like a genius coder There's either they study really hard But there's a very good chance that they started very simple and just started building little HTML pages and then they were like Ah, you know, they added some JavaScript. I mean they added some CSS then they added some JavaScript and they're like Hey, right. I want to put this on the internet I want people to be able to log in and then they learned PHP and from there it's off to the races team You understand two three different programming languages You understand the structure and architecture of things you understand how to think through different problem sets And now you're able to go out and start building and that's how you end up with these companies like snap chats and Ubers and Facebook and all these different stuff team is just people with different ideas out there building But anyway, this is some software we can download to our machine and when we get to that portion I'm gonna show you I'm gonna go over the download again so you can skip that part but I'm gonna show you how to get it set up and get it running so you can run a local web server and And and that's that's pretty much to it team So if you want to follow along this is all the stuff you're gonna need here team and that should be good So let's get into it team. Let's start building some stuff. All right team Welcome back. It's your biggest fan the real Castero and we are going to get into HTML forms So let's do it. We're gonna hit the windows key and type in power pw for power shell core gonna Make this a little smaller and zoom in so you guys can see all right, so we're good So what we're gonna do actually we're gonna do this a Little different. We're gonna do a CD. They're gonna do a tilde key of backslash and they were gonna type DS and type Tab and that is gonna take us to the desktop now Now we're on the desktop gonna do a MK dir and we're gonna call this form example Dot HTML Well, actually we're making this a directory So we'll just do this and we'll go form and we'll make this capital e back Like that and then we'll do a CD form now. We're in that directory and we'll do a new dash item and we'll call this index dot HTML HTML enter they will do a code dot to open this directory in visual studio code So look we got all these code windows open Yes, I want to save that and this is what we're looking for right here So what we're gonna do is you're gonna put this off to the left side and then we're gonna hit the go live right away Bring up the go live and we're gonna put that off to the right side right here Actually, let me put this back up there grab this there we go team Okay, so now we got our web page. We'll go over here to visual studio code do a control W to close that window go into our index.html put an exclamation point hit tab and down We'll hit tab a few more times and down here in documents. We're gonna put form Example form example. Alright, so we got a basic web page right here team We're just gonna make an example of a Standard input form and forms are where we first start to get into programming. This is our foray into programming So like I said Like I always say what HTML you can start and you can start building stuff right away You can start building anything you want you can put it out there in the internet You got people come and see it you can build little stores for products and merchandise You can build online of course you can build whatever you want build your landing page put it on there But then at some point you're gonna want to get input from users You may want to get a username and password so they can log in so you can serve up a Back into a membership website or so they can download something you may want to put in a form So they could give you their information so they could buy something. This is this is what forms are used for team Forms or to get input from programs. So let's so let's get into it We're gonna make an example Form so we're gonna go right down here to our body and we're just gonna type a form Tap and then it's gonna ask us for action and then this action What we would do is we would say what where we want that form to go and what we wanted to do So in this case, we're gonna make it go to a action tion underscore page Dot PHP So this is gonna go point to a PHP file and then we're gonna go in here And we're gonna move this form down inside of our form. We're gonna put all the stuff we need so we need a first we go first name and Then after that first name We're gonna put a VR and this is gonna create what's called a line break and then under that We're gonna put a input field. So we go input INP and then hit tab the type is going to be text because we're gonna be putting a string in here So a first name and this name will just give it first Name and then this ID will give it a value of m-i-c-k-e-y emmy mickey and then under that we're gonna put another v-i-r So we'll go Not v-i-r, but v-r to add another line break and then what we'll do is we'll just copy this So we'll grab this first name all the way down to there We'll hold the alt and shift key and we'll go down and now we've got this area where we can make our last Name all right, so we'll go here Space and then we'll get rid of this first go down here and we'll type we'll make this last name So we'll take this out And we'll go LAST and Last name is going to be m-o-u-s-e mickey mouse. All right team So now we've got a pretty standard form Let's add another line break right here and then underneath that we're gonna put an input type And we're gonna make actually I'm sorry a team. We're gonna do a input. We're gonna make this type a submit So it shows up as a button and we're gonna give this a value of submit. So we'll go value is equal to Submit and then we'll just get rid of all this other stuff T submit We'll save and now we got nothing over here. Let's see what's going on How come we don't see this let's close out our live server bring our live server back and there we go. We have a Pretty standard HTML form now What would happen is we submit this button and it would go off and it would get this action PHP page but because we don't have an action PHP page and we are not on a Web server that has PHP on the back end. It gives us this cannot get action page But if we had this set up the way it was supposed to be set up We could get cat. We could get back any kind of input We want so we could have this page sitting on a server and the server could be sitting and it could be waiting and it Can say hey when you get a request with this Username and this password show them this page Then from that point on that that user that would be able to use that page to do all kinds of stuff on the back end but if they weren't logged in they wouldn't be able to see that page and so that's why we have passwords and Passwords composed of input fields all forms input fields credit card input field, right? We want to buy something online sign up for Amazon Netflix. They all want input feel So this means we know how we must know how to design and create forms team So in the next video, we are going to go a deeper into forms But now you know how to make a basic form. You know how to make it point to something But you don't know any PHP yet. You don't know any programming yet We're gonna get to all that stuff team before we get there. We're gonna make sure we got HTML locked down We're gonna make sure we understand everything that's going on here before we move on team All right, I will see you guys in the next video