Перезагрузка: скидка 10% на все курсы до 20 мая

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

Основы веб-программи­рования

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

3 июня — 9 июля

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

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

  • 20
    уроков
  • 5
    недель
  • 60
    минут ежедневных занятий

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

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

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

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

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

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

Запишитесь на курс «Основы веб-программи­рования» прямо сейчас
Сергей Нугаев
3 июня — 9 июля
20 000

Подписка на новости школы