Академия BELHARD

Онлайн/офлайн курс
«Основы разработки сайтов»

Дневная группа:
10 августа 2022,
14:30-17:30 (пн/ср)
8 занятий
пер. 4-ый Загородный, д. 56а
/виртуальный класс
Онлайн/офлайн курс «Основы разработки сайтов»
Дневная группа: 10 августа 2022,
14:30-17:30 (пн/ср)
8 занятий
пер. 4-ый Загородный, д. 56а
/виртуальный класс
О ЧЕМ ЭТОТ КУРС
«Основы разработки сайтов» является базовым курсом для каждого, кто решил реализовать себя в IT. По итогам обучения будут получены навыки самостоятельного создания стандартных web-сайтов и управления их контентом. Также этот курс служит платформой для изучения современного front-end и любого из языков программирования.

Кто такой web-разработчик?

Специалист, создающий сайты и приложения для Web (например, системы интернет-банкинга, службы заказов билетов, и многое другое). Может отвечать как только за серверную или браузерную часть
сайта, так и за обе эти составляющих.

Кто такой web-разработчик?

Специалист, создающий сайты и приложения для Web (например, системы интернет-банкинга, службы заказов билетов, и многое другое). Может отвечать как только за серверную или браузерную часть
сайта, так и за обе эти составляющих.
основы веб | amCharts

Этапы Online обучения Web-разработке
в Академии BELHARD

1
Курс «Основы web-разработки»
2
Выбор одного из направлений:
4
Разработчик

В ходе Online курса вы:

Познакомитесь с основами создания Web-страниц при помощи HTML и CSS.
Узнаете, как делать формы для ввода данных и таблицы на Web-страницах.
Получите навыки работы в востребованных приложениях Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator.
Научитесь писать сценарии на языке JavaScript.
Сможете программно управлять элементами Web-страницы, устанавливать и настраивать Web-сервер.
Знаний, полученных на курсе «Основы разработки сайтов», будет достаточно, чтобы создать любой из 90% сайтов, существующих сегодня.

Почему стоит изучать разработку сайтов
именно в Академии BELHARD?

Оптимальный размер учебных групп
Это позволяет, с одной стороны, научиться работать в команде, а с другой – добиться индивидуального подхода к каждому слушателю.
Никаких требований к базовым знаниям
На наших курсах мы помогаем стать веб-разработчиком каждому, независимо от возраста и имеющихся профессиональных знаний.
32 ак.ч. теории и практики
Сочетание теоретических лекций и практических занятий, необходимых для того, чтобы разобраться в веб-технологиях.
Всего 450 BYN за весь курс
Стоимость курса - всего 1/15 средней зарплаты
разработчика HTML/CSS/JavaScript в Беларуси (согласно данным портала dev.by).
Работаем с системой «Расчет» (ЕРИП).
Удобное время занятий
Вы можете освоить новую перспективную специальность без ущерба для вашей текущей работы.
Корпоративные группы и индивидуальное обучение
Мы адаптируем нашу учебную программу к вашим особым требованиям.Узнать подробнее

Программа курса

Количество часов: 32 (8 занятий по 4 часа)
Автор программы: Прохоренко Д.М.


Блок 1. Разработка Web-приложений. Основы HTML5
  • Архитектура Web-приложений. Проектирование интерфейса пользователя. Средства и методы разработки Web-приложений.
  • Структура HTML-документа, понятие тега и атрибута, списки, изображения, гиперссылки, цвета.
  • Работа с таблицами и формами HTML. Структура таблицы: заголовки, строки и ячейки. Элементы формы: текстовые поля, радио переключатели, чекбоксы, списки, области текста, кнопки, поля выбора файла, цвета, диапазона, даты и времени.
  • Вставка и управление аудио и видеоматериалами HTML.
Блок 2. Профессиональные редакторы для разработки Web-сайтов. Основы CSS3
  • Визуальный редактор Adobe Dreamweaver: глобальные настройки, рабочая область, инспектор файлов, настройка Web-сайта, свойства страницы, вставка элементов, подключение стилей CSS и сценариев JavaScript, импорт табличных данных. Использование bootstrap-шаблонов HTML + CSS + JavaScript.
  • Способы подключения CSS. Синтаксис и элементы стилей. Виды селекторов: универсальный, тега, класса, идентификатора, потомка, дочерний, сестринский, атрибута, псевдокласса, псевдоэлемента, структурных псевдоклассов. Комбинация и группирование селекторов, переменные в CSS. Наследование и каскадирование селекторов.
Блок 3. Адаптивность и возможности CSS3
  • Использование CSS-медиазапросов для разработки адаптивного дизайна.
  • Анимация и трансформация в CSS. Библиотеки анимации, CSS-генераторы. Градиенты, рамки, тени, переходы, фильтры.
  • Использование препроцессоров на примере LESS: установка препроцессора, переменные, функции и вычисления, преобразование кода препроцессора в код CSS. Использование постпроцессоров: работа с вендорными префиксами. Методологии CSS.
Блок 4. Adobe Photoshop для создания макета Web-сайта
  • Интерфейс и настройки Photoshop. Масштаб, информация об изображении. Инструменты и команды выделения.
  • Цветовые модели. Пиксели, разрешения и размеры. Слои и маски: быстрые маски, канал-маски, корректирующие слои, редактор градиента. Сохранение файла для Web.
  • Создание коллажа, работа с текстом. Ретушь: коррекция уровней, применение фильтров, восстановление утраченных фрагментов. Работа с вырезками. Создание GIF-анимации.
  • Создание макета Web-сайта: работа с линейкой и направляющими, группирование слоев. Bootstrap сетка. Подготовка созданного макета к верстке: слои-изображения, смарт-объекты.
  • Применение Adobe Illustrator для создания логотипов, стикеров и элементов flat-дизайна.
Блок 5. Верстка Web-сайта
  • Семантические элементы HTML5 для группирования контента и разметки содержимого. Блочные и строчные элементы. Блочная модель: контейнеры и обертки, отступы и границы, содержимое блока, тип контейнера элемента, область блочного элемента, позиционирование элементов, переполнение блочного элемента, наложение элементов.
  • Плавающие элементы - CSS свойство float. CSS-спрайты. Использование reset.css и normalize.css.
Блок 6. Модель верстки CSS Flexbox и CSS Grid
  • Модель верстки CSS Flexbox: свойства flex-контейнера и flex-элементов. Верстка адаптивного шаблона Web-сайта с помощью CSS Flexbox.
  • Модель верстки CSS Grid: работа с разметкой в двухмерном пространстве. Верстка адаптивного шаблона Web-сайта с помощью CSS Grid.
Блок 7. Ознакомление с языком JavaScript
  • Способы подключения сценариев JavaScript. Типы данных, переменные, операторы, ввод-вывод данных.
  • Языковые конструкции, организация ветвлений, выполнение вычислений. Объекты JavaScript. Методы объекта Math, Date.
  • Организация циклов, работа с массивами. Функции JavaScript. Области видимости переменных. События и обработчики событий.
  • Отладка кода JavaScript: инструменты разработчика браузера.
Блок 8. CMS-система WordPress для создания Web-сайта
  • Взаимодействие клиент-сервер. Передача данных. Протокол HTTP. Принципы работы с Web-сервером.
  • Установка и настройка OpenServer (Apache, PHP, MySQL, phpMyAdmin, FTP-клиент, Git, домены и алиасы, почта и др.). Создание локального Web-сервера.
  • Обзор CMS-систем (Joomla, Битрикс, OpenCart). CMS-система WordPress: установка и настройка, работа с шаблонами и плагинами, понятие виджета, работа с внутренним кодом PHP, работа с контентом.
  • Перенос сайта WordPress с локального компьютера на хостинг.
Предложение для предпринимателей
Комплексные знания для развития и масштабирования бизнеса
ПРЕПОДАВАТЕЛЬ КУРСА
Дмитрий Прохоренко
Практикующий front-end разработчик, более 10 лет работает на фрилансе. Основной стек: HTML, CSS, Java Script (Angular). Создает динамические сайты и web-приложения. Параллельно профессионально занимается преподаванием IT-дисциплин. Работает с детскими, взрослыми и подростковыми группами.
Отзывы наших слушателей
Остались вопросы?
Мы ответим на любой!