Научитесь создавать адаптивные веб-страницы с нуля с помощью HTML, CSS и JavaScript, чтобы разрабатывать собственные сайты или начать путь в профессии веб-разработчика.
Основы разработки сайтов
Курс
Количество и время занятий
8 занятий, 2 раза в неделю, 18:30 - 21:30 (вт/чт)
Стоимость
590 BYN
Формат
Офлайн/онлайн
Старт
по мере набора группы
Заполните форму, а мы поможем
с остальным
Нажимая на кнопку «Оставить заявку», вы выражаете свое согласие с политикой обработки персональных данных и условиями публичного договора.
О чем этот курс?
«Основы разработки сайтов» является базовым курсом для каждого, кто решил реализовать себя в ІТ. По итогам обучения будут получены навыки самостоятельного создания стандартных web-сайтов и управления их контентом. Вы углубитесь в верстку сайтов, изучив базовый язык гипертекстовой разметки HTML/CSS. Также этот курс служит платформой для изучения современного front-end и любого из языков программирования.
Уверенность и гарантии
Если вы вынуждены прервать обучение, в течение года вы сможете вернуться и продолжить с того занятия, на котором остановились.
Оптимальное количество теории и практики
Фокус на выработку профессиональных навыков на реальных кейсах.
Обучение в реальном времени
Никаких предзаписанных видео. Общайтесь с экспертом, задавайте вопросы и получайте ответы прямо на занятии.
Преимущества курса
Программа курса
- Архитектура Web-приложений. Проектирование интерфейса пользователя. Средства и методы разработки Web-приложений.
- Структура HTML-документа, понятие тега и атрибута, списки, изображения, гиперссылки, цвета.
- Работа с таблицами и формами HTML. Структура таблицы: заголовки, строки и ячейки. Элементы формы: текстовые поля, радио переключатели, чекбоксы, списки, области текста, кнопки, поля выбора файла, цвета, диапазона, даты и времени.
- Вставка и управление аудио и видеоматериалами HTML.
- Редактор кода Visual Studio Code: настройки, расширения, инспектор файлов, линтеры, Emmet.
- Инструменты разработчика в Google Chrome.
- Способы подключения CSS. Синтаксис и элементы стилей. Виды селекторов: универсальный, тега, класса, идентификатора, потомка, дочерний, сестринский, атрибута, псевдокласса, псевдоэлемента, структурных псевдоклассов. Комбинация и группирование селекторов, переменные в CSS. Наследование и каскадирование селекторов.
- Использование CSS-медиазапросов для разработки адаптивного дизайна.
- Анимация и трансформация в CSS. Библиотеки анимации, CSS-генераторы. Градиенты, рамки, тени, переходы, фильтры.
- Использование препроцессоров на примере LESS: установка препроцессора, переменные, функции и вычисления, преобразование кода препроцессора в код CSS. Использование постпроцессоров: работа с вендорными префиксами. Методологии CSS.
- Семантические элементы HTML5 для группирования контента и разметки содержимого. Блочные и строчные элементы. Блочная модель: контейнеры и обертки, отступы и границы, содержимое блока, тип контейнера элемента, область блочного элемента, позиционирование элементов, переполнение блочного элемента, наложение элементов.
- Плавающие элементы - CSS свойство float. CSS-спрайты.
- Модель верстки CSS Flexbox: свойства flex-контейнера и flex-элементов. Верстка адаптивного шаблона Web-сайта с помощью CSS Flexbox.
- Модель верстки CSS Grid: работа с разметкой в двухмерном пространстве. Верстка адаптивного шаблона Web-сайта с помощью CSS Grid.
- Что такое макет. Что такое UI/UX. Какие бывают виды макетов: варфрейм, мокап и прототип. Какие бывают графические редакторы.
- Figma для создания макета Web-сайта. Интерфейс и настройки Figma. Инструменты и команды выделения. Компоненты.
- Вёрстка сайта по макету в Figma.
- Взаимодействие клиент-сервер. Передача данных. Протокол HTTP. Принципы работы с Web-сервером.
- Установка и настройка OpenServer (Apache, PHP, MySQL, phpMyAdmin, FTP-клиент, Git, домены и алиасы, почта и др.). Создание локального Web-сервера.
- Обзор CMS-систем (Joomla, Битрикс, OpenCart). CMS-система WordPress: установка и настройка, работа с шаблонами и плагинами, понятие виджета, работа с внутренним кодом PHP, работа с контентом.
- Перенос сайта WordPress с локального компьютера на хостинг.
- Способы подключения сценариев JavaScript. Типы данных, переменные, операторы, ввод-вывод данных.
- Языковые конструкции, организация ветвлений, выполнение вычислений.
- Организация циклов, работа с массивами.
- Объекты JavaScript: методы объектов Math и Date.
Адаптивная программа
Образовательный центр BELHARD даёт выверенные знания, которые позволяют пройти техническое собеседование. Программы регулярно адаптируются под потребности рынка.
Всего 590 BYN за весь курс
Возможна оплата в два этапа. Работаем с системой «Расчет» (ЕРИП).
Узнать подробнее
Узнать подробнее
Корпоративные группы и индивидуальное обучение
Мы адаптируем нашу учебную программу к вашим особым требованиям.
Узнать подробнее
Узнать подробнее
Оптимальный размер учебных групп
Это позволяет, с одной стороны, научиться работать в команде, а с другой – добиться индивидуального подхода к каждому слушателю.
Почему стоит изучать курс
«Основы разработки сайтов» именно в Образовательном центре BELHARD?
«Основы разработки сайтов» именно в Образовательном центре BELHARD?
При успешном окончании курса два сертификата помогут выделиться
Cертификат Образовательного центра BELHARD
Сертификат об обучении государственного образца
*Для подготовки требуются дополнительные данные. Подробности у менеджеров Учебного Центра.
Преподаватели курса
- Frontend разработчикМинзер АндрейРаботает в компании с направлением FinTech, разрабатывает приложение уровня Enterprise. Основной стек технологий - React, HTML, CSS и TypeScript.
Опыт более 4 лет - Frontend разработчик в сфере eCommerceДмитрий ШиляевОсновной опыт работы был с Magento 2, являющейся лидирующей в мире eCommerce платформой уровня Enterprise. Основной стек технологий: HTML, CSS (LESS), JavaScript (jQuery), а также PHP, XML, KnockoutJS.
Более 8 лет опыта - Frontend разработчикСергей ШевцовПрактикующий frontend разработчик. Основная специализация - разработка веб-приложений на React с использованием HTML, CSS и JavaScript.
Отзывы по курсу