Дарим 1000 руб за регистрацию

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

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

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

6 сентября — 13 октября
20 000

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

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

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

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

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

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

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

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

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

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

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


UX-дизайн
UX-дизайн
Андрей Гаргуль
1 ноября — 7 декабря
20 000
Что случилось с искусством за последние 100 лет — короче, Современность!
Что случилось с искусством за последние 100 лет — короче, Современность!
Александр Журавлев Алина Глазун
самообучение
4 500
1000 и 1 буква
1000 и 1 буква
Оля Панькова
12 сентября — 19 октября
16 000
English through illustration
English through illustration
Сюзанна Гарден
9 октября — 20 ноября
16 000
Дизайн персонажей для начинающих
Дизайн персонажей для начинающих
Максим Калякин
18 сентября — 18 ноября
21 000
Меловой леттеринг
Меловой леттеринг
Игорь Мустаев
самообучение
6 000
Образ мысли: скетч
Образ мысли: скетч
Ярослава Клепикова
20 октября — 20 ноября
15 000
Идеи в иллюстрации
Идеи в иллюстрации
Илья Митрошин
11 октября — 28 ноября
25 000
Ботаническая акварель для начинающих
Ботаническая акварель для начинающих
Анна Диричева
самообучение
3 500
Останемся адекватными
Запись закрыта
Останемся адекватными
Ольга Герасименко
English to sell your Ideas
English to sell your Ideas
Наталья Голубкова Оксана Блошенкова
10 ноября — 14 декабря
15 000
Fashion-иллюстрация как профессия
Fashion-иллюстрация как профессия
Лена Кер
27 сентября — 27 октября
15 000
Натюрморт акварелью
Запись закрыта
Натюрморт акварелью
Нина Орлова
Рисуем животных акварелью
Рисуем животных акварелью
Ася Лисина
11 октября — 15 ноября
15 000
Перспектива в иллюстрации
Запись закрыта
Перспектива в иллюстрации
Илья Митрошин
Креативный кодинг
Креативный кодинг
Александр Катин
18 июля — 18 августа
16 000
В точку!
Запись закрыта
В точку!
Дмитрий Карпов
3D Мастерская: иллюстрация, леттеринг и кинетическая типографика в Cinema4D
3D Мастерская: иллюстрация, леттеринг и кинетическая типографика в Cinema4D
Дмитрий Карпов Саша Кац
16 октября — 22 ноября
25 000
Кристаллизация момента
Кристаллизация момента
Глеб Солнцев
23 октября — 30 ноября
18 000
Дизайн-мышление — накачка идеями
Дизайн-мышление — накачка идеями
Дмитрий Карпов
20 сентября — 23 октября
22 000
Леттеринг остроконечной кистью в создании логотипов
Леттеринг остроконечной кистью в создании логотипов
Ольга Васик
1 сентября — 6 октября
17 000
Readymag. Дизайн без кода
Readymag. Дизайн без кода
Павел Кедич
самообучение
4 000
Дизайн-менеджмент: как создавать и продавать дизайн
Запись закрыта
Дизайн-менеджмент: как создавать и продавать дизайн
Антон Гора Алексей Лури
10 шагов в CInema 4D за 2 недели
10 шагов в CInema 4D за 2 недели
Саша Кац
17 сентября — 1 октября
9 999 8 999