Основы веб-разработки
Сергей Нугаев
Курс уже начался. Теперь вы можете присоединиться к следующей группе.

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

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

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

как проходит обучение

  • урок
  • домашняя работа
  • комментарии преподавателя
  • следующий урок
после прохождения курса вам выдается сертификат.

Что в итоге

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

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

успешная карьера и трудоустройство

лучших студентов рекомендуем главным дизайн-студиям, крупным компаниям, на отдельные проекты, берём работать в школу или в иллюстраторское агентство.
Кто будет преподавать
Преподаватель считает

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

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

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