Скидки на курсы ждут в личном кабинете. Нажмите тут
Есть рассрочка Поддержка куратора Домашние задания Стажировка

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

скидка Хочу промокод
59 900 ₽  за курс
Курсы по созданию сайтов
Формат
Офлайн
Длительность
2 месяца
Уровень
Для новичков
Документ
Сертификат
Трудоустройство
Нет
Программа

Занятия будут актуальны начинающим веб-разработчикам. Вы научитесь расставлять теги и атрибуты в коде страницы и узнаете, как наследование свойств влияет на вёрстку. Также вы изучите технологию Flexbox и виды позиционирования.

Курс состоит из 15 тематических блоков, рассчитанных на 2 месяца. Обучение проходит очно в Санкт–Петербурге, группа формируется из 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
О школе
Бруноям
рейтинг 4.8
18 отзывов
24 курса
Бруноям

Школа Бруноям существует 9 лет и создаёт курсы для тех, кто хочет и готов пробовать новое, меняться, искать себя и работу мечты. Школа Бруноям имеет лицензию на осуществление образовательной деятельности.

Курсы школы Бруноям постоянно обновляются и корректируются, ученики всегда получают свежую и продвинутую информацию. Большое внимание школа уделяет преподавателям, поскольку даже опытный специалист может оказаться слаб в педагогике - в этом случае школа дообучает преподавателя. 

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

У школы Бруноям также есть раздел корпоративного обучения. Это способ повысить скорость работы каждого сотрудника и производительность компании в целом. Школа выявит потребности компании и подберёт необходимые курсы и план развития.

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

Информация носит ознакомительный характер и может отличаться от указанной на сайтах школ-партнёров. Актуальную стоимость и описание программ вы можете узнать на сайте школы.