DEV Community: Anirudh J Baliga

[Sparta Coding Club] DSA - Reflections - Today I learned

Anirudh J Baliga — Sun, 12 May 2024 11:14:23 +0000

Greetings fellow coders!

Today, I'm thrilled to share the culmination of my coding odyssey at Sparta Coding Club, where I've delved into both frontend and backend web development, along with essential data structures and algorithms concepts. Join me as I reflect on the key highlights and insights gained from this enriching experience.

1. Journey Overview:

From mastering the fundamentals of HTML, CSS, and JavaScript to exploring advanced topics like media queries, JavaScript frameworks, and server-client communication, each week at Sparta Coding Club has been a transformative journey. Additionally, diving deep into backend technologies such as Flask, MongoDB, and database management has broadened my understanding of full-stack web development.

2. Projects and Practical Applications: ##

Throughout my journey, I've had the opportunity to work on various projects, from building a web resume using HTML, CSS, and JavaScript to creating interactive web pages with slideshow features. Additionally, I've developed dynamic web applications like an Expense Tracker and a Budget Tracker using Flask and MongoDB, showcasing my proficiency in backend development.

3. Data Structures and Algorithms (DSA) Topics: ##

In parallel with frontend and backend development, I've explored essential DSA topics, including arrays, strings, sorting algorithms, linked lists, stacks, queues, recursion, binary search, and dynamic programming. These concepts serve as the building blocks of efficient and optimized code and are fundamental for technical interviews and real-world problem-solving.

4. Collaborative Learning and Community: ##

One of the most rewarding aspects of my journey at Sparta Coding Club has been the sense of community and collaborative learning fostered within the club. Through mentor guidance, coding challenges, and collaborative projects, I've had the opportunity to learn from my peers, share knowledge, and grow together as a community of passionate coders.

5. Looking Ahead: ##

As I bid farewell to Sparta Coding Club, I'm filled with gratitude for the invaluable lessons and experiences gained. Looking ahead, I plan to continue honing my frontend and backend skills, exploring new technologies, and contributing to open-source projects. Additionally, I'm excited to apply my newfound knowledge and problem-solving skills to real-world projects and challenges, both in web development and beyond.

Conclusion: ##

My journey at Sparta Coding Club has been an unforgettable experience, filled with learning, growth, and camaraderie. I extend my heartfelt thanks to the entire Sparta community for their support and encouragement. As I embark on the next chapter of my coding journey, I carry with me the lessons learned and the friendships forged at Sparta Coding Club.

Join me as I continue my coding adventures and share insights and tips in future TIL blogs. Happy coding, everyone! 🚀✨

[Sparta Coding Club] Backend Week 4 - Today I learned

Anirudh J Baliga — Sun, 07 Apr 2024 14:30:46 +0000

Hey everyone! Today, I'm excited to share my journey of building the Expense Tracker web application for my final project at the Sparta Coding Club. Let's dive into the key highlights and learnings from this experience!

1. Getting Started:
The Expense Tracker project aimed to develop a user-friendly platform for managing finances effectively. From tracking income and expenses to setting monthly budgets, the goal was to create a comprehensive tool for financial management.

2. Project Layout:
The application was structured into different pages, including the homepage, dashboard, income/expense logging page, and expense tracking page. Each page served a specific purpose, contributing to the overall functionality of the app.

3. Must-Have Features:
Implementing user authentication was crucial to ensure data security. Income and expense logging features were developed with proper validation to maintain data accuracy. The financial overview dashboard provided users with insights into their financial status, while category-wise expense tracking enabled them to monitor spending patterns effectively.

4. Required Data Sources:
MongoDB was chosen as the database solution for storing user account information, income/expense data, and budget settings. Additionally, external APIs were considered for implementing multiple currency support, although this feature was optional and not implemented in the current version.

5. To-Do Lists:
While the core features were successfully implemented, there were some optional features on the to-do list for future enhancements. These included supporting multiple currencies, integrating goal-setting features, implementing data visualization tools, setting up notification systems, and developing a transaction history feature.

Reflections:
Building the Expense Tracker was a challenging yet rewarding experience. It allowed me to apply various concepts and techniques learned throughout the coding club sessions. From frontend development using HTML, CSS, and JavaScript to backend implementation with MongoDB, the project provided valuable hands-on experience in full-stack web development.

Screenshots:

Closing Thoughts:
Overall, creating the Expense Tracker was an enriching journey that taught me the importance of effective financial management and the power of technology in addressing real-world challenges. I look forward to further refining and expanding the application in the future, leveraging new skills and insights gained along the way.

That's all for now! Stay tuned for more updates on my coding adventures. Until next time, happy coding! 🚀✨

[Sparta Coding Club] Backend Week 3 - Today I learned

Anirudh J Baliga — Sun, 31 Mar 2024 04:05:23 +0000

My Sparta Coding Club Final Project: Budget Tracker

Project name/description:
Budget Tracker is a web application designed to help users manage their finances effectively by tracking income, expenses, and budgets. It offers a user-friendly platform for logging transactions, setting budgets, and gaining insights into spending habits.
Project layout:
- Homepage: Users can sign up or log in to access their budget data.
- Dashboard: Provides a summary of the user's financial status, including total income, expenses, and available balance.
- Income/Expense Logging Page: Allows users to log their income and expenses, specifying the amount, category, and date.
- Budget Setting Page: Enables users to set monthly budgets for different expense categories.
- Expense Tracking Page: Displays expenses categorized by different categories and tracks spending patterns.
Features:
- User Authentication: Secure signup and login functionality for accessing budget data.
- Income and Expense Logging: Ability to log income and expenses with details.
- Budget Setting: Setting monthly budgets for various expense categories.
- Financial Overview: Provides users with an overview of their financial status.
- Category-wise Expense Tracking: Allows users to track expenses categorized by different categories.
Required data sources:
- Database: MongoDB for storing user account information, income/expense data, and budget settings.
- External APIs: Currency conversion APIs for multiple currency support (optional).
To-do lists:
Must-Have Features:
- Implement user authentication functionality securely.
- Develop income and expense logging features with proper validation.
- Allow users to set monthly budgets for different expense categories.
- Provide users with a financial overview dashboard.
- Implement category-wise expense tracking functionality.

Optional Features:

Enable support for multiple currencies if needed.
Implement goal-setting features for users to set financial goals.
Integrate data visualization tools for better insights.
Set up notification systems to alert users when they exceed budget limits.
Develop a transaction history feature for users to view, edit, and delete past transactions.

[Sparta Coding Club] Backend Week 2 - Today I learned

Anirudh J Baliga — Sun, 24 Mar 2024 13:53:45 +0000

Building a One-Page Shopping Mall with Flask and MongoDB

Introduction

Python's versatility in crafting marvelous projects never ceases to amaze me. This week at Sparta Coding Club, we delved into the world of backend development, exploring the power of Flask and MongoDB. Join me on this journey as we build a one-page shopping mall, leveraging Flask's elegance and MongoDB's scalability.

Exploring Flask and MongoDB

Flask: A Lightweight Powerhouse

Flask, a lightweight yet robust web framework for Python, became the centerpiece of our exploration. Its simplicity and flexibility empower developers to create sophisticated web applications with ease.

MongoDB: Scalability and Ease of Management

To manage our data, we turned to MongoDB. Renowned for its scalability and ease of management, MongoDB Atlas served as our database solution.

Setting Up Our Project

Step 1: Installing and Working with Flask

We kickstarted our project by installing Flask using pip:

pip install Flask

Next, we created a new Python file for our application, aptly named app.py.

Step 2: Initializing Our Flask Application

from Flask import Flask
app = Flask(__name__)

Step 3: Setting Up the Database

With MongoDB Atlas as our trusted database, we defined the schema for our orders, including essential details such as customer order ID, product information, quantity, and customer contact details.

Step 4: Creating API Endpoints

We defined API endpoints for making an order (POST) and viewing the order list (GET). This involved leveraging Flask's routing capabilities and specifying the appropriate HTTP methods.

Step 5: Implementing the Order Logic

For the POST route, we extracted order details from the request and inserted them into the database. For the GET route, we queried the database for all orders and returned them to the user.

Frontend Development

Crafting the HTML Page

We designed a simple yet intuitive HTML page, complete with a form for placing orders and a section to display the order list.

Testing Our Application

Running Tests

We ran our Flask application and tested both the order creation and retrieval functionalities. Ensuring that the database updates correctly and the order list displays the latest information was crucial.

Code and Output Screenshots

Reflections

The Rewarding Journey

The journey of developing a one-page shopping mall with Flask and MongoDB has been both enlightening and rewarding. Through meticulous planning and execution, we transformed our vision into a fully functional web application.

Future Endeavors

As we continue to refine and expand upon this project, we remain committed to exploring new technologies and pushing the boundaries of what is possible in the realm of web development.

[Sparta Coding Club] Backend Week 1 - Today I learned

Anirudh J Baliga — Sun, 17 Mar 2024 10:37:45 +0000

Embarking on a Python Journey

Greetings fellow learners! Today marks the beginning of an exciting adventure into the world of Python at the Sparta Coding Club. As I dive into this new realm of programming, I can't help but feel a surge of anticipation and eagerness to explore the endless possibilities that Python offers.

Unveiling the Basics: Python Installation and First Steps

The journey commenced with a fundamental step: understanding the significance of Python installation. With guidance from our knowledgeable instructor, I navigated through the process of setting up Python on my computer, laying the groundwork for my coding odyssey. Running my first Python file was a momentous occasion, marking the inception of my Python programming journey.

Navigating Python's Syntax: Basics and Beyond

In our exploration of Python's syntax, we traversed through the foundational concepts of variables, data types, conditionals, loops, and functions. These building blocks form the backbone of Python programming and serve as the cornerstone of our learning journey. As we delved deeper into advanced syntax, the intricacies of Python began to unfold, revealing its versatility and power as a programming language.

Reinforcement through Practice: Python Quiz and Hands-On Coding

To solidify our understanding, we engaged in a Python quiz, putting our knowledge to the test and honing our skills through interactive challenges. Additionally, hands-on coding exercises provided invaluable practical experience, allowing us to apply theoretical concepts to real-world scenarios.

Code:

Screenshot of the output:

Extending Python's Capabilities: Installing Packages and Web Scraping

Venturing into the realm of Python packages, we explored the requests library for making HTTP requests and BeautifulSoup for web scraping. Armed with these tools, we embarked on an exhilarating web scraping project, extracting data from the IMDb website to retrieve information about the top-rated movies. Through this immersive exercise, we gained practical experience in navigating HTML structure and extracting relevant data—an invaluable skill set for future projects.

Insights and Reflections: Tips for Web Scraping Success

As we delved deeper into web scraping, we received invaluable tips to enhance our scraping skills:

Analyze the Web Page: Understanding the structure of the web page is crucial for effective data extraction.
Start from Parent Elements: Begin by examining parent elements to identify patterns and locate desired information.
Print Values: Utilize print statements to verify the accuracy of scraped data and troubleshoot any issues.

Looking Ahead: Goals and Aspirations

As I reflect on today's learning journey, I'm filled with excitement and anticipation for the weeks ahead. My goals for the future include delving deeper into Python's advanced features, exploring new libraries and frameworks, and embarking on ambitious projects that push the boundaries of my coding abilities. With each new challenge, I'm committed to continuous learning and growth, fueled by the passion for programming that ignites my spirit.

Join Me on this Exciting Journey!

As I embark on this exhilarating Python adventure, I invite you to join me on this transformative journey of discovery and innovation. Together, let's unlock the vast potential of Python and harness its power to create meaningful solutions that make a positive impact on the world.

Stay tuned for more updates on my Python learning journey and let's continue this exhilarating ride together!

[Sparta Coding Club] Week 4 - Today I learned

Anirudh J Baliga — Fri, 01 Mar 2024 13:41:19 +0000

Greetings fellow coders! Today, I am thrilled to share the culmination of my coding journey – the creation of my very own web resume. Join me on this adventure into the realms of HTML, CSS, and JavaScript as I transform a blank canvas into a dynamic representation of my skills and experiences.

Week 4 at Sparta Coding Club: The Culmination

As I reflect on the past weeks at Sparta Coding Club, it's incredible to see how far I've come. Today's project, building my web resume, is a testament to the knowledge and skills acquired during this coding odyssey. This is not just a standalone project; it encapsulates the essence of what I've learned, making it a milestone in my coding journey.

Step 1: Planning the Digital Blueprint

Every great project starts with a plan. Armed with a cup of coffee, I outline the sections – Home, About Me, Skills, Experience, Education, Projects, and Contact – carefully considering the content for each. A well-thought-out plan lays the foundation for a seamless execution.

Step 2: Translating Ideas into Code

With the blueprint in hand, I dive into the coding process. HTML and CSS are my trusty companions as I bring the structure and style of my web resume to life. The clean and professional design, enhanced by CSS frameworks like Bootstrap, ensures a visually appealing and responsive layout.

Step 3: Adding Life with JavaScript

To make my web resume stand out, I infuse interactivity using JavaScript. Animated transitions, interactive buttons, and scroll effects turn static information into a captivating experience. It's not just a resume; it's a digital journey for the visitor.

Step 4: Showcasing Skills and Experience

The Skills section becomes a visual representation of my proficiency. Clean icons and skill bars, dynamically filled to represent expertise levels, provide a transparent view of my technical capabilities. The Experience and Education sections detail my academic and professional journey.

Step 5: Highlighting Noteworthy Projects

Projects take center stage, demonstrating the practical application of my coding skills. From Newsday, a React.js and Node.js-powered news recommendation website, to Techno Savants, a blogging platform using React.js and Node.js, each project is a testament to my evolving expertise.

Step 6: Inviting Interaction with a Contact Form

Understanding the importance of communication, I include a Contact Form. From traditional email to social media channels, various communication channels are provided. The clean and accessible form ensures seamless interaction for potential collaborators or clients.

Week 4 Activity: Hosting My Web Resume

This week's activity at Sparta Coding Club aligns perfectly with my web resume project – hosting it. Utilizing GitHub Pages for free hosting, I follow the steps outlined in How To Host a Static Website. Additionally, I contemplate the option of a custom domain for that professional touch.

Final Checks and Reflection

Before the grand reveal, I conduct a thorough review. Are there any errors? Is the user experience seamless? Links and interactive elements are double-checked. Feedback from friends and family becomes invaluable, offering perspectives that enhance the final product.

Link: https://ajbaliga28.github.io/

Conclusion: A Virtual Realm of Innovation

And there it is – my web resume is now live, a virtual realm that encapsulates my coding journey. Each line of code, every pixel, reflects my dedication to creating seamless digital experiences. As I continue to learn and experiment, my web resume will evolve, showcasing the ongoing chapters of my coding story.

Join me for more coding adventures and tips in the next TIL Blog. Happy coding, everyone! 🚀

[Sparta Coding Club] Week 3 - Today I learned

Anirudh J Baliga — Sat, 24 Feb 2024 15:35:47 +0000

Today marks the end of my third week at Sparta Coding Club, and what an exciting journey it has been!

Key Concepts Learned Today

Media Query

What is a media query?
Media queries are essential for creating responsive web designs that adapt to different devices and screen sizes. They involve using CSS to apply styles based on characteristics such as device type and screen resolution. By utilizing @media rules, developers can craft designs tailored to specific conditions. While media queries were traditionally used for responsive design, recent trends lean towards device-specific styling.

Basic Layout of Instagram Clone

What’s an HTML layout?

An HTML layout serves as a blueprint at the project's outset. The following steps involve planning sections in HTML, arranging tags, and defining styles. This structured approach ensures a systematic and effective development process.

Embed Images on a Web Page

Using the `<img>` Tag

To embed images on a webpage, the <img> tag is employed. Developers insert the image URL in the src attribute. This straightforward approach allows for seamless integration of images from external servers or the web directly.

Add Interactivity to the Posts

Slideshow on a Post

Creating a slideshow with CSS and JavaScript enhances the interactivity of the post. The process involves adding HTML, CSS, and JavaScript, and linking the slider files to the HTML. This enriches the user experience by introducing dynamic elements to the posts.

Screenshot:

The Basic Concept of GitHub

GitHub is a pivotal platform for managing source code collaboratively. It operates on the principles of committing changes, pushing them to the remote repository, and utilizing repositories as storage. GitHub simplifies code sharing and collaboration among developers.

Commit and Push Code to the Repository

Sharing Your Code with the World

Committing and pushing code to GitHub involves a series of steps. Clear commit messages, preparation for push, and making the repository public are integral. This sharing process facilitates collaboration, showcases work, and provides version control benefits.

GitHub Pages

Creating a GitHub Page transforms your repository into a live webpage. This is beneficial for showcasing projects, collaborating with others, and maintaining version history. GitHub Pages further enhances accessibility and interaction with your code.

In conclusion, my third week at Sparta Coding Club has been an enlightening experience, filled with learning, challenges, and a sense of community. I look forward to the weeks ahead, where I will continue to grow as a coder and contribute to the vibrant coding culture at Sparta.

Happy coding!

[Sparta Coding Club] Week 2 - Today I learned

Anirudh J Baliga — Sat, 17 Feb 2024 17:09:53 +0000

Today marks the end of my second week at Sparta Coding Club, and what an exciting journey it has been!

Key Concepts Learned Today

In this week's sessions, we delved into some fascinating concepts that have expanded my understanding of coding. From exploring the fundamentals of programming, diving into JavaScript syntax, and understanding jQuery, to grasping server-client communication, each lesson has added valuable layers to my coding knowledge.

01. Programming is…

Programming is the process of creating a set of instructions that tell a computer how to perform a task to solve a problem!
It's like talking to an alien👽 in its language. They can only understand the exact instructions written in codes based on certain rules.
How is it different from a casual conversation that we have every day? [Check this clip out!]

02. Javascript Basic Syntax

Variables:
- Variables are containers for storing data values.
- They are like labels that you can assign to values or expressions.
- In JavaScript, you declare a variable using the var, let, or const keywords.

Lists:
- Lists, also known as arrays, are a collection of items.
- Items in a list can be of different data types (numbers, strings, objects, etc.).
- Elements in a list are indexed starting from 0, making it easy to access and manipulate specific items.
Objects:
- Objects are complex data types that store key-value pairs.
- Each key is a string, and the associated value can be any data type, including numbers, strings, arrays, or even other objects.
- Objects are useful for representing real-world entities and their properties.
Functions:
- Functions are blocks of reusable code designed to perform a specific task.
- They can take parameters as inputs, perform operations, and return a value.
- Functions help in organizing code, promoting modularity, and avoiding code duplication.
If Statements:
- If statements are used for conditional execution in a program.
- They evaluate a condition and execute a block of code if the condition is true.
- If statements often include optional else and else if clauses for handling additional conditions.
For Loops:
- 'For' loops are used for iterating over a sequence (such as a list or range of numbers).
- They consist of an initialization, a condition, and an iteration statement.
- For loops automate the process of repeatedly executing a block of code until a specified condition is met.

These concepts form the building blocks of programming and are fundamental for any developer working with JavaScript or similar programming languages.

03. jQuery

What is jQuery?
- jQuery is a mature Javascript "library" that helps frontend developers easily modify elements in HTML
- Even though you could use pure Javascript to change fonts, font colors, and so on... 1) The code would be complicated 2) There might be compatibility issues on some browsers (remember, each browser vendor implements Javascript differently!)
- jQuery vs Javascript
  - jQuery is not a separate software from Javascript. It is a collection of Javascript functions and modules made by the community in advance. You simply attain import in the jQuery library, and suddenly you have access to large amounts of well-crafted code written by specialized programmers, designed to make your life easier.

04. Understand server-client communication

Server→Client: Understanding "JSON"
- JSON stands for JavaScript Object Notation, which is a syntax for storing and exchanging data.
API: An API is like a bank counter!
- Even at the same deposit window, depending on whether you are an individual customer or a corporate customer, there is a difference between what needs to be brought and what needs to be processed.
- There are different ways in which the client can request the server.
- GET: used to request data from a specified resource. ex) Inquiring movie list
- POST: used to send data to a server to create/update/delete a resource. ex) User sign-up, withdrawal of membership, changing passwords
- Today we're going to learn about the GET request. (POST will be dealt with in week-04)
AJAX: Remember! Ajax will work only on a page where jQuery has been imported.
- In other words, if you open the DevTools on a page such as https://www.google.com/, type in the code directly above into the Javascript console, and press Enter, the following error appears because jQuery is not imported.
- Uncaught TypeError: $.ajax is not a function → This means that the ajax function is not available for you to use.

My Assignment (Page Screenshot or Video Capture)
As part of our homework assignment this week, we were tasked with creating a webpage that incorporated the concepts learned. Here's a screenshot of my accomplishment:

This exercise not only reinforced the concepts covered in the sessions but also allowed for creative expression in designing a webpage from scratch.

In conclusion, my second week at Sparta Coding Club has been an enlightening experience, filled with learning, challenges, and a sense of community. I look forward to the weeks ahead, where I will continue to grow as a coder and contribute to the vibrant coding culture at Sparta.

Happy coding!

[Sparta Coding Club] Week 1 - Today I learned

Anirudh J Baliga — Sun, 11 Feb 2024 08:50:47 +0000

What Made You Join Sparta Coding Club?

Today marks the end of my first week at Sparta Coding Club, and what a journey it has been! As I reflect on why I decided to join this club, the answer is clear - a passion for coding and the desire to be part of a community that shares the same enthusiasm. Sparta Coding Club seemed like the perfect platform to enhance my coding skills, learn new technologies, and connect with like-minded individuals.

Key Concepts Learned Today

In this week's sessions, we delved into a variety of key concepts that have expanded my understanding of coding. From mastering the intricacies of HTML and CSS to exploring the power of JavaScript, each lesson has been a building block towards becoming a proficient coder. Understanding the fundamentals is crucial, and the hands-on approach adopted by Sparta Coding Club has made these concepts more accessible and practical.

What Went Well or Wrong

In this learning journey, I faced both triumphs and challenges. A notable achievement was effectively implementing a responsive design using CSS Grid. Witnessing my webpage seamlessly adapt to various screen sizes brought immense satisfaction. On the other hand, tackling JavaScript debugging presented a hurdle. Yet, the supportive atmosphere cultivated by Sparta Coding Club, with mentor guidance and collaborative learning, turned challenges into valuable learning opportunities.

What Do You Want to Try Next?

Looking forward, I am eager to dive deeper into JavaScript frameworks, particularly React.js. The potential of building dynamic and interactive user interfaces using React has captured my interest, and I am excited to explore this in the upcoming weeks. Additionally, I plan to participate more actively in the club's coding challenges and collaborative projects, fostering a spirit of teamwork and innovation.

Your Homework (Page Screenshot or Video Capture)

As part of our homework assignment this week, we were tasked with creating a webpage that incorporated the concepts learned. Here's a screenshot of my accomplishment:

This exercise not only reinforced the concepts covered in the sessions but also allowed for creative expression in designing a webpage from scratch.

In conclusion, my first week at Sparta Coding Club has been a fulfilling experience, filled with learning, challenges, and a sense of community. I look forward to the weeks ahead, where I will continue to grow as a coder and contribute to the vibrant coding culture at Sparta.

Happy coding!

DEV Community: Anirudh J Baliga

[Sparta Coding Club] DSA - Reflections - Today I learned

1. Journey Overview:

2. Projects and Practical Applications: ##

3. Data Structures and Algorithms (DSA) Topics: ##

4. Collaborative Learning and Community: ##

5. Looking Ahead: ##

Conclusion: ##

[Sparta Coding Club] Backend Week 4 - Today I learned

[Sparta Coding Club] Backend Week 3 - Today I learned

[Sparta Coding Club] Backend Week 2 - Today I learned

Building a One-Page Shopping Mall with Flask and MongoDB

Introduction

Exploring Flask and MongoDB

Flask: A Lightweight Powerhouse

MongoDB: Scalability and Ease of Management

Setting Up Our Project

Step 1: Installing and Working with Flask

Step 2: Initializing Our Flask Application

Step 3: Setting Up the Database

Step 4: Creating API Endpoints

Step 5: Implementing the Order Logic

Frontend Development

Crafting the HTML Page

Testing Our Application

Running Tests

Code and Output Screenshots

Reflections

The Rewarding Journey

Future Endeavors

[Sparta Coding Club] Backend Week 1 - Today I learned

Embarking on a Python Journey

Unveiling the Basics: Python Installation and First Steps

Navigating Python's Syntax: Basics and Beyond

Reinforcement through Practice: Python Quiz and Hands-On Coding

Code:

Screenshot of the output:

Extending Python's Capabilities: Installing Packages and Web Scraping

Insights and Reflections: Tips for Web Scraping Success

Looking Ahead: Goals and Aspirations

Join Me on this Exciting Journey!

[Sparta Coding Club] Week 4 - Today I learned

Week 4 at Sparta Coding Club: The Culmination

Step 1: Planning the Digital Blueprint

Step 2: Translating Ideas into Code

Step 3: Adding Life with JavaScript

Step 4: Showcasing Skills and Experience

Step 5: Highlighting Noteworthy Projects

Step 6: Inviting Interaction with a Contact Form

Week 4 Activity: Hosting My Web Resume

Final Checks and Reflection

Conclusion: A Virtual Realm of Innovation

[Sparta Coding Club] Week 3 - Today I learned

Key Concepts Learned Today

Media Query

Basic Layout of Instagram Clone

What’s an HTML layout?

Embed Images on a Web Page

Using the <img> Tag

Add Interactivity to the Posts

Slideshow on a Post

Screenshot:

The Basic Concept of GitHub

Commit and Push Code to the Repository

Sharing Your Code with the World

GitHub Pages

[Sparta Coding Club] Week 2 - Today I learned

Key Concepts Learned Today

01. Programming is…

02. Javascript Basic Syntax

03. jQuery

04. Understand server-client communication

[Sparta Coding Club] Week 1 - Today I learned

What Made You Join Sparta Coding Club?

Key Concepts Learned Today

What Went Well or Wrong

What Do You Want to Try Next?

Your Homework (Page Screenshot or Video Capture)

Using the `<img>` Tag