Claude Code

10 tutorials

All

Tailwind CSS

Build a Static Site with Figma & Astro

Django with HTMX

Node.js Tutorial for Beginners

JavaScript

Python 3 for Beginners

CSS Positioning Tutorial

Canva Tutorials

HTML Tutorial for Beginners

YouTube SEO Tutorial

PSD to Responsive Website

TypeScript Tutorial

Claude Code

Responsive Web Design

PSD to WordPress

GraphQL Crash Course

CSS Animation Tutorial

CSS Flexbox Tutorial

JavaScript ES6 Tutorial

Angular 2 Tutorial

SASS Tutorial

CSS Tips and Tricks

WebSockets (Socket.io) Tutorial

Asynchronous JavaScript

Grunt JS Tutorial

Styling HTML 5 Forms

Webpack Tutorial for Beginners

REST API Tutorial

Vue JS 2 Tutorial

Vuex Tutorial

JavaScript DOM Tutorial

CSS Grid Tutorial

OAuth Login (Passport.js) Tutorial

Django Tutorial

Object Oriented JavaScript Tutorial

#1 Introduction & Setup

Learn what Claude Code is, install it globally via npm, authenticate with your Anthropic API key, and run your first prompt.

#2 CLAUDE.md Files & /init

Create and use CLAUDE.md files to give Claude persistent project context — coding standards, architecture rules, and conventions that guide every session.

#3 Context

Understand how Claude Code gathers context — reading files, searching code, using the context window efficiently, and techniques to provide better context.

#4 Tools & Permissions

Learn about Claude Code's built-in tools — file editing, command execution, and web search — and how the permission system keeps you in control.

#5 Planning & Thinking

Use extended thinking mode and planning prompts to have Claude reason deeply before coding — ideal for complex architecture decisions and multi-step tasks.

#6 Slash Commands

Master Claude Code's built-in slash commands and create your own custom slash commands for repetitive workflows.

#7 MCP Servers

Connect Claude Code to external tools using the Model Context Protocol (MCP) — databases, GitHub, file systems, and custom integrations.

#8 Subagents

Understand how Claude Code uses subagents for parallel task execution — spawning child agents for complex, multi-step work.

#9 Claude Code with GitHub

Integrate Claude Code into your GitHub workflow — create pull requests, review code, resolve merge conflicts, and automate GitHub operations from the terminal.

#10 Final Thoughts & Tips

Power user tips, cost optimization, common pitfalls, and expert workflows — everything you need to become a Claude Code power user.