Skip to main content

CSS Tutorial-1|| Introduction to the CSS || CodeAndMan

CodeAndMan

 Chapter -1 (Intro to the CSS)

CSS is the language for designing web pages. It is maintained by www (World Wide Web). It stands for the cascading style sheet. It helps us to make the web pages stylish and attractive. With the CSS you can also add animations and transitions to your web page. We will learn how to add these later. I hope that you will enjoy doing this course.



Why CSS

CSS is the only language for the styling of web pages. It is the only language that the browser understands for styling. The languages that the browser can understand are HTML, CSS, and JavaScript.

If you want to learn CSS completely then you have to read this eBook. So guys now let’s begin with what the front-end and backend are.

What is the Front End

The front end is the coding that the user on the browser can see. In other words, it is the HTML, CSS, and JavaScript that is sent by the server to the browser.

What is the Backend

The backend is the code that is kept secretly on the server and is not visible to the user. There are various programming languages to develop the backend of a website like java, PHP, Python, etc.

How the Websites Work

When you enter a URL of a website then the browser goes to the server where the website is hosted from there he tells the server that this client has requested to visit your website. After that, the server does some processing in the backend and returns HTML, CSS, and JavaScript to the browser then the browser compiles this HTML, CSS, and JavaScript and gives the user his/her desired result.

What is IP ADDRESS?                                                                      

The IP address is the address of the device which we are using. When the browser goes to the server then he says that this particular IP address has requested this information and then the server sends us the information that we need. This is the other topic we will talk about sometime.

Technologies used for making the webpage in detail

There are three technologies for making the web page: JavaScript, CSS and HTML. HTML is the compulsory language whereas CSS and JavaScript are optional but without these two the web page looks ugly. That’s why we also use CSS and JavaScript along with HTML.

Functions of the HTML CSS and JavaScript

There are different-different functions of these three technologies like HTML. Its function is that it defines the element and the CSS it is used for making the webpage attractive and stylish and the JavaScript is used for adding logic to the web page.

Points to remember

1.     The IP address is the address of the device that we are using now.

2.     The HTML, CSS, and JavaScript are given by the server to the browser.

3.     The Part of the website that the user can see is called the front-end.

4.     The part of the website that the user cannot see is called the backend.

5.     The HTML is used for defining the element.

6.     The CSS is used for styling the element.

7.     JavaScript is used for adding logic to the web page.

8.     The Browser can only understand HTML, CSS, and JavaScript.

Exercises

Answer These

1.    What is the Full form of CSS?

2.    What are the basic technologies used for making a webpage?

3.    What is the full form of the HTML?

4.    What do we need in the CSS?

5.    What is the function of JavaScript?

6.    What is the function of the HTML?

7.    What is the function of the CSS?

8.    Can we create a web page without using CSS and JavaScript?

9.    What is the backend?
Labels:

Comments

Post a Comment

Popular posts from this blog

The Professional HTML Cheatsheet For beginners in 2024 for free

The Professional HTML Cheatsheet For beginners in 2024 for free Hello guys,  You will be glad to know that I am going to start a cheatsheet series for you all. In this series I am going to give you cheat sheets of all the programming languages. If you want to get all of these cheat sheets for free then you can follow this blog and visit my youtube channel if you like the video content. This is the link to my youtube channel :- https://www.youtube.com/channel/UCmbrOCauavTcwIJeXYo4pjQ This is the link to my instagram :- https://instagram.com/gautam9465580 Father of all the links (Link to all of my social media platforms) :- https://code-and-man.blogspot.com/p/my-link-tree.html Now got all the information which I want to give you before the post so now let’s get started with the post:- In today’s post I am going to give you the first cheatsheet which is of HTML so let’s begin:- Boilerplate of HTML The Boilerplate code is the common code which is used in almost all of the web pages c...
Post a Comment
Continue Reading

Arrays and conversion in Javascript || javascript complete course || #7 (sourcecode)

hey guys how are you all today in this post I am going to give you the source code of my video called arrays and  conversion in JavaScript so let's begin:- // ARRAYS in javascript console . log (" This is arrays in js ") var arr1 = [ 32 , 34 , 23 , 23 , 234 ," this ", {     name:" Gautam ",     class : " 8th ",     rollno: 6 } ] console . log ( arr1 ) console . log ( arr1 [ 5 ]) console . log ( arr1 .length) console . log ( arr1 . concat (' main ')); console . log ( arr1 ); // // ---------------------------------------------------- // CONVERSION IN JAVASCRIPT // Converting in to strings var num1 = 45 ; console . log ( num1 ); var str1 = String ( num1 ); console . log ( str1 ); console . log ( typeof str1 ); console . log ( typeof num1 ); var number1 = 33453434 ; console . log ( number1 , typeof number1 ); var string1 = number1 . toString (); console . log ( string1 , typeof string1 ); // ----------------------------...
Post a Comment
Continue Reading

types of operators in javascript || javascript course || codeandman (sourcecode)

hey guys how are you all today in this post I am going to give you the source code of my video called types of operators in javascript. so let's begin : here's the complete source code and the video:- // ------------------------------------------------------------------------------------ // COMPARISON OPERATORS IN JAVASCRIPT console . log (" COMPARISON OPERATORS IN JAVASCRIPT ") console . log ( 32 == 32 ) // checking if 32 is equal to 32 console . log ( 32 != 32 ) // checking if 32 is not equal to 32 console . log ( 32 >= 31 ) // checking if 32 is greater or equal to 31 console . log ( 32 < 33 ) console . log ( 32 > 30 ) console . log ( 32 <= 09 ) // ASSIGNMENT OPERATORS console . log (" --------------------------------------- ") console . log (" Assignment operators in javascript ") var d = 34 ; var e = 3 ; var a = 10 ; console . log ( d ) console . log ( d += 1 ) console . log ( d -= 3 ) console . log ( e *= 2 ) console . log...
Post a Comment
Continue Reading