Научись программировать за 3 часа, не за 3 года (Бесплатный курс)

Marc Lou17 февраля 2025187 7408 61212 мин чтениясегодня, 07:22

Коротко

Марк Лу показывает, как за несколько часов дойти от нуля до работающего интернет-бизнеса, не тратя годы на теорию: сначала фундамент интернета (что происходит при заходе на сайт, HTML/CSS/JS), потом полный стек одного solo-разработчика (Next.js, React, Tailwind, MongoDB, Auth.js, Stripe, Resend, Vercel), и в конце — как AI пишет за тебя 80% кода. Его тезис жёсткий: учить нужно ровно тот минимум, который даёт понять, что говорить AI и что гуглить, когда застрял. Сам он с 2018 построил 28 сайтов и делает $1.2M в год в одиночку, используя один и тот же роадмап. AI не заменит программистов — он даст программистам заменить всех остальных. Курс сквозной: ты параллельно строишь реальный проект (счётчик + лендинг), деплоишь его и подключаешь домен.

Главный тезис

Не учи всё подряд — выучи минимум фундамента, чтобы понимать, что происходит, а дальше пусть 80% кода пишет AI, а ты дошлифовываешь оставшиеся 20% и понимаешь, что именно принял.

Ключевые идеи

  • 0:00AI не заменяет разработчиков, он усиливает их: ценность в том, чтобы уметь построить и понять, а не набить руками каждую строку.
  • 0:04 — Марк бросил Udemy-курсы и начал строить крошечные интернет-бизнесы вместо зубрёжки; обучение через продукт, а не через теорию.
  • 1:2380% работы делает AI, но чтобы им управлять, нужен фундамент: знать термины и понимать поток запроса.
  • 1:51 — учиться через ChatGPT в два прохода: сначала метафорой (письмо на почту), потом реальными терминами (HTTP, DNS, URL).
  • 4:16 — всё, что ходит по интернету для потребителя, — это HTML-страницы со структурой head/body; работа разработчика — делать веб-страницы и класть их в сеть.
  • 6:48 — метафора дома: HTML — фундамент, CSS — отделка, JavaScript — интерактив; учить только минимум тегов и свойств.
  • 10:28 — единый стек на всё: JavaScript везде, React, Tailwind, DaisyUI, Next.js, MongoDB, плюс Auth.js, Resend, Stripe, Datafast.
  • 12:28 — выбрал стек — не меняй его: каждый новый инструмент крадёт время у того, что важно, — у выкатки приложений.
  • 15:07Node.js — это тот же V8-движок, но запускает JS вне браузера, на любой машине; на нём крутятся дев-инструменты и прод-сервер.
  • 16:06 — с Next.js ты пишешь JavaScript, а фреймворк компилирует его в HTML/CSS/JS; фреймворки существуют, чтобы писать быстрее.
  • 23:37Git делает версии кода, GitHub — облачное хранилище; связка с Vercel даёт автодеплой при каждом пуше.
  • 39:59серверные компоненты рендерятся на сервере (безопасно), клиентские — на клиенте; use client открывает хуки и обработчики событий, но убивает безопасность операций.
  • 1:09:51API-эндпоинт — это дверь в мозг приложения; фронт общается с бэком через fetch, бэк отвечает JSON и статус-кодами (200/500).
  • 1:24:55 — при проектировании софта думай о данных первым (модель → view → контроллер); MongoDB как гибкая NoSQL-база документов и коллекций.
  • 32:37 — вся аутентификация на сессии в куке: Auth.js создаёт документ сессии с токеном и сроком 30 дней, сервер проверяет куку на каждом запросе.
  • 2:17:04 — на Stripe checkout.session.completed — главное событие, где выдаёшь доступ; customer.subscription.deleted — где отзываешь.
  • 2:21:03 — безопасность держится на трёх вещах: серверные компоненты для чувствительных операций, env-переменные для ключей, контроль на входе в каждый API-эндпоинт.
  • 2:35:39 — правило 80/20: AI пишет 80% кода, ты дошлифовываешь 20% ревью и полировкой, но только если сам понимаешь фундамент.

Почему это важно

Это манифест жанра «solo dev в эпоху AI»: один человек с бесплатным (или почти) стеком и AI-ассистентом может собрать и продавать софт, для которого раньше нужна была команда. Марк продаёт не инструменты (он подчёркивает, что не проплачен) — он продаёт свой курс CodeFast за $ и весь ролик, по сути, длинная демо-версия воронки. Выигрывают инди-хакеры и Vercel/MongoDB/Stripe/Resend, чьи free-планы становятся точкой входа для тысяч новичков; проигрывают дорогие 100-часовые курсы React и агентства, чью работу теперь делает промпт. Отдельно он вбивает клин против no-code-генераторов вроде v0 и Lovable: красиво, но код чужой, и ты утонешь в переделке.

Идеи

  • Учить ChatGPT объяснять сначала метафорой, потом терминами — двухпроходный способ понять любую тему.
  • Открыть developer console на YouTube и Reddit и увидеть один и тот же head/body — понять, что весь интернет однороден.
  • Отправить свой первый HTML-файл жене в WhatsApp — первый «деплой» через двойной клик по файлу.
  • Именовать компоненты и файлы так, чтобы их понимал не только человек, но и AI, который потом лезет в код.
  • .html, .mp4, .png — веб-страница это просто файл с расширением, ничего магического.
  • Терминал — это «чат-бокс, чтобы делать штуки на компьютере»; хватит PWD, CD, LS.
  • node_modules не коммитят: это не твой код, а зависимости, потому и в .gitignore.
  • Один пакет тянет другой, тот — третий, поэтому в node_modules сотни папок вместо трёх.
  • Пакет create-next-app@latest разворачивает целый проект одной командой npx.
  • Next.js <Image> отдаёт 10 КБ вместо 1 МБ — в консоли видно srcset под размер экрана.
  • Next.js <Link> префетчит страницу заранее, поэтому переход мгновенный — не HTML <a>.
  • useState заставляет React перерисовать компонент сам, без ручной работы разработчика.
  • Props позволяют один компонент показать три раза с разным заголовком — переиспользование.
  • try/catch/finally: в finally снимаем loading независимо от результата, чтобы кнопка снова работала.
  • disabled на кнопке через isLoading — дешёвая защита от двойного клика.
  • Разные базы для dev и prod через одну переменную с разным значением в .env.local и в Vercel.
  • Разрешить любой IP к MongoDB, потому что IP веб-сервера неизвестен, а защита — по credentials.
  • Поддомен для рассылки (resend.codefast...), чтобы при взломе пострадала репутация поддомена, а не корня.
  • DKIM/SPF/DMARC как TXT-записи говорят Gmail «мы легит» — иначе письма в спам.
  • Rate limiter в middleware ловит скрипт, который шлёт тысячу запросов в секунду.
  • client_reference_id в Stripe — как потом в вебхуке узнать, какой юзер оплатил.
  • checkout.session.expired — маркетинговое событие: догнать письмом брошенную корзину.
  • Открыть 0% оффшор в Delaware заманчиво, но двойное налогообложение может съесть выгоду.
  • Держать один Stripe-аккаунт на бизнес под зонтиком одной компании.
  • LocalStorage как мини-база в браузере: настройки логотипа без регистрации юзера.
  • Дать AI скриншот чужого компонента в composer и попросить собрать в своём стиле.
  • Cursor Rules: прописать свой стек один раз, чтобы AI не предлагал чужие инструменты.
  • Свой code base как шаблон-фундамент — AI дописывает похожий код поверх знакомого.
  • Не начинать проект в v0/Lovable: код обучен на всём интернете, а не на твоём проекте.

Инсайты

  • Минимально достаточное знание бьёт полноту: цель обучения — не выучить всё, а понять достаточно, чтобы направлять AI и гуглить осмысленно.
  • Абстракции (Node, Next, React, Tailwind) существуют ради скорости, но новичок обязан один раз пройти сырой слой под ними, иначе не поймёт, что компилируется.
  • AI хорош как учитель ровно настолько, насколько ученик способен проверить ответ; без фундамента промптинг вырождается в «AI hell loop» бесконечной починки.
  • Выбор стека — это ставка на скорость выкатки, а не на техническое превосходство: спор о стеках почти всегда пустой, потому что сделать можно что угодно на чём угодно.
  • Безопасность в вебе сводится к одному принципу: граница клиент/сервер — это граница доверия, и всё чувствительное живёт только по серверную сторону.
  • Аутентификация в интернете почти везде одинакова: сессия-токен в persistent-куке, которая едет с каждым запросом, — паттерн важнее конкретной библиотеки.
  • Платёжная логика строится на событиях, а не на действиях пользователя: доступ выдаётся и отзывается вебхуками из фоновых уведомлений процессора.
  • Проектирование от данных — признак инженера, но Марк честно признаёт, что сам лепит кнопки первыми: рабочий процесс и «правильный» процесс расходятся, и это нормально.
  • Ценообразование — часть маркетинга, а не бухгалтерии; разработчики системно себя недооценивают, и завышенная цена лечит этот структурный баг.
  • Юридическую чистоту дешевле заложить в день ноль, чем расхлёбывать потом: свобода, ради которой всё затевается, легко теряется в налоговых проблемах.
  • Генераторы кода на общем интернете дают локально красивый, но глобально чужой результат — цена интеграции съедает выигрыш скорости.
  • Итоговое соотношение усилий смещается: AI берёт объём, человек берёт ответственность за ревью и стыковку, и именно 20% ручной работы решают.

Фреймворки

  • Три части роадмапа: (1) фундамент интернета, (2) построить софт-бизнес с нуля, (3) использовать AI, чтобы кодить в 10 раз быстрее.
  • Дом = веб-страница: HTML — фундамент/структура, CSS — отделка (цвета, отступы), JavaScript — комнаты/интерактив.
  • 4 типа HTTP-запросов: GET (запросить данные), POST (добавить), PATCH (изменить), DELETE (удалить).
  • MVC: Model — данные, View — что видит пользователь, Controller — как view обновляет данные; думать «data first».
  • 2 типа баз: SQL (структурированные, как таблица с колонками) и NoSQL (гибкие документы-объекты, как MongoDB); документ → коллекция → база.
  • 4 типа DNS-записей: A (домен → IP), CNAME (алиас/поддомен → домен), MX (почта), TXT (верификация/DKIM-SPF-DMARC).
  • 2 типа писем: transactional (magic links, приветственные — интересны разработчику) и marketing (рассылки, Black Friday).
  • Правило 80/20 (2025): 80% кода пишет AI, 20% дошлифовывает разработчик ревью и полировкой.
  • Баланс усилий: 50% кодинг, 50% маркетинг.

Цитаты

«AI won't replace programmers, but rather make it easier for programmers to replace everyone else» — 0:00 AI не заменит программистов — он лишь даст программистам легче заменить всех остальных

«I ditched all the theory and instead built tiny internet businesses» — 0:04 Я выбросил всю теорию и вместо этого начал строить крошечные интернет-бизнесы

«80 of your work will be done by an ai and you just have to tell the ai what you want» — 1:23 80% твоей работы сделает AI, а тебе останется лишь сказать ему, чего ты хочешь

«You'll see that with Next.js we're not going to write html directly» — 16:06 С Next.js ты не будешь писать HTML напрямую

«Whenever you have to learn a new tool, you're losing time on things that matters, which is shipping apps» — 12:34 Каждый раз, когда учишь новый инструмент, ты теряешь время на том, что важно, — на выкатке приложений

«You can do pretty much anything you want with any tech stack» — 12:42 На любом стеке можно сделать практически что угодно

«GitHub is like a Google Drive for developers» — 23:37 GitHub — это как Google Drive для разработчиков

«I might get canceled by Real Software Engineer for putting GitHub and Git inside of the same topic» — 23:13 Меня, наверное, заклюют настоящие software-инженеры за то, что я сунул Git и GitHub в одну тему

«You can imagine an API endpoint as a door to the brain of your application» — 1:09:51 Представь API-эндпоинт как дверь в мозг твоего приложения

«Theory is good, but practice is much funnier» — 1:10:29 Теория — это хорошо, но практика куда веселее

«What I love to do is to just create buttons and stuff and then update the data later, but I might get canceled for saying this» — 1:25:32 Я люблю сначала лепить кнопки, а данные подтягивать потом — хотя за такое меня могут заклевать

«You always want to price a little higher than what you think is right» — 2:10:26 Всегда ставь цену чуть выше, чем кажется правильным

«Pricing is marketing» — 2:10:43 Ценообразование — это маркетинг

«The only sponsor of this video is myself» — 12:55 Единственный спонсор этого видео — я сам

«Learn how to become lazy and take parts that you like and just use the AI to code for you» — 2:37:04 Научись быть ленивым: бери, что нравится, и пусть AI кодит за тебя

«If you build stuff... that you do not understand you will likely end up in like what people call the AI hell loop» — 2:29:16 Если строить на том, чего не понимаешь, ты попадёшь в то, что называют AI-адским циклом

«They all have one thing in common they all have a bias for action» — 2:39:04 У всех них одно общее — склонность к действию

«Now I want you to close this video, take your keyboard, start typing some JavaScript» — 2:40:25 А теперь закрой это видео, возьми клавиатуру и начни писать JavaScript

Факты

  • Марк научился кодить в 2016, покупал курсы на Udemy, в 2018 бросил теорию и начал строить бизнесы.
  • К 2025 построил 28 сайтов и, по его словам, зарабатывает $1.2 млн в год как solo-разработчик.
  • Его курс CodeFast12 часов, прошли более 2000 студентов.
  • Стек: JavaScript, React, Tailwind CSS, DaisyUI, Next.js, MongoDB, плюс Auth.js, Resend, Stripe, Lemon Squeezy, Datafast.
  • Cursor AI — платный план $20/мес за AI-функции; VS Code + GitHub Copilot имеет бесплатный план (на момент записи).
  • Пример модели на момент видео: Claude 3.5 Sonnet (в SRT — «Cloud 3.5 sonnet») и GPT-4o.
  • Vercel в примере деплоит из Вашингтона, DC; кластер MongoDB Atlas — в Орегоне; регион базы советует брать в Северной Америке, поближе к веб-серверу.
  • MongoDB Atlas: бесплатный тариф M0; у Stripe свыше 100 событий вебхуков; у Tailwind более тысячи классов.
  • HTTP статус 200 = успех по умолчанию, 500 = сбой сервера, 401 = не авторизован.
  • Сессия Auth.js обычно живёт 30 дней — отсюда повторные логины в сервисах.
  • Домены покупает на Namecheap (есть GoDaddy); владеет marclou.com и .st-доменом kotfa.st; для Stripe нужен зарегистрированный бизнес.
  • DNS-изменения могут применяться до 24 часов; верификация DNS у Resend — иногда до нескольких часов.
  • Провайдеры писем: Mailgun (известный) и Resend (новый, дружелюбный, есть free-план).
  • Альтернативы Vercel: Netlify, Render; локальный dev-сервер по умолчанию — localhost:3000.
  • На запись видео ушло, по словам Марка, около месяца; длина ролика — два-три часа.

Источники

  • CodeFast — курс Марка Лу по обучению коду (единственный «спонсор» видео).
  • Инструменты: VS Code, Cursor AI, GitHub Copilot, Node.js, npm, ESLint, MongoDB Compass, MongoDB Atlas.
  • Сервисы: Vercel, Netlify, Render, Namecheap, GoDaddy, Stripe, Lemon Squeezy, Resend, Mailgun, Auth.js, OpenAI API, Datafast, cataas (cat API).
  • Генераторы кода, о которых он предупреждает: v0, Lovable.
  • LLM: Claude 3.5 Sonnet, GPT-4o.
  • Отдельные материалы Марка в описании: видео о ценообразовании и статьи по маркетингу (SEO, ads, copywriting, audience building).

Рекомендации

  • Сначала выучи фундамент сам, только потом подключай AI — иначе AI-адский цикл.
  • Реально построй что-то (портфолио или демо-лендинг) параллельно с видео и выложи в интернет.
  • Выбери стек и не меняй его; заведи свой code base как шаблон для новых проектов.
  • Купи домен как можно раньше и сразу включи авто-продление.
  • Не начинай в v0/Lovable — строй в своём редакторе, а AI используй поверх своего кода.
  • Держи баланс 50% кодинг / 50% маркетинг; цену ставь выше, чем кажется.
  • Юридику и налоги делай правильно с дня ноль; всё чувствительное спрашивай у ChatGPT под свою страну.

Итог

Выучи ровно тот минимум, чтобы понимать, что происходит, отдай 80% рутины AI и добей продукт руками — и один человек за вечер собирает то, за что раньше платили команде.

readmint Pro

То, что вы только что прочитали — это саммари readmint

Оформите доступ — и получайте такой же разбор по любому своему видео. Вставляете ссылку, через 2–3 минуты готов пересказ с главными тезисами и цитатами. Без воды и без перемотки.

  • Безлимит саммари — сколько угодно видео
  • Главные тезисы и цитаты без воды
  • Приоритет в очереди обработки
  • Без рекламы и сторонних блоков
Получить такое же саммари
Доступ откроется сразу после оплаты — вставите ссылку и начнёте.

Или 4 900 ₽/год — доступ откроется сразу после оплаты.

Ещё с канала «Marc Lou»

Все видео