Frontend
-
График
3 раза в неделю
-
Доступ к материалам
Все уроки записываются
-
Продолжительность
5,5 месяцев
-
Поддержка и консультации
Ментор и ассистент
-
Группа
До 25 человек
-
Документы об обучении
Сертификаты и Диплом
-
Уровень сложности
С нуля
-
Карьерный сервис
Стажировка после обучения
Старт курса
12
августа
Утренняя группа
09:00 - 11:00 (GMT+2)Вечерняя группа
19:00 - 21:00 (GMT+2)![frontend](/Content/img/live-online-speciality/face-image/frontend-face.png)
6 причин изучать Frontend
Что входит в курс
с тренером
заданий
онлайн
и диплом
в трудоустройстве
Программа курса
-
1Введение в HTML. Типы элементов и атрибуты
-
2Введение в CSS и определение размеров блоков
-
3Работа с отступами, свойство margin и работа с текстом и видимостью элементов
-
4Верстка с использованием Flexbox
-
5Комбинирование селекторов и работа с фоном, свойство background
-
6Семантическая верстка
-
7Формы
-
8Позиционирование элементов
-
9Практика
-
10Практика
-
1Введение в JavaScript. Переменные и типы данных
-
2Строки и операторы
-
3Логические структуры
-
4Массивы и циклы
-
5Функции
-
6Объекты
-
7Практика
-
1Основы Git
-
2Публикация репозитория
-
3Интеграция с IDE
-
1Поиск элементов и DOM дерево
-
2Изменение DOM дерева. CSS стили
-
3События. Часть 1
-
4События. Часть 2
-
5События. Часть 3
-
6Функции конструкторы
-
7Классы
-
8Классы. Наследование
-
9Контекст функции
-
10Замыкания
-
11Формы и элементы управления
-
12Проверка данных формы
-
13Cookies и Web Storage
-
14Обработка исключений
-
15Асинхронный код. Promise
-
16Сетевые запросы
-
17Практическое занятие
-
18Практическое занятие
-
1Принципы построения разметки Grid, Шаблоны сайтов
-
2Микроданные и пользовательские данные
-
3WebWorker. Audio, Video
-
4Работа с графикой на стороне клиента
-
5Canvas
-
6Анимации и градиенты
-
7Sass основы
-
8Практика
-
9Практика
-
1Знакомство с Карьерным сервисом в CyberBionic Systematics
-
2Сайты поиска работы. Разница, специфика, рейтинг
-
3Анализ рынка труда для IT-специалистов
-
4Регистрация на сайтах для поиска работы и заполнение собственных профилей
-
5Создание резюме (CV)
-
6Создание сопроводительного письма (Cover Letter)
-
7Общение с рекрутерами
-
8Подготовка к собеседованию с HR
-
9Подготовка к техническому собеседованию
-
10Как получить оффер и пройти испытательный срок
-
1Введение. Переменные и функции
-
2Классы и интерфейсы
-
3Generics
-
4Модули и пространства имен
-
5Практика
-
1Введение в Angular
-
2События и датабайдинг
-
3Директивы, пайпы. Роль модулей Angular
-
4Компоненты и их работа
-
5Основы работы сервисов и их роль в приложении
-
6Введение в HttpClient и RxJS
-
7Формы в Ангуляр
-
8Маршрутизация
-
9Практическое занятие
-
10Практическое занятие
-
1Введение в React
-
2JSX в React
-
3Основы React
-
4Состояние и жизненный цикл
-
5Формы
-
6Стилизация в React
-
7Создание списка заметок
-
8Введение в роутинг
-
9Создание страницы ошибки
-
10Создание Модального окна
-
11Hooks
-
12Оптимизация и производительность React приложений
-
13Практика
-
14Практика
-
15Практика
Курсовые проекты
![CV](/Content/img/live-online/course-project/personal-resume.png)
Личное резюме
Проект содержит информацию о студенте, его целях, образовании, опыте работы, контакты и т.д. Это одностраничный сайт с адаптивной версткой.
![CV](/Content/img/live-online/course-project/weather-forecast.png)
Прогноз погоды
Приложение показывает текущую погоду по трем городам: Киев, Лондон, Нью Йорк с возможностью переключать настройку вывода температуры в градусах Цельсия или по Фаренгейту.
![CV](/Content/img/live-online/course-project/pizzeria-website.png)
Сайт пиццерии
Сайт пиццерии имеет адаптивную верстку и состоит из нескольких страниц – главная, меню, заказ, о нас.На каждой странице находится конкретная информация и своя логика, например, на странице заказа проверяются введенные данные пользователем
![CV](/Content/img/live-online/course-project/internet-shop.png)
Интернет магазин
Веб-приложение реализовано как SPA и состоит из разделов – каталог, корзина, панель администрирования. Товар можно фильтровать по нескольким параметрам, добавить в корзину. Функционал администрирования каталога товаров и базы клиентов.
Уже есть базовые знания?
Уже есть базовые знания?
Если у вас уже есть определенная база знаний и вы хотите продолжить обучение в группе с ментором – отправьте нам заявку и мы подберем для вас группу.
Но сначала рекомендуем просмотреть программу курса и определить ваш уровень. Если нужно, вы можете бесплатно пройти онлайн тестирование.
Вы можете присоединиться к группе со второго, третьего или другого модуля программы, который отвечает вашим потребностям, чтобы изучить в группе именно те технологии, которые вам нужны.
Как проходит обучение Live online
Онлайн урок
На занятии тренер дает новый материал, отвечает на ваши вопросы. Совместная практическая работа.
![arrow](/Content/img/live-online/long-arrow.png)
![arrow](/Content/img/live-online/short-arrow.png)
Выполнение заданий
После занятия нужно выполнить практические задания по теме урока и отправить их на проверку преподавателю.
![arrow](/Content/img/live-online/long-arrow.png)
![arrow](/Content/img/live-online/short-arrow.png)
Проверка дз
На следующем занятии получаем фидбек по выполненному заданию и ответы на вопросы по предыдущей теме. После этого переходим к новой
![arrow](/Content/img/live-online/long-arrow.png)
![arrow](/Content/img/live-online/short-arrow.png)
Проверка знаний
Для самостоятельной проверки знаний нужно пройти онлайн тестирование по теме урока
![arrow](/Content/img/live-online/short-arrow.png)
Видео уроки
Если возникли вопросы или просто хочется повторить материал – смотрим запись урока в видео формате.
![arrow](/Content/img/live-online/long-arrow.png)
![arrow](/Content/img/live-online/short-arrow.png)
Курсовой проект
В течение всего обучения учащиеся самостоятельно работают над курсовым проектом.
![arrow](/Content/img/live-online/long-arrow.png)
![arrow](/Content/img/live-online/short-arrow.png)
Защита проекта
Защита курсового проекта, индивидуальные рекомендации тренера.
![arrow](/Content/img/live-online/long-arrow.png)
![arrow](/Content/img/live-online/short-arrow.png)
Сертификация
Финальное тестирование и получение Диплома по специальности.
Дополнительные видео курсы от ITVDN
44 видеокурса
Доступ на 5,5 МЕСЯЦЕВ
Учебные материалы
44 теста и сертификат
Наши тренеры
![Ростислав Силивейстр](https://itvdn.blob.core.windows.net/authors/authors-a84e0a05-34aa-49a1-825a-6e6d2c2cdfc9.jpg)
Ростислав Силивейстр
WEB Frontend Developer. Тренер-консультант
![Виталий Мазяр](https://itvdn.blob.core.windows.net/authors/authors-26a304d3-f2c1-4fc9-b108-74d11009a7cb.jpg)
Виталий Мазяр
Web Frontend Developer. Тренер-консультант. Сертифицированный тренер Microsoft. Автор видео курсов на ITVDN
![Стародуб Илья](https://itvdn.blob.core.windows.net/authors/authors-b1e218f7-d2ad-4d87-9bbf-59eaec7aec8f.jpg)
Стародуб Илья
Angular Developer - Creative Digital Agency Krokus
Microsoft Certified Specialist
![Владимир Виноградов](https://itvdn.blob.core.windows.net/authors/authors-d8715ca2-c9c6-4ce3-898e-904449f31f52.jpg)
Владимир Виноградов
Тренер-консультант,
Full Stack Developer,
Microsoft Certified Specialist,
автор видео курсов и вебинаров ITVDN
![Владислав Белик](https://itvdn.blob.core.windows.net/authors/authors-8f41a882-0676-469e-a839-3e27da2eada9.jpg)
Владислав Белик
React FrontEnd Developer, тренер-консультант по направлению FrontEnd
![Денис Ковтун](https://itvdn.blob.core.windows.net/authors/authors-ed2ae189-e202-4eb4-9ee8-66dccabf26b1.jpg)
Денис Ковтун
Web Frontend Developer. Тренер-консультант. Сертифицированный тренер Microsoft
![Тарас Заславский](https://itvdn.blob.core.windows.net/authors/authors-0dd5ce4e-2711-4c89-b6fa-c11e153bfd6f.jpg)
Тарас Заславский
FrontEnd Developer. Тренер-консультант
Диплом по окончанию обучения
![diploma](https://itvdn.blob.core.windows.net/speciality-certificates-images/speciality-certificates-images-56bdf3b9-e48e-449b-9ed5-6ddb0973f625.jpg)
![diploma](https://itvdn.blob.core.windows.net/speciality-certificates-images/speciality-certificates-images-e02aa244-6a40-40ed-bc19-5511825230b8.jpg)
Помощь в трудоустройстве
С первого дня обучения с вами будет работать HR менеджер – консультант по вопросам карьеры. Он поможет вам определить ваши цели, опираясь на имеющийся опыт и знания, поможет составить резюме и организовать тестовые собеседования, когда вы будете готовы к ним.
-
1
Помощь в выборе специализации и определении приоритетов в обучении.
-
4
Рекомендации по оформлению социальных профилей (LinkedIn, Facebook)
-
2
Проведение экскурсий в IT компании и встречи со специалистами этих компаний.
-
5
Помощь в составлении резюме специалиста.
-
3
Телеграм канал: дайджесты событий и специальные предложения партнеров.
-
6
Программа получения опыта. Организация стажировок и поиск вакансий в компаниях-партнерах.
![photo](/Content/img/live-online/employment-assistance.png)
Стоимость курса
UAH
USD
EUR
Записаться на курс
СТАРТ КУРСА: 12 августа
Что входит в курс:
-
1
62 занятия по 2 часа (live online) в группе с тренером
-
2
График занятий - 3 раза в неделю
-
3
Время занятий: с 9:00 до 11:00 или с 19:00 до 21:00
-
4
В одной группе от 6 до 25 человек
-
5
Пакет учебных материалов по всем урокам
-
6
44 видеокурса по направлению Frontend
-
7
Поурочная проверка домашних заданий
-
8
Доступ к интерактивному практикуму навыков
-
9
Онлайн тестирование и сертификация
-
10
4 курсовых проекта
-
11
Финальное тестирование и Диплом специалиста
Часто задаваемые вопросы
-
В чём преимущество онлайн курсов программирования по сравнению с оффлайн?
Онлайн курсы имеют ряд преимуществ перед оффлайн форматом:
- Независимость от локации. Онлайн позволяет учиться где угодно.
- Сохранение денег и времени на дорогу. Вы экономите время и деньги с поездок на курсы и обратно.
- Онлайн курсы дешевле. Нет нужды в помещении и ноутбуках для студентов, поэтому стоимость ниже.
- Удобный темп обучения, постоянный доступ к информации. Обучение в вашем темпе в любом месте 24/7. Также есть доступ к записанным урокам, чего нет в оффлайн формате.
-
Какова стоимость обучения?
На ITVDN есть 2 формата обучения: Live Online и видео курсы. Цена обучения зависит от выбранного вами способа обучения.
Если вы хотите учиться самостоятельно в формате видео курсов, стоимость обучения составит в среднем 10-15 USD в месяц в зависимости от выбранного вами пакета подписки.
Live Online – это онлайн обучение с тренером в группах вместе с другими студентами. Учеба в данном формате стоит в среднем 6-7 USD за один час.
-
Возможна ли оплата частями или в кредит?
Вы можете разбить плату за обучение на удобное количество платежей, подключив услугу «Оплата частями» от MonoBank. Информация о существенных характеристиках продукта и предупреждениях размещены на сайте продукта chast.monobank.ua
-
Сколько времени понадобится, чтобы овладеть программированием?
Зависит от того, сколько внимания программированию вы будете выделять ежедневно, какой именно это язык и какой у вас опыт кодинга. Среднее время на овладение одним языком при условии регулярных занятий хотя бы 2 часа в день:
- новички – от 3 до 6 месяцев;
- те, кто имеет базовые знания другого языка – от 1 до 3 месяцев;
- профессиональные программисты – до 1 месяца.
Самый лучший вариант инвестиции времени – 8 часов ежедневно (20% теории + 80% практики). Больше практики – быстрее овладеете программированием.
-
Сколько времени понадобится, чтобы овладеть IT-специальностью?
Для овладения IT-специальностью нужно выделить не менее 500 часов, из которых около 100 часов – на просмотр видео уроков или посещение онлайн занятий с ментором, а 400 – на выполнение практических заданий по пройденным темам.
В зависимости от того, сколько времени вы готовы выделять на обучение в день, вы сможете пройти программу за 3-8 месяцев. Если у вас есть определенная база знаний по IT, количество необходимого времени будет меньшим.
Также продолжительность обучения зависит от выбранной вами специальности, поскольку набор технологий, которые вы должны изучить, будет разным
-
С какого курса начинать обучение?
Начинать следует с тех, которые содержат в названии слово “Стартовый”. Такие курсы имеют вводный материал для знакомства с языком или технологией.
Если вы планируете учиться по конкретной специальности в формате видео курсов, перейдите на страницу специальности и прокрутите до заголовка “Видео курсы по специальности …”. Ниже будет список видео курсов, отсортированных в порядке необходимости изучения.
Ещё ниже вы найдете Roadmap по специальности – путеводитель, на котором изображены видео курсы в виде дерева, что также легко сориентирует вас в последовательности прохождения курсов
-
Как управлять своим временем и организовать эффективное онлайн-обучение с тренером?
Если вы выбираете Live Online обучение с тренером, всё очень просто:
- посещайте все занятия, вовремя выполняйте д/з;
- дополнительно смотрите видео уроки на ITVDN;
- после каждого урока проходите краткое тестирование;
- практикуйтесь в Интерактивном практикуме;
- общайтесь с одногруппниками в ходе решения д/з, задавайте вопросы ментору на уроках и вне их;
- в конце каждого курса сдавайте экзамен на TestProvider (и получайте Сертификаты);
- в конце всего обучения проходите экзамен по специальности и получите диплом.
-
Как управлять своим временем и организовать эффективное онлайн-обучение в формате видео курсов?
Если вы выбираете формат обучения по видео курсам, наши советы:
- организуйте регулярные занятия (желательно ежедневные, где-то на 4 часа);
- каждую тему закрепляйте практикой с помощью наших д/з;
- проходите тесты после каждого урока и экзамены в конце каждого курса;
- пользуйтесь Интерактивным практикумом;
- работайте над собственными мини-проектами;
- активно используйте гугл (stackoverflow, quora) и ChatGPT.
Ещё вам поможет раздел "План обучения" (в вашем личном кабинете) – вы сможете составить ваш личный план обучения и отслеживать ваш прогресс.
-
Есть ли у вас помощь с трудоустройством после окончания обучения?
Мы имеем специальный раздел – “Вакансии”, который помогает нашим студентам искать первую работу в IT. Детальнее о возможностях и о разделе по ссылке.
А для тех, кто учится онлайн с ментором, у нас дополнительно предусмотрена индивидуальная помощь HR-специалиста по подготовке к трудоустройству с первого дня обучения и до получения первого job-оффера. Она включает в себя помощь в оформлении соцсетей, подготовке резюме, проведении пробного собеседования, предоставлении советов по поиску работы и самопрезентации и т. д.
-
Возможно ли персональное обучение с тренером ITVDN?
К сожалению, данная услуга ITVDN не предусмотрена, однако вы можете заказать индивидуальную консультацию с нашим ментором. Подробности вы найдете по ссылке.
-
С какого возраста можно учиться на платформе?
На ITVDN отсутствуют курсы для детей, поэтому комфортный возраст для начала обучения по нашим материалам – от 14 лет.
-
Нужны ли знания английского языка для обучения?
Никаких требований к вашему уровню английского мы не выдвигаем, поскольку все учебные материалы идут на русском или украинском языках. При этом базовые знания английского будут полезны для комфортного поиска информации в гугле, чтения документаций в интернете и прочего.
-
Какого уровня можно достичь, пройдя обучение по специальности?
На ITVDN можно пройти полное обучение с нуля до специалиста уровня Trainee/Junior. Если вы уже практикующий разработчик, наши видео курсы помогут углубить ваши знания до уровня Middle.
-
Когда закончится подписка, что дальше? Доступа к урокам не будет?
После окончания действия вашей подписки доступ к видео курсам, к сожалению, будет закрыт. Однако вы сможете пользоваться теми учебными материалами, которые вы скачали на свой девайс во время обучения.
-
Суммируются ли скидки на покупку подписки?
Нет, скидки не суммируются.