Веб-разработка от корней до кроны

Объясняем технологии так же, как когда-то объясняли заказчикам нашей студии в Оренбурге: по шагам, на живых примерах и без тумана. Вёрстка, программирование, дизайн интерфейсов и путь в профессию — в одном месте.

Путь в профессию: от основ к практике

Дерево растёт снизу вверх, и знания тоже. Мы раскладываем материалы в том порядке, в котором их удобнее осваивать.

  1. 1

    Корни: устройство веба

    Как браузер получает и читает страницу, что такое HTML и CSS, зачем нужны домен, хостинг и сервер. Без этого фундамента всё остальное держится плохо.

  2. 2

    Ствол: логика и код

    JavaScript, базовые алгоритмы и один серверный язык. Учимся думать задачами, читать чужой код и разбираться, почему программа ведёт себя именно так.

  3. 3

    Ветви: практика и дизайн

    Собственные проекты, работа с Git и макетами, основы интерфейсного дизайна. Здесь знания превращаются в работающие сайты, которые не стыдно показать.

  4. 4

    Крона: профессия

    Портфолио, резюме, собеседования и первые коммерческие задачи. Рассказываем, чего на самом деле ждут от начинающего разработчика и дизайнера.

Последние записи

Веб-разработка

Из чего состоит сайт: понятное объяснение для начинающих

Когда ко мне приходит заказчик с вопросом «сколько стоит сайт», я всегда начинаю с объяснения, что сайт — это не одна страница и не просто «дизайн в браузере». На практике это набор связанных между собой файлов, технологий и настроек, которые вместе отвечают за внешний вид, поведение, хранение данных и доступ к ресурсу в интернете. Если понимать, […]

Читать далее: Из чего состоит сайт: понятное объяснение для начинающих
Веб-разработка

Как заказать сайт и не переплатить: вопросы подрядчику

За годы работы с малым бизнесом я видел одну и ту же картину десятки раз. Приходит заказчик, который уже обжёгся: заплатил 30 тысяч за «сайт под ключ», а через месяц доплатил ещё 50 за контент, правки, мобильную версию и передачу доступов. Итоговая цена оказалась вдвое выше обещанной, а сайт так и не запустился как надо.

Читать далее: Как заказать сайт и не переплатить: вопросы подрядчику
Веб-разработка

Адаптивная верстка сайта: зачем она нужна бизнесу

Когда клиент открывает сайт на смартфоне и видит съехавшую форму, микроскопический текст или меню, которое не нажимается пальцем, он не разбирается в причинах — он просто уходит. За 7 лет работы над проектами для малого бизнеса я десятки раз видел, как неадаптированный сайт в прямом смысле хоронит заявки. Адаптивная верстка — это не «фишка» и не дополнительная […]

Читать далее: Адаптивная верстка сайта: зачем она нужна бизнесу

Откуда берётся опыт

  • 15+ лет работы веб-студии
  • 200+ сайтов сделано для заказчиков
  • 4 направления: разработка, программирование, дизайн, карьера
  • 1 цель — понять самим и научить других

Выберите тему и сделайте первый шаг

Материалы идут от простого к сложному: можно читать по порядку или сразу открыть то, что нужно для текущей задачи. Учитесь, пробуйте, стройте своё.

Перейти к статьям