Обучение

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

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


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

Обучение

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

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

Базовый курс

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

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

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

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

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

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

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

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

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

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

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

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

Вы узнаете

  • Синтаксис языков разметки HTML и CSS

  • Структуру исходного текста страницы

  • Теги HTML

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

  • Верстать страницы с использованием таблиц и без них

  • Создавать формы на веб-страницах

  • Управлять элементами с использованием CSS

Внимание:

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

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

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

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

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

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

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

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

aliaksandr.stashkevich@instinctools.ru

Более 5735 выпускников успешно работают в IT-компаниях в Беларуси и за рубежом

Акции и новости