Обучение

Новости

О центре

Трудоустройство

Консультация

Консультируем с 8:30 до 19:00 Выходной: суббота и воскресенье

ул. М.Горького, 1

Написать сообщение

Все контакты

Сообщение об ошибке

Разработка веб-сайтов с использованием HTML, CSS и JavaScript by Instinctools

Базовый курс

Понятие Front-end включает в себя целый пласт языков и технологий, которые используются для того, чтобы открытая в браузере страница вела себя так, как задумано. В частности сюда входят языки HTML, CSS, JavaScript, с которыми Вы познакомитесь на данном курсе в объеме, достаточном для трудоустройства на позиции «верстальщик», «junior front-end developer», «junior javascript developer».

Филиал IT-Academy в Гродно сотрудничает с компанией Instinctools, которая заинтересована в выпускниках данного курса. Обучение в IT-Academy не гарантирует трудоустройства в данную компанию, но вы получите необходимые навыки, которые существенно повысят ваши шансы на успешное прохождение собеседования.

Описание курса

Формы обучения

Группа	Очная
Стоимость	1 299 BYN
Рассрочка	три выплаты по 477 BYN / месяц
Старт	по мере комплектации
Длительность	108 уч.ч
Описание	Понедельник (с 18:30 до 21:20), Пятница (с 18:30 до 21:20)

	№ группы: G-FD1-21-22

Для кого этот курс

Для будущих верстальщиков

Условия отбора

Зачисление на курс проводится на конкурсной основе по результатам:

теста по английскому языку

Для чего этот курс

Разработка веб-сайтов с использованием HTML, CSS

Цель: Верстать веб-страницы с помощью HTML и CSS, как с использованием таблиц, так и без них.

Вы узнаете

Синтаксис языков разметки HTML и CSS
Структуру исходного текста страницы
Теги HTML

Вы будете уметь

Верстать страницы с использованием таблиц и без них
Создавать формы на веб-страницах
Управлять элементами с использованием CSS

Внимание:

Доступ к электронным материалам открыт в период прохождения курса. По окончании курса доступ закрывается.

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

Введение в курс
Знакомство. Содержание специализации, курса. Введение в специальность. Организация работы в рамках курса.Настройка рабочего окружения (Workflow)
Git
Системы контроля версий. Назначение и возможности. Базовые операции. Клиенты. Хостинги исходного кода (GitHub, BitBucket, Gitlub). Отработка базовых операций.
Git
Организация командной работы (работы с преподавателем) в рамках курса. Работа с ветками (Github flow, Gitlab flow). Отработка практик ветвления.
HTML - введение, структура
Введение в HTML. Понимание структуры. Изучение принципов разметки. Теги и элементы.
HTML - текст, списки, ссылки, изображения
Работа с заголовками и абзацем. Начертание - полужирное, курсивное, акцентированное . Структурная и семантическая разметка. Списки: упорядоченные списки, неупорядоченные списки, списки определений. Создание ссылок между страницами. Ссылки на другие сайты. Ссылки на электронную почту, ... Так же в данном разделе будут рассмотрены способы добавления изображения на страницу. Оптимизация изображений и выбор корректного формата изображения при разработке приложения.
HTML - таблицы, формы
В данном разделе рассматриваются принципы создания таблиц, представления в таблицах сложных данных. Так же разбираются основные и новые элементы формы из версии языка HTML5.
HTML - метаданные, видео и аудио контент
Обозначение используемой версии языка HTML, идентификация и группировка элементов. Комментарии, метаданные, фреймы. Добавление на сайт видео и аудио файлов. Элементов
CSS - введение, цвет, текст
Введение в CSS. Назначение каскадных таблиц стилей. Принцип работы каскадных таблиц стилей. Правила, свойства, значения. Работа с цветами, терминология цвета и контраст, цвет фона, ... Размер и гарнитура шрифта. Полужирный, курсив, капитель, подчеркнутый. Интервалы между строками, словами и буквами ...
CSS - блоки, списки, таблицы, формы
Управление размером блоков. Блочная модель: границы, поля и отступы. Работа со списками: создание маркеров, добавление границ и фона к таблицам, изменение внешнего вида элементов формы, ...
HTML, CSS - работа с макетом, изображения
Позиционирование элементов; Работа с макетом сайта; Разработка дизайна для экранов различных размеров ... Изображения: управление размером изображений с помощью CSS; Выравнивание изображений с помощью CSS; Добавление фоновых изображений; Элементы макета HTML5; Применение стилей к элементам макета HTML5 c помощью CSS;
HTML, CSS - работа с макетом, основные подходы к верстке
Практика: позиционирование элементов, работа с макетом сайта, разработка под различные виды устройств, mobile first - desktop first подходы, элементы макета HTML5: работа с семантикой, перекрывающиеся элементы: z-index, плавающие элементы, ...
HTML, CSS - работа с макетом, основные подходы к верстке
Практика: позиционирование элементов, работа с макетом сайта, разработка под различные виды устройств, mobile first - desktop first подходы, элементы макета HTML5: работа с семантикой, перекрывающиеся элементы: z-index, плавающие элементы, ...
CSS - flex, grid
Flexbox, CSS Grid
CSS методологии, доступность
Рассмотрим основные и популярные css методологии, такие как БЭМ, SMACSS, ECSS, OOCSS, ... а так же понятие доступности (WCAG, WAI-ARIA)
JS - введение
Введение в JavaScript - основы языка и программирования в целом: понятие сценария, алгоритма, объектов и их свойств, методов, принцепов работы браузера и т.д.
JS - основые синтаксические конструкции и структуры языка
Введение в JavaScript - циклы, функции, условные конструкции, массивы, хэши
JS - DOM и работа с деревом DOM
Введение в JavaScript - Объектная модель документа, работа с деревом DOM, доступ к элементам DOM, поиск и выборка элементов, ...
Практика JS
Отработка пройденного материала по JS, примеры применения в выпускном проекте
Jquery
Что такое Jquery, выполнение действий с элементами с использованием методов Jquery, примеры использование Jquery, выборка элементов, работа с набором, ...
JS - ajax и json
Что такое Ajax, для чего нужен, как работает, обработка AJAX - запросов и ответов, форматы данных, работа с данными в формате JSON, ...
CSS, JS - анимация
Css переходы, CSS траноформации, CSS анимация, JS анимация
Практика HTML, CSS, JS
Отработка пройденного за курс материала, примеры применения в выпускном проекте
CSS фреймворки
Bootstrap, Materialize CSS, Semantic UI, Material UI, UIKit, Foundation, ...
CSS препроцессоры/постпроцессоры
Sass, Stylus, Less, PostCSS, ...
Защита выпускного проекта
Защита выпускного проекта

Преподаватели курса

Александр Сташкевич

Специальность:
Курсы создания сайтов и Front-end разработки

Программирование, особенно Frontend, - это огромный, сложный, быстро изменяющийся и развивающийся мир.
Узнать больше

Другие курсы программы Курсы создания сайтов и Front-end разработки

Александр Сташкевич

Специальность:Курсы создания сайтов и Front-end разработки

Программирование, особенно Frontend, - это огромный, сложный, быстро изменяющийся и развивающийся мир. Настоящий Frontend разработчик готов впитывать новые технологии, постоянно развиваться, работать с новыми библиотеками, инструментами … Как сверстать сайт? Какой инструментарий для этого необходим? Как организовать проект? Что выбрать - ReactJS или Angular? Ответы на эти и многие другие вопросы вы найдете в курсах по Frontend разработке.

Кратко о себе :

Full stack WEB developer в instinctools. Занимаюсь Frontend разработкой более 7 лет. В работе неоднократно приходилось обучать junior-разработчиков. Разрабатывал проекты работающие в режиме реального времени, работающие с IoT устройствами и многое другое …

aliaksandr.stashkevich@instinctools.ru