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

Всем, Графический дизайн, Веб-дизайн

Основы веб-разработки

сергей нугаев

22 января — 10 марта 2018
25 000 15 000 (до 20 ноября)

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

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

  • 23
    урока
  • 7
    недель
  • 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 января — 10 марта 2018
25 000 15 000 (до 20 ноября)

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


1000 и 1 буква
1000 и 1 буква
Оля Панькова
26 февраля — 30 марта 2018
16 000
English through illustration
English through illustration
Сюзанна Гарден
14 марта — 30 апреля 2018
16 000
Дизайн персонажей для начинающих
Дизайн персонажей для начинающих
Максим Калякин
4 декабря — 4 февраля 2018
21 000
Меловой леттеринг
Меловой леттеринг
Игорь Мустаев
по подписке
Образ мысли: скетч
Запись закрыта
Образ мысли: скетч
Ярослава Клепикова
Идеи в иллюстрации
Идеи в иллюстрации
Илья Митрошин
13 февраля — 30 марта 2018
25 000
Ботаническая акварель для начинающих
Ботаническая акварель для начинающих
Анна Диричева
по подписке
Останемся адекватными
Останемся адекватными
Ольга Герасименко
5 февраля — 5 марта 2018
18 000
Fashion-иллюстрация как профессия
Fashion-иллюстрация как профессия
Лена Кер
12 марта — 12 апреля 2018
15 000
Натюрморт акварелью
Натюрморт акварелью
Нина Орлова
6 марта — 13 апреля 2018
17 000
3D Мастерская: иллюстрация, леттеринг и кинетическая типографика в Cinema4D
3D Мастерская: иллюстрация, леттеринг и кинетическая типографика в Cinema4D
Дмитрий Карпов Саша Кац
6 марта — 12 апреля 2018
25 000
Кристаллизация момента
Кристаллизация момента
Глеб Солнцев
1 февраля — 6 марта 2018
18 000
Дизайн-мышление — накачка идеями
Дизайн-мышление — накачка идеями
Дмитрий Карпов
16 января — 15 февраля 2018
22 000
Readymag. Дизайн без кода
Запись закрыта
Readymag. Дизайн без кода
Павел Кедич
Дизайн-менеджмент: как создавать и продавать дизайн
Дизайн-менеджмент: как создавать и продавать дизайн
Антон Гора Алексей Лури
14 ноября — 12 декабря
15 000
10 шагов в CInema 4D за 2 недели
10 шагов в CInema 4D за 2 недели
Саша Кац
23 января — 6 февраля 2018
9 999
12 главных уроков по типографике
12 главных уроков по типографике
Свят Вишняков
1 февраля — 14 марта 2018
22 000
Здоровые настройки
Здоровые настройки
Ольга Герасименко
по подписке
33 совета для творческих людей
33 совета для творческих людей
Дмитрий Карпов
по подписке
Рисуем животных акварелью
Рисуем животных акварелью
Ася Лисина
по подписке
Перспектива в иллюстрации
Перспектива в иллюстрации
Илья Митрошин
по подписке
Курс маленького гения
Дмитрий Карпов
по подписке

До конца года
UX-дизайн
Андрей Гаргуль
по подписке

До конца года
English to sell your Ideas
Наталья Голубкова Оксана Блошенкова
по подписке

До конца года
Точка входа: движок Unity — десктоп, мобайл, VR, видео
Точка входа: движок Unity — десктоп, мобайл, VR, видео
Павел Васютин
15 января — 21 февраля 2018
25 000
Брендинг мероприятий
Брендинг мероприятий
Стас Хрусталев Игорь Киселев
19 февраля — 2 апреля 2018
25 000
Все, что знает о брендинге Сергеев
Все, что знает о брендинге Сергеев
Даниил Сергеев
5—26 марта 2018
10 000
Фантастическая архитектура виртуального мира
Фантастическая архитектура виртуального мира
Владимир Редёга
15 января — 12 марта 2018
35 000