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


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

Обучение

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

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

Для новичков (Trainee). Не нужны первичные навыки и знания

Технологии HTML, CSS и JavaScript применяются при создании «лицевой» стороны веб-страницы — фронтенда. Веб-разработчик создает каркас сайта, используя HTML, а «украшает» его, добавляя разные шрифты, цвета, фон и пр., при помощи CSS. А вот JavaScript помогает «оживить» сайт, делая его интерактивным. На этом курсе вы научитесь верстать веб-страницы «блочной» и «табличной» версткой, создавать адаптивные и мобильные сайты.

1. Проекты выпускников курса: «Разработка веб-сайтов с использованием HTML, CSS и JavaScript» 

2. Проекты выпускников курса: «Разработка веб-приложений на JavaScript»

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

Общие данные

Варианты обучения
Начало занятий
20.01.2018
Продолжительность
100 уч.ч три месяца
Расписание
Очные занятия по субботам c 9.30 до 12.20
Индивидуальные и групповые онлайн-консультации
Контролируемые самостоятельные работы
Стоимость
935 BYN
С рассрочкой
344 BYN/ месяц три выплаты
Место занятий
г. Минск, ул. Скрыганова, 14, 5 этаж

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

  • Для студентов, которые хотят начать карьеру в ИТ и готовы учиться проектировать и создавать клиентские приложения;

  • Для программистов, которые хотят освоить новые технологии;

  • Для новичков, желающих освоить профессию фронтенд-разработчика с нуля;

  • Для тех, кто знаком с языками разметки, и хочет на практике закрепить имеющиеся знания и навыки программирования;

  • Для специалистов, которые планируют посвятить себя фрилансу: Front-end Developer, PHP Developer, Web-дизайн, iOS Developer, Android Developer.

Необходимая подготовка

  • Обязательно уверенное владение компьютером и браузерами

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

Этот курс для того, чтобы получить знания о языках программирования HTML, CSS и JavaScript: начиная от разбора синтаксиса и тегов и заканчивая созданием блоков, форм и целых страниц. Вы научитесь пользоваться инструментами верстки и самостоятельно писать код для браузеров. А в завершении подготовите выпускной проект — адаптивное веб-приложение.

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

  • Понимать синтаксис и теги языков разметки HTML и CSS;

  • Разбираться в структуре исходного текста страницы;

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

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

  • Верстать веб-страницы «блочной» и «табличной» версткой;

  • Создавать анимации и плавные переходы;

  • Понимать синтаксис языка JavaScript;

  • Знать типы данных и основные операции;

  • Применять функции, объекты, операторы управления программой;

  • Управлять взаимодействием с формами, изображениями и ссылками на странице;

  • Управлять содержимым веб-страницы.

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

  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

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

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

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

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

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

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

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

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

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

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

Павел Росолько

Алексей Скакун

Олеся Корзун

Юрий Григорьевич Семененко

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

Я работаю в сфере web-разработки с 2006 года. Начинал обычным контент-менеджером. Наполняя сайты, я изучал основы html, css, php, работы с графикой и оптимизацией изображений для сайтов.

Мне это очень нравилось и я жаждал развиваться. Логичным был следующий шаг - html-верстальщик, т.е. тот, кто создает из визуального макета работающий в браузере сайт, хоть и локально, но все же.

Именно на этом этапе я узнал о javascript (jQuery) и понял, как круто оживают и становятся динамичными обычные картинки из макетов. Это вдохновило меня развиваться далее.

На данный момент я смело могу назвать себя Front-end Developer'ом имея за плечами многолетний опыт по созданию, поддержке и развитию как простых сайтов, так и огромных проектов, на которых были задействованы более сотни разработчиков.

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

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

Запись на курс
1
Заполните форму заявки.
2
Ожидайте сообщения на e-mail.
3
До встречи на курсах!

Заполните форму

Задать вопрос методисту

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

Люблю видеть результат своей работы в картинках, а специальность фронтенд-разработчика дает мне такую возможность

Делать сайты мне нравилось еще со школы, но так сложилось, что поначалу пришлось выбрать иной путь, который не принес мне ничего из того, о чем мечтал и что ожидал получить от жизни. И тогда я решил вернуться к некогда интересной теме. С того момента, когда я впервые попробовал свои силы в создании HTML-странички, прошло уже много времени, но сейчас для меня это еще гораздо более увлекательный и интересный процесс, требующий больших знаний и навыков. Люблю видеть результат своей работы в картинках, а специальность фронтенд-разработчика дает мне такую возможность.

Курсы в ОЦ ПВТ помогли мне увидеть общую картину и задали направления развития в фронтенде — теперь понимаю, куда нужно двигаться для дальнейшего роста.

На программу Front-end Developer в ОЦ ПВТ пришла осознанно. Многие знакомые из моего окружения являются разработчиками: кто-то back-end, кто-то front-end. Поэтому много слышала и об этой работе, и о ее специфике. А еще мне как маркетологу интернет-проекта часто приходилось пересекаться с фронтендами. Вот в какой-то момент мне и пришла мысль: а почему бы не попробовать самой? К тому же я знаю, какой уровень зарплат в IT-сфере —это, конечно, было дополнительным стимулом

Я считаю, что обучение будет полезно всем, кто хочет научиться создавать полноценные веб-ресурсы, но не имеет опыта работы с HTML и веб-публикациями

Хорошо построенная программа позволяет усвоить максимум информации в сжатые сроки и дает вектор в развитии изучения HTML и основ JavaScript. Во время курсов получила достаточно хорошие практические знания, необходимые для самостоятельного создания веб-страниц. На данном курсе соблюдается баланс между теорией и практическим применением: все, о чем рассказывалось, подкреплялось кучей интересных примеров из реальной практики.
Сергей Лебединский

Делать сайты мне нравилось еще со школы, но так сложилось, что поначалу пришлось выбрать иной путь, который не принес мне ничего из того, о чем мечтал и что ожидал получить от жизни. И тогда я решил вернуться к некогда интересной теме. С того момента, когда я впервые попробовал свои силы в создании HTML-странички, прошло уже много времени, но сейчас для меня это еще гораздо более увлекательный и интересный процесс, требующий больших знаний и навыков. Люблю видеть результат своей работы в картинках, а специальность фронтенд-разработчика дает мне такую возможность.

В Образовательный центр ПВТ я пришел с некоторыми навыками по использованию HTML и CSS (начал изучать самостоятельно). Имел опыт верстки несложных макетов. К группе присоединился, когда та только начинала изучать JavaScript. Эта часть, также очень необходимая фронтенд-разработчику, мне была совершенно незнакома, поэтому я с удовольствием приступил к изучению данного материала. Хотелось бы сказать спасибо нашему преподавателю Алексею Локтеву, который очень доходчиво и терпеливо объяснял нам основы JavaScript.   Планы на ближайшее будущее? Хотелось бы получить шанс закрепиться на должности фронтенд-разработчика, а в дальнейшем собираюсь подтянуть знания по английскому языку, начать изучение других языков программирования.   Своим коллегам-выпускникам хотел бы пожелать удачи в трудоустройстве, ведь без практического опыта сделать это не очень просто. Тем, кто придет учиться в ОЦ ПВТ после нас, хочу дать совет. Тех знаний, которые предлагают получить на программе Front-end Developer, на мой взгляд, достаточно для того, чтобы в дальнейшем продолжить развиваться самостоятельно. Но имейте в виду: как во время курсов, так и после них бОльшая часть успеха  —  это именно самостоятельная работа.   Образовательному центру ПВТ желаю успехов и дальнейшего развития. До прихода в центр я посещал курсы в другой компании, однако обучение на программе Front-end Developer мне понравилось гораздо больше: в ОЦ ПВТ все организованно на более высоком уровне, оснащение соответствует поставленным задачам. Понравилось отношение преподавателя и методистов  — все были внимательны, терпеливы к нам, слушателям. Чувствовалась, что сотрудники заинтересованы в конечном результате, а не работают лишь для того, чтобы бы взять с нас деньги.  

Ольга Шуневич

На программу Front-end Developer в ОЦ ПВТ пришла осознанно. Многие знакомые из моего окружения являются разработчиками: кто-то back-end, кто-то front-end. Поэтому много слышала и об этой работе, и о ее специфике. А еще мне как маркетологу интернет-проекта часто приходилось пересекаться с фронтендами. Вот в какой-то момент мне и пришла мысль: а почему бы не попробовать самой? К тому же я знаю, какой уровень зарплат в IT-сфере —это, конечно, было дополнительным стимулом.

  Перед тем как пойти на курсы в ОЦ ПВТ, я примерно полтора месяца обучалась самостоятельно: прошла онлайн-курсы HTML+CSS, работала с онлайн-справочниками, смотрела видеоуроки. Но мне хотелось систематизировать знания, ведь когда занимаешься самостоятельно, всегда остается ощущение, что упускаешь что-то важное, изучаешь лишь куски. Курсы в ОЦ ПВТ помогли мне увидеть общую картину и задали направления развития в фронтенде  —  теперь понимаю, куда нужно двигаться для дальнейшего роста. Кроме того, благодаря этим курсам я сделала собственный проект, потратив гораздо меньше времени, чем если бы занималась его созданием самостоятельно  — дедлайны внутренней и внешней защиты стали хорошими мотиваторами! Правда, были важные темы, которые оказались недостаточно систематизированными для меня. Например, адаптивная верстка. Пришлось прилично поработать самостоятельно, чтобы разложить все по полочкам. Но опять же благодаря собственному проекту, это удалось сделать в достаточно короткий срок. В целом, своим выпускным проектом я довольна. Работа над ним придала уверенности в том, что могу самостоятельно создавать цельные вещи на приличном уровне.   В общем, хочу поблагодарить Образовательный центр за толковый учебный курс и солидную базу знаний и практических навыков, которые я приобрела здесь. Теперь планирую полностью сменить сферу основной деятельности и целиком уйти во Front-end.  

Юлия Зыль

Хорошо построенная программа позволяет усвоить максимум информации в сжатые сроки и дает вектор в развитии изучения HTML и основ JavaScript. Во время курсов получила достаточно хорошие практические знания, необходимые для самостоятельного создания веб-страниц. На данном курсе соблюдается баланс между теорией и практическим применением: все, о чем рассказывалось, подкреплялось кучей интересных примеров из реальной практики. Если выполнять все задачи курса в полном объеме — проблем с пониманием не будет. Преподаватель уделял время каждому + внеурочная поддержка по любым вопросам курса/домашних заданий и т.п. Как итог —  свой проект и классная мотивация от преподавателя, которая закладывает мощный фундамент для дальнейшего совершенствования в сфере.

Я считаю, что обучение будет полезно всем, кто хочет научиться создавать полноценные веб-ресурсы, но не имеет опыта работы с HTML и веб-публикациями.

Спасибо ОЦ ПВТ и отдельно преподавателю Максиму Корончику за интересные занятия и полученные знания!

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

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