Supervised Learning​

The algorithm learns from labeled examples.

from sklearn.ensemble import RandomForestClassifier

model = RandomForestClassifier()
model.fit(X_train, y_train)
predictions = model.predict(X_test)

Unsupervised Learning​

The algorithm finds patterns in unlabeled data.

from sklearn.cluster import KMeans

kmeans = KMeans(n_clusters=3)
kmeans.fit(X)
labels = kmeans.labels_

Neural Networks​

At their core, neural networks are function approximators:

Input → Hidden Layers → Output

Each "neuron" applies a weighted sum followed by an activation function.

Practical Tools​

• scikit-learn: Great for traditional ML
• PyTorch: Flexible deep learning
• Hugging Face: Pre-trained models and fine-tuning

Getting Started​

1. Pick a problem you care about
2. Find a dataset
3. Start simple (linear regression, then gradient descent)
4. Iterate

The best ML projects come from understanding the domain, not just the algorithms.

You have the freedom to run, copy, distribute, study, change, and improve software.

Performance​

Linux can be optimized for performance in ways proprietary systems can't.

Security​

With proper configuration, Linux systems are incredibly secure.

Community​

A global community of developers continuously improves Linux every day.

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

This creates a 3-column grid with equal columns and 1rem gap.

Auto-fit vs Auto-fill​

/* Expands to fill available space */
.grid-auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

/* Maintains fixed sizes even with extra space */
.grid-auto-fill {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

Named Areas​

Grid areas make layouts declarative:

.layout {
  display: grid;
  grid-template-columns: 200px 1fr 200px;
  grid-template-areas:
    "header header header"
    "sidebar main aside"
    "footer footer footer";
}

.header { grid-area: header; }
.sidebar { grid-area: sidebar; }
.main { grid-area: main; }
.aside { grid-area: aside; }
.footer { grid-area: footer; }

Responsive Grids​

With Grid, responsive layouts become trivial:

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}

No media queries needed — the grid figures it out automatically.

When to Use Grid vs Flexbox​

• Grid: When you need two-dimensional control (rows AND columns)
• Flexbox: When layout is essentially one-dimensional

Most layouts benefit from both — use them together.

Without generics, you'd have to choose between:

1. No type safety — using any
2. No reusability — writing separate functions for each type

// Bad: no type safety
function identity(value: any): any {
  return value;
}

// Good: type-safe AND reusable
function identity<T>(value: T): T {
  return value;
}

Generic Constraints​

You can constrain generics using extends:

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

Real-World Example​

Here's a generic API response wrapper:

interface ApiResponse<T> {
  data: T;
  status: number;
  message: string;
}

async function fetchUser(): Promise<ApiResponse<User>> {
  const response = await fetch('/api/user');
  return response.json();
}

Key Takeaways​

• Generics let you write flexible, reusable code without sacrificing type safety
• Use extends to constrain what types are allowed
• Constraints like keyof enable powerful utility patterns

Generics take practice — try refactoring some of your existing code to use them.

Linux uses a tree-like structure starting at / (root).

/
├── home/
├── etc/
├── var/
└── usr/

Navigation Commands​

cd /home
ls -la
mkdir myproject

Linux is a free and open-source operating system that powers everything from smartphones to servers.

Your First Commands​

ls -la
pwd
whoami

These commands will help you navigate your first Linux system.

Astro uses a concept called Island Architecture — only interactive components ship JavaScript, everything else is static HTML. This results in dramatically faster page loads.

Key Features​

• Content collections for type-safe Markdown/MDX
• File-based routing that mirrors your folder structure
• Built-in support for Tailwind, React, Vue, and more
• Automatic image optimization

Installation​

npm create astro@latest my-blog
cd my-blog
npm run dev

Deployment​

Astro builds to a dist/ folder that can be deployed anywhere:

npm run build

Pair with Cloudflare Pages for the best experience with unlimited bandwidth.

Wrapping Up​

Astro is a fantastic choice for content-focused sites. In the next post, we'll explore content collections in depth.