FoxmindEd Birthday 🥳: -20% на усі курси менторингу та навчання на проєкті до 22.07.2024!
Дізнатися більше

Від 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 задач на закріплення навичок роботи з умовними операторами

Цей розділ мscnbnm 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 тижні

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

Вiдеокурс по 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 та ін.

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

Вiдеокурс по 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
Програма курсу

Вiдеокурс по 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
Junior Level
Виходите на тестовий період і далі проходите курс менторингу Junior Level
5
Strong Junior Level
Навчаєтесь на проєкті Strong Junior Level
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 грн.
Реєстрація

Реєстрація





    Надсилаючи повідомлення, ви погоджуєтесь з нашою офертою.

    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 грн/міс). Оплата за перший етап - не повертається (за умовами оферти).