Раскодируй свою карьеру: скидка 20% на курсы в формате менторинга от FoxmindEd весь декабрь 🎄
Узнать больше

От 0 до Junior Front-end Developer за 10 месяцев

Пакет обучения на 10 месяцев. Профессия Front-end Developer
Ваш план обучения от «Я ничего не знаю» до «Я Front-end специалист с коммерческим опытом работы».
Зарегистрироваться

Ваш план обучения на следующие 10 месяцев:

1 Trainee Level
  • JavaScript Start
  • Задачи перед менторингом
2 месяца
2 Junior Level
  • Front-end с персональным ментором
5 месяцев
3 Strong Junior Level
  • Обучение на реальном проекте (коммерческий опыт)
3 месяца
Бонус участия в программе
  • Помощь с оформлением LinkedIn
  • Проверка резюме
  • Пробное собеседование
  • Вебинар по софт-скиллам

Подробно обо всех этапах обучения:

О курсе

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

На этом этапе мы установим весь инструментарий достаточный для знакомства с языком программирования JavaScript. К инструментарию относятся платформа Nodejs и IDE VSCode. С этим мы будем работать на протяжении всего курса.

Здесь мы познакомимся с переменными, узнаем какое их предназначение, что мы можем хранить в переменных и рассмотрим синтаксис(правила) создания переменных.

На этом этапе рассмотрим структуры данных которые используются в JS, такие, как объекты, массивы, Map, Set. Рассмотрим отдельно каждую из них, приведем примеры для чего каждая из них используется и в чем их особенности.

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

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

ООП — объектно-ориентированное программирование. Подход, который используется в огромном количестве проектов. Эта тема будет продолжением темы классов. Рассмотрим понятия наследования, инкапсуляции и полиморфизм, в чем их особенность и какие проблемы они решают.

В этой секции мы рассмотрим некоторые особенности JS такие, как асинхронность. И рассмотрим в чем ее преимущества перед синхронностью. Также немного раскроем тему объектов в контексте JS, ключевое слово this для JS, а также, что такое пакетный менеджер и чем он полезен для разработчика.

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

В разделе 10 задач на работу с примитивными типами данных

Раздел содержит 10 задач на закрепление навыков работы с условными операторами

Этот раздел содержит 10 задач для решения с помощью циклов for и while

10 задач на работу с массивами

Программа курса разработана Алексеем Честных, который увидев перспективы Node.js и JavaScript переключился на эту технологию, и на которой успел принять участие примерно в 6-ти проектах с применением различных фреймворков и инструментов. Основной бэкграунд — это Back-end проекты. Основные технологии — JavaScript, Typescript, Nodejs, PostgreSQL, MongoDB, Redis, AWS, Azure.

После курса JavaScript Start вы:

  • Будете понимать и уметь применять основные концепции и принципы JavaScript
  • Будете уметь писать простейшие программы на JavaScript

Формат курса: видео-лекции и задания, без проверки

Время прохождения: 2-4 недели

Программа курса состоит из 4 разделов. Каждый раздел содержит в себе 10 практических задач определенной темы. Простые задачи для понимания того, как работают примитивные типы данных, условные операторы, циклы и массивы.

Формат курса: задачи для проверки ментором

Время прохождения: 4 недели

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

Видеокурс по GitLab поможет вам понять основные концепции и инструменты, которые используются для управления проектами программного обеспечения.

Во время этого курса вы ознакомитесь с основами системы контроля версий Git и платформой GitLab, которая предоставляет широкий спектр возможностей для совместной работы над кодом, отслеживания изменений, управления задачами и многое другое.

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

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

В разделе React, кроме базовых задач, есть задачи со звездочкой, направленные на наиболее амбициозных студентов, чтобы сделать ваше обучение еще более интересным и наполненным чувством преодоления вызова.

  1. Верстка страницы в соответствии с предоставленным дизайном, используя Flex.
  2. Верстка адаптивной веб-страницы, используя Flex и Grid для двух различных макетов.
  3. Создание формы, аналогичной дизайну, обязательно используя все указанные инпуты.
  4. Создание анимации с использованием CSS.
  5. Создание страницы с параллакс-эффектом, где прокрутка покажет 4 времени года.
  6. Создание страницы документации с использованием дизайна.
  7. Создание карусели согласно дизайну.
  8. Финал. Верстка полноценной адаптивной веб-страницы с использованием всех изученных в курсе техник.
  1. Изменение случайно генерируемого цвета фона страницы при клике на кнопку.
  2. Создание страницы ресторанного меню с фильтрацией элементов по нажатию кнопки.
  3. Сортировка массива различными способами (Bubble Sort, Sort by choice, Insertion Sort, Quicksort, Merge Sort).
  4. Реализация класса валидации для проверки строковых данных (OOP challenge).
  5. Создание виджета погоды с возможностью поиска.
  6. Создание списка задач (Todo list) в соответствии с дизайном. Todo list должен храниться в cookie с ограниченным сроком действия.
  7. Создание страницы со списком стран с возможностью переключиться на темную тему оформления, фильтрацией по региону и поиском по названию.
  8. Создание онлайн-магазина с корзиной покупок. Использование local storage.
  9. JavaScript на серверной стороне (Node.js, Express). Создание простого API для приложения TODO.
  10. Создание игры Doodle Jump на JavaScript. (Опционально)
  1. Вступление в React. Создание mobile gallery app с использованием css/scss modules, styled-components или tailwind на выбор.
  2. Глубокое погружение в React hooks. Создание простого приложения «Таймер» с использованием useState, useEffect, useMemo, useRef, useCallback.
  3. Формы в React. Создание страницы с двумя формами, используя контролируемые и неконтролируемые компоненты.
  4. Управление состоянием в React. Создание игры крестики-нолики с использованием одной из библиотек: redux-toolkit, zustand, mobx и др.
  5. Маршрутизация в React. Создание приложения магазина с навигацией между страницами, используя react-router или аналогичные библиотеки.
  6. UI Kit. Создание кастомных компонент (Button, Link, Input, Textarea, Checkbox, SelectMenu, Dropdown, ColorPicker и др.), которые будут использоваться в финальном проекте.
  7. Тестирование в React. Написание юнит тестов для UI Kit с предыдущего задания. Использование Jest framework и react-testing-library.
  8. Асинхронные операции в React. Создание клиент-серверного приложения TODO с асинхронными операциями, используя локальное API с задания 2.9. Использование одной из библиотек: react-query, rtk-query, useSWR, redux-saga и др.
  9. Финальный проект — Веб-календарь с обширным функционалом.

В этом разделе также предусмотрены несколько интересных бонусных заданий, включая развертывание вашего приложения на любом хостинге, таком как Heroku, Firebase, DigitalOcean и др.

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

Видеокурс по GitLab поможет вам понять основные концепции и инструменты, которые используются для управления проектами программного обеспечения.

Во время этого курса вы ознакомитесь с основами системы контроля версий Git и платформой GitLab, которая предоставляет широкий спектр возможностей для совместной работы над кодом, отслеживания изменений, управления задачами и многое другое.

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

В этом блоке вы будете изучать:

  • Основы верстки.
  • Создание макета в стиле «святой Грааль».
  • Flex и Grid layouts.
  • Реализацию сложных пользовательских интерфейсов.

В результате сверстаете макет для будущего веб-приложения.

Задания этого раздела направлены на работу с переменными, операторами, типами данных и функциями. Также в программе:

  • Взаимодействие с DOM, строками и массивами.
  • Объектно-ориентированный JavaScript.
  • Расширение и валидация форм с помощью JS.
  • Обновление веб-страниц с помощью AJAX.
  • Хранение данных с применением Local и Session Storage.
  • Сохранение промежуточных данных с использованием cookie.

На курсе изучается последняя, на момент обучения, вышедшая версия Angular. Данные задания направлены на разработку SPA-приложения (приложение по продаже велосипедов, на основе предварительно реализованного макета) и на применение основных техник и философии Angular:

  • Создание основных компонентов, модулей, моделей и сервисов с помощью Angular CLI.
  • Виды привязки данных
  • Встроенные директивы
  • События и формы
  • Использование и создание каналов (pipes)
  • Компоненты и их жизненный цикл
  • Службы (Services) и их провайдеры
  • Маршрутизация и навигация
  • Модули (создание и использование) и такая отложенная загрузка (lazy loading)
  • Асинхронные запросы HTTP, использование библиотеки RxJS
  • Хранение данных с применением Firebase
Программа курса

Видеокурс по GitLab поможет вам понять основные концепции и инструменты, которые используются для управления проектами программного обеспечения.

Во время этого курса вы ознакомитесь с основами системы контроля версий Git и платформой GitLab, которая предоставляет широкий спектр возможностей для совместной работы над кодом, отслеживания изменений, управления задачами и многое другое.

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

  • Обзор фреймворка.
  • Создание и использование компонентов.
  • Установка и настройка среды разработки.
  • Использование Vue Router для навигации в приложении.
  • Работа с событиями и обработчики событий.
  • Пропсы, события компонентов, директивы и реактивность.
  • Работа с конфигурацией Vite и дополнительными настройками
  • Создание алгоритмической задачи
  • Создание анимаций
  • Создание форм и их валидация с помощью VeeValidate Использование ui библиотеки vuesax
  • Основы тестирования компонентов и приложения с помощью VueTestUtils
  • Имплементация локализации с помощью vue-i18n
  • Использование Axios или других инструментов для взаимодействия с API.
  • Введение в управление состоянием с помощью Vuex.
  • Динамическая загрузка данных
  • Работа с фаербейсами с помощью vuefire
  • Работа с различными типами запросов
  • Использование Vue Router для навигации в приложении.
  • Создание проекта с помощью Nuxt
  • Работа со сторами браузера
  • Имплементация проекта по дизайну
  • На основе пройденного курса выполнение задачи с использованием последних тенденций. Задача может войти в ваш пример выполненных задач.
  • На основе пройденного курса выполнение задачи по созданию многоплатформенного проекта написанного на quasar.

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

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

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

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

Проект «Платформа для помощи неприбыльным организациям в поиске партнеров, волонтеров и нахождении исполнителей для решения повседневных задач».

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

Проект Learning Management System — инструменты для организации учебного процесса. Java, Spring, микросервисная архитектура. Интеграция с Google Calendar, Atlassian Jira.

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

Проект «Платформа для благотворительной организации, занимающейся опекой над бездомными котиками (мини-приют для кошек)».

Система имеет целью распространить информацию о деятельности организации, информацию о котах, нуждающихся в приюте, сбора донатов для работы приюта, покупки кормов и т.д.

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

JuniorSpace — это платформа, направленная на объединение молодых IT-специалистов и общественных организаций для создания команд, которые разрабатывают инновационные решения в области информационных технологий. Цель проекта — создать благоприятную среду для развития новичков в сфере IT, одновременно помогая социально важным проектам. Платформа предлагает различные инструменты для сотрудничества и коммуникации, такие как веб-сайт, телеграмм-чат и социальные сети, и реализует различные формы монетизации для обеспечения устойчивости и поддержки проекта.

Это курс для тех, кто уже освоил язык программирования, но еще не имеет реального опыта работы.

Впишите опыт обучения на проекте в резюме как работу на позиции Trainee Front-end Developer в компании FoxmindEd Software

Это курс для тех, кто уже освоил язык программирования, но еще не имеет реального опыта работы.

Впишите опыт обучения на проекте в резюме как работу на позиции Trainee Front-end Developer в компании FoxmindEd Software

Это курс для тех, кто уже освоил язык программирования, но еще не имеет реального опыта работы.

Впишите опыт обучения на проекте в резюме как работу на позиции Trainee Front-end Developer в компании FoxmindEd Software

Это курс для тех, кто уже освоил язык программирования, но еще не имеет реального опыта работы.

Впишите опыт обучения на проекте в резюме как работу на позиции Trainee Front-end Developer в компании FoxmindEd Software

Ваши действия:

1
Регистрация
Оставляете заявку на курс
2
Ответы на вопросы
С вами связывается сотрудник FoxmindEd и отвечает на все ваши вопросы
3
Start level
Получаете доступ к материалам курсов Start level
4
Ментотринг
Проходите курс менторинга
5
Проект
Учитесь на проекте
6
Бонусы
Проходите пробное собеседование

Стоимость и условия оплаты:

Оплата происходит постепенно за каждый этап
1 Trainee Level
JavaScript Start + Задачи перед менторингом
2 725 грн
5 050 грн
2 Junior Level — Front-end
5 месяцев по цене 6400 грн/мес
(вместо 8000 грн/мес)
32 000 грн
40 000 грн
3 Strong Junior Level – Project
3 месяца по цене 6400 грн/мес
(вместо 8000 грн/мес)
19 200 грн
24 000 грн
Стоимость всех продуктов без Пакета составляет: 69 050 грн.
Стоимость всех продуктов в Пакете: 53 925 грн.
Регистрация

Регистрация





    Отправляя сообщениe, вы соглашаетесь с нашей офертой.

    FAQ

    Как происходит оплата Пакета обучения?

    Программа разбита на три этапа (каждый этап оплачивается отдельно и постепенно):
    Trainee Level (JavaScript Start + Задачи) - 2 725 грн
    Junior Level (Front-end - 5 месяцев по цене 6400 грн/мес) - 32 000 грн
    Strong Junior Level (Project - 3 месяца по цене 6400 грн/мес) - 19 200 грн

    В чем преимущество участия в Программе перед обычной оплатой стартовых курсов и менторинга?

    Преимущества участия в Программе: вы получаете четкий план обучения по выбранной специальности на 10 месяцев и имеете возможность, как участник программы, оплатить обучение по выгодной цене, которая недоступна при обычной оплате обучения помесячно.

    Будет ли у меня поддержка во время обучения по Программе?

    Так, во время обучения с вами на связи будет личный куратор, который будет помогать решать организационные вопросы, следить за вашим прогрессом и напоминать о дедлайнах по программе. На этапе менторинга вам будет предоставлен личный ментор (практикующий программист) к которому вы будете обращаться за помощью или советом, а также сдавать задания на проверку.

    Если мне не хватит 5ти месяцев для обучения на этапе Junior Level или я закончу быстрее?

    Если студенту не хватило 5 месяцев для прохождения программы по менторингу, у него есть возможность докупить месяцы по 6 400 грн (оплата помесячно). Если закончил раньше - остаток оплаченных дней перекидывается на следующий уровень Strong Junior Level.

    Есть ли тестовый период перед этапом 2 Junior Level (менторинг)?

    Перед вторым этапом студент идет на обязательный 7-ми дневный тестовый период, если ему не подходит формат - может выйти из программы и больше ничего не платить. Если подходит, то имеет возможность, как участник программы, оплатить 5 месяцев обучения по цене 6 400 грн/мес одним платежом (32 000 грн).

    Что происходит после окончания курса менторинга (2й этап Junior Level)?

    После второго этапа студент переходит на обучение на реальном проекте и становится полноценным членом команды разработчиков и получает возможность получить коммерческий опыт работы с записью в резюме. Студент имеет возможность оплатить обучение по 6 400 грн/мес одним платежом (19 200 грн), как участник программы. Если студент захочет раньше завершить обучение или найдет работу, то мы возвращаем ему деньги, за исключением месяцев которые он отучился, перечислив их по полной цене (8 000 грн/мес).

    Какие мне доступны бонусы за участие в программе и когда я могу их использовать?

    Вместе с третьим этапом (Strong Junior Level) подключаются Бонусы за участие в программе: помощь с LinkedIn, резюме, пробное собеседование, студент получает доступ к вебинару по софт скиллам.

    Могу ли я не проходить первый этап (Trainee Level), а прийти сразу на второй (Junior Level)?

    Студент может войти в Программу со второго этапа (Junior Level), и не проходить первый (Trainee Level). Однако начать сразу с третьего (Strong Junior Level) - невозможно.

    Могу ли я приостановить на время (заморозить) обучение?

    Да, студент может взять заморозку в обучении, но не более 30 дней за 6 месяцев. Заморозка возможна только на этапе 2 (Junior Level) и 3 (Strong Junior Level).

    А есть ли возврат? А вдруг мне не понравится?

    Если в какой-то момент студент решит прекратить обучение (выйти из программы на 2м или 3м этапе) - мы возвращаем ему деньги, за исключением месяцев которые он отучился, перечислив их по полной цене (8 000 грн/мес). Оплата за первый этап - не возвращается (по условиям оферты).