Узнайте о снижении цены

Оставьте ваш email и мы напишем вам когда цена снизится

Курсы по созданию сайтов

Для тех, кто хочет создавать сайты с использованием HTML, CSS, JavaScript и PHP.
42 700 ₽
29 900 ₽
стоимость обучения
2491 ₽
за месяц обучения
% Беспроцентная рассрочка на 12 мес.
Узнать о снижении цены
Уровень сложности
для новичков
Длительность
1.5 мес.
Формат обучения
офлайн
Домашние задания
да
Обратная связь
да
Стажировка
да
Помощь в трудоустройстве
нет
Документ по окончании
сертификат

Программа обучения

  • Основное
  • Содержание программы

Обучение основам веб-разработки. Курс можно проходить даже без знаний и опыта в программировании.

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

Курс состоит из 18 занятий, рассчитанных на 72 академических часа. Обучение проходит очно, в аудитории, группа формируется из 5-10 человек. Все преподаватели — действующие веб-разработчики. Каждый студент занимается за полностью оборудованным рабочим местом — на современном ПК с монитором 22 дюйма и скоростным интернетом.

Блок 1. Основы web-технологий
  • Знакомство. Кто зачем пришел
  • Профессии: Fullstack разработчик. Backend. Frontend. Верстальщик и пр.
  • Работодатели: Фриланс, веб студии, аутсорсинговые и продуктовые компании
  • Технологии веб-разработки. Фреймворки. CMS-системы
  • Клиент-серверная модель
  • Сетевые технологии и протоколы Интернета: TCP/IP, HTTP, HTTPS, FTP
  • Введение в курс. Пробежаться по всем блокам. Какой результат получат студенты
  • Командная работа в больший проектах
  • Системы контроля версий. Git
  • Основные инструменты веб-разработчика. Базовая настройка всего необходимого
Блок 2. Вёрстка. HTML5 и CSS3
  • Знакомство с HTML
  • Структура страницы, теги, атрибуты
  • CSS. Свойства, селекторы
  • Семантические теги уровня документа
  • Таблицы
  • Валидность кода, валидаторы
  • Наследование свойств
  • Правила для оформления и форматирования HTML и CSS кода
  • Цвета в вебе, подключение шрифтов 
  • Работа с векторными изображениями SVG 
Блок 3. Блочная модель. Макет веб-страницы
  • Блочные, строчные и блочно-строчные элементы.
  • Ключевые свойства блоков
  • Как рассчитывается размер блока и box-sizing: border-box
  • Блочная модель. Применение блоков для построения макета
  • Свойство display
Блок 4. Flexbox
  • Основы Flexbox: контейнеры и элементы
  • Выравнивание элементов по основной и поперечной оси
  • Смена осей и вертикальное выравнивание элемент
  • grid обзор
Блок 5. Позиционирование
  • Виды позиционирования: статическое, абсолютное, относительное, фиксированное, липкое
  • Особенности разных видов позиционирования
  • z-index и контекст наложения
  • Когда и как использовать позиционирование
  • Пример выпадающего многоуровневого меню
Блок 6. Форма обратной связи
  • Разметка, валидация
  • Оформление и состояние
  • Кастомные переключатели
Блок 7. Препроцессоры. Saas, SCSS и Less
  • Знакомство с Sass, SCSS и Less
  • Переменные
  • Вложения
  • Примеси
  • Расширения
Блок 8. Адаптивный дизайн
  • Понятие адаптивного и отзывчивого веб-дизайна
  • Медиа-запросы
  • Параметры области просмотра и тег Meta viewport
  • Кроссбраузерная вёрстка
  • Особенности многостраничных сайтов
  • Правила вёрстки для seo-продвижения
  • Подходы к адаптиву - Mobile-first и Desktop-first
Блок 9. Основы программирования на JavaScript
  • Синтаксис Javascript
  • Переменные, типы данных, операторы и объекты
  • Условные конструкции и ветвления
  • Циклы
  • Массивы. Вложенные массивы
  • Функции, методы и аргументы
  • Math  / Таймеры
Блок 10. JavaScript в браузере. DOM. События
  • Объектная модель документа (DOM), DOM-узлы
  • DOM-узлы - объекты. Свойства и методы DOM-узлов
  • Поиск DOM-узлов и манипулирование ими
  • Взаимодействие с веб страницей
  • Глобальный объект window
  • Обработка событий
  • События onload, onclick
  • Поиск элементов по классу
  • Клавиатурные события: onkeypress, onkeydown, onkeyup
Блок 11. Работа с jQuery
  • Знакомство с JS фреймворками. React. Vue. jQuery
  • Синтаксис jQuery
  • Основы работы с функцией $()
  • Поиск элементов на странице
  • Готовые функции для типовых задач
  • Взаимодействие с содержимым веб страницы
  • Анимационные возможности jQuery
Блок 12. JavaScript в браузере. Ajax, анимация, интерактивные компоненты
  • Обмен данных без перезагрузки страницы. Ajax
  • Ajax + JSON
Блок 13. Основы backend-разработки
  • Назначение серверных технологий
  • Протокол HTTP
  • Настройка локального сервера и домена
  • Основы PHP для создания динамических страниц
  • Принцип разделения логики и шаблонов страниц
  • Обработка данных из форм и валидация форм
  • Знакомство с CMS-Системам
Блок 14. PHP+MySQL
  • MySQL. Системы управления базами данных
  • PHP + MySQL
  • Основы PHP для создания динамических страниц
  • Отправка писем на email
  • Защита от XSS
Блок 15. Окончание курса
  • Защита проекта
  • Подготовка к собеседованию
  • Знакомство со сборкой: node.js обзор. gulp, webpack
  • Подведение итогов

Чему научат

Верстке с помощью HTML5, CSS3
Основам Javascript
Сетевым технологиям и протоколам
Основам PHP-программирования
Препроцессорам Sass, SCSS и Less
Работе с базами данных MySQL

Преимущества курса

13% стоимости вы сможете вернуть через налоговый вычет

Отзывы пользователей

Оставить отзыв о курсе

    Оставьте отзыв о курсе

    Ваш адрес Email не будет опубликован
    Ваша оценка:
    Ваш отзыв:
    Достоинства:
    Недостатки:
    Имя:
    Email: