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

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


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

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

Базовый курс

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

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

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

Очно-дистанционная

по мере комплектации группы
вторник (вебинар), пятница (18:30-21:20)
-20% 748 BYN 935 BYN
100 уч.ч.
Рассрочка три выплаты по 273 BYN / месяц
№ группы: G-FD1-11-19

Очная

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

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

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

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

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

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

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

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

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

Вы узнаете

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

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

  • Теги HTML

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

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

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

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

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

  1. Введение в курс
    Знакомство
    Содержание курса - общий обзор
    Организация работы в рамках курса
  2. Cистемы контроля версий (GIT)
    Назначение и возможности. Базовые операции.
    Клиенты
    Хостинги исходного кода (GitHub, BitBucket). Организация командной работы (работы с преподавателем) в рамках курса
  3. Cистемы контроля версий (GIT)
    Работа с ветками (хорошая модель ветвления). Отработка базовых операций.
  4. Введение в HTML4
    Введение в HTML. История
    Инструментарий (текстовый редакторы, браузеры, валидатор, справочники, ...)
    Веб-страница. Понятие о разметке
    HTML документ. Структура HTML кода
    Семантический и качественный HTML
  5. HTML4 Теги. Типы тегов.
    Общая информация
    Парные теги
    Правила применения тегов
    Атрибуты тегов
    Теги верхнего уровня
    Теги заголовка документа
    Блочные элементы
    Строчные элементы
    Универсальные элементы
    Теги для списков
    Теги для таблиц
    Теги для фреймов
  6. HTML4 Значения атрибутов тегов
    Цвет
    Размер
    Адрес (понятие об URL)
  7. HTML4 Текст
    Общая информация
    Абзацы
    Заголовки
    Выравнивание текста
    Начертание
    Верхний и нижний индексы
    Спецсимволы (мнемоники HTML)
    Понятие о кодировке.
  8. HTML4 Ссылки
    Абсолютные и относительные ссылки
    Виды ссылок
    Правила вложения тега <a>
    Атрибуты ссылок
    Ссылка на адрес электронной почты
    Якоря
  9. HTML4 Изображения
    Форматы файлов. Выбор оптимального формата.
    Добавление изображения
    Альтернативный текст
    Изменение размеров рисунка
    Кэширование изображений.
  10. HTML4 Списки
    Маркированный список
    Нумерованный список
    Список определений
  11. HTML4 Таблицы
    Атрибуты тега table
    Атрибуты тега td
    Особенности таблиц
    Выравнивание таблиц
    Объединение ячеек
    Вложенные таблицы
    Заголовок таблицы
  12. HTML4 Фреймы
    Создание фреймов. Ссылки во фреймах
    Границы между фреймами
    Изменение размеров фреймов
    Полосы прокрутки
    Плавающие фреймы
  13. Введение в HTML5
    Введение в HTML5
    История HTML5
    Основные возможности.
  14. HTML5 Структура документа
    Структура документа
    Новые семантические элементы HTML5
  15. HTML5 Формы
    Формы в HTML5
    Поля с автофокусом
    Адреса электронной почты
    Веб-адреса
    Числа как счетчики
    Числа в виде ползунка
    Выбор даты
    Окно поиска
    Выбор цвета
    Валидация форм
    Обязательные поля
  16. CSS Введение и основы
    Введение в CSS
    Преимущества стилей
    Способы добавления стилей на страницу
    Типы носителей
    Базовый синтаксис CSS
    Значения стилевых свойств
    Селекторы тегов
    Классы
    Идентификаторы
  17. CSS Типы селекторов
    Контекстные селекторы
    Соседние селекторы
    Дочерние селекторы
    Селекторы атрибутов
    Универсальный селектор
  18. CSS Псевдоклассы и псевдоэлементы
    Псевдоклассы
    Псевдоэлементы
  19. CSS Основные приемы работы
    Группирование
    Наследование
    Каскадирование
    Валидация CSS
    Идентификаторы и классы
    Принципы написания эффективного кода
  20. СSS3
    Введение в CSS3. Что это такое ?
    HTML5 и CSS3 на примерах
  21. Основные способы верстки (обзор)
    Фиксированная верстка или статическая
    Резиновая верстка
    Табличная верстка или верстка таблицами
    Блочная верстка, верстка блоками или div-верстка
    Адаптивная верстка.
    Гибкая верстка или flex верстка
    Семантическая верстка
    Кроссбраузерная верстка
    Валидная верстка (полное соответствие W3C)
    Режимы браузеров
  22. Основные способы верстки (табличная, блочная)
    Табличная верстка или верстка таблицами
    Блочная верстка, верстка блоками или div-верстка
  23. Основные способы верстки (блочная)
    Блочная верстка, верстка блоками или div-верстка
  24. Bootstrap
    Bootstrap (3, 4) - обзор, работа с сеткой, отличия в версиях.
    Bootstrap (3, 4) - обзор основных компонентов.
  25. Основные способы верстки (адаптивная)
    Адаптивная верстка (адаптивный дизайн, отзывчивый дизайн. Мобильная вёрстка, приёмы, подходы mobile-first, desktop-first.)
  26. Flex. SVG
    SVG (общие сведения, базовые фигуры, ...)
    Flex
  27. Flex. Анимация
    Flex
    Анимация
  28. Препроцессоры (метаязыки верстки, Less)
    Обзор существующих (Less, Saas, ...)
    Less - обзор основных возможностей. Верстка с использованием Less.
  29. Введение в JavaScript. Основы языка
    Введение в JavaScript.
    Структура кода
    Современный стандарт, "use strict"
    "Переменные. Области видимости переменных. Выбор имени переменной."
  30. Введение в JavaScript. Основы языка
    Основные типы данных
    Основные операторы
    Операторы сравнения и логические значения
    Взаимодействие с пользователем: alert, prompt, confirm
  31. Введение в JavaScript. Основы языка
    Условные операторы
    Логические операторы
    Циклы
  32. Введение в JavaScript. Основы языка
    Функции
    Функциональные выражения
  33. Введение в JavaScript. Основы языка
    Массивы и хэши
    Встроенные классы и объекты. DOM
  34. Введение в JavaScript. Основы языка
    Работа с DOM и DHTML.
    Знакомство с jQuery.
  35. Введение в JavaScript. Основы языка. Итоги курса
    Знакомство с AJAX
    Разработка выпускного проекта
  36. Защита выпускного проекта
    Защита выпускного проекта
    Заключение. Итоги курса. Обзор следующих курсов.

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

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

Программирование, особенно 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 разработчиков.


Катарина Чирич

Front-end разработка включает в себя абсолютно всё что представляет собой пользовательский интерфейс. В рамках этого курса вы узнаете как создавать красивые интерактивные веб-приложения изучая HTML, CSS, и JavaScript - три основных инструмента с помощью которых созданы все современные сайты. Это очень полезный и прибыльный навык для изучения, поскольку его можно использовать почти в любом бизнесе мира, для которого веб-приложения являются способом коммуникации с клиентом. По окончанию этого курса у вас будут необходимые навыки для создания своего собственного веб-приложения.

Кратко о себе: Front-end developer в компании Itransition. Профессионально занимаюсь разработкой более 3 лет. За всю карьеру довелось поработать на многих проектах на разных позициях, в том числе Front-end developer (HTML, CSS, Vanilla JavaScript, ReactJS), back-end developer (.Net, NodeJS), a так же full-stack developer с использованием всех вышеупомянутых технологий.


Дмитрий Дорошков

Опыт работы:фрилансером 2 года, в компаниях 5+ лет

Senior Software Engineer в компании Exadel. Основное направление - Frontend разработка. 

За годы работы поучаствовал как в небольших проектах так и в enterprise решениях для крупных заказчиков.

Принимаю участие в обучении молодых сотрудников компании.


Сергей Белко

Опыт работы:3 года

Сфера интересов: Front-end и Back-end-разработка на Node.js и Java.

Профессиональный путь: Окончил физико-технический факультет ГрГУ им Янки Купалы. В данный момент фрилансер.

Особенности преподавания: Данный курс стоит рассматривать людям для заложения основ во Front-end разработке. Курс содержит фундаментальные знания для web разработки на основе JS, CSS и HTML, а также упражнения для их закрепления. Также вы узнаете как проходит весь цикл разработки, познакомитесь с инструментарием Front-end разработчика.

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

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

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

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