Home About
Basics Of Web Development
1, HTML
1.1 Tags
1.2 Getting Started
1.3 How to write "Hello World"
1.4 The header tag
1.5 Inserting images
1.6 Inserting audio and video
1.7 Buttons
1.8 Links
1.9 Inputs
IDEs
2, CSS
2.1 Width and height
2.2 Font Properties
2.3 More Background Properties
2.4 The Hover Effect
2.5 Transitions
2.6 Selectors
2.7 Borders
2.8 Border Radius
2.9 Box Shadow
2.10 Overwriting
2.11 Positions
2.12 Flex and Grid
2.13 Z-index
2.14 :nth-child()
2.15 Outline
2.16 Transform
2.17 Animations
2.18 Before and After
2.19, Linking CSS files
Farewell

Basics of Web Development

🌟 Web development is impossible without these 3 languages - HTML, CSS and JavaScript.
But why? Why do we need them for web development?
To understand more let's take this specific website sample and see the role of those three languages.


1, HTML

🤩 HTML stands for HyperText markup language.
🤩 HTML is the skeleton of a website.
🤩 It structures website by using different elements. Elements are building blocks of an HTML code. We can take
headers, paragraphs etc as elements.
🤩 The website above would look like this if it had only contained HTML.


2, CSS

🌟 CSS stands for cascading style sheet.
🌟 As you can see above the website doesn't look appealing to the user. In this case, CSS is used to style up
the website giving it colors, borders and even different sizes and shapes.
🌟 We can't really use CSS on its own since there is nothing to style.
🌟 CSS uses the elements in the HTML code to style a website.

🌟 The website above would look like the original one with only HTML and CSS. But the web page will still lack functionality.

3, JavaScript

🌟 You might actually think that we have reached our goal(The first website) but there is something left.
🌟 The website filters the items given under it. It means, when you click on the Animal button above it
filters out only animals from the whole list of items.
🌟 To handle such things Javascript is the expert. It makes your website dynamic and highly responsive