Обучение

Новости

О центре

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

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

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

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

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

Все контакты

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

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

Базовый курс

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

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

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

Очная

по мере комплектации группы

Понедельник (с 18:30 до 21:20), Пятница (с 18:30 до 21:20)

935 BYN

100 уч.ч

Рассрочка три выплаты по 343 BYN / месяц

№ группы: G-FD1-14-20

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

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

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

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

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

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

Разработка веб-сайтов с использованием 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, - это огромный, сложный, быстро изменяющийся и развивающийся мир.
Узнать больше
Сергей Коско

Опыт работы: более 5 лет

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

Всегда мечтали создать свой собственный сайт. Слышали много слов, таких как: HTML, CSS, JavaScript, Angular, ReactJS и др? Готовы впитывать новые технологии, работать с новыми библиотеками, инструментами, постоянно развиваться? Тогда, Добро пожаловать на курсы по Frontend разработке.
Узнать больше
Артур Басак

Опыт работы: Более 7 лет

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

Разработка веб-интерфейсов - это работа на стыке творчества и программирования.
Узнать больше

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

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

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

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

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

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

aliaksandr.stashkevich@instinctools.ru

Сергей Коско

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

Опыт работы:более 5 лет

Всегда мечтали создать свой собственный сайт. Слышали много слов, таких как: HTML, CSS, JavaScript, Angular, ReactJS и др? Готовы впитывать новые технологии, работать с новыми библиотеками, инструментами, постоянно развиваться? Тогда, Добро пожаловать на курсы по Frontend разработке.

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

Full stack WEB developer в instinctools.

Основные виды деятельности: frontend(js), backend (node.js).

Занимаюсь Frontend разработкой более 5 лет. В коммерческой разработке около 3-х лет.
Увлекаюсь IoT устройствами, создаю свой маленький умный дом.

Артур Басак

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

Опыт работы:Более 7 лет

Разработка веб-интерфейсов - это работа на стыке творчества и программирования. Ни в одной другой IT-специализации нету столь богатого и интерактивного инструментария, как в разработке клиентских приложений. Веб-интерфейс - это лицо любого проекта.

Специалисты компании *instinctools готовы раскрыть все свои секреты разработки front-end приложений.

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

Lead Software Developer в *instinctools.

За свою карьеру успел побывать и тестировщиком-автоматизатором, и разработчиком на Java, и JavaScript-Fullstack программистом.

Профессиональный опыт программирования более 7 лет. В данный момент, сосредоточен на всем, что связано с веб-разработкой.

Так же являюсь руководителем группы из 7 разработчиков.

Оставьте заявку на курс сейчас

Запишитесь на курс сегодня, и уже завтра мы свяжемся с Вами и пригласим на ближайшее вводное занятие.
И конечно, расскажем про полную программу обучения и ее специфику, тренера, а главное – про нашу программу трудоустройства.