Web-разработка достаточно сложна для новичков из-за большого количества тем, которые она в себя вмещает. Но не стоит об этом переживать на нашем курсе. В нем мы детально рассмотрим все основные инструменты web-разработчика.
Начнем с базовых понятий frontend разработки (не очень понятно, что это? Объясним на занятии!), создадим полноценный сайт по готовому макету и выложим его в интернет, а также погрузимся во тьму познакомимся с backend разработкой, создадим свое собственное многопользовательское клиент-серверное приложение для выкладывания фотографий (да-да, замена той самой социальной сети, которую нельзя называть).
В процессе прохождения 3 модулей вы сможете подробно ознакомиться с профессией web-разработчика и начать создавать свои собственные приложения!
Начнем с базовых понятий frontend разработки (не очень понятно, что это? Объясним на занятии!), создадим полноценный сайт по готовому макету и выложим его в интернет, а также погрузимся во тьму познакомимся с backend разработкой, создадим свое собственное многопользовательское клиент-серверное приложение для выкладывания фотографий (да-да, замена той самой социальной сети, которую нельзя называть).
В процессе прохождения 3 модулей вы сможете подробно ознакомиться с профессией web-разработчика и начать создавать свои собственные приложения!
Web-разработка достаточно сложна для новичков из-за большого количества тем, которые она в себя вмещает. Но не стоит об этом переживать на нашем курсе. В нем мы детально рассмотрим все основные инструменты web-разработчика.
Начнем с базовых понятий frontend разработки (не очень понятно, что это? Объясним на занятии!), создадим полноценный сайт по готовому макету и выложим его в интернет, а также погрузимся во тьму познакомимся с backend разработкой, создадим свое собственное многопользовательское клиент-серверное приложение для выкладывания фотографий (да-да, замена той самой социальной сети, которую нельзя называть).
В процессе прохождения 3 модулей вы сможете подробно ознакомиться с профессией web-разработчика и начать создавать свои собственные приложения!
Начнем с базовых понятий frontend разработки (не очень понятно, что это? Объясним на занятии!), создадим полноценный сайт по готовому макету и выложим его в интернет, а также погрузимся во тьму познакомимся с backend разработкой, создадим свое собственное многопользовательское клиент-серверное приложение для выкладывания фотографий (да-да, замена той самой социальной сети, которую нельзя называть).
В процессе прохождения 3 модулей вы сможете подробно ознакомиться с профессией web-разработчика и начать создавать свои собственные приложения!
Для кого курс
— Курс предназначен для детей от 12 до 18 лет, желающих освоить основы создания и разработки веб-сайтов
— Полезен для детей, планирующих карьеру в сфере веб-разработки, дизайна и IT, а также для тех, кто хочет создавать собственные веб-сайты и приложения, участвовать в стартапах и технологических проектах
— Идеально подходит для ребят, увлекающихся дизайном, программированием и интернет-технологиями, а также стремящихся научиться создавать интерактивные и функциональные веб-страницы
— Рекомендуется учащимся, желающим развить навыки HTML, CSS и JavaScript, что может быть полезно при выполнении школьных проектов, подготовке к экзаменам по информатике и участии в олимпиадах
1
2
3
4
Учебный план
00
01
02
Модуль
Модуль
Модуль
03
Модуль
- Модуль 11 занятие. HTML
Задание каркаса и элементов страницы, ссылок, картинок, таблиц
2 занятие. CSS
Изменение внешнего вида элементов: цветов, размеров, отступов
3 занятие. Форматирование
Структурирование элементов на странице. Трансформации и анимация
4 занятие. JavaScript.
JavaScript. DOM. Переменные и функции. Использование чисел и строк, изменение содержимого страницы
5 занятие. Условия и циклы
JavaScript. Условные конструкции и циклы. Вариация поведения страницы в зависимости от условий
6 занятие. Данные
JavaScript. Структуры данных. Способы хранения и организации данных
7 занятие. JQuery
Библиотека для эффективного управления содержимым страницы
8 занятие. Bootstrap
Библиотека, предоставляющая большое количество готовых элементов
9 занятие. Позиционирование
Взаимное расположение элементов. Глубина
10 занятие. Зачёт
Проверка знаний в устной форме
11 занятие. Игра «Пятнашки». Начало
Реализация игрового поля, ячеек и их перемещения
12 занятие. Игра «Пятнашки». Завершение
Перемешивание костяшек и вывод поздравительного сообщенияМодуль 21 занятие. Подготовка проекта
Изучение ПО. Выбор шаблона, разбор будущего проекта, файловая структура проекта. Создание шапки
2 занятие. Главный экран
Главный экран сайта. Блок со слайдером, меню Гамбургер, работа со стилями CSS. Работа с библиотекой слайдера
3 занятие. Прототипирование
Прототипирование, библиотека иконок. Блок «О нас». Типографика, иконочные шрифты
4 занятие. Стили и сетки
Стили и работа с grid-sistem. Блок «Умы в цифрах». Верстка с использованием Bootstrap с grid-sistem. Прототипирование секций
5 занятие. Закрепление материала
Блок «Цены». Освоение пройденного материала, иконочные шрифты, grid-sistem, стили CSS. Проверка знаний
6 занятие. Слайдер
Работа со слайдером. Блок «Команда». Изучение готовых стилей сторонних плагинов
7 занятие. Поля ввода
Форма обратной связи и слайдер партнеров. Блоки «Контакты» и «Партнеры». Поля ввода данных. Плагин карусели
8 занятие. Карта
Размещение интерактивной карты. Блоки «Наш офис» и «Подвал». Вставка и настройка виджетов. Плагин раскрытия секции
9 занятие. Фильтры
Плагин фильтрации объектов. Блок «Портфолио». Фильтр для проектов
10 занятие. Динамическое меню
Работа с JavaScript. Полноэкранное меню сайта и смена размера шапки. Практическое применение JS, создание анимаций
11 занятие. Хостинг
Хостинг, отправка контактных данных. Блок «Контакты». Публикация проекта. Работа с данными
12 занятие. Анимация
Анимация объектов. Заставка сайта. Анимация на сайте. Доработка мобильной версии. Заставка загрузкиМодуль 31 занятие. Система контроля версий
Как и где хранить код разрабатываемых приложений. Для разминки – рисование на холсте
2 занятие. Погружение в JavaScript
Продвинутые функции языка. Отладка программ
3 занятие. Node.js
Различные типы серверов. Особенности работы HTTP
4 занятие. MongoDB
Система управления базами данных
5 занятие. Vue.js. Связывание данных
Автоматическое связывание изменений, хранимых данных с изменениями на странице
6 занятие. Списки, события
Генерация списков, события и анимация в библиотеке Vue.js
7 занятие. Одностраничные приложения
Vue.js. Компоненты и маршрутизация. Построение сложных одностраничных приложений
8 занятие. Зачёт
Практическая проверка знаний
9 занятие. Фотолента. Аутентификация
Система регистрации: регистрация, вход, выход
10 занятие. Фотолента. Загрузка
Механизм загрузки изображений на сервер
11 занятие. Фотолента. Новости
Страница с последними фотографиями пользователей
12 занятие. Impress.js
Библиотека для построения эффектных трехмерных презентаций
Записаться на курсНаши менеджеры спешат на помощь!
Оставьте заявку и мы обязательно перезвоним!
