0% found this document useful (0 votes)
12 views6 pages

1 Introduction

This document introduces HTML, CSS, and JavaScript, which are the most popular technologies for building websites. HTML is used to create the basic structure and content of web pages. CSS brings visual styling to web pages by interacting with HTML elements. JavaScript enables interactivity on websites and allows content to change dynamically in response to user actions. Together, HTML provides content, CSS provides presentation, and JavaScript provides behavior and interactivity, making them crucial building blocks for modern web development. A 2019 survey found JavaScript, CSS, and HTML to be the most popular technologies among developers.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
12 views6 pages

1 Introduction

This document introduces HTML, CSS, and JavaScript, which are the most popular technologies for building websites. HTML is used to create the basic structure and content of web pages. CSS brings visual styling to web pages by interacting with HTML elements. JavaScript enables interactivity on websites and allows content to change dynamically in response to user actions. Together, HTML provides content, CSS provides presentation, and JavaScript provides behavior and interactivity, making them crucial building blocks for modern web development. A 2019 survey found JavaScript, CSS, and HTML to be the most popular technologies among developers.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Introduction

In this lesson, we will start to understand the impact of the technologies we will learn about in this course.
Let's get started!

WE'LL COVER THE FOLLOWING

• What is HTML used for?


• What is CSS used for?
• What is JavaScript used for?
• HTML, CSS, & JS - Most popular tech of 2019?

The Impact of HTML

What is HTML used for? #


HTML is a standardized language for creating documents that can be
rendered by clients known as web browsers. HTML is used to create web
pages that we see every day on the Internet. Each page we see on the world
wide web is written using a version of HTML.

The development of documents on the internet is governed by HTML and its


basic concept through tags and DOM, i.e., the model of document objects.
We will learn about these in detail in the upcoming chapters.

The Impact of CSS

What is CSS used for? #

CSS brings style to your web pages by interacting with


HTML elements.

Elements are the specific HTML units of a web page — for example a
paragraph — that could look like this in HTML:

HTML Output

1 <html> html output


This is my paragraph!
2 <head>
3 </head>
4 <body>
5 <p>This is my paragraph!</p>
6 </body>
7 </html>

If you planned to make the above paragraph show up with a purple, 20-point,
bold font and turn your page’s background violet, you could use CSS code that
looks like the one shown below:

HTML CSS Output


1 <html> html 1 p { css output
2 <head> 2 font-size:20px;
3 </head> 3 font-weight:bold;
4 <body> 4 color: purple;
5 5
<p>This is my paragraph!</p> } This is my paragraph!
6 </body> 6
7 </html> 7 body {
8 8 background-color: rgb(200,
9 9 }

In the above case, “p” (the paragraph) is called the “selector” that specifies
which HTML element it should style. The piece of code that comes between
the curly brackets, { } , is called a declaration.

This constitutes properties and values that are applied to the selector.
Properties are things like color, font size, and margins. Values are the
settings specified for each property.

The illustration below demonstrates this concept:

Typical CSS syntax for styling an HTML element

You will learn all this and more in great detail throughout this course.
The Impact of JavaScript

You don't need JavaScript to create a website; but without it,


the internet would just be static information on pages- no
user interactivity, and a lot of reloading to retrieve new
information.

What is JavaScript used for? #


JavaScript is used to write programs that govern the HTML and CSS. HTML
and CSS are static and immutable on their own, but JavaScript can put them
into action! It can make other content blocks appear or vanish, or it can make
existing features look entirely unique with its almost infinite range of
features. In other words,

JavaScript enables interactivity on websites and gives them


a life.

JavaScript is a programming language based on a logic that can be used to


alter the content of the website and make it behave in different ways in
response to the actions of a user. Common uses for JavaScript include
authentication boxes, calls-to-action, and the addition of new identities to
existing data.

In summary, JavaScript is a programming language that helps the design of


interactive sites by web developers. Most of the complex behavior that you see
on a web page is due to JavaScript, which improves the default controls and
behaviors of a browser.

HTML, CSS, & JS - Most popular tech of 2019? #

The graph on the right shows the


extent of popularity of these three
technologies amongst developers
and programmers. According to the
2019 stackoverflow survey, JS, CSS,
and HTML are top ranked amongst
programming languages in terms of
popularity.

https://insights.stackoverflow.com/survey/2019

Projecting onwards

In the next lesson, we will see who this course is for.

See you there! :)

You might also like