Обучение

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

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


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

Обучение

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

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

Базовый курс

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

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

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

Очная

13.07.2020 - Осталось: 4 дня
Понедельник, Четверг (с 18:30 до 21:20)
1083 BYN
100 уч.ч
Рассрочка три выплаты по 402 BYN / месяц
Осталось 4 из 16 мест
№ группы: G-FD1-12-20

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

по мере комплектации группы
среда (очно, с 18:30 до 21:20), пятница (вебинар)
1083 BYN
100 уч.ч.
Рассрочка три выплаты по 402 BYN / месяц
№ группы: G-FD1-15-20

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

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

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

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

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

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

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

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

Вы узнаете

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

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

  • Теги HTML

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

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

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

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

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

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

    1. Введение в HTML. Ссылки

    • Что такое веб-страница, протокол HTTP, браузер и клиент.
    • Понятие о разметке. Понятие об HTML, атрибутах и тегах.
    • Понятие о документе HTML. П
    • Понятие о кодировке.
    • Мнемоники HTML.
    • Понятие об URL.
    • Гиперссылки и закладки.

    2. Изображения. Введение в CSS

    • Изображения.
    • Форматы изображений, выбор оптимального формата, приёмы оптимизации.
    • Кэширование изображений. data:URI.
    • Введение в CSS.
    • Основные свойства.

    3. Шрифты. Границы. Размеры

    • Контейнеры.
    • Цвет.
    • Единицы размеров.
    • Шрифты и сервисы подгружаемых шрифтов.
    • Границы.
    • Размеры.

    4. Отступы. Фон. Таблицы

    • Отступы.
    • Выравнивание блочного и строчного содержимого.
    • Фон.
    • Управление переполнением.
    • CSS-спрайты.
    • Таблицы.

    5. Обтекание. Вёрстка макетов. Селекторы

    • Обтекание.
    • Табличная и блочная вёрстка, приёмы.
    • Селекторы по классу, идентификатору, тегу.
    • Знакомство с графическим редактором (на выбор преподавателя).

    6. Иерархические селекторы. Каскадирование. Отображение и видимость

    • Селекторы по атрибуту.
    • Иерархические селекторы, БЭМ.
    • Псевдоклассы и псевдоэлементы.
    • Каскадирование.
    • Управление отображением и видимостью.
    • Отладка вёрстки.

    7. Медиазапросы. Адаптивная вёрстка

    • Медиазапросы.
    • Адаптивная вёрстка.
    • Мобильная вёрстка, приёмы, подходы mobile-first, desktop-first.
    • Стилевые файлы.

    8. Формы. HTML5

    • Формы.
    • Позиционирование элементов - абсолютное, фиксированное, относительное.
    • HTML5 - семантическая вёрстка, формы.

    9. Мультимедиа. CSS3. Анимация. Flex. Grid

    • Мультимедиа - flash, видео, SVG. CSS3.
    • Анимация.
    • Flex-вёрстка.
    • Grid CSS.
    • Feature detection.
    • Тестирование вёрстки.
    • Настройка окружения для препроцессоров.
    • Метаязыки стилей.
    • Twitter Bootstrap.
  2. JavaScript. Базовый уровень

    1. Введение в JavaScript

    • Знакомство с JavaScript.
    • Переменные, типы данных, выражения.
    • Условные операторы.

    2. Циклы. Функции. Массивы и хэши

    • Циклы.
    • Функции.
    • Области видимости переменных.
    • Стратегия поиска ошибок и отладка кода.
    • Массивы и хэши.

    3. Встроенные классы и объекты. DOM

    • Встроенные классы и объекты.
    • Работа с DOM и DHTML.
    • Знакомство с jQuery.
    • Знакомство с AJAX.
    • "Ненавязчивый JavaScript".

    4. Разработка выпускного проекта

    5. Защита выпускного проекта

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

Владислав Скращук

На данный момент я работаю ресурсным менеджером в компании Itransition. За свою двадцатилетнюю карьеру успел пройти путь от простого разработчика до руководителя большой команды. В мои интересы входит довольно много самых разнообразных областей включая и full stack разработку различных web приложений. В том числе я постоянно занимаюсь обучением новых сотрудников в гродненском офисе компании.

Создавая самые различные frontend приложения, разработчик всегда сможет найти интересные и достойные задачи, так как на данный момент frontend разработка одна из наиболее динамичных и интересных областей в современной web индустрии. Она позволит прикоснуться не только к программированию непосредственно, но и массе смежных областей таких как разработка пользовательских интерфейсов, HTML вёрстка, мультимедиа.

Сергей Коско

Опыт работы:более 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 разработчика.

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

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

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

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

aliaksandr.stashkevich@instinctools.ru

Почему выбирают IT-академию?

Важно всегда освежать свои знания и учиться чему-то новому

Учиться на курсе было непросто (я совмещал курсы с основной работой), но если у тебя есть определенная цель и тебе интересно, то все получается и хочется делать всё лучше и лучше. Да и потом ставить цель найти работу и сидеть там ровно тоже не получиться: IT-отрасль динамично развивается, поэтому важно всегда освежать свои знания и учиться чему-то новому.

Нужно быть готовым ко всем изменениям в IT-сфере

За пару месяцев до старта первого модуля я самостоятельно написал пару сайтов, поэтому с первым модулем справился довольно легко, хотя в некоторых моментах были трудности, потому что необходимо было глубже вникать в тему. На втором модуле мы больше времени уделяли JS, и курс для меня был действительно тяжелым, но все усилия полностью окупились. Не смотря на то, что верстальщики – бойцы узкого фронта, знание JS нам также необходимо, как и фронтэнд-разработчику. Тем более технологии не стоят на месте, изменения могут произойти в любой день, и нужно быть готовым ко всему.


Учиться на курсе было непросто (я совмещал курсы с основной работой), но если у тебя есть определенная цель и тебе интересно, то все получается и хочется делать всё лучше и лучше. Да и потом ставить цель найти работу и сидеть там ровно тоже не получиться: IT-отрасль динамично развивается, поэтому важно всегда освежать свои знания и учиться чему-то новому.

После курса наш преподаватель порекомендовал меня в IT-компанию, я выполнил тестовое задание – написал небольшую single-page application, и меня приняли на работу.

За пару месяцев до старта первого модуля я самостоятельно написал пару сайтов, поэтому с первым модулем справился довольно легко, хотя в некоторых моментах были трудности, потому что необходимо было глубже вникать в тему. На втором модуле мы больше времени уделяли JS, и курс для меня был действительно тяжелым, но все усилия полностью окупились. Не смотря на то, что верстальщики – бойцы узкого фронта, знание JS нам также необходимо, как и фронтэнд-разработчику. Тем более технологии не стоят на месте, изменения могут произойти в любой день, и нужно быть готовым ко всему.


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

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