2% скидка за регистрацию!

Стартовый курс по веб-разработке поможет вам сориентироваться в море веб-технологий, понять, как работают современные сайты и научиться грамотно использовать связку HTML + CSS, чтобы делать эти сайты. В качестве прикладного умения вы освоите верстку, а глобально — поймете, как разработка стыкуется с дизайном и задействуете (или приобретете) навыки абстрактного мышления.

Занятия дадут знания, необходимые для развития и активной практики в областях, находящихся на стыке дизайна и веб-разработки

  • 23
    урока
  • 9
    недель
  • 50
    минут ежедневных занятий

Кому подойдет курс

Курс рекомендуется всем, кто мечтает делать сайты и уже так или иначе участвует в разработке (например, дизайнерам и менеджерам). Также он будет полезен людям, планирующим расширить кругозор и повысить уровень компьютерной грамотности до современного стандарта. Точка входа у курса минимальна, поэтому он подойдет даже тем, кто ничего не знает о кодинге, или когда-то слышал, но все забыл.

Чему вы научитесь

  • Вы узнаете, как принципиально устроен интернет и как работают сайты. Чем статичный сайт отличается от динамического и другие нюансы.

  • В быстром темпе и на простых примерах вы освоите базовые знания о HTML и CSS, попутно написав (самостоятельно!) много строчек кода.

  • Опираясь на базовые знания и примеры, вы освоите самые передовые фишки и технологии веба, написав еще больше строчек кода.

  • Помимо собственноручной реализации мини-примеров, вы сверстаете две полноценные веб-страницы: пример от преподавателя и собственный сайт (без визуальных редакторов наподобие «Редимага» и «Тильды»).

  • Вы поймете, что стоит за версткой, что такое фронт-энд, бэк-энд, что делают языки JavaScript, Python (и другие) и чем они отличаются от HTML или CSS

  • Вы получите волшебный список ссылок, справок, рекомендаций, актуального воркфлоу, информации для осмысления и будущего развития. А главное, вы научитесь учиться на примере новой для вас области.

Расписание

Первая часть курса — 2 теоретические лекции о том, с чем вы сталкиваетесь в интернете на практике. После этого вас ждет пинг-понг с преподавателем в формате мини-уроков с последующим заданием на пройденную тему. Задания шаг за шагом будут становиться сложнее вплоть до финальной и самой творческой части курса — работы над своим проектом. Курс завершится обзорной лекцией.


лекция 1. О языках программирования: отличия, сходства, возможности. Веб как игровая площадка для кратчайшего пути к наглядному результату.

лекция 2. Интернет и сайты в нем. HTML: история, концепция и Тим-Бернерс Ли.

Каждый практический блок состоит из нескольких уроков.

практический блок 1. Текстовый редактор, работа с HTML-тегами, анализ кода веб-страниц.

практический блок 2. Базовое визуальное: шрифт, цвет текста, выравнивание, размеры элементов и другое.

практический блок 3. Базовое концептуальное: блочные элементы, инлайны, box-model, классы и идентификаторы.

практический блок 4. Позиционирование элементов.

практический блок 5. Продвинутое визуальное: градиенты, тени, анимации и другое.

практический блок 6. Промежуточный итог для приобретенных навыков, черновая сборка веб-страницы на предложенном примере.

практический блок 7. Мобильная версия, медиа-запросы, адаптивность и «отзывчивый» дизайн.

практический блок 8. Финальная, красивая сборка веб-страницы на предложенном примере.

практический блок 9. Работа над собственным проектом.

практический блок 10. Публикация сайта в интернете.

Лекция 3. Подведение итогов, размышление на тему «что дальше». Рекомендации.

Необходимые материалы и инструменты

Нормально работающий компьютер.

Кто будет преподавать

Сергей Нугаев

Сергей Нугаев — выпускник МГУ, преподаватель математики и веб-программирования. В прошлом — генеральный директор и автор курсов Moscow Coding School, сегодня — преподаватель профиля «Дизайн и программирование» в НИУ ВШЭ, сооснователь студии «Ориентир» и образовательной инициативы «Кружок».

За несколько лет практики веб-разработчиком записал в свой актив спецпроекты для Google и Look at Media, проект «Россия без нас», сотрудничество с фестивалем Beat Film Festival. Работал в студии Astroshock и с российскими дизайнерами White Russian Studio, Александром Гладких, Дмитрием Салливаном и Стасом Аки.

Преподаватель считает

Современные диджитал-технологии прочно заняли свое место в иерархии необходимых знаний. Это поэзия XXI века и новый способ самовыражения, общения с окружающим миром.

Когда код напрямую стыкуется с визуальным, а замысел превращается в реальность, возникает чувство восторга, ощущения контроля и нового уровня свободы. В вебе этого можно достичь максимально красиво, понятно и ярко.

Что в итоге

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

В совокупности эти знания развяжут вам руки и со стороны разработки, и со стороны дизайна. Вы поймете, как взаимодействовать с программистами, и разберетесь в том, как делаются веб-проекты. В списке ваших умений появится пункт «знание веб-верстки», что сегодня оценивается как абсолютное преимущество в профессиональной дизайнерской среде.

Запишитесь на курс «Основы веб-разработки» прямо сейчас
сергей нугаев
22 января — 23 марта
25 000

В набор профессионала входят


UX/UI – точка входа: веб интерфейсы
UX/UI – точка входа: веб интерфейсы
Анастасия Попова
20 марта — 21 мая
40 000
1000 и 1 буква
1000 и 1 буква
Оля Панькова
26 февраля — 30 марта
16 000
English through illustration
English through illustration
Сюзанна Гарден
14 марта — 30 апреля
16 000
Дизайн персонажей для начинающих
Дизайн персонажей для начинающих
Максим Калякин
13 марта — 14 мая
21 000
UX-дизайн
UX-дизайн
Андрей Гаргуль
по подписке
Меловой леттеринг
Меловой леттеринг
Игорь Мустаев
по подписке
Про_движение
Про_движение
Дмитрий Карпов
по подписке
Образ мысли: скетч
Образ мысли: скетч
Ярослава Клепикова
16 мая — 26 июня
15 000
Идеи в иллюстрации
Идеи в иллюстрации
Илья Митрошин
13 февраля — 30 марта
25 000
Останемся адекватными
Останемся адекватными
Ольга Герасименко
5 февраля — 5 марта
18 000
Fashion-иллюстрация как профессия
Fashion-иллюстрация как профессия
Лена Кер
12 марта — 12 апреля
15 000
Натюрморт акварелью
Натюрморт акварелью
Нина Орлова
6 марта — 13 апреля
17 000
Перспектива в иллюстрации
Перспектива в иллюстрации
Илья Митрошин
по подписке
Кристаллизация момента
Кристаллизация момента
Глеб Солнцев
1 февраля — 6 марта
18 000
Дизайн-мышление — накачка идеями
Дизайн-мышление — накачка идеями
Дмитрий Карпов
16 января — 15 февраля
22 000
Дизайн-менеджмент: как создавать и продавать дизайн
Запись закрыта
Дизайн-менеджмент: как создавать и продавать дизайн
Антон Гора Алексей Лури
10 шагов в Cinema 4D за 2 недели
10 шагов в Cinema 4D за 2 недели
Саша Кац
23 января — 6 февраля
9 999
12 главных уроков по типографике
12 главных уроков по типографике
Свят Вишняков
1 февраля — 14 марта
22 000
33 совета для творческих людей
33 совета для творческих людей
Дмитрий Карпов
по подписке
Рисуем животных акварелью
Рисуем животных акварелью
Ася Лисина
по подписке
Ботаническая акварель для начинающих
Ботаническая акварель для начинающих
Анна Диричева
по подписке
Здоровые настройки
Здоровые настройки
Ольга Герасименко
по подписке
Секреты композиции
Секреты композиции
Ярослава Клепикова
по подписке
Курс быстрого рисунка
Курс быстрого рисунка
Глеб Солнцев
по подписке
English to sell your Ideas
English to sell your Ideas
Наталья Голубкова Оксана Блошенкова
по подписке
Точка входа: движок Unity — десктоп, мобайл, VR, видео
Точка входа: движок Unity — десктоп, мобайл, VR, видео
Павел Васютин
15 января — 21 апреля
25 000
Создание визуального языка бренда
Создание визуального языка бренда
Стас Хрусталев Игорь Киселев
19 февраля — 2 апреля
19 000
Все, что знает о брендинге Сергеев
Все, что знает о брендинге Сергеев
Даниил Сергеев
9—30 октября
13 000
DesignWorkout
DesignWorkout
Дима Барбанель
10 500
Клиент не всегда лев
Клиент не всегда лев
Дмитрий Карпов
22 февраля — 13 апреля
27 000 24 300 (до 18 февраля)
Современный веб
Современный веб
Сергей Нугаев
по подписке
Язык дизайна
Язык дизайна
Дмитрий Карпов
по подписке
язык программирования. что это?
Сергей Нугаев
по подписке

январь 2018 года
Это — Photoshop! Борьбы с правдой, манипуляции с реальностью и другой обман
Софья Надеждина
по подписке

февраль 2018 года
Readymag. Дизайн без кода
Павел Кедич
по подписке

февраль 2018 года
Работа с макетом
Сергей Нугаев
по подписке

март 2018 года
История дизайна для тех кто учит Photoshop
Софья Надеждина
по подписке

март 2018 года
Устройство сайта
Сергей Нугаев
по подписке

март 2018 года
Знакомство с Javascript
Сергей Нугаев
по подписке

март 2018 года