INTERLAB
Как делать · 02

Основы программирования

Переменные, условия, функции, структуры данных, алгоритмы, ООП, Git, терминал, HTTP и отладка.

Прочитано: 0 / 15Как устроен вебОсновы программированияПеременные и типы данныхУсловия и циклыФункцииСтруктуры данныхАлгоритмыОбъектно-ориентированное программированиеТерминал и командная строкаGit и GitHubHTTP и JSONОсновы APIОтладкаОбработка ошибок

Как устроен веб

  1. Основы✓

    Как устроен сайт: фронтенд, бэкенд и база данных простыми словами

    Сайт состоит из трёх частей. Фронтенд — то, что посетитель видит и нажимает в браузере; бэкенд — программа на сервере, которая принимает запросы, проверяет данные и решает, что ответить; база данных — хранилище товаров, заявок и пользователей. Простая визитка может обходиться без бэкенда и базы. Всему, что должно «помнить» данные, — каталогу, личному кабинету, админке — нужны место для хранения и серверная логика, но писать их с нуля не обязательно: их дают BaaS-платформы вроде Supabase или Firebase и внешние сервисы по API, а настройки одного посетителя можно хранить прямо в браузере.

    Начальный · 6 мин чтения

Основы программирования

  1. Пошаговый урок✓

    Первая программа на JavaScript: как код превращается в действие

    Программа — это инструкции, которые компьютер выполняет по порядку: берёт данные, вычисляет и выводит результат. JavaScript можно запустить без установки — в консоли браузера (Ctrl+Shift+J в Chrome и Edge) — или из файла командой node имя-файла.js после установки Node.js. Первая полезная программа в этом уроке — калькулятор чаевых: сумма счёта на входе, чаевые и итог на выходе.

    Начальный · 8 мин чтения · практика ~45–90 мин

Переменные и типы данных

  1. Основы✓

    Переменные и типы данных

    Переменная — это имя, под которым программа хранит значение: в JavaScript её объявляют через const, если значение не будет переприсваиваться, и через let, если будет. У каждого значения есть тип: семь примитивных (number, string, boolean, undefined, null, bigint, symbol) и объекты, включая массивы. Тип проверяют оператором typeof, а значения сравнивают строгим ===, чтобы JavaScript не преобразовывал типы без спроса.

    Начальный · 6 мин чтения

Условия и циклы

  1. Пошаговый урок✓

    Условия и циклы

    Условия позволяют программе выбирать, что делать: if выполняет блок кода, только если выражение истинно, else if и else задают другие варианты, а switch удобен для выбора по одному значению. Циклы повторяют действие: for — заданное число раз, for...of — для каждого элемента массива, while — пока условие истинно. У каждого цикла должно быть условие выхода, иначе программа зависнет.

    Начальный · 6 мин чтения · практика ~45–90 мин

Функции

  1. Пошаговый урок✓

    Функции: параметры, возврат, область видимости

    Функция — именованный блок кода, который принимает данные через параметры, выполняет действия и возвращает результат оператором return; без return она возвращает undefined. В JavaScript функцию можно объявить через function, записать как выражение или как стрелочную функцию (a, b) => a + b. Переменные, объявленные внутри функции, снаружи не видны, а вложенная функция помнит переменные внешней даже после её завершения — это называется замыканием.

    Начальный · 5 мин чтения · практика ~45–90 мин

Структуры данных

  1. Основы✓

    Массивы, объекты, Map и Set: структуры данных на практике

    Структура данных — способ хранить значения так, чтобы нужная операция была простой и быстрой. В JavaScript массив хранит упорядоченный список, объект — запись с известными полями, Map — словарь с ключами любого типа, Set — набор уникальных значений с быстрой проверкой «есть ли». Выбор начинается с вопроса, как вы будете обращаться к данным: по позиции, по имени поля, по произвольному ключу или по самому значению.

    Начальный · 6 мин чтения

Алгоритмы

  1. Основы✓

    Алгоритмы и сложность: O(n) без страха

    Сложность алгоритма показывает, как растёт число шагов или объём памяти, когда растут входные данные. Её записывают в O-нотации: O(n) — шагов примерно столько же, сколько элементов, O(n²) — каждый элемент сравнивается с каждым, O(log n) — каждый шаг отбрасывает половину данных. На 50 тестовых записях разница незаметна, на 100 000 она превращает миллисекунды в секунды, и чаще всего её убирает правильная структура данных — Set или Map вместо поиска по массиву.

    Средний · 6 мин чтения

Объектно-ориентированное программирование

  1. Основы✓

    ООП: классы, инкапсуляция, наследование и композиция

    Объектно-ориентированное программирование (ООП) объединяет данные и поведение в объекты: заказ сам знает свой состав и правила, по которым его можно менять. Класс описывает такие объекты, приватные поля # прячут состояние, наследование позволяет переиспользовать общую логику через extends и super, а композиция собирает поведение из маленьких независимых объектов. На практике наследование подходит для небольших стабильных иерархий, а композиция — почти для всего остального.

    Средний · 6 мин чтения

Терминал и командная строка

  1. Пошаговый урок✓

    Терминал и командная строка для разработчика

    Терминал — окно для текстовых команд, оболочка (bash, zsh, PowerShell) — программа, которая эти команды читает и выполняет. Разработчику достаточно десятка команд: перейти в папку (cd), посмотреть содержимое (ls), создать и удалить файлы, запустить node или npm, задать переменную окружения и соединить команды конвейером. Ниже — все эти шаги с реальным выводом и соответствиями для PowerShell в Windows.

    Начальный · 9 мин чтения · практика ~45–90 мин

Git и GitHub

  1. Пошаговый урок✓

    Git с нуля: коммиты, ветки, слияние

    Git хранит историю проекта как цепочку коммитов — снимков всех файлов в момент сохранения. Рабочий цикл: изменить файлы, отметить нужные командой git add, зафиксировать git commit. Новую задачу делают в отдельной ветке и сливают обратно git merge; если обе ветки изменили одну строку, Git останавливается на конфликте, и вы сами выбираете итоговый текст.

    Начальный · 7 мин чтения · практика ~45–90 мин
  2. Руководство✓

    GitHub: форк, pull request и код-ревью

    Pull request — это предложение слить ветку с вашими изменениями в основную ветку проекта: на GitHub вокруг него собираются описание, обсуждение, ревью и автоматические проверки. Порядок такой: создать ветку, закоммитить, отправить её командой git push -u origin ветка, открыть pull request с понятным описанием, ответить на замечания новыми коммитами и после одобрения слить. Без прав записи в репозиторий сначала делают форк — свою копию проекта.

    Начальный · 7 мин чтения · практика ~30–60 мин

HTTP и JSON

  1. Основы✓

    HTTP и JSON: запросы, ответы, заголовки и формат данных

    HTTP-запрос — это текстовое сообщение из метода, адреса, заголовков и необязательного тела; ответ — из статус-кода, заголовков и тела. JSON — формат, в котором тело обычно передаёт данные: объекты, массивы, строки в двойных кавычках, числа, true, false и null. Чтобы уверенно работать с API, нужно понимать три вещи: что означает метод (безопасен ли он и можно ли его повторить), что говорит класс статус-кода и какой Content-Type описывает тело.

    Начальный · 8 мин чтения

Основы API

  1. Основы✓

    Что такое API простыми словами и зачем он бизнесу

    API — это договорённый способ, которым одна программа просит другую что-то сделать или отдать данные: ваш сайт спрашивает платёжный сервис «оплачен ли заказ?» и получает ответ в понятном машине формате. Бизнесу API нужен, чтобы системы — сайт, 1С, CRM, маркетплейс, мессенджеры — обменивались данными сами, без ручного копирования. Перед интеграцией важно выяснить, где хранятся ключи доступа, что происходит при сбое и кто следит за лимитами.

    Начальный · 5 мин чтения

Отладка

  1. Руководство✓

    Отладка: breakpoints, console и чтение stack trace

    Отладка — это проверка гипотез, а не перебор правок наугад: воспроизвести ошибку, сузить место, где она возникает, и подтвердить причину фактами. Stack trace читают сверху вниз: первая строка — тип и текст ошибки, первая строка at с вашим файлом — место, где программа упала. Когда исключения нет, а результат неверный, ставят breakpoint и смотрят значения переменных в момент выполнения — в Chrome DevTools, VS Code или через node --inspect.

    Начальный · 6 мин чтения · практика ~30–60 мин

Обработка ошибок

  1. Основы✓

    Обработка ошибок: try/catch, async-ошибки и понятные сообщения

    Ошибку обрабатывают там, где о ней есть что сказать: низкоуровневый код бросает конкретную ошибку своего класса и сохраняет исходную в cause, а граница — обработчик запроса, экран, команда — ловит её, пишет подробности в лог и показывает пользователю короткое сообщение о том, что делать. В async-коде каждый промис должен быть дождан через await или иметь .catch(): в Node.js необработанное отклонение по умолчанию завершает процесс. Пустой catch, который глотает ошибку, хуже падения.

    Средний · 6 мин чтения

Траектории с этим направлением

JavaScript с нуля · 9 →Вёрстка: HTML и CSS · 7 →Java · 6 →Spring Boot · 7 →Docker и деплой · 8 →API и интеграции · 8 →← Все направления
Расскажите о задаче — мы изучим запрос и свяжемся с вами

Есть задача?
Обсудим и оценим — бесплатно.

Расскажите о продукте или проблеме. Предложим архитектуру, срок и стоимость первой версии после изучения задачи.

  • Оценка объёма и рисков до старта
  • NDA — по вашему или нашему шаблону
  • Старт работ в течение недели
Написать в WhatsApp

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

Нажимая кнопку, вы соглашаетесь с обработкой персональных данных.