Longread translated automatically
big

1. Course Overview

A practical online course where participants with no prior experience in programming or web design will create their own portfolio website using Claude and Codex.

2. Studio

For professionals who need their own website but don’t know how to code:graphic designers, illustrators, photographers, videographers, editors, SMM specialists, AI creators, psychologists, beauty specialists, and other experts.

3. Course Format

Online, asynchronous.6 modules / about 28 short lessons / 3–4 hours of theory and practice.Final project — your own published website.

4. Prerequisites

Skills:Proficiency with computers: file management, downloading, and uploading files;Knowing code or design skills are not required.Materials to prepare before starting:
— Claude and/or Codex;
— web browser;
— 5–9 pieces of work;
— photos;
— personal information;
— Unique Selling Proposition (USP);
— services;
— contact information.It is best to prepare these materials in advance to avoid using AI limits for regenerating content.

5. What Students Will Learn

Upon completing the course, students will be able to:— work with Claude and Codex;
— assign precise tasks to AI;
— structure a website;
— utilize basic marketing analysis;
— define a visual direction;
— generate and modify code;
— incorporate animations;
— adapt the site for various devices;
— publish the site on a host;
— connect a domain and update the site.

Thematic Lesson Plan

Module 1. Claude and Codex: Introduction to Neural Networks1.1. Claude and Codex
1.2. Capabilities and Limitations
1.3. Pricing, Limits, and Payment
1.4. Material Preparation
1.5. Working with AIModule 2. Portfolio Website Architecture2.1. Why Structure Matters More Than Design
2.2. Basic Site Structure
2.3. Structure Tailored to Your Profession
2.4. Textual PrototypeModule 3. Mini-Marketing3.1. Target Audience
3.2. Competitor Analysis
3.3. Competitor Strengths and Weaknesses
3.4. How to Stand OutModule 4. References and Visual Style4.1. How to Use the Library
4.2. Visual Style Library
4.3. Element Library
4.4. Animations and Interactivity
4.5. Working with Your Own References
4.6. Merging Marketing and VisualsModule 5. Site Assembly and Adaptation5.1. Preparation for Assembly
5.2. First Version of the Website
5.3. Iterations and Revisions
5.4. Revisions Based on References
5.5. Adapting for Different DevicesModule 6. Website Publication6.1. Hosting and Domain
6.2. Publishing the Website
6.3. Connecting the Domain
6.4. Website UpdatesFinal Project
A fully published portfolio website.

Original size 1920x1010

Module 1. Claude and Codex: Introduction to Neural NetworksFamiliarization with the course’s core AI tools—their capabilities and limitations. Setting up the working environment and gathering materials.1.1. Claude and Codex
1.2. Capabilities and Limitations
1.3. Pricing, Limits, and Payment
1.4. Material Preparation
1.5. How to Work with AI

Вайбкодинг своего портфолио
Project created at 06.10.2026