Курс
«Основы разработки сайтов»
«Основы разработки сайтов»
Дневная группа:
8 октября 2024,
8 занятий, 2 раза в неделю
10:30 - 13:30 (вт/чт)
8 октября 2024,
8 занятий, 2 раза в неделю
10:30 - 13:30 (вт/чт)
Вечерняя группа:
27 ноября 2024,
8 занятий, 2 раза в неделю
18:30 - 21:30 (пн/ср)
27 ноября 2024,
8 занятий, 2 раза в неделю
18:30 - 21:30 (пн/ср)
550 BYN
Офлайн/онлайн
О ЧЕМ ЭТОТ КУРС
«Основы разработки сайтов» является базовым курсом для каждого, кто решил реализовать себя в ІТ. По итогам обучения будут получены навыки самостоятельного создания стандартных web-сайтов и управления их контентом. Вы углубитесь в верстку сайтов, изучив базовый язык гипертекстовой разметки HTML/CSS. Также этот курс служит платформой для изучения современного front-end и любого из языков программирования.
Кто такой web-разработчик?
Web-разработчик или верстальщик сайтов - это специалист, создающий сайты и приложения для Web (например, системы интернет-банкинга, службы заказов билетов, и многое другое). Может отвечать как только за серверную или браузерную часть сайта, так и за обе эти составляющих.
Этапы обучения Web-разработке
в Академии BELHARD
в Академии BELHARD
1
Курс «Основы web-разработки»
2
Выбор одного из направлений:
4
Разработчик
В ходе курса вы:
- Познакомитесь с основами создания Web-страниц при помощи HTML и CSS.
- Узнаете, как делать формы для ввода данных и таблицы на Web-страницах.
- Получите навыки работы в востребованных приложениях Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator.
- Научитесь писать сценарии на языке JavaScript.
- Сможете программно управлять элементами Web-страницы, устанавливать и настраивать Web-сервер.
Знаний, полученных на курсе «Основы разработки сайтов», будет достаточно, чтобы создать любой из 90% сайтов, существующих сегодня.
Программа курса
- Архитектура 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.
- Способы подключения сценариев JavaScript. Типы данных, переменные, операторы, ввод-вывод данных.
- Языковые конструкции, организация ветвлений, выполнение вычислений. Объекты JavaScript. Методы объекта Math, Date.
- Организация циклов, работа с массивами. Функции JavaScript. Области видимости переменных. События и обработчики событий.
- Что такое макет. Что такое UI/UX. Какие бывают виды макетов: варфрейм, мокап и прототип. Какие бывают графические редакторы.
- Figma для создание макета Web-сайта. Интерфейс и настройки Figma. Инструменты и команды выделения. Компоненты.
- Вёрстка сайта по макету в Figma.
- Взаимодействие клиент-сервер. Передача данных. Протокол HTTP. Принципы работы с Web-сервером.
- Установка и настройка OpenServer (Apache, PHP, MySQL, phpMyAdmin, FTP-клиент, Git, домены и алиасы, почта и др.). Создание локального Web-сервера.
- Обзор CMS-систем (Joomla, Битрикс, OpenCart). CMS-система WordPress: установка и настройка, работа с шаблонами и плагинами, понятие виджета, работа с внутренним кодом PHP, работа с контентом.
- Перенос сайта WordPress с локального компьютера на хостинг.
Почему стоит изучать разработку сайтов
именно в Академии BELHARD?
именно в Академии BELHARD?
-
Оптимальный размер учебных группЭто позволяет, с одной стороны, научиться работать в команде, а с другой – добиться индивидуального подхода к каждому слушателю. -
Никаких требований к базовым знаниямНа наших курсах мы помогаем стать веб-разработчиком каждому, независимо от возраста и имеющихся профессиональных знаний. -
32 ак.ч. теории и практикиСочетание теоретических лекций и практических занятий, необходимых для того, чтобы разобраться в веб-технологиях. -
Всего 550 BYN за весь курсСтоимость курса - всего 1/15 средней зарплаты
разработчика HTML/CSS/JavaScript в Беларуси.
Работаем с системой «Расчет» (ЕРИП). -
ТрудоустройствоНаш карьерный центр окажет содействие в подготовке к успешному интервью с партнёрами-работодателями. Вы также получите персональные рекомендации для создания резюме, которое привлечёт внимание и выделит вас среди других кандидатов! -
Корпоративные группы и индивидуальное обучениеМы адаптируем нашу учебную программу к вашим особым требованиям.Узнать подробнее
Опции оплаты
275 BYN в месяц - рассрочка Академии BELHARD
оплата в 2 этапа
оплата в 2 этапа
110 BYN в месяц
рассрочка в банке-партнере на 5 месяцев
рассрочка в банке-партнере на 5 месяцев
52 BYN в месяц
кредит в банке-партнере на 12 месяцев
кредит в банке-партнере на 12 месяцев
*оформление онлайн за 5 минут
*оформление онлайн за 5 минут
ПРЕПОДАВАТЕЛИ КУРСА
- Минзер АндрейFrontend разработчик с четырехлетним стажем работы. Работает в компании с направлением FinTech, разрабатывает приложение уровня Enterprise. Основной стек технологий - React, HTML, CSS и TypeScript.
- Назар ЯрмольчикMiddle frontend developer в аутсорcинговой компании. Занимается разработкой различных веб-приложений с использованием экосистемы React. Является ментором по подготовке к собеседованиям.
- Павел СамальFront-end engineer, с коммерческим опытом более трех лет.
Основной стек: vue, angular, node.js. Специализируется на проектах в сфере e-commerce. - Дмитрий ШиляевFrontend разработчик в сфере eCommerce. Более 5 лет опыта работы как c небольшими проектами, так и с мировыми брендами. Основной опыт работы был с Magento 2, являющейся лидирующей в мире eCommerce платформой уровня Enterprise. Основной стек технологий: HTML, CSS (LESS), JavaScript (jQuery), а также PHP, XML, KnockoutJS. Опытный ментор и тимлид, занимавшийся подготовкой начинающих разработчиков.
- Сергей ШевцовПрактикующий frontend разработчик. Основная специализация - разработка веб-приложений на React с использованием HTML, CSS и JavaScript.
- Дмитрий ПрохоренкоПрактикующий front-end разработчик, более 10 лет работает на фрилансе. Основной стек: HTML, CSS, Java Script (Angular). Создает динамические сайты и web-приложения. Параллельно профессионально занимается преподаванием IT-дисциплин. Работает с детскими, взрослыми и подростковыми группами.
Отзывы наших слушателей