Веб-разработка для детей

Курс повышения квалификации или освоения программы с нуля по направлению Веб-разработка для детей от онлайн-университета GeekBrains. Курсы, созданные практикующими экспертами компаний-партнеров. Индивидуальный график — вы сами выбирайте, когда и во сколько проходить программу обучения. После прохождения курса выдается сертификат и возможность пройти стажировку в лучших IT компаниях России. У каждого студента есть возможность пообщаться с преподавателем в режиме онлайн или задать вопрос в чат. Университет имеет государственную лицензию №040485 на право оказывать образовательные услуги.

Программа курса

Урок 1. Настройка среды окружения. Первая HTML-страничка

• Узнаем, как работает интернет, откуда и как попадают веб-сайты на экран. Осваиваем терминологию разработчика. Настраиваем среду разработки, выбираем текстовый редактор. Создаем свою первую HTML-страничку с приветствием, настраиваем редактор для сохранения ее в интернете. Поговорим о кодировке и системах счисления.

Урок 2. Управляем компьютером. Основные теги

• Как компьютер понимает человека? Учимся компьютерному языку. С помощью кода учимся создавать различные вложенные структуры (это и веб-странички) и смотрим на результат.При помощи основных тегов оформляем текст и добавляем изображения.

Урок 3. Таблицы и их применение. Атрибуты тегов и гиперссылки

• Знакомимся с таблицами оформляем все строго по линеечке. Учимся объединять строки и столбцы, используем атрибуты тегов. Добавим еще страничек и научимся переходить между ними.

Урок 4. Таблица стилей. Наводим красоту

• Учимся украшать и оформлять страницу, изменять форму и цвет текста, поработаем с фоном и изображениями. Узнаем о форматах изображений и способах размещения их на странице. Изучим основные стили, способы их применения и сделаем страничку красивой.

Урок 5. Продвинутые селекторы, псевдоклассы и псевдоэлементы

• Как одним махом делать кучу работы? Поговорим о приоритетах стилей, научимся гибко применять стили к различным элементам страницы. Узнаем что такое каскадность и как происходит взаимодействие стилей между собой.

Урок 6. Блочная модель. Строим дом

• Узнаем, что такое блок, как применить к нему стили и как заставить его вести себя так, как нужно. Построим сайт словно дом из блоков-кирпичиков, ставя их друг на друга, заставляя их растекаться деформироваться, а если нужно применим клей и гвозди!

Урок 7. Практика. Оформление кода

• Применим полученные знания для создания различных конфигураций страниц. Научимся правильно и красиво оформлять код.

Урок 8. Продвинутое позиционирование. Играем с лягушкой

• Научимся собирать по-настоящему сложные конструкции и размещать все элементы строго по своим местам. Построим блоки как солдат на параде и заставим их выполнять наши команды.

Урок 9. JavaScript, основы программирования и анимации

• Научимся управлять воспроизведением звука и видео на страничках. Узнаем, как еще можно оживить сайт и его элементы.

Урок 10. Меню сайта. Как не заблудиться

• Построим меню для сайта, научимся его красиво оформлять. Научимся делать многоуровневое горизонтальное и вертикальное меню и выпадающие списки.

Урок 11. Резиновые сайты. Зачем и куда их растягивать

• Посмотрим, как сайт выглядит на телефоне: научимся и здесь наводить красоту и порядок. Узнаем, что такое медиа-запросы и как их использовать на страницах. Познакомимся с фреймворком Bootstrap.

Урок 12. Практика, верстка по дизайну

• Соберем все полученные знания вместе и применим их для верстки страницы по готовому дизайну. Узнаем, какие еще есть полезные инструменты и сайты для верстальщика.

Урок 13. Подведение итогов

• Анализируем проделанную работу, планируем дальнейшее обучение, наслаждаемся результатом 🙂