Learn How to Build Your First Website Step by Step
"Ever wondered how websites come to life? Let’s break down the tools behind the magic.”
Front-end Development:Front-end development is the part of development that creates websites and app interfaces. It allows us to develop, style, and make our websites interactive. A good example is YouTube. Everything we see on YouTube is front-end development. Like how videos are visible on different devices like laptops and mobile phones. How can we like videos? I have given this example because most people are familiar with YouTube.
3 Building Blocks of Front-end Development
1.HTML: stands for Hypertext Markup Language. The markup language is used to design and structure websites. It serves to make the overall structure of a website. Incorporate the text into your web page buttons, links, and headings. But it looks strange to see something without colors and style. Then CSS came in. I can give you an example of a YouTube subscribe button.
2. CSS: stands for Cascading Style Sheet. CSS’s role is to style web pages and make the website attractive and engaging. Through it, users can easily understand how to use our website or app. CSS is also used to add animations to our websites. But our website is not interactive yet, so JS came in. Now, I have styled my button through CSS. I have changed its font size, background color, and many more. Now, the button appears more beautiful than before.
3. JavaScript: The purpose of JS is to make websites interactive. Users could perform some operations on our website. When we subscribe to someone on YouTube, JS makes this button functional; it increases its subscribers, and it also happens the same with likes and dislikes. When I click on my button to subscribe, its color transforms to red, and the text modifies to Subscribed. Everything is done through JavaScript.
0 Comments