Web Development – CSS3 Transform, Transition and Animation

Web Development – CSS3 Transform, Transition and Animation


Web Development CSS3 Transform, Transition and Animation Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Thanks For Watching

Bootstrap Kurulumu ve Kullanımı – Ders 1

Bootstrap Kurulumu ve Kullanımı – Ders 1


Hello friends from all over the world is a Web template standard that uses I will talk about the Bootstrap installation. Bootstrap provides the basic architecture of Web pages in general. create and an order was created to bring an order. Bootstrap page architecture technology discovered by Twitter and free for use distributed and in progress. Yes without further ado I want to tell you about the installation of Bootstrap. Yes first Let’s write Bootstrap to our internet browser Let’s write Bootstrap Let’s log in to getbootstrap.com. and immediately after Bootstrap source codes Download section from the page that comes before us as you saw download section. The file is already very small 600kb Let’s get 1 file to our desktop. Consolidation and review process Bootstrap before you start I would like to mention a little Bootstrap a Web standard and all Related to Bootstrap information you want to learn getbootstrap.com over you can have. Bootstrap installation the merging of source codes Let’s start together. getting started section introduction. Right below the page They have already shared their HTML source code with us. Let’s copy these source codes and then to the desktop the .zip file they shared with us let’s export as you see they shared with us js and as you have seen the css files came under our reach. I want to create a new folder more to make it look clean and neat Let’s call it new_project immediately after js and css so style Our Java Script files here Let’s copy and paste it into our new project. Now with these 2 files we’re deleting them. Our new project folder immediately inside right-click and create a “new->text document”. let’s call it index.html. as you remember from our other classes index.html what was our homepage meant. Right click and edit with notepad ++ where you can download this in the description section. I will leave you the link. As you can see, a blank page came before us. Bootstrap shared with us Starer template startup template a code that we call and We are pasting our index.html page. As you can see us from the remote server shared files our Bootstrap files now because it is in js and css we no longer have these remote files we will not use it in any way. We’il use our own css. Delete this section from and then the following remote server I sileli bootstrap.min.css in css use. Js section also let’s. jQuery remotely calls the source library themselves. We take this to our local. Let’s get this url and paste it into a new tab. As you can see, this library has arrived Let’s call the new project on the desktop and save this file in js and immediately after Let’s refer to this file in js as a source. js / jQuery min.js Let’s change the name. Let’s see if it’s the same? As you see the same. Immediately after if not poper.min.js We can erase this right now. does not express. bootstrap.min.js Let’s check if it’s among our files as you can see in bootstrap.min.js here. change the source part of the file away from remote server Let’s delete this too. It has some files that it determines specification There are styles to delete them As you can see the file html file is quite simple and was far from complexity. title ie the title section of our website Hello, World! i have stayed at this Bootstrap installation. Bootstrap installation first Let’s say step. Let’s save our page inside h1 tag Hello there Bootstrap and let’s save. Let’s come into our project and index.html and right click Open together and select Google Chrome. Hello Bootstrap post came as you can see. We have successfully completed the Bootstrap installation. We’ll make a few examples, we’ll make a few template examples. More for you to make you sit on your head more. We do not close our Bootstrap page. Bootstrap At first it shows us the containers. Container class of Let’s apply now and see what the Container class is. Let’s see together. Into the Body Hello Delete Bootstrap and remove our Container class We are writing and container I want to write a paragraph tag inside our class. trial Let’s call it a paragraph tag. Let’s check it right now as you see container right and left centered created space for us. We call it home architecture. He created our main container. Now into this container various stencils various photos various elements We can put it. Specify more clearly I want to Bootstrap section lets continue. Right and left of our page we use container class if we want it to be centered but The full width of our page is a If we want to have a web page We use class=”container-fluid”. Let’s make an example Let’s write a p label again into our div tag trial full page template architecture. style them as a full page Let’s add style Let’s add the page style head into

Basic Tags in HTML – Learn to Code in HTML and CSS

Basic Tags in HTML – Learn to Code in HTML and CSS


– [Voiceover] In this lesson, you’ll create your very first HTML text. And I want to begin by saying that the role of HTML in a website, is to specify the content that you will see in the web browser. You’ve probably visited a
lot of websites in your life and you already know that
a website is not just text. Websites have other elements. They have headings, they have images, they have forms, tables,
and many other things. So how do we tell the browser what it is that we want to show? That’s when tags come into play. For example, I want to tell the browser that this “hello world” text is actually a main heading in my document. In an ideal world, I would
be able to just talk, and maybe that’s where we’re headed. I can just say “Hey
browser” or “Hey computer, “show this text as a main heading”, but that doesn’t work for now. So we need to use tags. The first type we’ll be learning will be the main heading tag. Tags are a bit like a sandwich. A tag has an opening, and then a lot of tags have a filling as well, and a closing. So this example here shows the h1 tag, which is a main heading. And that’s exactly what we’re going to implement in our code. So you begin by opening your tag and just like a sandwich,
you always need to close it. So I’m gonna close it. For that you type the same tag as well, but you add the forward slash before the name of your tag, and then you save. If we look at Google Chrome
and refresh the page, this is now a main heading. What if I want a secondary heading? I can use the h2 tag
and type something like “the sky is blue”. Close my tag just like the sandwich, save, refresh the page, and
we’ve got a second heading. “The water is cold” will be some other text I will be adding. And there we go. So HTML tags are the way for us to tell the browser to tell the page how we want
to display our content.