Обучение

Новости

О центре

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

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

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

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

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

Все контакты

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

Разработка веб-сайтов с использованием 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

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

Введение в курс
Знакомство
Содержание курса - общий обзор
Организация работы в рамках курса
Cистемы контроля версий (GIT)
Назначение и возможности. Базовые операции.
Клиенты
Хостинги исходного кода (GitHub, BitBucket). Организация командной работы (работы с преподавателем) в рамках курса
Cистемы контроля версий (GIT)
Работа с ветками (хорошая модель ветвления). Отработка базовых операций.
Введение в HTML4
Введение в HTML. История
Инструментарий (текстовый редакторы, браузеры, валидатор, справочники, ...)
Веб-страница. Понятие о разметке
HTML документ. Структура HTML кода
Семантический и качественный HTML
HTML4 Теги. Типы тегов.
Общая информация
Парные теги
Правила применения тегов
Атрибуты тегов
Теги верхнего уровня
Теги заголовка документа
Блочные элементы
Строчные элементы
Универсальные элементы
Теги для списков
Теги для таблиц
Теги для фреймов
HTML4 Значения атрибутов тегов
Цвет
Размер
Адрес (понятие об URL)
HTML4 Текст
Общая информация
Абзацы
Заголовки
Выравнивание текста
Начертание
Верхний и нижний индексы
Спецсимволы (мнемоники HTML)
Понятие о кодировке.
HTML4 Ссылки
Абсолютные и относительные ссылки
Виды ссылок
Правила вложения тега <a>
Атрибуты ссылок
Ссылка на адрес электронной почты
Якоря
HTML4 Изображения
Форматы файлов. Выбор оптимального формата.
Добавление изображения
Альтернативный текст
Изменение размеров рисунка
Кэширование изображений.
HTML4 Списки
Маркированный список
Нумерованный список
Список определений
HTML4 Таблицы
Атрибуты тега table
Атрибуты тега td
Особенности таблиц
Выравнивание таблиц
Объединение ячеек
Вложенные таблицы
Заголовок таблицы
HTML4 Фреймы
Создание фреймов. Ссылки во фреймах
Границы между фреймами
Изменение размеров фреймов
Полосы прокрутки
Плавающие фреймы
Введение в HTML5
Введение в HTML5
История HTML5
Основные возможности.
HTML5 Структура документа
Структура документа
Новые семантические элементы HTML5
HTML5 Формы
Формы в HTML5
Поля с автофокусом
Адреса электронной почты
Веб-адреса
Числа как счетчики
Числа в виде ползунка
Выбор даты
Окно поиска
Выбор цвета
Валидация форм
Обязательные поля
CSS Введение и основы
Введение в CSS
Преимущества стилей
Способы добавления стилей на страницу
Типы носителей
Базовый синтаксис CSS
Значения стилевых свойств
Селекторы тегов
Классы
Идентификаторы
CSS Типы селекторов
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
CSS Псевдоклассы и псевдоэлементы
Псевдоклассы
Псевдоэлементы
CSS Основные приемы работы
Группирование
Наследование
Каскадирование
Валидация CSS
Идентификаторы и классы
Принципы написания эффективного кода
СSS3
Введение в CSS3. Что это такое ?
HTML5 и CSS3 на примерах
Основные способы верстки (обзор)
Фиксированная верстка или статическая
Резиновая верстка
Табличная верстка или верстка таблицами
Блочная верстка, верстка блоками или div-верстка
Адаптивная верстка.
Гибкая верстка или flex верстка
Семантическая верстка
Кроссбраузерная верстка
Валидная верстка (полное соответствие W3C)
Режимы браузеров
Основные способы верстки (табличная, блочная)
Табличная верстка или верстка таблицами
Блочная верстка, верстка блоками или div-верстка
Основные способы верстки (блочная)
Блочная верстка, верстка блоками или div-верстка
Bootstrap
Bootstrap (3, 4) - обзор, работа с сеткой, отличия в версиях.
Bootstrap (3, 4) - обзор основных компонентов.
Основные способы верстки (адаптивная)
Адаптивная верстка (адаптивный дизайн, отзывчивый дизайн. Мобильная вёрстка, приёмы, подходы mobile-first, desktop-first.)
Flex. SVG
SVG (общие сведения, базовые фигуры, ...)
Flex
Flex. Анимация
Flex
Анимация
Препроцессоры (метаязыки верстки, Less)
Обзор существующих (Less, Saas, ...)
Less - обзор основных возможностей. Верстка с использованием Less.
Введение в JavaScript. Основы языка
Введение в JavaScript.
Структура кода
Современный стандарт, "use strict"
"Переменные. Области видимости переменных. Выбор имени переменной."
Введение в JavaScript. Основы языка
Основные типы данных
Основные операторы
Операторы сравнения и логические значения
Взаимодействие с пользователем: alert, prompt, confirm
Введение в JavaScript. Основы языка
Условные операторы
Логические операторы
Циклы
Введение в JavaScript. Основы языка
Функции
Функциональные выражения
Введение в JavaScript. Основы языка
Массивы и хэши
Встроенные классы и объекты. DOM
Введение в JavaScript. Основы языка
Работа с DOM и DHTML.
Знакомство с jQuery.
Введение в JavaScript. Основы языка. Итоги курса
Знакомство с AJAX
Разработка выпускного проекта
Защита выпускного проекта
Защита выпускного проекта
Заключение. Итоги курса. Обзор следующих курсов.

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

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

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

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

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

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

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

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

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

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

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

Front-end разработка включает в себя абсолютно всё что представляет собой пользовательский интерфейс.
Узнать больше
Дмитрий Дорошков

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

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

Senior Software Engineer в компании Exadel. Основное направление - Frontend разработка.
Узнать больше
Сергей Белко

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

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

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

Другие курсы программы Курсы создания сайтов и 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 разработчиков.

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

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

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 с использованием всех вышеупомянутых технологий.

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

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

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

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

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

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

Сергей Белко

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

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

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

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

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

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

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