Embarking on the Web Development Odyssey: From Basics to Independence

This week marked the commencement of my journey into web development through the comprehensive "0-100 Cohort" course by Harkirat Singh. Despite having a foundation in HTML and CSS dating back to 2013-14, I hadn't actively engaged in web development until now, as my focus shifted to C++ and Python projects during my college years.

To kick things off, I revisited HTML and CSS, delving into newer concepts like Flexbox. I also ventured into basic JavaScript, exploring its capabilities in building an HTTP server and performing computations for websites. Although React lies ahead as a challenging prospect, I'm ready to embrace it in the coming weeks.

Earlier this week, I crafted a basic HTML and CSS course-selling page. On January 26th, in honor of Republic Day, I dedicated three continuous hours to create a captivating animation of the Indian flag – a process filled with trial, error, and ultimately, achievement.

Today marked a significant milestone as I independently developed a returns calculation website. This project involved estimating interest rates for a given investment period. While not overly complex, it was the first project where I didn't rely on external assistance, be it AI, YouTube tutorials, or other resources. Through persistent trial and error, I expanded my knowledge of Flexbox, delved into JavaScript for computations and alert functionalities, explored color palettes (preferring HSL over hex codes), and mastered setting up background images.

Alongside the coding journey, I also ventured into the world of Git, facing a public key error that I plan to resolve soon. In the interim, I successfully copied my code from VS Code to GitHub Codespace, committed it, and deployed the project using Netlify. You can explore the Returns Basic Calculator here.

In this process, I've not only expanded my technical skills but also cultivated a deeper appreciation for the learning journey itself. Stay tuned for more updates on my web development odyssey!

Comments

Post a Comment

Popular posts from this blog

Learning About Linux Server

  Understanding BIOS/UEFI and Boot Loaders BIOS vs. UEFI: BIOS : The Basic Input Output System, the traditional firmware interface for booting a computer. UEFI : The Unified Extensible Firmware Interface, a modern replacement for BIOS with enhanced features and security. GRUB/GRUB2: GRUB : The Grand Unified Bootloader, responsible for loading the kernel and initiating the boot process. GRUB2 : An updated version of GRUB, offering more features and flexibility. The Linux Boot Process BIOS/UEFI Initialization : First step in booting, initializing hardware and finding the bootloader. GRUB/GRUB2 : Loads the kernel, either vmlinux or vmlinuz , and passes control to it. Kernel Initialization : Kernel is loaded along with initrd (initial RAM disk), which contains necessary drivers and modules for accessing the file system. Kernel Panic : If an issue arises, Linux keeps the previous kernel as a fallback. Causes can include updates or hardware failures. Managing Linux Boot Modules Loading...
Read more

Exploring Event Handling in JavaScript: From Basics to Async Projects

 In today's JavaScript session, we embarked on a thrilling exploration of event handling, unraveling the intricacies of different approaches and delving into the realm of async programming. Let's dive into the key concepts and projects that adorned our coding adventure. Understanding Event Handling Approaches We began by dissecting three fundamental approaches to event handling: Inline Event Handling: We kickstarted our journey by adding onclick alerts directly within HTML elements. While this approach provides a quick and easy way to handle events, it lacks flexibility and separation of concerns. DOM Method Event Handling: Moving forward, we utilized getElementById to attach onclick functions programmatically. This approach offers more control and modularity, allowing us to encapsulate event handling logic within JavaScript functions. addEventListener: A highlight of today's session was the introduction of addEventListener, a powerful method that enhances event handling wi...
Read more

learning linux 3

  User and Group Management in Linux Managing Local Users: Commands : adduser / useradd : Create new users. usermod : Modify existing user accounts. userdel : Delete users. Managing Local Groups: Primary and Supplementary Groups : Each user has a primary group and can belong to multiple supplementary groups. Commands : groupadd : Create new groups. groupmod : Modify existing groups. groupdel : Delete groups. Querying User Accounts: Commands : whoami : Displays the current logged-in user's name. who : Lists users currently logged in and their login details. w : Shows what users are currently doing. pinky : A lightweight version of finger , provides user information. last : Shows a history of user logins. id username : Displays user identity information. Managing Group Password Files: Password File : Located in /etc/shadow , requires root access to edit. Commands : sudo vipw / sudo vipw -s : Safely edit the password file. vigr : Edit group file. User & Group Quotas: Quota Manag...
Read more