{"id":2199,"date":"2026-03-10T10:43:47","date_gmt":"2026-03-10T09:43:47","guid":{"rendered":"https:\/\/mateusztatara.com\/en\/?p=2199"},"modified":"2026-06-22T16:02:28","modified_gmt":"2026-06-22T14:02:28","slug":"claude-code-for-beginners","status":"publish","type":"post","link":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners","title":{"rendered":"Claude Code for Absolute Beginners"},"content":{"rendered":"\n<p class=\"has-text-color\" style=\"color:#555555;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.625), 16px);line-height:1.55\">A Non-Coder&#8217;s Guide to Building Your First Project with Claude Code.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c345c3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c345c3\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"722\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_01.jpg\" alt=\"Claude Code for Absolute Beginners\" class=\"wp-image-2185\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_01.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_01-300x217.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_01-768x554.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>Last week, my friend and I built a website where you upload your selfie, pick a style, and get back a new version of yourself, generated by AI. <br><br>What would normally take us weeks was done in 24 hours.<br>Neither of us wrote a single line of code.<br>Claude Code did all the programming.<br><br>Lately I\u2019ve been using Claude Code every day, and I want to show you how to start.<br><br>You don\u2019t need to understand code. <br>You don\u2019t even need to know what a terminal is.<br><br>By the end of this article, you\u2019ll have Claude Code set up and your first project running.<br><br>Here\u2019s what we\u2019re gonna cover today:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83e\udde0 What is Claude Code<\/li>\n\n\n\n<li>\ud83e\ude9c Set it up (easy step by step instruction)<\/li>\n\n\n\n<li>\u2728 Build your first project (a working app in 5 minutes)<\/li>\n\n\n\n<li>\ud83d\uddc2\ufe0f Save your work with Github<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">What is Claude Code and how is it different from prompting?<\/h2>\n\n\n\n<p>If you\u2019re already prompting your favorite AI tool, this will feel familiar, but there\u2019s one big difference.<\/p>\n\n\n\n<p>Prompting is a conversation. Back and forth, where you\u2019re actively waiting for results.<\/p>\n\n\n\n<p>Claude Code is more like working with an assistant. <br>You give him a task, and he goes and does it.<br>After 15-30 minutes, he shows you what he\u2019s done.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to set up Claude Code for non-technical people.<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Don\u2019t use Terminal, download the Claude Desktop App instead.<\/h3>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c35053&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c35053\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"522\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_02.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2186\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_02.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_02-300x157.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_02-768x401.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>I would recommend starting here, not with the terminal version.<br>If you\u2019re not a coder, you don\u2019t want to learn a new environment on top of a new tool. <br>The desktop app makes it much, much easier.<br><a href=\"https:\/\/claude.com\/download\">Go here<\/a> and download the app.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Start with the lowest plan.<\/h3>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c3574b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c3574b\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"748\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_03.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2187\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_03.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_03-300x224.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_03-768x574.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>You will need a subscription.<\/p>\n\n\n\n<p>For a start, and to play around, you can go with the 15 euro pro plan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Open Claude Code in the app<\/h3>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c35e5e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c35e5e\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"705\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_04.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2188\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_04.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_04-300x212.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_04-768x541.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>After you open the app, you will see 3 modes at the top. Choose &#8220;Code.&#8221; <br>This is Claude Code but inside the desktop app.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Create a folder and select it.<\/h3>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c365a2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c365a2\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"679\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_05.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2189\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_05.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_05-300x204.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_05-768x521.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>Create a folder on your computer. You can call it \u201cClaude Code Playground.\u201d<\/p>\n\n\n\n<p>Select it in the app. Everything you build will live inside that folder. <br>Claude Code doesn\u2019t have access to your whole computer.<br>It only has access to what you give it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Set permissions to \u201cask me.\u201d<\/h3>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c36cca&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c36cca\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"702\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_06.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2190\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_06.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_06-300x211.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_06-768x539.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>When Claude Code works for you, it needs to do things like create new files, make changes to existing ones, or save something to your computer.<\/p>\n\n\n\n<p>Before each of those actions, it can ask for your approval, just like an app on your phone asks before accessing your camera or location.<\/p>\n\n\n\n<p>You can give Claude Code full permissions, but I think starting with \u201cask me\u201d is better. <br>You\u2019ll get used to what it\u2019s asking for, and you\u2019ll understand what\u2019s happening under the hood.<\/p>\n\n\n\n<p>Loosen it later when you\u2019re comfortable.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Talk to him like a normal person.<\/h3>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c3743e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c3743e\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"676\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_07.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2191\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_07.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_07-300x203.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_07-768x519.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>Think of Claude Code as a person who&#8217;s really good at his profession. And talk to him like you would with a friend.<\/p>\n\n\n\n<p>I often say:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cMy background is design and product, and I\u2019m not a developer, so please have that in mind. Use technical terminology but make sure to explain it.\u201d<\/p>\n<\/blockquote>\n\n\n\n<p>That way I can learn technical aspects and get an easy explanation at the same time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Ask for everything.<\/h3>\n\n\n\n<p>You know the saying \u201cthere are no stupid questions\u201d? <br>With Claude Code, that\u2019s actually true. You can ask him anything, and he will explain.<\/p>\n\n\n\n<p>I do it all the time. Whenever I don\u2019t understand something, I just ask.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Your first project: build a Pomodoro timer.<\/h2>\n\n\n\n<p>This is the project that got me hooked a year ago. It takes about 5 minutes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1:<\/h3>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c37d80&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c37d80\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"717\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_08.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2192\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_08.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_08-300x215.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_08-768x551.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>Open Claude Code and make sure our \u201cClaude Code Playground\u201d folder is selected.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2:<\/h3>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c38405&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c38405\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"690\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_09.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2193\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_09.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_09-300x207.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_09-768x530.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>Type this prompt:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u201cCould you build me a simple Pomodoro timer app. 25 minutes of work, 5-minute break. Make it minimalistic, black &amp; white design with modern look.\u201d<\/em><\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3:<\/h3>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c38b88&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c38b88\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"737\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_10.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2194\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_10.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_10-300x221.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_10-768x566.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>Watch it work. Claude Code will start creating files in your folder.<\/p>\n\n\n\n<p>It might ask you for permissions along the way. Just say yes.<\/p>\n\n\n\n<p>You\u2019ll see it thinking through the design, writing the code, and setting everything up.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4:<\/h3>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c39264&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c39264\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"691\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_11.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2195\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_11.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_11-300x207.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_11-768x531.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c39863&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c39863\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"681\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_12.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2196\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_12.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_12-300x204.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_12-768x523.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c39e4c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c39e4c\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"768\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_13.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2197\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_13.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_13-300x230.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_13-768x590.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>When it\u2019s done, you can open your app.<br>Just go to your \u201cClaude Code Playground\u201d folder.<br>It will be an HTML file and it will open in your browser.<br>You have a working Pomodoro timer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5:<\/h3>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4f3da663 wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a6fbe1c3a533&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a6fbe1c3a533\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"706\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_14.jpg\" alt=\"Claude Code for Beginners screenshot\" class=\"wp-image-2198\" srcset=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_14.jpg 1000w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_14-300x212.jpg 300w, https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_14-768x542.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p>Now make it yours.<br>This is the fun part. Tell Claude Code what you want to change. For example:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u201cChange the colors to light mode.\u201d<\/em><br><em>\u201cAdd a counter that tracks how many sessions I\u2019ve completed today.\u201d<\/em><br><em>\u201cMake the break 10 minutes instead of 5.\u201d<\/em><\/p>\n<\/blockquote>\n\n\n\n<p>Each change takes minutes. You can simply explain what new feature you want.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Save your work with GitHub.<\/h3>\n\n\n\n<p>Once you build something, you\u2019ll want to save it. <br>GitHub is like an online folder for your project files and it gives you the ability to save versions. Think of it like saving progress in a video game. You can always go back if something breaks.<\/p>\n\n\n\n<p>For now, just create a free account and connect it to your project. That\u2019s enough to start. You can ask Claude Code to help you out with that. He will explain you everything step by step.<br><br>Now, each time you create a new feature, you can back up the progress on GitHub.<\/p>\n\n\n\n<p>If something breaks, and sometimes it does, you can always get back to the previous version of your app.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"is-style-text-subtitle is-style-text-subtitle--1\">Originally published on Substack \ud83d\udc49 <a href=\"https:\/\/readwhitespace.substack.com\/p\/claude-code-for-beginners\">https:\/\/readwhitespace.substack.com\/p\/claude-code-for-beginners<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A Non-Coder&#8217;s Guide to Building Your First Project with Claude Code.<\/p>\n","protected":false},"author":1,"featured_media":2185,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-2199","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-essays"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Claude Code for Absolute Beginners - Mateusz Tatara<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Claude Code for Absolute Beginners - Mateusz Tatara\" \/>\n<meta property=\"og:description\" content=\"A Non-Coder&#039;s Guide to Building Your First Project with Claude Code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners\" \/>\n<meta property=\"og:site_name\" content=\"Mateusz Tatara\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-10T09:43:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-22T14:02:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"722\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"ebees\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ebees\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners\"},\"author\":{\"name\":\"ebees\",\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/#\\\/schema\\\/person\\\/38b3d5141f51a34de00fb7d4a7656884\"},\"headline\":\"Claude Code for Absolute Beginners\",\"datePublished\":\"2026-03-10T09:43:47+00:00\",\"dateModified\":\"2026-06-22T14:02:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners\"},\"wordCount\":950,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cc_01.jpg\",\"articleSection\":[\"Essays\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners\",\"url\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners\",\"name\":\"Claude Code for Absolute Beginners - Mateusz Tatara\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cc_01.jpg\",\"datePublished\":\"2026-03-10T09:43:47+00:00\",\"dateModified\":\"2026-06-22T14:02:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners#primaryimage\",\"url\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cc_01.jpg\",\"contentUrl\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cc_01.jpg\",\"width\":1000,\"height\":722,\"caption\":\"Screenshot\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/claude-code-for-beginners#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Claude Code for Absolute Beginners\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/\",\"name\":\"Mateusz Tatara\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/#organization\",\"name\":\"Mateusz Tatara\",\"url\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/mt_photo-2.png\",\"contentUrl\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/mt_photo-2.png\",\"width\":142,\"height\":142,\"caption\":\"Mateusz Tatara\"},\"image\":{\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mateusztatara.com\\\/en\\\/#\\\/schema\\\/person\\\/38b3d5141f51a34de00fb7d4a7656884\",\"name\":\"ebees\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/363803b39726cf40c888e584bf96536b90e8ed46dbc18fda15cb34742790f8eb?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/363803b39726cf40c888e584bf96536b90e8ed46dbc18fda15cb34742790f8eb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/363803b39726cf40c888e584bf96536b90e8ed46dbc18fda15cb34742790f8eb?s=96&d=mm&r=g\",\"caption\":\"ebees\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Claude Code for Absolute Beginners - Mateusz Tatara","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners","og_locale":"en_US","og_type":"article","og_title":"Claude Code for Absolute Beginners - Mateusz Tatara","og_description":"A Non-Coder's Guide to Building Your First Project with Claude Code.","og_url":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners","og_site_name":"Mateusz Tatara","article_published_time":"2026-03-10T09:43:47+00:00","article_modified_time":"2026-06-22T14:02:28+00:00","og_image":[{"width":1000,"height":722,"url":"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_01.jpg","type":"image\/jpeg"}],"author":"ebees","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ebees","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners#article","isPartOf":{"@id":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners"},"author":{"name":"ebees","@id":"https:\/\/mateusztatara.com\/en\/#\/schema\/person\/38b3d5141f51a34de00fb7d4a7656884"},"headline":"Claude Code for Absolute Beginners","datePublished":"2026-03-10T09:43:47+00:00","dateModified":"2026-06-22T14:02:28+00:00","mainEntityOfPage":{"@id":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners"},"wordCount":950,"commentCount":0,"publisher":{"@id":"https:\/\/mateusztatara.com\/en\/#organization"},"image":{"@id":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners#primaryimage"},"thumbnailUrl":"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_01.jpg","articleSection":["Essays"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mateusztatara.com\/en\/claude-code-for-beginners#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners","url":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners","name":"Claude Code for Absolute Beginners - Mateusz Tatara","isPartOf":{"@id":"https:\/\/mateusztatara.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners#primaryimage"},"image":{"@id":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners#primaryimage"},"thumbnailUrl":"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_01.jpg","datePublished":"2026-03-10T09:43:47+00:00","dateModified":"2026-06-22T14:02:28+00:00","breadcrumb":{"@id":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mateusztatara.com\/en\/claude-code-for-beginners"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners#primaryimage","url":"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_01.jpg","contentUrl":"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2026\/06\/cc_01.jpg","width":1000,"height":722,"caption":"Screenshot"},{"@type":"BreadcrumbList","@id":"https:\/\/mateusztatara.com\/en\/claude-code-for-beginners#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/mateusztatara.com\/en\/"},{"@type":"ListItem","position":2,"name":"Claude Code for Absolute Beginners"}]},{"@type":"WebSite","@id":"https:\/\/mateusztatara.com\/en\/#website","url":"https:\/\/mateusztatara.com\/en\/","name":"Mateusz Tatara","description":"","publisher":{"@id":"https:\/\/mateusztatara.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mateusztatara.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mateusztatara.com\/en\/#organization","name":"Mateusz Tatara","url":"https:\/\/mateusztatara.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mateusztatara.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2019\/10\/mt_photo-2.png","contentUrl":"https:\/\/mateusztatara.com\/en\/wp-content\/uploads\/2019\/10\/mt_photo-2.png","width":142,"height":142,"caption":"Mateusz Tatara"},"image":{"@id":"https:\/\/mateusztatara.com\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/mateusztatara.com\/en\/#\/schema\/person\/38b3d5141f51a34de00fb7d4a7656884","name":"ebees","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/363803b39726cf40c888e584bf96536b90e8ed46dbc18fda15cb34742790f8eb?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/363803b39726cf40c888e584bf96536b90e8ed46dbc18fda15cb34742790f8eb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/363803b39726cf40c888e584bf96536b90e8ed46dbc18fda15cb34742790f8eb?s=96&d=mm&r=g","caption":"ebees"}}]}},"_links":{"self":[{"href":"https:\/\/mateusztatara.com\/en\/wp-json\/wp\/v2\/posts\/2199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mateusztatara.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mateusztatara.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mateusztatara.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mateusztatara.com\/en\/wp-json\/wp\/v2\/comments?post=2199"}],"version-history":[{"count":3,"href":"https:\/\/mateusztatara.com\/en\/wp-json\/wp\/v2\/posts\/2199\/revisions"}],"predecessor-version":[{"id":2293,"href":"https:\/\/mateusztatara.com\/en\/wp-json\/wp\/v2\/posts\/2199\/revisions\/2293"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mateusztatara.com\/en\/wp-json\/wp\/v2\/media\/2185"}],"wp:attachment":[{"href":"https:\/\/mateusztatara.com\/en\/wp-json\/wp\/v2\/media?parent=2199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mateusztatara.com\/en\/wp-json\/wp\/v2\/categories?post=2199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mateusztatara.com\/en\/wp-json\/wp\/v2\/tags?post=2199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}