Дата обновления: 3/22/2022
logo

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

Онлайн • Программирование • Дополнительное образование • 5-11 класс
Онлайн • Программирование • Дополнительное образование • 5-11 класс
0.0
Платформа
Собственная платформа
Формат
Онлайн
Длительность
3 месяца
Наличие куратора
Да
Продолжительность занятия:
1 час
  • Настройка среды окружения. Первая HTML-страничка Узнаем, как работает интернет, откуда и как попадают веб-сайты на экран. Осваиваем терминологию разработчика. Настраиваем среду разработки, выбираем текстовый редактор. Создаем свою первую HTML-страничку с приветствием, настраиваем редактор для сохранения ее в интернете. Поговорим о кодировке и системах счисления.

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

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

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

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

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

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

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

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

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

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

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

  • Презентация Финальный день обучения. Подводим итоги обучения, ученики презентуют свои работы, преподаватель дает обратную связь по каждой работе, обсуждаем зоны дальнейшего роста ребят.

969₽ / занятие
12600 руб./курс
logo
GeekBrains
0.0
Содержание курса:
5.0
Работа преподавателя:
5.0
Структура курса:
5.0
Дата обновления: 3/22/2022
969₽ / занятие
12600 руб./курс
Отзывы (0)
Отзывов пока нет.
Подпишитесь на рассылку
Получайте подборки лучших курсов и новости из мира образования первыми!
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности