StudyCode

Практика

Теория и практика по общим знаниям, языку и направлению

💡Junior
3 шагов

Что такое программирование

Что такое код, как компьютер его выполняет, чем отличаются языки программирования.

основыкодкомпилятор
🛠️Junior
4 шагов

Настройка окружения разработчика

VS Code, Git, Node.js — установка и проверка на Windows и Linux/macOS.

VS CodeGitNode.js
📁Junior
2 шагов

Файловая система и пути

Как устроены файлы и папки, абсолютные и относительные пути — без этого не работать с кодом.

файлыпапкипути
🔴Junior
2 шагов

Как читать ошибки

Типы ошибок, как читать stack trace и как правильно гуглить — чтобы не паниковать при красном тексте.

ошибкиотладкаstack trace
🐛Junior
2 шагов

Что такое баг и как отлаживать код

Откуда берутся баги, как использовать console.log и debugger, чтобы найти проблему.

баготладкаconsole.log
🔧Junior
3 шагов

Инструменты разработчика Chrome

DevTools: инспектор элементов, консоль, сетевые запросы, хранилище, адаптивный дизайн.

ChromeDevToolsконсоль
🌐Junior
4 шагов

Как работает интернет

От адреса в браузере до страницы на экране — шаг за шагом.

DNSTCP/IPHTTP
Junior
4 шагов

Клиент и сервер

Как устроено разделение: что делает браузер и что делает сервер.

фронтендбекендархитектура
📡Junior
4 шагов

HTTP: методы и статусы

GET, POST, PUT, DELETE — что они означают и когда использовать.

HTTPRESTAPI
🔌Junior
4 шагов

Что такое API

Как программы общаются друг с другом — REST, эндпоинты, JSON.

APIRESTJSON
🗄️Junior
4 шагов

Базы данных

Зачем нужна БД, SQL, CRUD-операции и разница SQL vs NoSQL.

БДSQLCRUD
🌿Junior
4 шагов

Git: контроль версий

Зачем нужен Git, как устроены коммиты, ветки и Pull Request.

GitGitHubVCS
📦Junior
3 шагов

Пакетные менеджеры и зависимости

npm, pip, semver, lock-файлы — как управлять чужим кодом в проекте.

npmpipзависимости
🚀Junior
4 шагов

Деплой: от кода до продакшна

Как код с твоего компьютера попадает к пользователям.

деплойCI/CDоблако
🟨Junior
3 шагов

JavaScript

Единственный язык браузера, который захватил и сервер. Что это, как работает и почему так популярен.

JavaScriptязыкбраузер
🔷Junior
3 шагов

TypeScript

Зачем добавлять типы в JavaScript: меньше багов, лучше автодополнение, уверенный рефакторинг.

TypeScriptтипыкомпиляция
🐍Junior
3 шагов

Python

Язык с философией читаемости: ML/AI, автоматизация, бэкенд и наука о данных.

PythonязыкML
🔐Junior
3 шагов

Аутентификация и авторизация

Сессии, cookies, JWT и OAuth — как сайты понимают кто ты и что тебе можно.

JWTOAuthсессии
🛡️Junior
3 шагов

Безопасность веб-приложений

XSS, CSRF, SQL injection и HTTPS — атаки на сайты и защита от них.

XSSCSRFSQL injection
Junior
3 шагов

Кэширование

Почему сайты грузятся быстро: браузерный кэш, серверный кэш и CDN.

кэшCDNпроизводительность
🔄Middle
3 шагов

WebSockets и реальное время

Как работает двустороннее общение: чаты, live-обновления, онлайн-игры.

WebSocketreal-timeHTTP
🌐Junior
3 шагов

Как работает браузер

DOM, CSSOM, критический путь рендеринга и Event Loop — что происходит после загрузки HTML.

DOMрендерингEvent Loop
🧪Junior
3 шагов

Тестирование программного обеспечения

Пирамида тестов, unit/integration/e2e и TDD — как писать надёжный код.

тестыunitTDD
🐳Junior
3 шагов

Docker и контейнеризация

Почему 'у меня работает' больше не проблема: образы, контейнеры и Dockerfile.

Dockerконтейнерыдеплой
🏗️Middle
3 шагов

Архитектура: монолит vs микросервисы

Как растут большие приложения и когда нужно разбивать монолит на сервисы.

микросервисымонолитAPI Gateway
📊Junior
3 шагов

Алгоритмы и сложность (Big O)

Почему один код быстрее другого: Big O, поиск, сортировка и структуры данных.

алгоритмыBig Oсложность
🔍Junior
3 шагов

Базовые алгоритмы

Линейный поиск, бинарный поиск и сортировка — три фундаментальных алгоритма которые надо знать.

алгоритмыпоисксортировка