КУРС

FRONT-END



HTML5 • CSS3 • JavaScript ➟ jQuery • Bootstrap • Angular


Регистрируйся на онлайн курс
Онлайн курс состоится 20 декабря
SkillUP

FRONT-END
КУРС

Регистрируйся на онлайн курс
Онлайн курс состоится 20 декабря

Для кого создавали курс обучения верстке сайтов
ДЛЯ СТУДЕНТОВ
И МЕНЕДЖЕРОВ
После полного курса обучения ты сможешь работать в IT-компании на позиции Junior Front-end Developer или Trainee
ДЛЯ ТЕХ, КТО ХОЧЕТ
РАБОТАТЬ НА ФРИЛАНСЕ
Ты сможешь сам выбирать проекты, место и график работы. Или собрать команду и работать над собственным проектом
ДЛЯ ТЕХ, КТО ХОЧЕТ
ЗАРАБАТЫВАТЬ В $
Начинающий Front-end-разработчик зарабатывает от $600 в мес. Уже через 2 года ты можешь претендовать на $1500
Для кого этот курс
Для студентов и менеджеров
После полного курса обучения ты сможешь работать в IT-компании на позиции Junior Front-end Developer или Trainee
Для тех, кто хочет работать на фрилансе
Ты сможешь сам выбирать проекты, место и график работы. Или собрать команду и работать над собственным проектом
Для тех, кто хочет зарабатывать в $
Начинающий Front-end-разработчик зарабатывает от $600 в мес. Уже через 2 года ты можешь претендовать на $1500
Плюсы работы во Front-end
Фронтенд-разработчик — это дизайнер, верстальщик и программист в одном лице. Он создает пользовательский интерфейс, разбирается в юзабилити и опыте взаимодействия (UI и UX). Неудивительно, что IT-компании предлагают таким специалистам лучшие условия труда и максимальные зарплаты на рынке
Плюсы работы во Front-end
Фронтенд-разработчик — это дизайнер, верстальщик и программист в одном лице. Он создает пользовательский интерфейс, разбирается в юзабилити и опыте взаимодействия (UI и UX). Неудивительно, что IT-компании предлагают таким специалистам лучшие условия труда и максимальные зарплаты на рынке
Перспективная профессия
Рынок веб-разработки растет во всем мире. В большей мере это связано с тем, что бизнесмены понимают важность наличия сайта, который является площадкой для продвижения продукта или услуг в сети.
Легкость обучения
Совсем не обязательно иметь математический склад ума или заканчивать специализированный ВУЗ, чтобы освоить Front-end разработку. С помощью специального языка разметки HTML и таблиц с каскадными стилями CSS ты сможешь разрабатывать уникальный и привлекательный дизайн для web-приложений и сайтов.
Востребованность на рынке труда
По состоянию на январь 2019 года актуальны более 600 вакансий по специальности Front-end разработчик, по официальным данным DOU.
Высокая зарплата
Фронтенд-разработчик – топовая специальность в IT. Сотрудников привлекают шикарными условиями труда и различными бонусами за выполнение проектов. Средняя заработная плата Front-end разработчиков составляет около 30000 грн, согласно статистике опубликованной ua.trud.com.
Трудоустройство за рубежом
С хорошим английским реально получить работу в европейских и американских IT-компаниях. За границей очень ценят украинских разработчиков, так как наша страна является лидером по IT-аутсорсингу.
Работа на фрилансе
Опытный специалист может выбирать себе интересные проекты и прилично зарабатывать не выходя из дома. Хотя на фриланс-биржах размещено большое количество заказов даже для начинающих фронтенд-разработчиков

Зарплаты Front-end Developer в Харькове
Cредняя зарплата фронтенд-разработчика составляет 37-40 тыс грн и приравнивается к зарплатам руководителей IT-проектов. К этой сумме айтишник без опыта приходит за 2-3 года работы. Максимальная зарплата экспертов в области HTML и JavaScript достигает 120-135 тыс грн в месяц.

(по данным сайта ua.trud.com, djinni.co)
Курс «Front-end с нуля» – твой старт в интересную и прибыльную профессию. Наши выпускники уже работают в топовых IT-компаниях и веб-студиях или ведут собственные проекты на фрилансе
Курс Front-End в цифрах
5
месяцев
и ты можешь работать Junior Front-end Developer
80
часов
40 занятий по 2 часа
4550
грн/мес
Первый минимальный размер платежа до 1 занятия

БОНУС: iLingua School предоставляет специальную скидку на изучение английского языка студентам SkillUp, на основе партнерства.
Курс Front-end
в цифрах
5 месяцев
и ты можешь работать Junior Front-end Developer
80 часов
40 занятий по 2 часа

4550 грн/мес
Первый минимальный размер платежа до 1 занятия


БОНУС: iLingua School предоставляет специальную скидку на изучение английского языка студентам SkillUp, на основе партнерства.
Программы лояльности
Стоимость курса:
22750 грн


*при оплату сразу
за 5 месяцев цена:
21000 грн
(скидка 1750 грн)
Приходи вместе с другом
и получи скидку
400 грн
Программы лояльности
Стоимость курса:
22750 грн


*при оплату сразу
за 5 месяцев цена:
21000 грн
(скидка 1750 грн)
Приходи вместе с другом
и получи скидку
400 грн
Что нужно, чтобы поступить на курс Front-end
Желание обучаться
оставь заявку на курс и приходи к нам за знаниями!
Свободно владеть компьютером
и уметь работать с программами OS Windows
Знать английский на начальном уровне
подтянуть язык можно во время обучения
Быть любознательным и терпеливым
тебе предстоит много трудиться :)
Что нужно, чтобы поступить на курс Front-end
Желание обучаться
оставь заявку на курс и приходи к нам за знаниями!
Свободно владеть компьютером
и уметь работать с программами OS Windows
Знать английский на начальном уровне
подтянуть язык можно во время обучения
Быть любознательным и терпеливым
тебе предстоит много трудиться :)
Программа курса
12 блоков для углубленного изучения Front-end.
Актуальные темы 2022 года уже в программе!
HTML logo - 1
Модуль 1
HTML5
1. Введение.
2. Doctype. Кодировка.
3. HTML теги и атрибуты.
4. Создание текстовых блоков, добавление ссылок и размещение картинок.
5. Табличная и блочные верстки.
6. HTML Forms
7. HTML Semantics
8. HTML response images. Picture тег.
9. HTML accessibility.

CSS3 лого - 1
Модуль 2
CSS3
1. Введение и способы подключения CSS в HTML.
2. CSS Единицы измерения: абсолютные и относительные.
3. Селекторы в CSS.
4. Свойства и значения CSS, понятие приоритета правил для различных селекторов
(specificity); отступы и цвета; фон и фоновые изображения.
5. Виды позиционирования элементов на странице и особенности их взаимодействия.
6. CSS Box Model.
7. Responsive Web Design.
9. HTML accessibility.

CSS Preprocessors logo 1
Модуль 3
CSS Preprocessors
1. Введение и использование SASS.
2. Переменные. Операторы.
3. Вложенность блоков.
4. Partials, imports, mixins и наследование.

HTML protocol logo 1
Модуль 4
HTTP протокол
1. Основы HTTP. Введение. Базовые понятия: WEB, Browser, URL. HTTP запрос и HTTP ответ. HTTP методы. HTTP статус коды.
2. HTTP State Management: Cookies.

JavaScript логотип 1
Модуль 5
Javascript
1. Введение и способы подключения в HTML.
2. Отладка сценария. Особенности отладки сценария в браузерах.
3. Базовый JavaScript. Синтаксис. Зарезервированные слова. Типы данных.
4. Элементарные переменные. Инструкции, операторы. Массивы в JavaScript.
5. Функция в JavaScript. Область определения переменных.
6. Понятие объекта. Свойства и методы объекта.
7. Объект Date в Javascript и его методы.
8. Функция-конструктор. Встроенные функции.
9. Обработка исключений. Try … catch конструкция.
10. Базовая объектная модель документа (DOM). Способы доступа, изменения и удаления DOM элементов.
11. Web Storage API: SessionStorage и LocalStorage.
12. События. Основы работы с событиями. События в деталях. Делегирование событий.
13. ES-2015.
14. Оптимизация Javascript.

quality code logo 1
Модуль 6
Качество кода
1. Форматирование: ESLint и Stylelint.
2. Модульное тестирование в Javascript.
3. Test Driven Development и Behaviour Driven Development.
4. Практика модульного тестирования. Jest framework.
5. Mock vs Spy vs Stub.
6. Тестирование асинхронного кода.
7. Покрытие кода (code coverage).
NPM logo 1
Модуль 7
NPM
1. Введение в NPM.
2. Установка и обновление NPM зависимостей.
3. NPM скрипты.
GIT logo 1
Модуль 8
GIT
1. Введение в GIT. GIT Web Interface.
2. Состояния ресурсов в GIT.
3. Команды GIT для работы из CLI: создание, клонирование, загрузка изменений на локальный компьютер, изменение ресурсов, отмена изменений, создание новых веток в репозитории и загрузка изменений в удаленный репозиторий.
4. Конфигурация GIT. Игнорирование ресурсов в GIT.
Bootstrap logo 1
Модуль 9
Bootstrap
1. Установка и настройка темы.
2. Layout, Grid и Responsive breakpoints.
3. Компоненты Bootstrap.
jQuery logo 1
Модуль 10
jQuery
1. Установка jQuery.
2. Основные моменты и все возможности jQuery.
3. Переменные, Селекторы.
4. Цепочки методов и Работа с набором элементов.
5. Ajax.
6. Анимация.
7. Возможно вам не нужен jQuery.
Webpack logo 1
Модуль 11
Webpack
1. Введение.
2. Webpack в действии.
3. Webpack Конфигурация: настройка входных/выходных ресурсов, loaders, плагины и режимы работы Webpack.
4. Способы анализа bundles.
Angular Logo
Модуль 12 на Выбор Angular или React
Angular
1. Создание проекта.
2. Angular Cli.
3. TypeScript.
4. Компоненты.
5. Директивы.
6. Фильтры.
7. Формы.
8. Сервисы.
9. Http модуль.
10. Роут.
11. Angular Material.
12. Разработка собственного проекта.
13. Деплой проекта на Heroku.
React logo 1
React
1. Развертывание проекта.
2. Функциональные и классовые компоненты.
3. Virtual DOM.
4. Работа с state.
5. React Hooks
6. PropTypes
7. Роутинг
8. Redux
9. Ajax запросы на сервер
10. Деплой проекта на github
Программа курса
HTML logo - 1
Модуль 1
HTML5
1. Введение.
2. Doctype. Кодировка.
3. HTML теги и атрибуты.
4. Создание текстовых блоков, добавление ссылок и размещение картинок.
5. Табличная и блочные верстки.
6. HTML Forms
7. HTML Semantics
8. HTML response images. Picture тег.
9. HTML accessibility.
CSS3 лого - 1
Модуль 2
CSS3
1. Введение и способы подключения CSS в HTML.
2. CSS Единицы измерения: абсолютные и относительные.
3. Селекторы в CSS.
4. Свойства и значения CSS, понятие приоритета правил для различных селекторов
(specificity); отступы и цвета; фон и фоновые изображения.
5. Виды позиционирования элементов на странице и особенности их взаимодействия.
6. CSS Box Model.
7. Responsive Web Design.
9. HTML accessibility.
CSS Preprocessors logo 1
Модуль 3
CSS Preprocessors
1. Введение и использование SASS.
2. Переменные. Операторы.
3. Вложенность блоков.
4. Partials, imports, mixins и наследование.
HTML protocol logo 1
Модуль 4
HTTP протокол
1. Основы HTTP. Введение. Базовые понятия: WEB, Browser, URL. HTTP запрос и HTTP ответ. HTTP методы. HTTP статус коды.
2. HTTP State Management: Cookies.
Модуль 5
Javascript
1. Введение и способы подключения в HTML.
2. Отладка сценария. Особенности отладки сценария в браузерах.
3. Базовый JavaScript. Синтаксис. Зарезервированные слова. Типы данных.
4. Элементарные переменные. Инструкции, операторы. Массивы в JavaScript.
5. Функция в JavaScript. Область определения переменных.
6. Понятие объекта. Свойства и методы объекта.
7. Объект Date в Javascript и его методы.
8. Функция-конструктор. Встроенные функции.
9. Обработка исключений. Try … catch конструкция.
10. Базовая объектная модель документа (DOM). Способы доступа, изменения и удаления DOM элементов.
11. Web Storage API: SessionStorage и LocalStorage.
12. События. Основы работы с событиями. События в деталях. Делегирование событий.
13. ES-2015.
14. Оптимизация Javascript.
quality code logo 1
Модуль 6
Качество кода
1. Форматирование: ESLint и Stylelint.
2. Модульное тестирование в Javascript.
3. Test Driven Development и Behaviour Driven Development.
4. Практика модульного тестирования. Jest framework.
5. Mock vs Spy vs Stub.
6. Тестирование асинхронного кода.
7. Покрытие кода (code coverage).
NPM logo 1
Модуль 7
NPM
1. Введение в NPM.
2. Установка и обновление NPM зависимостей.
3. NPM скрипты.
GIT logo 1
Модуль 8
GIT
1. Введение в GIT. GIT Web Interface.
2. Состояния ресурсов в GIT.
3. Команды GIT для работы из CLI: создание, клонирование, загрузка изменений на локальный компьютер, изменение ресурсов, отмена изменений, создание новых веток в репозитории и загрузка изменений в удаленный репозиторий.
4. Конфигурация GIT. Игнорирование ресурсов в GIT.
Bootstrap logo 1
Модуль 9
Bootstrap
1. Установка и настройка темы.
2. Layout, Grid и Responsive breakpoints.
3. Компоненты Bootstrap.
jQuery logo 1
Модуль 10
jQuery
1. Установка jQuery.
2. Основные моменты и все возможности jQuery.
3. Переменные, Селекторы.
4. Цепочки методов и Работа с набором элементов.
5. Ajax.
6. Анимация.
7. Возможно вам не нужен jQuery.
Webpack logo 1
Модуль 11
Webpack
1. Введение.
2. Webpack в действии.
3. Webpack Конфигурация: настройка входных/выходных ресурсов, loaders, плагины и режимы работы Webpack.
4. Способы анализа bundles.
Angular Logo
Модуль 12 на Выбор Angular или React
Angular
1. Создание проекта.
2. Angular Cli.
3. TypeScript.
4. Компоненты.
5. Директивы.
6. Фильтры.
7. Формы.
8. Сервисы.
9. Http модуль.
10. Роут.
11. Angular Material.
12. Разработка собственного проекта.
13. Деплой проекта на Heroku.
React logo 1

React
1. Развертывание проекта.
2. Функциональные и классовые компоненты.
3. Virtual DOM.
4. Работа с state.
5. React Hooks
6. PropTypes
7. Роутинг
8. Redux
9. Ajax запросы на сервер
10. Деплой проекта на github
После прохождения курса «Front-end»:
  • Ты будешь понимать, как работают клиент-серверные системы.
  • Сможешь ориентироваться в структуре html-документов.
  • Научишься задавать форматирование с помощью CSS и понимать их иерархию.
  • Будешь знать о встроенных инструментах веб-разработчика в браузере Chrome.
  • Сможешь работать с командной строкой и использовать систему контроля версий.
Почему стоит пройти обучение именно в SkillUp?
  • Групповое занятие с IT рекрутером. Ты узнаешь о подводных камнях трудоустройства в IT сфере, и как их обойти.
  • Помощь в трудоустройстве. За более чем 9 лет мы обрели 235+ партнеров в 4‑х странах, которые обеспечивают работой наших лучших выпускников.
Хочешь создавать современные веб-интерфейсы
и построить карьеру верстальщика сайтов?

Регистрируйся на онлайн курс
Онлайн курс состоится 20 декабря

Хочешь создавать современные веб-интерфейсы и построить карьеру в IT?
Регистрируйся на онлайн курс
Онлайн курс состоится 20 декабря

Как проходят занятия в SkillUP
Как проходят занятия
в SkillUP
Тренер и создатель программы курса
Тренер и создатель программы курса
Андрей Фоменко
12+ лет веб-разработки.
Конструирование сайтов с использованием популярных CMS Drupal, WordPress.
Front-End: HTML, CSS, препроцессоры LESS / SCSS (Sass), Gulp, Webpack, Git, Framework Bootstrap (v.3.x, v.4.x), jQuery, JavaScript, Angular 8.
Фрилансер.

Разработчик курса Front-End Web Development.

SkillUP – это международная сеть учебных IT-центров. Мы объединяем ведущих тренеров, которые помогают умным людям изменить свою жизнь и достичь высоких результатов.

Мы трудоустраиваем людей в IT уже больше 9 лет. Мы точно знаем, что нужно компаниям, поэтому в SkillUP учим студентов решать реальные задачи. Обучаем так, чтобы вы были на голову выше других соискателей и даже на старте могли выбирать лучшее место работы
SkillUP – это международная сеть учебных IT-центров. Мы объединяем ведущих тренеров, которые помогают умным людям изменить свою жизнь и достичь высоких результатов.

Мы трудоустраиваем людей в IT уже больше 9 лет. Мы точно знаем, что нужно компаниям, поэтому в SkillUP учим студентов решать реальные задачи. Обучаем так, чтобы вы были на голову выше других соискателей и даже на старте могли выбирать лучшее место работы

92% выпускников SkillUP
получают работу за 2 месяца

92% выпускников SkillUP

получают работу за 2 месяца

Где работают выпускники SkillUP
Где работают
выпускники SkillUP
Отзывы выпускников курса
Отзывы выпускников курса

https://youtu.be/FEkqJB0qv8o

https://www.youtube.com/embed/kTjNBUerxFo

«Проходил курс Front-end. Преподаватель Андрей Фоменко. Остался полностью доволен. Шел с базой html и css, думал, что достаточно знаю, но был не прав. В курсе затрагиваются все фундаментальные основы которые сам бы я учить и не стал. Познакомили по всеми необходимыми инструментами для работы. Дали базу по JavaScript, jQuery. Показали как работать с GitHub, и более того работы проверяют там же. Удобный офис, есть компьютеры. Можно просто приходить с флешкой на лекции, а не таскать с собой тяжёлый ноутбук. Курсы были в Сб и Вс. Остальная неделя идёт на самостоятельную обработку и повторение материала. Домашних заданий достаточно, и делать их нужно обязательно, а то ничего не запомниться.»
Artem Tykhonenko
https://goo.gl/maps/jSRWkSh4ekr3Td369
«Курсы отличные! Очень понравилась программа обучения, так как охватывает довольно много актуальных тем и дает представление о том, что ждёт впереди FrontEnd разработчика. Преподаватель Андей разбирается во всех тонкостях тематики, может ответить на любой вопрос, а главное - Андрей всегда на связи (даже если делаешь домашнее задание ночью и понадобилась небольшая консультация). Большой плюс курсов FrontEnd в SkillUp - довольно длительное и глубокое изучение JavaScript. Еще там есть кофеек и чаек😉А от метро 5 минут всего»
Олеся Миллер
https://goo.gl/maps/x9r3rcAD1jBeragC8
<
«Я прошел курс Front-End в центре обучения SkillUP и он оставил только позитивные эмоции. Он дал хорошую базу знаний и навыков (HTML+CSS+JS) для развития и обучения с последующим трудоустройством, а так же хорошее понимание дальнейшего развития. Хочу отметить преподавателя Андрея, который доступно подавал актуальную информацию. Всегда предоставлял помощь в решении задач, даже в достаточно позднее время. И конечно же прекрасный куратор Екатерина. За её понимание, терпение, и помощь в решении любых вопросов. Спасибо Вам огромное за полученные знания и опыт. Рекомендую всем этот курс и эту айти школу!»
Даниил Мельник
https://goo.gl/maps/nL5NZb3CavHicBCM9
«Закончила курс Front-end. Очень довольна. Удобный класс с ноутбуками - не надо приносить свой, небольшие группы, приятная атмосфера, удобное время проведения занятий. И, самое главное - великолепный преподаватель, Андрей Фоменко. Отличное изложение информации, очень много смогли изучить за довольно короткий срок. Даже не ожидала такого результата от 3х-месячного курса. С этой базой знаний можно смело двигаться вперед, работать и развиваться дальше! Готова рекомендовать всем!»
Vika Nedzelskaya
https://goo.gl/maps/2FLFWa8xmXoa7wtV8
Верь в себя, у тебя всё получится!

Регистрируйся на онлайн курс
Онлайн курс состоится 20 декабря

Верь в себя,
у тебя всё получится!

Регистрируйся на онлайн курс
Онлайн курс состоится 20 декабря