CLAUDE CODE MASTERCLASS for Professionals+Claude AI No Code

Discover how Claude code fits inside the Claude desktop app, using chat, co-work, and code tabs. Learn how five permission modes control Claude Code's autonomy.

Learn how to use Claude code with plain language instructions to build apps without coding knowledge, using user stories, acceptance criteria, edge cases, and app states for precise results.

Choose between hands-on development and AI-led development using Cloud Code by setting the mode selector to ask permissions or accept edits, balancing speed and oversight.

Learn to have your first conversation with Claude Code using interactive chat mode, asking clarifying questions to define a project with live data and AI-generated analysis.

Set up your first Cloud Code project by choosing the root folder in the Claude Desktop app, using a single empty folder, and testing Cloud Code reads context.

Learn to create a Claude.md file to establish a persistent project knowledge base; Claude reads it at session start, preserving tech stack, typography, fonts, folder structure, and design decisions.

Learn to create and test a Claude.md for the Passion World Cup app. Explore seven Claude.md sections, data sources, and runtime data fetches powered by Next.js and TypeScript.

Plan mode lets Claude read your project and propose a plan before any file changes; you review, approve, and Claude builds the home screen per your brief, including edge cases.

Learn how to build the home screen using design images for mobile-first layouts, guiding Cloud Code with desktop and mobile designs and Claude MD rules for accurate visuals.

Build the team dashboard autonomously in accept edits mode from a complete brief and design images, creating the modal selector and the full dashboard with formation, pitch, and player details.

Connect live World Cup data to your app using REST APIs from WorldCup26.ir and sportdb.dev, manage API keys with .env.local, and render real fixtures on all screens.

Create AI-powered match intelligence by using an agentic loop to fetch live match data and group data from sportsdb.dev, generate AI analysis with the Cloud API, and render the screen.

Learn to save and share your work with Git and GitHub, set up an account, commit changes, push to GitHub, and create a pull request.

Master slash commands and skills to create reusable shortcuts in Claude Code, saving prompts as templates and automating checks like screen reviews and PDF generation.

Enforce automatic quality with Claude code hooks that run after edits, before edits, and after tasks, ensuring every change is checked and fixed without manual steps.

Build the group tables screen with parallel agents to render four independent group tables (A–D) simultaneously using the World Cup 26 feed, boosting speed and efficiency.

Learn to build a player intelligence card using sub-agents to separate layout from data integration, ensuring high-quality cross-screen data passing and effective mock data handling.

Connect your cloud code to external services using MCP and connectors, a universal standard enabling one-click, cross-platform integrations through the connectors directory, custom URLs, and settings files.

Deploy the passion world cup app to vercel from github, performing pre-deployment checks, set environment variables, and publish a live url with automatic redeploy on changes.