Начать путь

Как создаются
программы, сайты и игры

От первой строчки кода до готового продукта: разбираем языки, инструменты, структуру и этапы разработки. Всё, что нужно знать новичку.

20+

языков и фреймворков

6

этапов разработки

∞

возможностей

💻 Код → Продукт
Веб-разработка

Как создаются сайты

Сайты делятся на фронтенд (то, что видит пользователь) и бэкенд (серверная логика). Вместе они образуют полноценный веб-продукт.

Frontend

HTML создаёт структуру, CSS отвечает за внешний вид, JavaScript — за интерактивность. Фреймворки: React, Vue, Angular ускоряют разработку.

HTML CSS JavaScript React

Backend

Серверная часть: обработка данных, авторизация, работа с базами данных. Популярные языки — Python, PHP, Node.js, Java, C#.

Python Node.js PHP SQL

Инструменты

Редакторы кода (VS Code, WebStorm), системы контроля версий (Git), хостинг, домены, CMS (WordPress, Tilda) для быстрого старта.

VS Code Git Figma
Геймдев

Как создаются игры

Игровая разработка — это синтез программирования, искусства, звука и геймдизайна. Движки и языки зависят от платформы и масштаба.

Unity (C#)

Самый популярный движок для инди и мобильных игр. Язык C#. Огромное сообщество, множество ассетов и туториалов.

C# Unity 2D/3D

Unreal Engine (C++ / Blueprints)

Для AAA-проектов и фотореалистичной графики. Визуальное программирование Blueprints позволяет создавать логику без глубокого знания C++.

C++ Blueprints Unreal

Другие движки

Godot (GDScript, бесплатный), GameMaker (для 2D), а также чистые языки: Python (Pygame), JavaScript (Phaser) для веб-игр.

Godot Pygame Phaser
Приложения

Как создаются программы

Десктопные и мобильные приложения решают конкретные задачи: от заметок до сложных инженерных систем.

Мобильные приложения

Нативные: Kotlin (Android), Swift (iOS). Кроссплатформенные: Flutter (Dart), React Native (JavaScript).

Kotlin Swift Flutter

Десктопные программы

Python (Tkinter, PyQt), C# (WPF, .NET), Java (JavaFX), C++ (Qt). Подходят для Windows, macOS, Linux.

Python C# Qt

Веб-приложения

Работают в браузере: онлайн-редакторы, CRM, мессенджеры. Технологии те же, что и у сайтов, но с более сложной логикой.

PWA WebSocket API

Структура сайта: из чего он состоит

Типовой сайт имеет чёткую архитектуру. Понимание структуры помогает проектировать удобные и быстрые продукты.

  • 1 Frontend-слой — HTML, CSS, JS, фреймворки
  • 2 Backend-слой — сервер, API, бизнес-логика
  • 3 База данных — MySQL, PostgreSQL, MongoDB
  • 4 Хостинг и домен — размещение и адрес
  • 5 Дизайн и UX — Figma, прототипы, макеты
  • 6 Тестирование и деплой — проверка и запуск
Языки и инструменты

На чём пишут код

Каждый язык хорош для своих задач. Вот основные, которые стоит знать.

🌐

HTML & CSS

Структура и стиль любого сайта

⚡

JavaScript

Интерактив в браузере и на сервере

🐍

Python

Универсален: сайты, игры, ИИ

🔷

C#

Unity, .NET, Windows-приложения

⚙️

C++

Игры, высоконагруженные системы

☕

Java / Kotlin

Android и корпоративные системы

🖥️ VS Code
🎨 Figma
📦 Git & GitHub
🐳 Docker
🎮 Unity
🌐 Chrome DevTools