Avijit

Roy

Portfolio

Blogs

From curiosity to code—my experiences and insights in tech.

What does it take to become a web developer?

Becoming a web developer takes curiosity, patience, and consistent practice. It starts with learning the core web technologies—HTML, CSS, and JavaScript—which together create the structure, style, and interactivity of websites. Understanding how these languages connect is the foundation of everything else. Beyond coding, problem-solving is essential. Every project brings challenges that require research, logical thinking, and attention to detail. Building small projects helps apply what you learn and builds confidence. A successful web developer also stays updated. Technology changes quickly, so continuous learning through tutorials, documentation, and community interaction keeps your skills relevant. Communication is equally important since developers often collaborate with designers or clients. In short, becoming a web developer means being open to learning every day, writing clean and functional code, and creating experiences that people can use and enjoy.

Why did I move from the non-IT industry to the IT industry?

After completing my BBA in 2019, I started working in the marketing field. My time in Bangalore was a valuable experience, but over time, I realized I wanted to build a career that offered both creativity and growth. When I returned to Kolkata, I didn’t feel professionally satisfied, and that made me reflect on what I truly wanted to do. While exploring different career paths, I discovered web development. I was drawn to how technology allows you to build something real from scratch. The best part was that it didn’t require an engineering degree—just skill and practice. That idea motivated me to start learning. Transitioning to IT gave me direction and purpose. It’s a field that rewards curiosity and problem-solving, and I’m glad I made the decision to shift. The journey from marketing to coding taught me that change can open doors to something much more meaningful.

How did my journey start and how did I understand HTML, CSS, JS, Bootstrap, and Tailwind CSS?

My web development journey began out of curiosity. I started exploring tutorials on YouTube and learning through Google and ChatGPT. At first, I didn’t have proper guidance, but I was determined to understand how websites are built. I began with HTML, learning how it structures a webpage. Then I moved on to CSS, which helped me understand design, layout, and visual appeal. Once I felt comfortable, I learned JavaScript, which brought interactivity to my projects. Later, I explored Bootstrap for faster, responsive design, and Tailwind CSS for greater customization using utility classes. Initially, I practiced by building small projects and experimenting with layouts. Each step gave me confidence and made my interest stronger. Eventually, I joined Webskitters Academy on July 7, 2025, for formal training as a Front-End Developer. Now, I’m building my own portfolio website and preparing for placement opportunities in November.

What is HTML?

HTML, or HyperText Markup Language, is the foundation of every website. It defines the structure and layout of content using elements like headings, paragraphs, links, and images. HTML isn’t a programming language—it’s a markup language that tells the browser how to display information. It uses tags enclosed in angle brackets, such as <p> for paragraphs or <h1> for headings. HTML also plays a key role in SEO and accessibility, helping search engines and assistive technologies understand a webpage’s structure. The latest version, HTML5, introduced powerful features like built-in video and audio support, semantic tags, and form enhancements. Together, these make websites faster, more interactive, and easier to maintain. In simple terms, HTML acts as the skeleton of a website—without it, nothing would appear on the screen. It’s the first and most essential step for anyone starting in web development.

What is CSS?

CSS, or Cascading Style Sheets, is what gives websites their visual design. It controls how elements look—the colors, fonts, spacing, and layout. While HTML builds the structure, CSS adds personality and style. With CSS, you can make a webpage responsive, ensuring it looks good on any device. Modern features like Flexbox and Grid make layout design much easier and cleaner than before. CSS also enables animations and transitions, improving user experience with smooth effects. The “cascading” part means styles are applied in a specific order, allowing flexibility in how rules are managed. Understanding this concept helps maintain clean and organized code. In short, CSS turns plain HTML into an attractive, user-friendly interface. For a web developer, mastering CSS means learning how to balance creativity with structure to make a website visually engaging and consistent.

What is JavaScript?

JavaScript is a programming language that brings interactivity to websites. While HTML structures a page and CSS styles it, JavaScript allows users to interact with it. It can respond to clicks, validate forms, update content dynamically, and control animations. It works closely with the DOM (Document Object Model), allowing developers to modify page elements without reloading. Modern JavaScript, enhanced by ES6 and later versions, introduced new features like arrow functions, classes, and modules, making code cleaner and more efficient. JavaScript isn’t limited to browsers. With tools like Node.js, it’s also used for backend development, making it one of the most versatile languages today. Simply put, JavaScript transforms static web pages into interactive experiences. It’s the skill that separates a functional site from an engaging one—and it’s a must for every modern web developer.

What is Bootstrap?

Bootstrap is a front-end framework that helps developers build responsive and consistent websites quickly. It includes pre-built components like buttons, forms, modals, and navigation bars, along with a powerful grid system for layout design. Using Bootstrap saves time and ensures your website looks good on all devices. Its built-in classes and JavaScript plugins make it easy to create modern designs without writing everything from scratch. One of Bootstrap’s greatest advantages is consistency—it helps maintain a uniform design across different pages and browsers. Developers can also customize it easily to match project needs. For beginners, Bootstrap is an excellent way to understand responsive design principles. It speeds up development and provides a solid foundation for creating professional-looking websites efficiently.

What is Tailwind CSS?

Tailwind CSS is a utility-first CSS framework that lets developers design directly in their HTML. Instead of writing separate CSS files, you can apply small utility classes like p-4, bg-blue-500, or text-center to style elements quickly. This approach gives developers more flexibility and control. It allows for custom designs without depending on pre-made components, unlike traditional frameworks. Tailwind is also highly customizable—you can define your own color palette, fonts, and spacing in its configuration file. It’s lightweight and optimized for performance because it removes unused CSS during the build process. Tailwind integrates well with modern frameworks like React and Next.js, making it popular for modern front-end development. In short, Tailwind CSS simplifies and speeds up design while keeping code clean and consistent. It’s a modern approach to writing CSS that blends efficiency with creativity.