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

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


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

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

Базовый курс

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

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

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

Очная

18.11.2019 - Группа стартовала
Понедельник (с 18:30 до 21:20), Пятница (с 18:30 до 21:20)
935 BYN
100 уч.ч
Рассрочка три выплаты по 343 BYN / месяц
№ группы: G-FD1-10-19

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

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

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

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

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

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

Разработка веб-сайтов с использованием 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 разработкой более 5 лет. В работе неоднократно приходилось обучать junior-разработчиков. Разрабатывал проекты работающие в режиме реального времени, работающие с IoT устройствами и многое другое …

aliaksandr.stashkevich@instinctools.ru

Сергей Коско

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

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

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

Full stack WEB developer в instinctools.

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

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

Артур Басак

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

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

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


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

Lead Software Developer в *instinctools. 

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

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

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


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

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

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

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