Профессиональная переподготовка с присвоением квалификации, 475 ак.часов/6 месяцев/60 000 рублей
Записаться на курсПаспорт курса
Описание курса
Отзывы выпускников
Аннотация курса
Курс «Веб-разработчик (Fullstack)» рассчитан на начальный уровень подготовки и позволяет за 6 месяцев получить новую востребованную профессию, даже если вы никогда ранее не занимались программированием.
В процессе обучения вы освоите основы веб-технологий (HTML, CSS), изучите технологию верстки веб-страниц с применением языка разметки гипертекста HTML5 и каскадных таблиц стилей CSS3. Также в рамках курса вы с нуля изучите возможности языка программирования JavaScript, как на клиентской части (frontend), так и на стороне веб-сервера (backend).
Во время изучения инструментов современной верстки вы познакомитесь с препроцессором SASS (в частности, с его синтаксисом SCSS). Для удобства работы вы будете применять менеджер задач Gulp и научитесь его настраивать для ускорения процесса верстки за счет выполнения ряда задач (hot-reloading и транспиляция файлов).
В рамках изучения веб-серверов вы научитесь самостоятельно устанавливать серверную операционную систему Ubuntu, применяя виртуальные машины от VirtualBox, получите базовые знания о работе с консолью в операционной системе Ubuntu. Также вы познакомитесь с технологией контейнеризации (Docker). В процессе обучения создадите собственный docker-контейнер, развернете внутри стек веб-технологий необходимых для организации веб-разработки, установите и настроите собственный веб-сервер Apache, сервер баз данных MySQL (нативная установка через консоль Ubuntu, установка на базе docker-контейнера).
В курсе «Веб-разработчик» будет рассмотрен серверный JavaScript и платформа Node.js, которая позволяет решать задачи самого широкого диапазона. Вы систематизируете свои знания о том, что такое современные веб-сервисы, API и микросервисы, получите опыт развертывания микросервиса из docker-контейнера, в том числе под управлением системы Kubernetes. Этот опыт приблизит вас к современному уровню организации процессов разработки веб-ресурсов и веб-приложений на основе методологии DevOps.
Поскольку серверный JavaScript – только часть полного стека разработки на этом языке, вы познакомитесь с самыми современными возможностями клиентского и изоморфного JavaScript. Так как одна из тенденций современности – использовать TypeScript, вы научитесь работать с ним и с Flow. Кроме того, вы приобретете опыт расширения возможностей JavaScript с помощью плагинов транспилятора Babel и научитесь разработке современных интерфейсов веб-приложений на основе таких фреймворков, как React и Vue. Также вы изучите технологию создания компонентов фронтэнда с помощью этих инструментов.
Изучение языка программирования PHP8 является частью курса. Вы познакомитесь не только с основами программирования на PHP, но и создадите свое собственное приложение с применением технологий объектно-ориентированного программирования (ООП) и базы данных MySQL.
Полученная специальность «Веб-разработчик» позволит работать как удаленно или на фрилансе, так и на штатных позициях в федеральных и международных компаниях, что подтверждено опытом наших выпускников.
Курс рекомендуется как подготовительный (PreMasters) для поступления на магистерскую программу 09.04.04 Программная инженерия — «Веб-технологии» Университета ИТМО.
Срок обучения — 6 месяцев. К нему можно добавить +12 месяцев лояльности от Университета, чтобы вы завершили обучение в комфортном темпе. Без дополнительной оплаты.
Профессиональные стандарты
Курс соответствует:
Предварительные требования
Уверенный пользователь ПК.
Как проходит обучение
Программа курса
Понятие HTML. Основы работы глобальной сети Интернет. Понятие веб-сервера. Статичные и динамичные сайты. Основные типы сайтов. Обзор современных стек технологий HTML и CSS. Базовая структура HTML. Варианты разметки страницы. Основные блоки HTML-страницы.Создание гиперссылок и работа с ними. Основы работы с гиперссылками. Взаимосвязь между страницами статичного веб-сайта.
Размещение изображений на веб-странице. Упорядоченные и неупорядоченные списки
Размещение на своих страницах звуковых и видео-файлов.Внедрение внешних HTML-страниц. Взаимодействие ссылок с iframe-элементами.Текстовые поля, радио-кнопки, флажки/чекбоксы, элемент выбора select и их атрибуты. Создание формы обратной связи.
Основы работы с CSS. Подключение файла стилей. Базовые понятия: селектор, свойство, каскад, наследование, единицы измерения. Применение CSS-свойств к оформлению изображений.
Верстка страницы по макету. Построение структуры страницы. Высота и ширина колонок. Свойства float, display.
Понятие flex-контейнера. Основные свойства flex-контейнера. Дочерние flex-элементы. Настройка и управление flex-элементами
@media, медийные запросы (@mediaqueries) для страниц, mediafeature.
@font-face, GoogleFonts, Единицы измерения для работы со шрифтами и html-элементами.
Выбор хостинга. Основы работы с FTP-клиентами. Использование тега meta.
Типы данных. Операторы. Инструкции и выражения. Переменные и константы.
Конструкции ветвления логики программы (if…else, switch). Циклы: с предусловием, постусловием и арифметический.
Понятие функции. Объявление функции. Аргументы функции. Возврат значений. Области видимости. Стрелочные функции. Анонимные функции.
Понятие объект (Object). Свойства объекта. Методы объекта. Массивы. Свойство и методы функции. Объект String и его аргументы. Объект Math. Функция parseInt(). Функция parseFloat(). Статические функции объекта Math.
Объекта Data. Работа с таймерами. Свойства и методы объекта Window. Управление поведением Window. Объект Location. Объект History. Объект Navigator.
Причины использования DHTML. DOM (DocumentObjectModel — объектная модель документа). Доступ к узлам DOM. Доступ по идентификационному номеру (ID) . Доступ по атрибуту name. Доступ по имени дескриптора . Доступ и изменение класса через свойство className. Получение информации об узле. Перемещение по иерархическому дереву DOM. Метод removeChild(). Удаление элементов. Методы createElement() и appendChild(). Создание и добавление элементов. Методы insertBefore(). Создание и добавление элементов. Метод createTextNode(). Создание текстовых элементов. Метод setAttribute(). Добавление атрибутов. Метод cloneNode(). Клонирование элементов. Метод replaceChild(). Замена элементов. Свойство innerHTML. Изменение фрагментов кода HTML. Использование CSS стилей в сценариях JavaScript. Соглашения об именах: CSS-атрибуты в JavaScript. Работа со свойствами стилей. DHTML-анимация.
Описание cookie. Cookie в браузере.
Элементы управления и объекты. Быстрый доступ к объектам. Динамическое изменение значений атрибутов. Изменение элементов на основе значений, указанных пользователем. Динамическое изменение списка вариантов. Проверка выбранных флажков. Изменение элементов перед отправкой формы на сервер. Использование встроенных функций JavaScript. Отключение элементов. Элементы только для чтения.
CSS-фреймворки: Bootstrap и Foundation. Базовые возможности фреймворков.
Контейнеры. Система сеток Bootstrap. PSD-файл для разработки макета.
Оформление списков, шрифтов, таблиц и изображений с помощью Bootstrap.
Кнопки. Выпадающие элементы. «Хлебные крошки».
Всплывающие формы. Формы обратной связи. Всплывающие сообщения.
Границы. Иконки. Встраивание медиа-файлов на HTML-страницы.
Понятие JavaScript. Базовые возможности языка. Взаимодействие с Bootstrap. Управление поведением bootstrap-компонент через JS.
Методология БЭМ. ООCSS. Попиксельная верстка. Инструмент PixelPerfect.
Контейнеры, треки, линии, ячейки, области, аллеи. Вложенность grid-ов. Z-index.
Установка VirtualBox. Установка UbuntuServer. Установка Putty. Установка VirtualBox. Настройка для работы окружения. Установка Ubuntu. Основы работы с Linux консолью
Установка SSH. Настройка SSH. Установка Apache2. Создание и загрузка Docker образа.
Понятие Таск-менеджера. Преимущества применения. Настройка Gulp на работу c SASS.
Основы работы с SASS. Переменные. Вложенность кода. Комментарии в SASS. Примеси (Миксины).
Наседование. Фрагментирование SASS файлов. Импорт. SASS-script.
Установка PHP7. Настройка веб-сервера для работы.
Шаблон php-документа. Переменные и константы. Условные операторы (if-else, switch).
Использование функций include и require. Константы.
Структура данных массив. Одномерные и двухмерные массивы. Особенности работы с массивами. Сортировка массивов.
Арифметический цикл. Цикл постусловием. Цикл с предусловием.
Понятие функции. Создание и использование простых функций. Создание и вызов функций, принимающих аргументы. Создание и использование функций, возвращающих значение. Переменные и функции. Область действия переменных и глобальные переменные. Задание значений аргументов по умолчанию.
Основы работы с get и post запросами (через HTML-формы и Ajax-запросы). Обработка данных из HTML-формы.
Понятие куки. Установка куки. Использование данных из куки для персонализации сайта. Понятие сессии. Запуск сессии, Создание элемента сессии и вывод его на экран.
Классы. Методы и свойства классов PHP. Базовые подходы к построению объектно-ориентированных приложений.
PHP и базы данных. Установка MySQL (репозиторий Ubuntu). Соединение с сервером и создание базы данных. Создание таблицы. Отправка данных. Извлечение данных.
Принципы работы систем контроля версий. Введение в Git. Установка и начальная настройка Git (Windows и Linux).Создание, изменение и удаление репозитория. Просмотр истории коммитов. Отмена действий. Метки. Псевдонимы.
Принципы ветвления и слияния. Управление ветками. Слияние и разрешение конфликтов. Перебазирование.
Установка Git на сервере. Настройка. Протоколы. Рабочие процессы. Создание коммитов. Поддержка. Инструментарий.
Графические утилиты. Среды разработки. GitHub.
Преподаватели курса