spinner-it

Курс Front End
ВРЕМЯ
90 часов / 4 месяца
по 2-3 раза в неделю
с 19:00 до 22:00
СТАРТ
27.01.2022
СТОИМОСТЬ
17750 грн
12400 грн
Возможна оплата частями или беспроцентная рассрочка от Альфа-банка на 4 месяца
О курсе

Front end-разработчик отвечает за внешний вид продукта: за все цвета и шрифты, параллаксы и скроллинги, анимацию и другие мультимедиа на сайте. Конечно, структуру страниц обычно продумывает дизайнер, но именно программист должен реализовать идею и проследить, чтобы готовый проект соответствовал макету.

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

В ходе курса вы освоите структуру страницы и существующие стили, научитесь работать с HTML и CSS, узнаете, как призадать странице тот или иной вид. После вы будете готовы к изучению более сложных вещей, таких как язык JavaScript, его синтаксис и возможности, фреймворки и другие дополнительные инструменты, способы решения различных задач. А после окончания обучения сможете смело претендовать на должность Junior Front End Developer.

Читать больше о курсе Скрыть
Для кого данный курс
Вы — новичок

и хотите освоить профессию с невысоким порогом вхождения

Вы хотите обрести творческую профессию

и оставить свою скучную работу

Вы уже работаете в IT,

но хотите сменить профиль или расширить знания

Вы занимаетесь сами,

но вам необходимо упорядочить знания

Чему вы научитесь?
1.

Придавать продуктам эффектный внешний вид, применяя HTML, CSS и JavaScript

2.

Разбираться в основных инструментах и особенностях JavaScript

3.

Работать с консолью разработчика и проверять код на предмет ошибок

4.

Создавать анимации, прочие интерактивные элементы и добавлять их в продукт

5.

Влиять на процесс оптимизации загрузки страницы и делать код более читабельным

6.

Выгодно презентовать себя работодателю

Чего не будет
1.

Теории без практики

2.

Устаревших механик работы

3.

Пересказа чужих лекций и книг

4.

Вопросов без ответов

В рамках курса вы будете работать в группах над реальными проектами.
Это будет увлекательно и эффективно!
Записаться на курс
Что включает курс?

30 live-занятий — только необходимая теория и много практики

Обучение по программе, созданной специалистами топовых IT-компаний Украины

Обучение у преподавателей-практиков, которые поделятся с вами реальным опытом и актуальными знаниями

Доступ к материалам и записям занятий в течение года в личном кабинете на удобной платформе

Два занятия по английскому, на которых вы определите свой уровень владения языком, усвоите полезную лексику для IT, а также получите рекомендации по дальнейшему обучению

Занятие по поиску первой работы в IT, на котором обсудим зарплатные ожидания, самопрезентацию, этапы коммуникации с работодателем и подготовку к собеседованию

Мини-курс по soft skills, поиску заказов на фриланс-бирже Upwork, а также подготовке к поиску работы

Проверка знаний — упражнения и тесты

Навык командной работы и проекты, на которых осуществлялась работа во время обучения, для включения в портфолио

Возможность присоединиться к ITEA community
(более 16 000 выпускников)

Полную поддержку клиентского сервиса

Возможность оплаты частями или вариант удобной беспроцентной рассрочки от Альфа-банка

Индивидуальную онлайн-поддержку от преподавателя или ментора, общение с другими студентами в чате группы

Возможность заморозить обучение при необходимости и подключиться к следующему потоку

Сертификат после окончания обучения в соответствии с успеваемостью

Читать больше Скрыть
Программа обучения
Данный курс является частью программы: Frontend Development , JavaScript Development
1. Введение в веб-технологии
  • Предназначение технологий
  • Стек разработки для сайта
  • Принцип работы «клиент-сервер»
  • Консоль разработчика
  • Текстовый редактор и IDE
  • Что такое HTML, CSS, JS и их взаимодействие
2. HTML
  • Базовые принципы верстки
  • Знакомство с понятием тега и атрибута
  • Обязательная структура любой веб-страницы
  • Понятия строчных и блочных элементов веб страницы
  • Понятия парных и непарных тегов;
  • Семантические теги
  • Спецсимволы
  • Работа с тегами и атрибутами
  • Работа с ссылками и якорями
  • Работа с текстом и комментариями
  • Работа с различными системами цветов в HTML
  • Работа с изображениями
  • Нумерованные и маркированные списки
  • Работа с блоками (div)
  • Таблицы
  • Формы
  • Элементы форм (инпуты)
  • Айфреймы
  • Подключение разных модулей к документу HTML
  • Форматирование элементов HTML
3. CSS
  • Что такое CSS?
  • Базовые принципы написания стилей
  • 3 способа добавления CSS на HTML-страницу
  • Внешние таблицы стилей
  • Относительные и статичные единицы измерения
  • Работа со шрифтами (семейства, стили, размеры, насыщенность)
  • Работа с границами элементов (бордер, радиус, тени)
  • Работа с отступами и размерами элементов
  • Градиенты
  • Работа со свойствами float и clear
  • Flex box
  • Работа с фоном (изображения и цвет, размеры, прозрачность)
  • Селекторы
  • Продвинутые селекторы
  • Приоритеты стилей
  • Перезапись стилей
  • Псевдоклассы, псевдоэлементы
  • Работа с анимацией элементов
  • Валидация
  • Медиазапросы
4. Работа с браузером
  • Установка полезных расширений для верстки
  • Отладчик кода
5. Хостинговые и доменные панели
  • Работа с Git и хостинг на Git
6. Разные виды верстки
  • Адаптивная верстка
  • Резиновая верстка
  • Pixel perfect верстка
  • Статичная верстка
  • Кроссбраузерная верстка
  • Смешанная верстка
7. Figma для разработчика
  • Понятие растровой и векторной графики
  • Преимущества и особенности Figma
  • Обзор панелей и инструментов
  • Сетки
  • Слои и компоненты
  • Экспорт параметров и графики
  • Редактирование элементов
8. Grid Layout
  • Построение сетки
  • Работа с горизонтальным и вертикальным выравниванием
  • Объединение элементов
  • Методы работы с ячейками
9. Правила именования классов по BEM
10. Библиотека Bootstrap
11. SASS
  • Подключение
  • Правила и дерективы
  • Управляющие директивы и выражения
  • Использование миксинов
  • Применение на практике
12. Введение в JavaScript
  • Общая информация о языке и его особенности
  • Справочники, спецификации и ссылки на них
  • Консоль разработчика
  • Внешние скрипты и порядок их подключения
  • Переменные и правила их именования
  • Типы данных и приведение типов
13. Основные операторы
  • Операторы сравнения и логические значения
  • Условные операторы
  • Логические операторы
  • Конструкция switch
14. Циклы и функции
  • Циклы ‘for’, ‘while’, ‘do…while’
  • Рекурсия и понятие стека
  • Понятие и синтаксис функции
  • Функциональные выражения
  • Области видимости
  • Псевдомассив ‘arguments’
  • Функции обратного вызова (callback)
15. Массивы
  • Перебирающие методы
  • Внутреннее представление массивов
16. Объекты
  • Передача по ссылке
  • Перебор свойств
  • Стандартные встроенные объекты
17. Работа с Git
  • Работа с Git Bash
  • Workflow от создания репозитория до его отправки на удаленный сервер
  • Работа с ветками
  • Работа с конфигурационными файлами
18. Прототипное наследование
  • Прототип объекта
  • Свойство prototype
  • Встроенные классы
  • Функция — конструктор
  • Наследование классов
  • Внутреннее устройство метода ‘extend’ и полифилл ‘Object.create’
  • Функциональное наследование
19. ООП
  • Общая информация про ООП
  • Инкапсуляция
  • Полиморфизм
  • Наследование
  • Абстракция данных
  • Понятие ‘класс’
20. Контекст вызова и замыкания
  • Работа с ‘this’ (4 способа использования)
  • ES6 стандарт (стрелочные функции)
  • ES6 let / const + var + hoisting
  • Использование ‘call’, ‘apply’
  • Дескрипторы, геттеры и сеттеры свойств
  • Шаблон проектирования ‘Singletone’ через замыкание
  • Сборщик мусора
21. Работа с системой контроля версий
22. Глобальный объект Window и работа с DOM
  • Общая информация про ‘window’, ‘navigator’, ‘document’, ‘location’, ‘history’
  • Навигация по DOM элементам
  • Свойства узлов
  • Добавление и удаление узлов
  • Работа со стилями
  • Работа с координатами
23. События
  • Введение в браузерные события
  • Порядок обработки событий (Event Loop)
  • Асинхронные события
  • Работа с SetTimeout / SetInterval
  • Всплытие и перехват
  • Делегирование событий
  • События с использованием мыши, клавиатуры и прокрутка
  • Загрузка документа
24. Формирование страницы в браузере
  • Формирование DOM пошагово
  • Формирование Render Tree
  • Порядок формирования CSSOM
  • Оптимизация, минификация, работа с HTTP Cache
25. HTTP
  • Введение в HTTP протокол
  • Преимущества и недостатки протокола
  • Работа с AJAX
  • Общая информация про RESTful API
  • JSON
  • CORS
  • Promise + async await
26. Способы хранения данных в браузере
  • Cookies
  • LocalStorage, sessionStorage
  • IndexedDB (import / require)
  • Manifest
  • ServiceWorker
  • Progressive Web Application
27. Как составить резюме и пройти собеседование
  • Структура резюме
  • Часто задаваемые вопросы
  • Как вести себя на собеседовании
  • Основные ошибки на собеседовании
  • Урок английского языка №1
  • Урок английского языка №2
  • Урок поиска работы
Показать всю программу Скрыть программу
Преподаватели

Сделайте первые шаги в обучении под руководством практикующих специалистов!

Показать всех преподователей Скрыть преподавателей
Что говорят наши выпускники

Ольга Клымась

Могу сказать, что трудоустройство после курсов есть. Я прошла весь курс по Frontend, мне помогли составить портфолио и резюме, была встреча с рекрутером. Несколько раз мне звонили с ИТЕА, говорили, что у их партнеров есть подходящая вакансия, и предлагали передать мое резюме. Я соглашалась и получала от партнера тестовое задание. На третий раз меня пригласили на собеседование. Сейчас работаю на позиции фронта и очень довольна. Встретила двоих парней, с которыми проходили JS, они тоже устроились на работу. Не знаю, правда, посредством ИТЕА или нет.

Станислав Бабыч

Привет всем, я проходил курсы по Frontend development во Львове. ITEA — это уникальная академия, комфортная атмосфера, милая администрация, быстрое и перспективное обучение и хороший старт вашей карьеры, это все вы найдете в ITEA. Каждую часть курса ведет другой учитель, у вас появляются свои друзья и наставники в сфере айти-технологий. Спасибо Ирине Петраш (она ведет курс HTML/CSS), она продолжила давать мне советы и помогать после курсов, лучший ментор в сфере верстки сайтов. Администрация, учителя ITEA, вы лучшие из лучших, люблю вас)

Валерия Нечипорук

Мне очень понравился сервис и особенно учителя! Когда у меня возникали вопросы, я могла рассчитывать на их помощь. Кроме того, они очень хорошо преподают предмет, облегчают изучение материала. Однозначно рекомендую эту академию! Я выбрала курс Front End Development, но уверена, что это будет не единственное, что я буду здесь учить!

Владимир Яворский

Закінчив курс по HTML/CSS, всім задоволений, курс цікавий і зрозумілий для таких як я (фізичний терапевт) до цього часу користувався компютером тільки щоб статті читати) було 10 занять, 5 тижнів, за цей час навчають від створення файлу html до створення невеликої сторінки — лендінг пейдж. Піду ще на JS у листопаді, мене обов’язково попросять написати відгук, тому чекайте)

Мариана Свиржевская

Проходила курси JavaScript Base (05.2019 ), JavaScript Advanced (06.2019) і React JS (10.2019). Вибирала курс по програмі, яку в ньому будуть проходити (шукала, щоб окремо js базовий без хтмл, працюю верстальщиком і тратити час на це не хотілось). JS Advanced i React викладав Андрій Доценко. Кожне заняття це близько 2х годин лекція (або lifecode з поясненням та посиланнями на відповідну документацію) і година практичне заняття (однак бувало й навпаки — година лекція, дві — практика). Загалом об’єм інформації величезний і не завжди просто (суб’єктивно мені react-redux, react hooks). Домашні завдання об’ємні та потребують поворошити мізками і все ж розібратись з матеріалом. Але це реально дуже допомагає вникнути в суть(!) Звідси, для тих, хто шукає ’чарівну пілюлю’, де він просидить на курсах півтора місяці і стане відразу розробником — так не працює. Потрібно буде працювати і на занятті і в дома, вчитись самому докопатись до потрібного методу в документації, а не задавати 100 питань ментору (знову ж таки суб’єктивно, на роботі так само потрібно буде ритись в гуглі і вирішувати ту чи іншу задачку). Для себе — отримала масу нових знань і навиків на цих курсах, а головне дійсно розібралась, як це працює ’під капотом’. Окремо величезне спасибі Андрієві Доценко, всі приклади і задачки він готував реальні, які найчастіше бувають на проектах, часто залишався після заняття, щоб відповісти на запитання по домашкам. Всіх благ і пул реквестів без конфліктів.

Влад Калиниченко

Закончил JavaScript advanced. Много полезной практики, благодаря которой полученные знания быстро усваиваются. Очень приветливый персонал. Получил от курса все чего желал) Всем рекомендую!

Максим Пасичник

Я закінчив базовий курс HTML/CSS в ITEA. Зокрема, буду говорити за даний курс та за школу загалом. Я впевнено можу сказати, що ця школа створює всі необхідні умови для комфортного навчання. Протягом навчання адміністратори школи цікавляться як проходить курс, чи все подобається студенту. Якщо щось не підходить або не влаштовує — оперативно виправлять. ITEA надасть тобі ту необхідну та потрібну базу для розуміння своєї спеціальності та подальшого розвитку. З необхідним багажем знань отриманих в ITEA в купі з хорошою мотивацією — реально стати хорошим спеціалістом IT. :)

Дина Катеренюк

Всім привіт! Хочу поділитись своїм досвідом навчання в ITEA та розкажу трішки про працевлаштування (можливо комусь буде корисно, особливо, тим хто починає свій шлях в Frontend Development). В ITEA я вивчала JavaScript, пройшла курс JS basic та JS advanced (витратила 3 місяці). В цілому, в ITEA дуже хороша програма курсу, але щоб її освоїти потрібно багато навчатись (в середньому витрачала 2-3 години на день). Домашні завдання перевіряє ментор і дає свій фідбек, якщо виникають складності у виконанні дз — ментор теж може допомогти в онлайн режимі. Після успішного завершення курсів по JS в ITEA, я приступила до вивчення Angular (витратила 2 місяці), після чого написала проект і залила на gitlab. До речі, для студентів, які закінчили курси з відзнакою, ITEA допомагає в працевлаштуванні — відправляє ваше резюме в компанії, з якими співпрацюють! ITEA дає дуже хороший старт! І власне, після 5 місячного навчання я розпочала шукати роботу. Як і всі, в резюме я указала стек технологій, які вивчила та лінк на gitlab профіль. На пошуки роботи я витратила 1 місяць, за який провалила 3 інтерв’ю (дякуючи яким покращила свої знання) та було 2 успішних інтерв’ю, після яких отримала офер.

Ольга Серпак

Проходила Html и JS, все доступно и понятно. Хороший преподаватель, структурированная информация, впечатления остались очень положительные. В планах еще несколько курсов тут же, что уже говорит само за себя)
С портфолио наших студентов вы можете ознакомиться здесь
Трудоустройство

Задача нашей команды — стать твоим проводником в мир IT, подготовить тебя к IT-карьере максимально эффективно и, как результат, изменить твою жизнь к лучшему. Мы выпустили уже более 16000 IT-специалистов.

Более детально о трудоустройстве с ITEA ты можешь почитать здесь. В рамках обучения на курсе QA Manual мы предоставляем нашим студентам:

Возможность трудоустройства в компаниях-партнерах ITEA по их запросу
Занятие по поиску первой работы в IT, оценке зарплатных ожиданий, этапах коммуникации с работодателем и умениях презентовать себя
Учетную запись, доступ и сопровождение от биржи по трудоустройству начинающих IT-специалистов Jungo.dev
Мини-курс по soft skills, важным для работы в IT, поиску и получения заказов на самой большой фриланс-бирже в мире Upwork, а также по тому, как правильно подготовиться к поиску работы в компании
Доступ к рекомендательной системе повышения квалификации, которая поможет адаптировать ваши навыки под современный IT-рынок
Благодаря этому вы получаете все необходимые знания и умения для поиска первой работы в IT, как в штате, так и на фрилансе
Узнать больше про ITEA
Онлайн
Успей забронировать свое место в группе
Ваш номер телефона
Подписанием и отправкой этой заявки я подтверждаю, что я ознакомлен с Политикой конфиденциальности и принимаю её условия, включая регламентирующие обработку моих персональных данных, и согласен с ней. Я даю своё согласие на обработку персональных данных в соответствии с данной Политикой конфиденциальности
Стоимость:
17750 грн
12400 грн
Что включает онлайн формат?

Обучение в формате просмотра стрима или записи занятий

Личный кабинет с доступом к материалам курса

Помощь преподавателя или ментора курса

Актуальную программу обучения

Рекомендуемые курсы
Показано курсов: 3 из 3
Показано курсов: 1 из 3