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

Javascript (frontend разработка)

скидка Хочу промокод
29 900 ₽  за курс
Javascript (frontend разработка)
Формат
Офлайн
Длительность
1 месяц
Уровень
Для новичков
Документ
Сертификат
Трудоустройство
Да
Программа

Курс разработан для начинающих специалистов по frontend-разработке. Вы научитесь создавать интерактивные элементы и адаптивный дизайн с помощью технологий Javascript, Node.js, React и Typescript и др. В процессе обучения будет много практики и заданий с разными уровнями сложности.

Программа состоит из 15 тематических модулей и рассчитана на 6 недель. Занятия проходят очно в Санкт-Петербурге в аудиториях на 5-10 человек, у каждого студента своё оборудованное рабочее место. 

  • Основы web-технологий

    • Знакомство. Кто зачем пришел
    • Профессии: Full stack разработчик. Backend. Frontend. Верстальщик и пр.
    • Работодатели: Фриланс, Веб студии, Аутсорсинговые и продуктовые компании.
    • Технологии веб рабработки. Фреймворки. CMS-системы.
    • Клиент-серверная модель
    • Сетевые технологии и протоколы Интернета: TCP/IP, HTTP, HTTPS, FTP
    • Введение в курс. Пробежаться по всем блокам. Какой результат получат.
    • Командная работа в больший проектах
    • Системы контроля версий. Git
    • Основные инструменты веб разработчика. Базовая настройка всего необходимого.
  • Вёрстка. HTML5 и CSS3

    • Знакомство с HTML
    • Структура страницы, теги, атрибуты
    • CSS. Свойства, селекторы
    • Семантические теги уровня документа
    • Таблицы
    • Валидность кода, валидаторы
    • Наследование свойств
    • Правила для оформления и форматирования HTML и CSS кода
    • Цвета в вебе, подключение шрифтов 
    • Работа с векторными изображениями SVG
  • Блочная модель. Макет веб-страницы

    • Блочные, строчные и блочно-строчные элементы.
    • Ключевые свойства блоков
    • Как рассчитывается размер блока и box-sizing: border-box
    • Блочная модель. Применение блоков для построения макета
    • Свойство display
  • Flexbox

    • Основы Flexbox: контейнеры и элементы
    • Выравнивание элементов по основной и поперечной оси
    • Смена осей и вертикальное выравнивание элемент
    • grid обзор
  • Позиционирование

    • Виды позиционирования: статическое, абсолютное, относительное, фиксированное, липкое
    • Особенности разных видов позиционирования
    • z-index и контекст наложения
    • Когда и как использовать позиционирование
    • Пример выпадающего многоуровневого меню
  • Форма обратной связи

    • Разметка, валидация
    • Оформление и состояние
    • Кастомные переключатели
  • Препроцессоры. Sass, SCSS и Less

    • Знакомство с Sass, SCSS и Less
    • Переменные
    • Вложения
    • Примеси
    • Расширения
  • Адаптивный дизайн

    • Понятие адаптивного и отзывчивого веб-дизайна
    • Медиа-запросы
    • Параметры области просмотра и тег Meta viewport
    • Кроссбраузерная вёрстка
    • Особенности многостраничных сайтов
    • Правила вёрстки для seo-продвижения
    • Подходы к адаптиву - Mobile-first и Desktop-first
  • Основы программирования на JavaScript

    • Синтаксис Javascript
    • Переменные, типы данных, операторы и объекты
    • Условные конструкции и ветвления
    • Циклы
    • Массивы. Вложенные массивы
    • Функции, методы и аргументы
    • Math  / Таймеры
  • Javascript в браузере. DOM. События

    • Объектная модель документа (DOM), DOM-узлы
    • DOM-узлы - объекты. Свойства и методы DOM-узлов
    • Поиск DOM-узлов и манипулирование ими
    • Взаимодействие с веб страницей
    • Глобальный объект window
    • Обработка событий
    • События onload, onclick
    • Поиск элементов по классу
    • Клавиатурные события: onkeypress, onkeydown, onkeyup
  • Работа с jQuery

    • Знакомство с JS фреймворками. React. Vue. jQuery
    • Синтаксис jQuery
    • Основы работы с функцией $()
    • Поиск элементов на странице
    • Готовые функции для типовых задач
    • Взаимодействие с содержимым веб страницы
    • Анимационные возможности jQuery
  • Javascript в браузере. Ajax, анимация, интерактивные компоненты

    • Обмен данных без перезагрузки страницы. Ajax
    • Ajax + JSON
  • Основы backend разработки

    • Назначение серверных технологий
    • Протокол HTTP
    • Настройка локального сервера и домена
    • Основы PHP для создания динамических страниц
    • Принцип разделения логики и шаблонов страниц
    • Обработка данных из форм и валидация форм
    • Знакомство с CMS-Системам
  • PHP + MySQL

    • MySQL. Системы управления базами данных
    • PHP + MySQL
    • Основы PHP для создания динамических страниц
    • Отправка писем на email
    • Защита от XSS
  • Окончание курса

    • Защита проекта
    • Подготовка к собеседованию
    • Знакомство со сборкой: node.js обзор. gulp, webpack
    • Подведение итогов
Чему научат на курсе
JavaScript, Node.js, AJAX и JSON
Работе с DOM API и препроцессорами
Методологии разработки CI/CD
О школе
Бруноям
рейтинг 4.8
20 отзывов
24 курса
Бруноям
По промокоду digital дополнительная скидка 15% на покупку любого курса, не суммируется с другими промокодами. Суммируется со скидкой на сайте.

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

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

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

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

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

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