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

Онлайн-курс Веб-разработчик с нуля

скидка Хочу промокод
72 900 ₽  за курс
Онлайн-курс Веб-разработчик с нуля
Формат
Онлайн
Длительность
8 месяцев
Уровень
Для новичков
Документ
Сертификат
Трудоустройство
Да
Программа

Обучение не требует специальных знаний и подходит всем желающим попробовать себя в роли веб-разработчика. Вы познакомитесь с основами HTML, CSS, Flexbox и JavaScript, узнаете о PHP-программировании, React, Node.js, сетевых технологиях и работе с объектами.

Программа проходит в режиме видеоуроков, содержит практические задания и итоговый проект для портфолио. Курс вы пройдёте вместе с личным наставником, который поможет в обучении и в подготовке к собеседованию.

 

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

    • Постановка личных целей на курс
    • Типы сайтов, функциональность
    • Этапы создания сайта, основные профессии индустрии
    • Сетевые технологии и протоколы Интернета: TCP/IP, HTTP,
    • HTTPS, FTP
    • Хостинг и домен, система DNS
    • Модель «Клиент и сервер»
    • Роль браузера и редакторов кода
    • Настройка рабочей области 
  • Знакомство с HTML

    • Знакомство с HTML: Понятие тега и атрибута
    • Кодировка текста HTML
    • Теги для формирования текста
    • Гиперссылки и адреса файлов
    • Якорные ссылки
    • Ссылка на вызов и отправку email
    • Таблицы в HTML
    • Тег img и его атрибуты. Правила размещения картинок. Форматы изображений: какие выбрать
  • Модуль: погружение в CSS

    • Основы синтаксиса CSS
    • Основные виды селекторов: идентификаторы, классы, псевдоклассы
    • Баллы специфичности и приоритеты правил
    • Каскад и наследование свойств
    • Контекстный и универсальный селектор
    • Свойства текста и шрифта в CSS
    • Подключение внешних шрифтов
    • Цвета HEX и RGB. Добавление однородного фона к элементам. Фоновая картинка для страницы, настройка фона
  • Блочная модель и макет веб-страницы

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

    • Семантические теги для вёрстки макета
    • Основы Flexbox: контейнеры и элементы
    • Выравнивание элементов по основной и поперечной оси
    • Смена осей и вертикальное выравнивание элементов
    • Проблемы применения flexbox
  • Основы Adobe Photoshop для верстальщика

    • Работа с картинками: кадрирование, тримминг
    • Сохранение: формат, качество, вес
    • Как узнать код цвета
    • Инструменты для работы со шрифтом
    • Копирование готового CSS
    • Измерение расстояний: инструменты, настройки
    • Эффекты и их копирование
    • Встраивание карт и видео
  • Позиционирование

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

    • Основные элементы формы: input, select, textarea, button
    • Состояние полей и псевдоклассы
    • Элементы выбора checkbox, radio, select
    • Группировка элементов: fieldset и legend
    • Стили для псевдоэлемента placeholder
    • Правила написания стилей для форм
    • Стилизация кнопок
  • Отзывчивый и адаптивный веб-дизайн

    • Понятие адаптивного и отзывчивого веб-дизайна
    • Медиа-запросы
    • Параметры области просмотра и тег Meta viewport
    • Проблемы кроссбраузерной верстки
    • Валидность кода, валидаторы
    • Особенности многостраничных сайтов
    • Правила вёрстки для seo-продвижения
  • Анимация с помощью HTML5 и CSS3

    • Плавные переходы для создания анимационных эффектов
    • Анимация с помощью keyframes
    • Трансформация элементов
    • Добавление базовых элементов анимации на сайт
  • Основы Javascript

    • Введение JavaScript
    • Переменные и типы данных
    • Математические операторы и преобразование типов
    • Логические операторы
    • Ветвления и условные операторы
    • Встроенные функции для взаимодействия с пользователем
  • Циклы и массивы JavaScript

    • Массивы
    • Методы для работы с массивами
    • Циклы for и while
    • Вложенные массивы
    • Работа с консолью
  • Функции

    • Определение функции. Стрелочная функция и её отличия от обычной. Function Expression и Function Declaration.
    • Область видимости. Как она работает. LexicalEnvironment.
    • Таймеры и замыкание. Функции setInterval, setTimeout, clearInterval, clearTimeout. Что такое замыкание и как его можно использовать.
    • Функции обратного вызова
  • Объекты. DOM. События

    • Объекты и словари. Как создавать объекты. Ключевое слово this. Получение, изменение и удаление свойств объекта. Ссылки на объекты.
    • Прототипное наследование. Как работает наследование свойств и методов. Конструкторы.
    • Классы. Определение классов и преимущества использования. Расширение классов. Приватные методы и публичные. Геттеры и сеттеры. Пример создания программы с применением классов и архитектура MVP.
    • DOM. Объектная модель страницы и зачем она нужна. Поиск элементов на странице и их получение. Перебор элементов и основные свойства.
    • События
  • Анимация и эффекты в JavaScript

    • JavaScript-анимации. Изменение CSS свойств элементов. Кривая Безье. Примеры анимаций.
    • Рендеринг в браузере. Оптимизированные свойства. Функция requestAnimationFrame.
    • Библиотеки с анимациями
  • Интерактивные элементы

    • Слайдер
    • Аккордион
    • Тултип
  • Node.js

    • Введение в Node.js. Возможности Node.js. Кратко о модулях и их предназначениях: fs, child_process, https.
    • NPM. Основные команды пакетного менеджера npm. Инициализация проекта и установка первых пакетов. Структура package.json.
    • Основы Webpack. Зачем нужны сборщики и какие этапы можно автоматизировать. Первый конфиг Webpack и автоматизация сборки: минификация кода, конкатенация модулей и использование препроцессора SCSS.
    • Препроцессор SCSS. Преимущества препроцессоров. Краткий обзор различий между некоторыми: SCSS, SASS, Less, post-css. Основные конструкции: переменные, миксины, функции.
  • Работа с сервером

    • Promise API
    • Обращение к серверу и класс XMLHttpRequest
    • Метод fetch
    • Библиотека Axios
  • Основы React

    • Компоненты и JSX
    • Состояние компонентов
    • Хуки
    • Стилизация компонентов
    • React-Router
  • Основы TypeScript

    • Статическая типизация
    • Интерфейсы и типы
    • Перечисляемые типы Enum
  • Обзор дорожной карты JS-разработчика

    Кратко о том, как развиваться разработчику дальше и что изучать.

  • Основы PHP-программирования

    • Назначение серверных технологий
    • Локальный веб-сервер и домен
    • Создание динамических веб-страниц
    • Понятие CMS-систем
    • Размещение сайта на хостинге
    • Протокол FTP для загрузки файлов
    • Подведение итогов и завершение проекта
Чему научат на курсе
HTML/HTML5, CSS/CSS3
Сетевые технологии и протоколы TCP/IP, HTTP, HTTPS, FTP
Многоколоночные макеты с flexbox
Вёрстка адаптивных версий сайтов
Анимация с помощью HTML5 и CSS3
Основы JavaScript
О школе
Бруноям
рейтинг 4.8
18 отзывов
24 курса
Бруноям

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

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

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

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

Оставить отзыв
Оставьте свой отзыв
Так вы сделаете рейтинг школ более точным и поможете другим выбрать хороший курс
Отзывы пользователей
0
Оценка:
Всем привет! хочу выразить благодарность школе Бруноям) прошла у них курс "Веб-разработчик с нуля" очень понравилась подача материла (преподаватель Кирилл Демидов) каждое занятие - это сплошная практика, что очень помогает быстрее усвоить материал не смотря на то, что занятие длилось 3 часа, время пробегало абсолютно незаметно, т.к. было интересно думаю, что чуть позже еще поучусь у них чему-нибудь одним словом, рекомендую))
Источник: www.yell.ru
0
Оценка:
доходчиво! 10 из 10 однозначно) Куратор профессионал своего дела ,огромное ему спасибо
Источник: www.yell.ru

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