0.1 Introduction

ยท

2 min read

0.1 Introduction

Hello developers! ๐Ÿ‘‹ Welcome to the 0.1 part of your journey. In this blog, we'll take those crucial first steps โ€“ setting up our Integrated Development Environment (IDE) and delving into the foundational info of HTML, CSS, and JavaScript.

What is HTML?

HTML (Hypertext Markup Language) is the backbone of web development. It structures content on the web, defining elements like headings, paragraphs, images, and links.

What is CSS?

CSS (Cascading Style Sheets) is the artist of the trio. It styles HTML elements, making your web page visually appealing. Colors, layouts, fonts โ€“ CSS controls the look and feel.

What is JavaScript?

JavaScript (JS) is the brains. It adds interactivity and dynamic features to your web page. Think of it as the magic that happens when you click a button, and something cool occurs.

What is DOM?

DOM (Document Object Model) is how your HTML and XML documents are represented in memory. It's the bridge between HTML/CSS and JavaScript, allowing them to talk to each other.

What We'll Do

Now, let's get hands-on. We're going to create a basic single-web-page inspired by Zerodha, a financial platform in our upcoming series. Plus, we'll build a simple calculator-like-thing using HTML, CSS, and JS.

Industry Insights

Wondering how much of these technologies you'll use in the industry?

  • HTML: Very minimal. It's the structure, the skeleton.

  • CSS: Minimal. But, it make things look good!

  • JavaScript: Heavy. It's the dynamic powerhouse driving modern web applications.

Download Your IDE (VSCode Preferred)

WHAT IS THIS?
First things first, let's talk about IDE. An Integrated Development Environment is like your digital workspace where you craft your code. I recommend using Visual Studio Code (VSCode). It's free, versatile, and loved by many developers.

Head over to Visual Studio Code and download the latest version. Install it on your machine, and let the coding adventures begin!

In the next blog post, we'll dive into HTML and start building our Zerodha-inspired single page.

0.2 HTML basic - https://rashmin.hashnode.dev/dev-0-2

Home article - https://rashmin.hashnode.dev/dev

ย