DEV Community

Cover image for Day 01: Introduction to HTML, CSS, and JavaScript
Dev Pattani
Dev Pattani

Posted on

Day 01: Introduction to HTML, CSS, and JavaScript

Today marked the beginning of my 100-day journey to master JavaScript, starting with understanding the fundamentals of web development. I delved into the world of HTML, CSS, and JavaScript, the three core technologies that power the web.

HTML (HyperText Markup Language):
HTML is the foundation of web development, used to structure the content of web pages. It consists of elements that define the different parts of a webpage, such as headings, paragraphs, images, and links.

CSS (Cascading Style Sheets):
CSS is responsible for styling the HTML elements, making them visually appealing. It controls the layout, colors, fonts, and overall design of a webpage. CSS allows developers to create responsive and attractive web designs.

JavaScript:
JavaScript is a powerful programming language that adds interactivity and dynamic behavior to web pages. It can manipulate HTML elements, handle events, make asynchronous requests to servers, and create interactive features like sliders, forms, and animations. JavaScript is unique in that it can be used both on the client-side and server-side of web development.

What can JavaScript really do?
JavaScript is a versatile language that can perform a wide range of tasks on both the client-side and server-side of web development. Some of the key capabilities of JavaScript include:

  • DOM manipulation: Changing the content and style of HTML elements on a webpage.
  • Event handling: Responding to user actions such as clicks, scrolls, and keyboard inputs.
  • Asynchronous requests: Fetching data from servers without reloading the entire page.
  • Form validation: Checking user inputs before submitting data.
  • Animations and effects: Creating dynamic and interactive elements on a webpage.

Interpreted Vs. Compiled Code:
JavaScript is an interpreted language, meaning that the code is executed line by line from top to bottom at runtime by the browser. This allows for quick development and easy debugging. In contrast, compiled languages like C++ or Java are translated into machine code before execution, resulting in faster performance but requiring a compilation step before running the code.

Server-side Vs. Client-side Code:
Server-side code runs on the server and is responsible for processing requests, handling data, and generating dynamic content before sending it to the client. Common server-side languages include Node.js, Python, PHP, and Ruby on Rails. JavaScript can also be used on the server-side with platforms like Node.js. On the other hand, client-side code runs in the user's browser and is responsible for creating interactive user interfaces and handling user events. JavaScript is the primary language for client-side development.

As I wrap up Day 01 of my learning journey, I am excited to explore more advanced concepts in the coming days and apply my knowledge to build interactive web applications. Stay tuned for more updates on my progress in mastering JavaScript!

Happy coding! 🚀

Dev Pattani

Top comments (1)

Collapse
 
durgajaiswal profile image
Durga Jaiswal

Keep Learning👍