Стартовый курс по веб-разработке поможет вам сориентироваться в море веб-технологий, понять, как работают современные сайты и научиться грамотно использовать связку 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 века и новый способ самовыражения, общения с окружающим миром.

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

в bang bang education учатся студенты из компаний

и многих других

Что в итоге

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

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

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

Истории успеха


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


Рисование. Начало.
Рисование. Начало.
Глеб Солнцев
Бесплатный
Самообучение
English to sell your Ideas
English to sell your Ideas
Наталья Голубкова Оксана Блошенкова
по подписке
Readymag. Дизайн без кода
Павел Кедич
по подписке

coming soon
Бесплатный
Самообучение
Работа с макетом
Сергей Нугаев
по подписке

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

сентябрь 2018 года
Создание визуального языка бренда
Запись закрыта
Создание визуального языка бренда
Стас Хрусталев Игорь Киселев
Сила в словах
Запись закрыта
Сила в словах
Дмитрий Карпов
Дизайн-мышление — накачка идеями
Запись закрыта
Дизайн-мышление — накачка идеями
Дмитрий Карпов
10 шагов в Cinema 4D за 2 недели
Запись закрыта
10 шагов в Cinema 4D за 2 недели
Саша Кац
Построение шрифта: четыре первых шага
Построение шрифта: четыре первых шага
Валерий Голыженков
22—29 августа
10 000
Образ мысли: скетч
Образ мысли: скетч
Ярослава Клепикова
3 сентября — 13 октября
15 000
Кириллица, история и практика
Кириллица, история и практика
Виктория Лопухина
4 сентября — 11 октября
20 000
3D Мастерская: иллюстрация, леттеринг и кинетическая типографика в Cinema4D
3D Мастерская: иллюстрация, леттеринг и кинетическая типографика в Cinema4D
Дмитрий Карпов Саша Кац
11 сентября — 18 октября
25 000
Натюрморт акварелью
Натюрморт акварелью
Нина Орлова
12 сентября — 18 октября
17 000
Точка входа: движок Unity — десктоп, мобайл, VR, видео
Точка входа: движок Unity — десктоп, мобайл, VR, видео
Павел Васютин
13 сентября — 1 ноября
25 000
Дизайн персонажей для начинающих
Дизайн персонажей для начинающих
Максим Калякин
20 сентября — 20 ноября
21 000
Как получить хороший текст, если человек на 70% состоит из воды
Как получить хороший текст, если человек на 70% состоит из воды
Наташа Крупенина Вова Носов
23 сентября — 23 октября
23 000
Рисуем кодом
Рисуем кодом
Александр Катин
25 сентября — 25 октября
16 000
UX/UI – точка входа: веб интерфейсы
UX/UI — точка входа: веб интерфейсы
Анастасия Попова
2 октября — 18 декабря
40 000
1000 и 1 буква
1000 и 1 буква
Оля Панькова
2 октября — 6 ноября
16 000
Останемся адекватными
Останемся адекватными
Ольга Герасименко
2 октября — 2 ноября
18 000
Кристаллизация момента
Кристаллизация момента
Глеб Солнцев
5 октября — 12 ноября
18 000
12 главных уроков по типографике
12 главных уроков по типографике
Свят Вишняков
16 октября — 30 ноября
22 000
Идеи в иллюстрации
Идеи в иллюстрации
Илья Митрошин
30 октября — 7 декабря
25 000
Дизайн-менеджмент: как создавать и продавать дизайн
Дизайн-менеджмент: как создавать и продавать дизайн
Антон Гора Алексей Лури
19 ноября — 10 декабря
20 000 17 000 (до 23 августа)
Основы анатомии для изображения человека
Основы анатомии для изображения человека
Ярослава Клепикова Александр Безин
15 января — 29 марта 2019
36 000 28 800 (до 1 сентября)