Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
# Learn Basics

## What are version control system
2 changes: 1 addition & 1 deletion docs/css/project-practicals/animation-practice.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ tags:

Animations are the secret ingredient that transforms a static webpage into an **engaging and memorable user experience**. This practical session is dedicated to solidifying your understanding of CSS **Transitions**, **Transforms**, and **Keyframe Animations** by applying them to real-world components.

Before starting, ensure you are familiar with the concepts in the [Transitions and Animations](/docs/category/transitions--animations) section.
Before starting, ensure you are familiar with the concepts in the [Transitions and Animations](/category/transitions--animations) section.

<AdsComponent />
<br />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ Responsive Web Design (RWD) is a crucial skill in modern frontend development. I

This practical session will guide you through implementing the core principles of RWD, focusing on **Media Queries**, **Fluid Layouts**, and the **Mobile-First** strategy.

Before starting, ensure you are familiar with the concepts in the [Responsiveness](/tutorial/docs/category/responsiveness) section.
Before starting, ensure you are familiar with the concepts in the [Responsiveness](/category/responsiveness) section.

<AdsComponent />
<br />
Expand Down
2 changes: 1 addition & 1 deletion docs/cybersecurity/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ Start from the basics and move upward:
3. [Network Security Basics](./network-security-basics.mdx)
4. [Cryptography and Encryption](./cryptography-and-encryption.mdx)
5. [Ethical Hacking Basics](./ethical-hacking-basics.mdx)
6. [Cybersecurity Tools](/tutorial/docs/cybersecurity/cybersecurity-tools)
6. [Cybersecurity Tools](./cybersecurity/cybersecurity-tools)
7. [Incident Response](./incident-response.mdx)
8. [Best Practices](./best-practices.mdx)

Expand Down
4 changes: 2 additions & 2 deletions docs/git/quiz.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,8 @@ The goal is to help you **learn Git & GitHub hands-on** while having fun.
## Next Steps
Once you complete this quiz:
- Explore the [Git Advanced Topics](./advanced)
- Learn about [GitHub Actions](/tutorial/docs/github/github-actions)
- Contribute to open source with [GitHub Collaboration](/tutorial/docs/github/collaboration)
- Learn about [GitHub Actions](../github/github-actions)
- Contribute to open source with [GitHub Collaboration](../github/collaboration)

:::tip
Try to get a perfect score to unlock your *Git Pro Badge* (coming soon!)
Expand Down
24 changes: 12 additions & 12 deletions docs/git/roadmap.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,11 @@ Welcome to the **Git & GitHub roadmap** — a step-by-step guide to help you **m
Start with the basics to build a strong foundation.

1. **Introduction to Git & GitHub**
Route: [`/tutorial/docs/git/introduction`](/tutorial/docs/git/introduction)
Route: [`/tutorial/git/introduction`](/tutorial/git/introduction)
Learn what version control is, why Git exists, and how GitHub works.

2. **Git Basics**
Route: [`/tutorial/docs/git/basics`](/tutorial/docs/git/basics)
Route: [`/tutorial/git/basics`](/tutorial/git/basics)
- Create repositories (`git init`)
- Track changes (`git add`, `git commit`)
- View commit history (`git log`)
Expand All @@ -32,25 +32,25 @@ Start with the basics to build a strong foundation.
Expand your skills with branching, remotes, and collaboration.

1. **Branching & Merging**
Route: [`/tutorial/docs/git/branching-merging`](/tutorial/docs/git/branching-merging)
Route: [`/tutorial/git/branching-merging`](/tutorial/git/branching-merging)
- Create, switch, and delete branches
- Merge branches and resolve conflicts
- Visualize branches with `git log --graph`

2. **Working with Remote Repositories**
Route: [`/tutorial/docs/git/remotes`](/tutorial/docs/git/remotes)
Route: [`/tutorial/git/remotes`](/tutorial/git/remotes)
- Clone repositories
- Push and pull changes
- Sync forked repositories

3. **Undoing Changes & Troubleshooting**
Route: [`/tutorial/docs/git/undo`](/tutorial/docs/git/undo)
Route: [`/tutorial/git/undo`](/tutorial/git/undo)
- Undo commits (`git reset`, `git revert`)
- Discard changes (`git restore`)
- Use stash for temporary work

4. **Collaborating on GitHub**
Route: [`/tutorial/docs/github/collaboration`](/tutorial/docs/github/collaboration)
Route: [`/tutorial/github/collaboration`](/tutorial/github/collaboration)
- Issues & discussions
- Pull requests & code reviews
- Project boards
Expand All @@ -60,32 +60,32 @@ Expand your skills with branching, remotes, and collaboration.
Master advanced Git concepts, automation, and open-source contributions.

1. **Git Advanced Concepts**
Route: [`/tutorial/docs/git/advanced`](/tutorial/docs/git/advanced)
Route: [`/tutorial/git/advanced`](/tutorial/git/advanced)
- Rebasing & cherry-picking
- Tagging versions
- Git hooks & submodules
- Recovering deleted commits (`git reflog`)

2. **GitHub Security & Authentication**
Route: [`/tutorial/docs/github/security`](/tutorial/docs/github/security)
Route: [`/tutorial/github/security`](/tutorial/github/security)
- SSH keys, HTTPS, personal access tokens
- Two-factor authentication
- Managing private vs public repositories

3. **GitHub Actions & Automation**
Route: [`/tutorial/docs/github-actions`](/tutorial/docs/github/github-actions)
Route: [`/tutorial/github-actions`](/tutorial/github/github-actions)
- Automate builds, tests, and deployments
- YAML workflow basics
- GitHub Pages deployment example

4. **Open Source Contribution Guide**
Route: [`/tutorial/docs/github/open-source`](/tutorial/docs/github/open-source)
Route: [`/tutorial/github/open-source`](/tutorial/github/open-source)
- Find projects to contribute
- Fork → Clone → Branch → Commit → Pull Request workflow
- Good first issues and contribution etiquette

5. **Integrations & Tools**
Route: [`/tutorial/docs/github/integrations`](/tutorial/docs/github/integrations)
Route: [`/tutorial/github/integrations`](/tutorial/github/integrations)
- VS Code, GitHub Desktop, Git GUI clients
- GitHub CLI and IDE integrations

Expand All @@ -100,7 +100,7 @@ After completing the roadmap, practice your skills with real-world projects:
- Set up **team workflows** with multiple collaborators
- Automate **CI/CD pipelines** with GitHub Actions

Routes: [`/tutorial/docs/github/projects`](/tutorial/docs/github/projects)
Routes: [`/tutorial/github/projects`](/tutorial/github/projects)

## Additional Resources

Expand Down
2 changes: 1 addition & 1 deletion docs/github/github-actions.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -193,7 +193,7 @@ jobs:

## Next Up

After mastering GitHub Actions, you can explore **Open Source Contribution** — learn how to contribute effectively to projects and build your developer portfolio. 👉 [Next: Open Source Contribution →](/tutorial/docs/github/open-source)
After mastering GitHub Actions, you can explore **Open Source Contribution** — learn how to contribute effectively to projects and build your developer portfolio. 👉 [Next: Open Source Contribution →](./open-source)

## Additional Resources

Expand Down
8 changes: 4 additions & 4 deletions docs/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -58,15 +58,15 @@ Select a technology below to dive into our structured tutorials. Each path is de

<DocsCards>

<DocsCard header="HTML" href="/docs/category/html/" icon="/icons/html-5.svg">
<DocsCard header="HTML" href="/category/html/" icon="/icons/html-5.svg">
<p>Learn the building blocks of the web — HTML. Understand tags, attributes, forms, and layout fundamentals to create structured webpages.</p>
</DocsCard>

<DocsCard header="CSS" href="/docs/css/introduction" icon="/icons/css.svg">
<DocsCard header="CSS" href="/css/introduction" icon="/icons/css.svg">
<p>Master styling with CSS. Learn Flexbox, Grid, animations, and responsive design techniques for beautiful interfaces.</p>
</DocsCard>

<DocsCard header="JavaScript" href="/docs/javascript/introduction-to-javascript/what-is-js" icon="/icons/js.svg">
<DocsCard header="JavaScript" href="/javascript/introduction-to-javascript/what-is-js" icon="/icons/js.svg">
<p>From basics to advanced — learn JavaScript programming, DOM manipulation, and ES6+ features to bring interactivity to your projects.</p>
</DocsCard>

Expand Down Expand Up @@ -102,7 +102,7 @@ Select a technology below to dive into our structured tutorials. Each path is de
<p>Learn NoSQL database concepts with MongoDB. Store, query, and manage data efficiently for modern applications.</p>
</DocsCard>

<DocsCard header="AI & Machine Learning" href="/docs/machine-learning" icon="/icons/ai-chat.svg">
<DocsCard header="AI & Machine Learning" href="/machine-learning" icon="/icons/ai-chat.svg">
<p>Explore artificial intelligence, machine learning, and neural networks with beginner-friendly examples.</p>
</DocsCard>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: "Techniques for identifying and keeping only the most relevant feat
tags: [data-science, feature-selection, machine-learning, statistics, overfitting]
---

**Feature Selection** is the process of reducing the number of input variables when developing a predictive model. Unlike [Dimensionality Reduction](/tutorial/docs/machine-learning/data-engineering-basics/data-cleaning-and-preprocessing/dimensionality-reduction), which transforms features into a new space, Feature Selection keeps the original features but removes the ones that are redundant or irrelevant.
**Feature Selection** is the process of reducing the number of input variables when developing a predictive model. Unlike [Dimensionality Reduction](./dimensionality-reduction), which transforms features into a new space, Feature Selection keeps the original features but removes the ones that are redundant or irrelevant.

## 1. Why Select Features?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ Most ML frameworks use JSON (or its cousin, YAML) to store **Hyperparameters**.

### C. API Responses

As discussed in the [APIs section](/tutorial/docs/machine-learning/data-engineering-basics/data-collection/apis), almost every web service returns data in JSON format.
As discussed in the [APIs section](../data-collection/apis), almost every web service returns data in JSON format.

## 3. The "Flattening" Problem

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ for obj in root.findall('object'):

## 5. The Challenge: Deep Nesting

Just like [JSON](/tutorial/docs/machine-learning/data-engineering-basics/data-formats/json), XML is hierarchical. To use it in a standard ML model (like a Random Forest), you must **Flatten** the tree into a table.
Just like [JSON](./json), XML is hierarchical. To use it in a standard ML model (like a Random Forest), you must **Flatten** the tree into a table.

```mermaid
graph TD
Expand Down
2 changes: 1 addition & 1 deletion docs/machine-learning/deep-learning/cnn/strides.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ When the stride is set to **2** (or more), the filter jumps two pixels at a time
## 2. The Impact of Striding

### A. Dimensionality Reduction
Increasing the stride is an alternative to [Pooling](/tutorial/docs/machine-learning/deep-learning/cnn/pooling). By jumping over pixels, the network effectively "downsamples" the image. For example, a stride of 2 will roughly halve the width and height of the output.
Increasing the stride is an alternative to [Pooling](./pooling). By jumping over pixels, the network effectively "downsamples" the image. For example, a stride of 2 will roughly halve the width and height of the output.

### B. Receptive Field
A larger stride allows the network to cover more area with fewer parameters, but it comes at a cost: **Information Loss**. Because the filter skips pixels, some fine-grained spatial details might be missed.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ Building a model isn't just writing code; it's a circular process:

1. **Define the Goal:** What are we trying to predict?
2. **Data Collection:** Gathering raw information.
3. **Data Preprocessing:** Cleaning and scaling (what you learned in the [Data Engineering module](/tutorial/docs/category/data-engineering-basics)).
3. **Data Preprocessing:** Cleaning and scaling (what you learned in the [Data Engineering module](/category/data-engineering-basics)).
4. **Model Training:** Feeding data to the algorithm.
5. **Evaluation:** Testing the model on data it hasn't seen before.
6. **Deployment:** Putting the model into a real-world app.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: "Scaling Reinforcement Learning with Deep Learning using Experience
tags: [machine-learning, reinforcement-learning, dqn, deep-learning, neural-networks]
---

**Deep Q-Networks (DQN)** represent the fusion of Reinforcement Learning and Deep Neural Networks. While standard [Q-Learning](/tutorial/docs/machine-learning/machine-learning-core/reinforcement-learning/q-learning) uses a table to store values, DQN uses a **Neural Network** to approximate the Q-value function.
**Deep Q-Networks (DQN)** represent the fusion of Reinforcement Learning and Deep Neural Networks. While standard [Q-Learning](./q-learning) uses a table to store values, DQN uses a **Neural Network** to approximate the Q-value function.

This advancement allowed RL agents to handle environments with high-dimensional state spaces, such as raw pixels from a video game screen.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ Converts categories into integers (). Use this when the order matters (e.g., Sma

## 3. Feature Scaling

As discussed in our [Data Engineering module](/tutorial/docs/machine-learning/data-engineering-basics/data-cleaning-and-preprocessing/feature-scaling), scaling ensures that features with large ranges (like Salary) don't overpower features with small ranges (like Age).
As discussed in our [Data Engineering module](../../data-engineering-basics/data-cleaning-and-preprocessing/feature-scaling), scaling ensures that features with large ranges (like Salary) don't overpower features with small ranges (like Age).

### Standardization (`StandardScaler`)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@ y_pred = knn.predict(X_test_scaled)

KNN suffers significantly from the "Curse of Dimensionality." As the number of features increases, the "volume" of the space grows so fast that even the "nearest" neighbors become very far away.

**Solution:** Always perform [Dimensionality Reduction (PCA)](/tutorial/docs/machine-learning/data-engineering-basics/data-cleaning-and-preprocessing/dimensionality-reduction) or [Feature Selection](/tutorial/docs/machine-learning/data-engineering-basics/data-cleaning-and-preprocessing/feature-selection) before using KNN on high-dimensional data.
**Solution:** Always perform [Dimensionality Reduction (PCA)](../../../data-engineering-basics/data-cleaning-and-preprocessing/dimensionality-reduction) or [Feature Selection](../../../data-engineering-basics/data-cleaning-and-preprocessing/feature-selection) before using KNN on high-dimensional data.

## References for More Details

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -120,4 +120,4 @@ print(f"Best L1 Ratio: {model_cv.l1_ratio_}")

---

**You've now covered all the primary linear regression models! But what if your goal isn't to predict a number, but to group similar data points together?** Head over to the [Clustering](/tutorial/docs/category/clustering) section to explore techniques like K-Means and DBSCAN!
**You've now covered all the primary linear regression models! But what if your goal isn't to predict a number, but to group similar data points together?** Head over to the [Clustering](/category/clustering) section to explore techniques like K-Means and DBSCAN!
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: "Discovering clusters of arbitrary shapes and identifying outliers
tags: [machine-learning, unsupervised-learning, clustering, dbscan, outliers]
---

**DBSCAN** (Density-Based Spatial Clustering of Applications with Noise) is a powerful clustering algorithm that views clusters as high-density regions separated by low-density regions. Unlike [K-Means](/tutorial/docs/machine-learning/machine-learning-core/unsupervised-learning/clustering/kmeans), DBSCAN does not require you to specify the number of clusters in advance and can find clusters of **arbitrary shapes**.
**DBSCAN** (Density-Based Spatial Clustering of Applications with Noise) is a powerful clustering algorithm that views clusters as high-density regions separated by low-density regions. Unlike [K-Means](./kmeans), DBSCAN does not require you to specify the number of clusters in advance and can find clusters of **arbitrary shapes**.

## 1. How it Works: Core, Border, and Noise

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ Most modern Docs-as-Code platforms support localization through external files.

1. **Extract Strings:** Your content management system (or localization tool) extracts the translatable text (strings) from your Markdown files (e.g., `.mdx`) and places them into key-value files (e.g., `.json`, `.po`, or `.xliff`).
2. **Translation:** These string files are sent to human translators or machine translation services.
3. **Insertion:** The translated strings are loaded back into the documentation build process, creating separate language sites (e.g., `/docs/en`, `/docs/de`, `/docs/ja`).
3. **Insertion:** The translated strings are loaded back into the documentation build process, creating separate language sites (e.g., `/en`, `/de`, `/ja`).

:::warning Context is King
When working with translators, provide **context**. If a string is "Open," specify whether it's the verb (e.g., "Open the file") or the adjective (e.g., "The API is Open"). This avoids grammatical errors in languages with gendered nouns.
Expand Down
2 changes: 1 addition & 1 deletion docs/technical-writer/resources/portfolio-building.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ Aim for 3–5 high-quality projects. A few excellent, polished examples are infi
<LinkCard
title="Tip: The Live Project"
description="If you contribute documentation to an Open Source project, that merged Pull Request (PR) is your single most powerful portfolio piece—it's real-world proof of collaboration and quality."
link="/tutorial/docs/technical-writer/advanced/open-source-contributions"
link="/tutorial/technical-writer/advanced/open-source-contributions"
icon="code"
/>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -170,7 +170,7 @@ icon="book"
<LinkCard
title="Docusaurus Official Templates"
description="Review the source code of the official Docusaurus templates on GitHub. They provide excellent examples of MDX usage, sidebar structure, and front matter."
link="https://www.google.com/search?q=https://docusaurus.io/docs/next/installation%23scaffolding-your-site"
link="https://docusaurus.io/docs/next/installation#scaffolding-your-site"
icon="code"
/>

Expand Down
18 changes: 9 additions & 9 deletions docusaurus.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ const config = {
({
// debug: true,
docs: {
routeBasePath: "docs",
routeBasePath: "/",
sidebarPath: "./sidebars.ts",
editUrl: "https://github.com/codeharborhub/tutorial/edit/main/",
remarkPlugins: [remarkMath],
Expand Down Expand Up @@ -140,10 +140,10 @@ const config = {
<div class="mega-menu-column">
<h3>🚀 Foundations</h3>
<hr style="margin: 0.5rem 0; opacity: 0.4;">
<a href="#">🐣 Absolute Beginner</a>
<a href="/tutorial/absolute-beginners/">🐣 Absolute Beginner</a>
<a href="#">🏛️ Computer Science</a>
<a href="#">💻 Languages & Platforms</a>
<a href="/tutorial/docs/git/introduction">🌿 Git & GitHub</a>
<a href="/tutorial/git/introduction">🌿 Git & GitHub</a>
</div>

<div class="mega-menu-column">
Expand Down Expand Up @@ -191,12 +191,12 @@ const config = {
// html: '<span class="nav-emoji">📝</span> Blog',
// position: "right",
// },
// {
// href: "https://github.com/codeharborhub",
// position: "right",
// className: "header-github-link",
// "aria-label": "GitHub repository",
// },
{
href: "https://github.com/codeharborhub",
position: "right",
className: "header-github-link",
"aria-label": "GitHub repository",
},
],
},
footer: {
Expand Down
Loading