Курс Front End в Киеве
2 раза в неделю
вторник, четверг
с 19:00 до 22:00
и хотите освоить профессию с невысоким порогом вхождения
и оставить свою скучную работу
но хотите сменить профиль или расширить знания
но вам необходимо упорядочить знания
Придавать продуктам эффектный внешний вид, применяя HTML, CSS и JavaScript
Разбираться в основных инструментах и особенностях JavaScript
Работать с консолью разработчика и проверять код на предмет ошибок
Создавать анимации, прочие интерактивные элементы и добавлять их в продукт
Влиять на процесс оптимизации загрузки страницы и делать код более читабельным
Выгодно презентовать себя работодателю
Теории без практики
Устаревших механик работы
Пересказа чужих лекций и книг
Вопросов без ответов
Это будет увлекательно и эффективно!
(более 16 000 выпускников)
- Предназначение технологий
- Стек разработки для сайта
- Принцип работы «клиент-сервер»
- Консоль разработчика
- Текстовый редактор и IDE
- Что такое HTML, CSS, JS и их взаимодействие
- Базовые принципы верстки
- Знакомство с понятием тега и атрибута
- Обязательная структура любой веб-страницы
- Понятия строчных и блочных элементов веб страницы
- Понятия парных и непарных тегов;
- Семантические теги
- Спецсимволы
- Работа с тегами и атрибутами
- Работа с ссылками и якорями
- Работа с текстом и комментариями
- Работа с различными системами цветов в HTML
- Работа с изображениями
- Нумерованные и маркированные списки
- Работа с блоками (div)
- Таблицы
- Формы
- Элементы форм (инпуты)
- Айфреймы
- Подключение разных модулей к документу HTML
- Форматирование элементов HTML
- Что такое CSS?
- Базовые принципы написания стилей
- 3 способа добавления CSS на HTML-страницу
- Внешние таблицы стилей
- Относительные и статичные единицы измерения
- Работа со шрифтами (семейства, стили, размеры, насыщенность)
- Работа с границами элементов (бордер, радиус, тени)
- Работа с отступами и размерами элементов
- Градиенты
- Работа со свойствами float и clear
- Flex box
- Работа с фоном (изображения и цвет, размеры, прозрачность)
- Селекторы
- Продвинутые селекторы
- Приоритеты стилей
- Перезапись стилей
- Псевдоклассы, псевдоэлементы
- Работа с анимацией элементов
- Валидация
- Медиазапросы
- Установка полезных расширений для верстки
- Отладчик кода
- Работа с Git и хостинг на Git
- Адаптивная верстка
- Резиновая верстка
- Pixel perfect верстка
- Статичная верстка
- Кроссбраузерная верстка
- Смешанная верстка
- Понятие растровой и векторной графики
- Преимущества и особенности Figma
- Обзор панелей и инструментов
- Сетки
- Слои и компоненты
- Экспорт параметров и графики
- Редактирование элементов
- Построение сетки
- Работа с горизонтальным и вертикальным выравниванием
- Объединение элементов
- Методы работы с ячейками
- Подключение
- Правила и дерективы
- Управляющие директивы и выражения
- Использование миксинов
- Применение на практике
- Общая информация о языке и его особенности
- Справочники, спецификации и ссылки на них
- Консоль разработчика
- Внешние скрипты и порядок их подключения
- Переменные и правила их именования
- Типы данных и приведение типов
- Операторы сравнения и логические значения
- Условные операторы
- Логические операторы
- Конструкция switch
- Циклы ‘for’, ‘while’, ‘do…while’
- Рекурсия и понятие стека
- Понятие и синтаксис функции
- Функциональные выражения
- Области видимости
- Псевдомассив ‘arguments’
- Функции обратного вызова (callback)
- Перебирающие методы
- Внутреннее представление массивов
- Передача по ссылке
- Перебор свойств
- Стандартные встроенные объекты
- Работа с Git Bash
- Workflow от создания репозитория до его отправки на удаленный сервер
- Работа с ветками
- Работа с конфигурационными файлами
- Прототип объекта
- Свойство prototype
- Встроенные классы
- Функция — конструктор
- Наследование классов
- Внутреннее устройство метода ‘extend’ и полифилл ‘Object.create’
- Функциональное наследование
- Общая информация про ООП
- Инкапсуляция
- Полиморфизм
- Наследование
- Абстракция данных
- Понятие ‘класс’
- Работа с ‘this’ (4 способа использования)
- ES6 стандарт (стрелочные функции)
- ES6 let / const + var + hoisting
- Использование ‘call’, ‘apply’
- Дескрипторы, геттеры и сеттеры свойств
- Шаблон проектирования ‘Singletone’ через замыкание
- Сборщик мусора
- Общая информация про ‘window’, ‘navigator’, ‘document’, ‘location’, ‘history’
- Навигация по DOM элементам
- Свойства узлов
- Добавление и удаление узлов
- Работа со стилями
- Работа с координатами
- Введение в браузерные события
- Порядок обработки событий (Event Loop)
- Асинхронные события
- Работа с SetTimeout / SetInterval
- Всплытие и перехват
- Делегирование событий
- События с использованием мыши, клавиатуры и прокрутка
- Загрузка документа
- Формирование DOM пошагово
- Формирование Render Tree
- Порядок формирования CSSOM
- Оптимизация, минификация, работа с HTTP Cache
- Введение в HTTP протокол
- Преимущества и недостатки протокола
- Работа с AJAX
- Общая информация про RESTful API
- JSON
- CORS
- Promise + async await
- Cookies
- LocalStorage, sessionStorage
- IndexedDB (import / require)
- Manifest
- ServiceWorker
- Progressive Web Application
- Структура резюме
- Часто задаваемые вопросы
- Как вести себя на собеседовании
- Основные ошибки на собеседовании
- Урок английского языка №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 ты можешь почитать здесь.
В рамках обучения на курсе Front End мы предоставляем нашим студентам:
для лучшего понимания материала
Личный кабинет с доступом к материалам курса
Помощь преподавателя или ментора курса
Актуальную программу обучения
Front end курсы
Front end – это популярное направления в сфере IT, которое предусматривает разработку сайтов, веб-приложений и многих других продуктов. Курсы по Front end подходят для тех, кто хочет заниматься веб разработкой и таким образом присоединиться к индустрии ІТ. Прекрасно, если у вас уже есть базовые знания и навыки в этой области, но даже без них вы можете освоить профессию веб-разработчика «с нуля».
Чему можно научиться на курсе HTML/CSS и Front end
Пройдя обучение, вы сможете верстать различные сайты и создавать эффективные алгоритмы работы веб продуктов. Front end курсы помогут вам приобрести следующие навыки:
- создание различных веб-сайтов на основе макетов, разработанных дизайнером;
- адаптация сайта под разные экраны и браузеры;
- создание версий веб-сайтов для мобильных устройств;
- встраивание в сайты интерактивных форм, а также необходимых инструментов для сбора и анализа статистики;
- создание красивых анимированных веб-ресурсов.
И это далеко не все преимущества, которые вы получите после обучения HTML/CSS и освоения курсов Front end в Киеве. Данный продукт предлагает самую насыщенную программу, позволяющую полноценно войти в профессию за относительно короткое время. Уже в процессе обучения вы создадите свой собственный сайт или даже несколько. Их можно разместить в своем портфолио или использовать в рабочих целях.
Куда можно устроиться работать после окончания Front end курсов
Чтобы создать современный веб-сайт, нужно задействовать как минимум трех специалистов: дизайнера, Front end разработчика (верстальщика) и back-end разработчика (программиста). Как правило, от верстальщика зависит сведение работы дизайнера и back-end разработчика воедино.
Профессия Front end верстальщика позволяет работать как в офисе, так и удаленно. Вы сможете создавать конкурентные веб-сайты на заказ по макету дизайнера или без него, работая на себя или устроившись в IT агентство. Кроме того, верстальщики бывают востребованы в типографиях и компаниях, которые занимаются переводами. В последнем случае вы также можете работать удаленно.
Компания ITEA предлагает пройти курсы фронтенд с трудоустройством. После успешного завершения обучения мы рекомендуем новых специалистов нашим партнерам, которые при наличии подходящих вакансий приглашают их на собеседование. Мы обеспечиваем подготовку к собеседованию, проводя необходимые тренинги и консультации. Если вы старательно занимались и глубоко погрузились в тематику верстки, то обязательно пройдете собеседование.
Кому подойдут Front end developer курсы
Курсы фронтенд от компании ITEA позволят вам усовершенствовать базовые навыки или обучиться профессии веб-разработчика с нуля. Даже новички без каких-либо знаний в айти сфере могут освоить предложенную программу и достичь высоких результатов. Первые несколько уроков посвящены освоению базовых понятий HTML и CSS, после чего вы постепенно углубитесь в тематику верстки и овладеете многими тонкостями.
Даже пенсионер или домохозяйка, не имеющие никакого отношения к IT, успешно осваивают данный курс и находят себя в новой профессии. Сегодня для создания сайтов не обязательно уметь программировать, поскольку для основного объема работы уже существуют специальные удобные программы.
Чтобы успешно пройти обучение Frontend разработке, следуйте нашим рекомендациям:
- посещайте все занятия без пропусков;
- будьте внимательны на лекциях и практиках, обязательно задавайте вопросы преподавателю, если что-то вам непонятно;
- полностью выполняйте задания, даже если понадобится дополнительное время;
- знакомьтесь с разными источниками и обсуждайте почерпнутое из них с преподавателем;
- повторяйте дома материал, пройденный на занятии.
И еще одна важная рекомендация: подумайте, что вы хотите получить от курсов, какие проекты собираетесь реализовывать, где хотите работать и как развиваться.
Компания ITEA специально разработала курсы front end, чтобы помочь как можно большему количеству украинцев получить востребованную и высокооплачиваемую работу. После завершения обучения и сдачи финального экзамена мы выдаем сертификат, который подтверждает полученные знания и навыки в профессии веб-разработчика.