Coding Journey Guide

Coding Journey Guide is a beginner's guide to programming, offering a structured, easy-to-navigate page with essential resources, learning paths, beginner project ideas, salary information, and links to developer tools. It provides a helpful starting point for aspiring developers.

Live Site

This is the live page: https://beginner-course.onrender.com/

Table of Contents

• Overview
• Features
• Technologies Used
• Setup
• Usage
• Customization

Overview

The Coding Journey Guide is organized to guide beginners through essential programming concepts and practices. It includes sections with foundational steps, career paths, project suggestions, developer salary insights, and quick-access links to valuable coding tools and platforms. The page also supports a dark/light theme toggle for better readability.

Features

• Getting Started Tips: Introductory steps such as setting up a text editor, GitHub account, and learning the basics of terminal usage.
• Basic Git Commands: A list of fundamental Git commands for version control.
• Learning Path: A recommended path from HTML & CSS basics to specialization options in frontend, backend, full-stack, or data science.
• Career Paths & Skills: Key skills required for different roles in development.
• Beginner Project Ideas: Project suggestions to help build programming fundamentals.
• Advanced Learning Resources: Links to resources for data structures, system design, and cloud platforms.
• Developer Salary Guide: Salary estimates for different experience levels in the US and India.
• Links to Tools & Websites: Direct links to coding platforms, development tools, and repositories.

Technologies Used

• HTML5: Structure of the webpage.
• CSS: Styling, including card layouts and skill tags.
• JavaScript: Dark/light theme toggle functionality.
• Google Fonts: Google Sans for design consistency and readability.

Setup

1. Clone the repository:

   git clone https://github.com/jashvakharia/beginner-course.git
   cd beginner-course

2. Open a browser: Open the index.html file in your browser to view the guide locally.
3. Ensure Internet Access: Internet connection is required to load Google Fonts and other external resources.

Usage

1. Theme Toggle: Use the switch in the header to toggle between light and dark themes.
2. Navigate the Guide: Scroll through sections for step-by-step guidance, beginner project ideas, learning resources, and career insights.
3. Explore Salary Guide: Check out the salary estimates for developers at different experience levels in the US and India.

Customization

1. Style Adjustments: Modify hyperstyle.css to change colors, fonts, or layout.
2. Adding Content: New cards or links can be added to each section by following the HTML structure.
3. Updating Salary Information: Edit the Developer Salary Guide (2024) table to update salary values or add other regions.