Курсы

Для того, чтобы учиться на первых модулях направлений, не требуется специальных знаний и умений – только интерес!

Web-разработка для школьников

Для кого: для детей с 13 до 18 лет

Состав курса: 3 модуля, в каждом модуле — 12 занятий по 2 академических часа

9690₽ / модуль
Записаться на курс Оплатить модуль

На курсе

  • Познакомитесь с основополагающим принципами и последним тенденциям мира web-разработки
  • Научитесь создавать современные многостраничные сайты, презентации и web-приложения
  • Познакомитесь с приемами построения web-страниц на HTML, CSS и JavaScript
  • Научитесь работать с библиотеками JQuery и Bootstrap для быстрого оформления сайтов
  • Изучите принципы обмена данными с сервером
  • В качестве финального проекта напишете собственную компьютерную игру "Пятнашки".

В конце курса выдается Свидетельство фирмы "1С".

Современная веб-разработка. Модуль 1. Для начинающих

Продолжительность: 24 академических часа

Описание: Целью модуля является обучение как основополагающим принципам, так и последним тенденциям мира web-разработки. Осваивая пример за примером, дети научатся самостоятельно строить как привычные многостраничные сайты, так и современные одностраничные приложения; пользоваться библиотеками для быстрого прототипирования и реализовывать серверы.

Краткое содержание

Занятие 1. HyperText Markup Language.

Занятие 2. Cascading Style Sheets. Изменение внешнего вида элементов: цветов, размеров, отступов.

Занятие 3. CSS. Выравнивание и эффекты. Структурирование элементов на странице. Трансформации и анимация.

Занятие 4. JavaScript. DOM, переменные и функции Использование чисел и строк, изменение содержимого страницы.

Занятие 5. JavaScript. Условные конструкции и циклы Вариация поведения страницы в зависимости от условий.

Занятие 6. JavaScript. Структуры данных Способы хранения и организации данных.

Занятие 7. JQuery. Библиотека для эффективного управления содержимым страницы.

Занятие 8. Bootstrap. Библиотека, предоставляющая большое количество готовых элементов.

Занятие 9. CSS. Позиционирование. Взаимное расположение элементов. Глубина.

Занятие 10. Зачет. Проверка знаний в устной форме.

Занятие 11. Игра "Пятнашки". Начало. Реализация игрового поля, ячеек и их перемещения.

Занятие 12. Игра "Пятнашки". Завершение. Перемешивание костяшек и вывод поздравительного сообщения.

Современная веб-разработка. Модуль 2. Вёрстка и макеты

Продолжительность: 24 академических часа

Краткое содержание

Тема 1. Ход работы над сайтом

Изучение ПО. выбор шаблона, разбор будущего проекта, файловая структура проекта. Создание шапки.

Тема 2. Главный экран сайта. Блок со слайдером

Меню “гамбургер”, работа со стилями  CSS. Работа с библиотекой слайдера.

Тема 3. Прототипирование, библиотека иконок. Блок "о нас"

Типографика, иконочные шрифты.

Тема 4. Стили и работа с grid-system. Блок "мы в цифрах"

Верстка с использованием Bootstrap с grid-system. Прототипирование секций.

Тема 5. Закрепление материала. Блок "цены"

Освоение пройденного материала, иконочные шрифты, grid-system, стили CSS. Проверка знаний.

Тема 6. Работа со слайдером. Блок "команда"

Изменение готовых стилей сторонних плагинов.

Тема 7. Форма обратной связи и слайдер партнёров. Блок "контакты" и "партнёры"

Поля ввода данных. Плагин карусели.

Тема 8. Размещение интерактивной карты. Блок "наш офис" и "подвал сайта"

Вставка и настройка виджетов.  Плагин раскрытия секции.

Тема 9. Плагин фильтрации объектов. Блок "портфолио"

Фильтр для проектов.

Тема 10. Работа с JavaScript. Полноэкранное меню сайта и смена размера шапки

Практическое применение JS, создание  анимаций.

Тема 11. Хостинг, отправка контактных данных. Блок "контакты"

Публикация проекта. Работа с данными.

Тема 12. Анимация объектов. Заставка сайта.

Анимация на сайте. Доработка мобильной версии. Заставка загрузки.

Современная веб-разработка. Модуль 3. Для тех, кто освоил основы и хочет развиваться дальше

Продолжительность: 24 академических часа

Описание: Курс предназначен для выпускников первого и второго модуля курса "Современная web-разработка", освоивших введение в HTML, CSS и JavaScript, макеты и верстку.

Краткое содержание

Занятие 1. Система контроля версий. Как и где стоит хранить код разрабатываемых приложений. Для разминки после каникул – рисование на холсте.

Занятие 2. Погружение в JavaScript. Продвинутые функции языка. Отладка программ.

Занятие 3. Node.js. Различные типы серверов. Особенности работы HTTP.

Занятие 4. MongoDB. Система управления базами данных.

Занятие 5. Vue.js. Связывание данных. Автоматическое связывание изменений хранимых данных с изменениями на странице.

Занятие 6. Vue.js. Методы Генерация списков, события и анимация в библиотеке Vue.js.

Занятие 7. Vue.js. Компоненты и маршрутизация. Построение сложных одностраничных приложений.

Занятие 8. Зачет. Практическая проверка знаний.

Занятие 9. Фотолента. Аутентификация. Система регистрации: регистрация, вход, выход.

Занятие 10. Фотолента. Загрузка. Механизм загрузки изображений на сервер.

Занятие 11. Фотолента. Новости. Страница с последними фотографиями пользователей.

Занятие 12. Impress.js. Библиотека для построения эффектных трехмерных презентаций.

Ждем Вас в 1С:Клубе программистов!

Оставьте свои данные на сайте. Администратор Учебного Центра свяжется с Вами и ответит на Ваши вопросы!


Возврат к списку

Загрузка...