I love
Hey, what's going on guys carry 28 year and today guys I'm here going to teach you how to cool or not really coding
But I'm gonna cheat you what each owed us. I want you to our mothers
I'm going to do what CSS does I'm gonna cheat you what JavaScript does I'm going to do. What every single thing does
Alright, so let's get let's get started guys first of all what one of teach you guys is
HTML all right
HTML stands for Hyper text
Markup language L. Tells the world
Bulbed well, but world wide web page
how to display the text and the images and it also says HTML up here it says their language for building web pages
Like it shows all the Texas and everything alright
This is the onion right there or HTML, and this is also some way. Sorry. This is also I
here, this is also some coding or
HTML as you can see here
Then let me put this up on
This this is some coding for HTML do so I here
Okay
Now I also want to this lemon and next of what I want to talk about is
CSS. Yes s is
Cascade styling sheets it makes the web
We're proud world page to look appealing so it makes
It even says it up here CSS the language for styling web pages, so it makes everything look good
It stops web pages and everything it looks pretty good and also guys
I also want to say that I could his gun and I am very thankful that for that
I just wanna take the Lord and my mom for helping me get better alright, so yeah
This is the basic of CSS. You could change the background color
You could change the text of something you could change the color of the text
You could even Center the text and you can change the fonts of something and the font size to make it bigger
Alright next what I want to talk about is JavaScript
Excuse me. That's burped. That's what I want to talk about is JavaScript JavaScript doesn't
have a script doesn't show but it is a
client-side and does all the animation and everything and everything it is and
Everything it is in the background for or a worldwide web page
So it's in a background. It does the does programming animation soon so many stuff
I'm on learning job. I'm learning JavaScript right now, but this is the basic of JavaScript as you can see here
This is also put up. Let me bring up
This is also I here. I just close out of it
This right here also
A script this this thing I'd share this is JavaScript
Like yes, right here javascript. Yes. There's so many stuff for JavaScript
Yeah, that's another type of ever script Ally
Very let me go here alright, so next what I want to cheat you guys is pretty simple
What I want what I wanna
Teach you guys is how to do each stuff, but that's going to come up on next next
episodes like that's gonna come out on the next episode so
Yeah, right, yeah. I just want to show you what each of it does. I'm not gonna cheat you yet
Sorry for saying that but I'm I'm going to show you what each of it does so let's go to learn HTML
We could also open up the fin way actually let me do something to make it easier
Here
Sorry guys, I should have done this before I could cut guys I am back and all right so
Now this is the coding. This is HTML. Let me
Let me bring it up
Alright, this is the HTML
It looks pretty simple right. I mean. This is the HTML
It's pretty simple once you get the hang of it like it. This is like the most basic stuff
You need to learn like you need to learn
We need to learn three things to be able to fully cool to be able to move on to the advanced stuff like Gooden games
And stuff like that you need to learn HTML first of all this is HTML and CSS which I've not
already learned out of CSS and HTML, but for CSS
I'm not using right now because I'm learning
JavaScript JavaScript is the last thing you need to learn before you can move on to the advanced stuff right now
I am using I am learning JavaScript, and as you can obviously see this is JavaScript, but for
CSS feel good more into that stuff later all right
So now let's go here
As you can see this is if you go to the if you go to this site and w3schools
The link will be down in the description you can learn how to code, but they just take you through the cooling
I'll show you what it does and try to sub what and they tell you what each code is and stuff like that
That's how I learned I'm a dad help me too, but
This is but if you go to my channel. I will teach you guys like even more
I will see you guys like even better stuff and how to use it even more
like taking those steps to the next level so that is what's gonna be pretty special about my couldn'ta -
alright, so
for html5
That's the newest newest thing html5 so now as you can see it says well html5
We can create your own website this tutorial teaches you everything about html5
Is easy to learn you will enjoy it so like all you have to do is go through all of this
But right now. Let's go to try try it your stuff this right here guys. It's adding
This is a heading as you can see now
I'll give you the guys that step now never use it Eddie
Unless nothing you say I didn't unless you want to make it as a head
Unless you once you use it never use a head in for like making your font bigger
I want to use it for you do a heading of the beginning of your website or the beginning of another section
So this is so only use it for anything odd to make your font bigger the the it's heading goes all the way up to
Goes all the way up to h6 goes all the way up to six the smallest the biggest I should say is one
so let's just start one and the smallest is -
All right
- and
The smallest is no the smallest is six. Sorry the smallest is six not - and
The smallest is six, so let's change that as you can see here, and you could go in between but you can't do
Like seventh won't work
I just changes you just change it is it just changed it to
Paragraph like the font of a paragraph so Devon work, so it's only from h1 to h6
and
And here you could to go to editors basics to learn some stuff to learn how to do this like have your own
personal how to open your do your coding in Chrome or your
web browser so
Right here, it would take you through everything you need to do to for it, but I have never gone guys
you use it use the I have my own personal server on my
Computer so I have a Aragon it. It's free guys
You can get it at the link will be down in the script description for log on so go get it
It's pretty awesome for your own server
I won't take you through the tutorial of that because there's like different tutorials online for logon
and I think they have at your website - I'm not elicit a
Well right now. It says open Notepad so what you want to do guys. I'm sorry
I'm moving my mic around a lot, so which one do guys is go to notepad, PC
just for PC for Mac X editor
But for PC because I'm doing PC - later later open the Start screen get north pad
Alright write some HTML. Just write some code, or just copy this code in I go here
Over here and copy then go to notepad right. Let me open up. Oh
Pad
Then I go to notepad put that in and boom it shows up right here
alright, so
Now that exit out of it. No do not save so that's what you just want to do
Chefs who drew here next after that you save the HTML page if the file on your computer
Select a file in notepad as the name as in textile HTM
Or you can use a HTML - you can use either HTM or HTML as I have said
There is no different. It is up to you
Next after that you viewed the HTML in your browser open the saved HTML in your favorite browser
double-click on the file or right-click and choose open with
Dot dot as in open with your favorite browser or any
browser for the matter of any browser like any basic popular browser okay
So and then Oh show up here, I use
index.html I would recommend that for you guys because
Whenever you're typing in the thing it would just be HTML because like it just seems for basics, but it's your choice
And then the basics element you could go through all the stuff yourself guys. It's not really that are all by next
Let's good to see yourself CSS its basic. It's
Pretty simple guys here says is this it shows you this is like CSS
It makes everything look nicer of push up to combine if your mouth to CSS
I recommend that you learn HTML first and del CSS because everything goes in a pattern is first of all start with
HTML CSS and JavaScript, so you after you learn although still be able to move on to advanced advanced stuff
So I recommend you go you start with HTML and CSS then JavaScript right now this is
CSS. Let's change this to blue I'd looks good, but news might
Ad go color
But ah shite an orange orange I
Nope there you go. This is what this is the that's how you change it?
But you do that how to do those stuff later, and now let's go to cynics
as you can see here, there's the as you can see your guys the same the
The colors whatever I can't I don't know what this are cause, but those are the selector points to the HTML and when you want
Okay, so it goes from the propertied and the value of the property then the font size
Then the font size that another puppet didn't value again, so you choose which one
Which one you want, and then it started it goes like this proper
Property and value property and value alright as you can see here. It has the property in the value
that that now
That's basically watching it to do and you you always have to put this first for the CSS. Then this if you're on a basic
USA or Canada keyboard you could just go up to your
Keyboard mouse and the letters vibe beside that P
You shift and click the letters right beside the P, and you see what did you yeah, and and that's how you?
make
Next let's go Bama script
Javascript is easy to learn like i'm learn javascript by class. I am here. I really went through
JavaScript at all like I'm very very like right here in JavaScript somewhere around Jerry
I can't really remember
but but then like
JavaScript started getting to me like I couldn't remember all just for the steps and everything so it went back and started again
Like if you guys can't understand something just go back and start again
But I wouldn't recommend start all the way from the beginning but stuff from where you last that cup that you got lost
Hey like, and you have to read everything precisely
You don't just like like speed read it just take your time, and it's your own pace guys because I've learned my lesson
Let's just take it from me. Oh slow and easy and steady guys. That's the best thing I like
now this
Now JavaScript as I have said previously is for animations stuff like that
It's JavaScript is pretty awesome if I do say so myself
Like for example, but you but you have to write JavaScript with you with
HTML, let me go up and show you guys right here
Look
Oh
You always always have to write it with
HTML, this is HTML. Don't just ignore all the stuff. This is just a basic format for
Waiting your website, but just focus on this here. Let's focus on let's
Just focus on all of this right
That this is HTML
So you have to focus and add that it's jammed on this issue
alright, and you also have to
before this or this you up for the
I
Was a bird I can't
Javascript yes for the JavaScript you could also have a external file do so all external files. You don't really have to go to
Don't we like to go to notepad?
I use sublime text the link will be down in the description if you want to know how to use sublime text
That's a Oh tutorials out there for you. I might make one myself, but right now
This is I used internal files, and it's all of us the best
They're easy
They're clean. You organize all your files and everything I think internal files, or do go to the length of it down in description
oh, yeah, yes, so
you basically asked the
So you basically have to put the data script here with yes
Go through a basic one which you guys do or
Codeine like I'm gonna
Speed up the thing and play some background music and just go ahead and speed click and just show you guys how?
Coding, it's like and whenever you're coding, and I'm gonna show you guys
The output here I here
I'll show you guys that this is the gonna show you guys how it comes to be boom boom
This is this right here is JavaScript. I'm changing. That's JavaScript. That's the basic of job
Yeah, I'm gonna go through a run-through speed clip or whatever, and yeah guys. I'll be right back
Training guys, I mean burn, and I just can obviously see here guys. This is the basic coding
This is basic coding so now I'm about to show you guys what it actually looks like I have done the CSS
The I've done the CSS the HTML. I've done. Then everything didn't take me too too long guys. I don't know why I was
Ended up, but it's okay
He lured me
That is not a look like
Guys
Okay, and that's not look like I'm sorry alright. Let's see what I did wrong. Oh, yeah, I forgot
No teach you what I'm doing
Here later on in the tutorial if you guys actually go to the website now some people might tell you to go to
A different place, but I think I kind of everything in my shit, but if they tell you go to this um
Holding teach, I'm not sure you know it maybe next episode
I'll tell you guys about it, but just don't go go to the BCS says don't go to another
I'm sorry WCS is the best is the best place you could actually earn it?
Actually, I couldn't remember what the name of the website. It was because it's like the second was populist upset, and I can't remember
Now let's do that see this right here guys is what it's supposed to
As you can of it mate oops bye as you can obviously see guys. This is what I did
but
This is not what I wanted to show
Guys, but that's basically the basics of coding, let's see what I did wrong here for
I did nothing, but anyways that's the basics of the coding guys
So if you guys want to learn this make sure to go down to the description to the site in w3schools calm
everything I will make sure to go to sublime text message to go through this like you can watch your own steady paced and
Yeah, guys. Hope you enjoyed this video every. I make sure to hit a document below make sure to smash that like button
make sure to make sure to hit that subscribe button be sure to
Cherish your friends do all that good stuff guys God, and I just dropped my mic. That's okay. Yeah guys. See you later
Không có nhận xét nào:
Đăng nhận xét