Від 0 до Junior Front-end Developer

Детально про всі етапи навчання:

Trainee Level Junior Level Strong Junior Level

Про курс

JavaScript Start Задачі перед менторингом

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

Урок 1: Середовище виконання

На цьому етапі ми встановимо весь інструментарій, що достатній для знайомства з мовою програмування JavaScript. До інструментарію відносяться платформа Nodejs та IDE VSCode. З ними ми будемо працювати протягом усього курсу.

Урок 2: Змінні

Тут ми познайомимося зі змінними, дізнаємось яке їх призначення, що ми можемо зберігати в змінних і розглянемо синтаксис (правила) створення змінних.

Урок 3: Структури даних

На цьому етапі розглянемо структури даних, які використовуються в JS, такі як об’єкти, масиви, Map, Set. Розглянемо окремо кожну з них, наведемо приклади навіщо кожну з них використовують і які їх особливості.

Урок 4: Логічні операції, цикли, функції, помилки

Тут ми розглянемо дуже важливі конструкції які застосовуються для розробки реальних програм, подивимося як працювати з кожною з них, і розглянемо на прикладах навіщо кожна із них застосовується і які завдання вони вирішують.

Урок 5: Класи та екземпляри класів

В цьому розділі ми розкриємо тему класів. Які елементи є у класів, як вони взаємодіють, для чого вони використовуються, як допомагають робити нашу програму більш зрозумілою та простою до змін.

Урок 6: ООП

ООП – об’єктно орієнтоване програмування. Підхід, який використовується у величезній кількості проєктів. Ця тема буде продовженням класової теми. Розглянемо поняття наслідування, інкапсуляції та поліморфізм, у чому їх особливість та які проблеми вони вирішують.

Урок 7: Особливості JS

У цій секції ми розглянемо деякі особливості JS, такі як асинхронність. Розглянемо у чому її переваги перед синхронністю. Також трохи розкриємо тему об’єктів у контексті JS, ключове слово this для JS, а також, що таке пакетний менеджер і чим він корисний для розробника.

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

Розділ 1: Робота з примітивними типами даних

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

Розділ 2: Умовні оператори

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

Розділ 3: Цикли

Цей розділ мscnbnm 10 задач для вирішення за допомогою циклів for та while

Розділ 4: Масиви

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

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

Після курсу JavaScript Start ви:

Будете розуміти та вміти застосовувати основні концепції та принципи JavaScript
Вмітимете писати найпростіші програми на JavaScript

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

Час проходження: 2-4 тижні

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

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

Час проходження: 4 тижні

React Angular Vue.js

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

Git Course

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

Під час цього курсу ви ознайомитеся з основами системи контролю версій Git та платформою GitLab, яка надає широкий спектр можливостей для спільної роботи над кодом, відстеження змін, управління задачами та багато іншого.

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

Передмова

Для всіх завдань курсу, які передбачають наявність дизайнів, ми надаємо їх у Figma, де вони чітко опрацьовані талановитим дизайнером. Тож у вас не виникне запитань щодо того, який вигляд має бути у виконаного завдання.

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

HTML / CSS

Верстка сторінки відповідно до наданого дизайну, використовуючи Flex.
Верстка адаптивної веб-сторінки, використовуючи Flex і Grid для двох різних макетів.
Створення форми, аналогічної дизайну, обов’язково використовуючи всі зазначені інпути.
Створення анімації з використанням CSS.
Створення сторінки з паралакс-ефектом, де прокрутка покаже 4 пори року.
Створення сторінки документації з використанням дизайну.
Створення каруселі згідно з дизайном.
Фінал. Верстка повноцінної адаптивної веб-сторінки з використанням усіх вивчених у курсі технік.

JavaScript

Зміна кольору фону сторінки, що випадково генерується, під час кліку на кнопку.
Створення сторінки ресторанного меню з фільтрацією елементів за натисканням кнопки.
Сортування масиву різними способами (Bubble Sort, Sort by choice, Insertion Sort, Quicksort, Merge Sort).
Реалізація класу валідації для перевірки строкових даних (OOP challenge).
Створення віджета погоди з можливістю пошуку.
Створення списку завдань (Todo list) відповідно до дизайну. Todo list повинен зберігатися в cookie з обмеженим терміном дії.
Створення сторінки зі списком країн з можливістю переключитися на темну тему оформлення, фільтрацією за регіоном і пошуком за назвою.
Створення онлайн-магазину з кошиком покупок. Використання local storage.
JavaScript на серверній стороні (Node.js, Express). Створення простого API для додатка TODO.
Створення гри Doodle Jump на JavaScript. (Опціонально)

React

Вступ до React. Створення mobile gallery app з використанням css/scss modules, styled-components або tailwind на вибір.
Поглиблене занурення в React hooks. Створення простого додатка “Таймер” з використанням useState, useEffect, useMemo, useRef, useCallback.
Форми в React. Створення сторінки з двома формами, використовуючи контрольовані та неконтрольовані компоненти.
Керування станом у React. Створення гри хрестики-нулики з використанням однієї з бібліотек: redux-toolkit, zustand, mobx тощо.
Маршрутизація в React. Створення додатка магазину з навігацією між сторінками, використовуючи react-router або аналогічні бібліотеки.
UI Kit. Створення кастомних компонент (Button, Link, Input, Textarea, Checkbox, SelectMenu, Dropdown, ColorPicker тощо), що використовуватимуться у фінальному проєкті.
Тестування у React. Написання юніт-тестів для UI Kit з попереднього завдання. Використання Jest framework і react-testing-library.
Асинхронні операції в React. Створення клієнт-серверного додатка TODO з асинхронними операціями, використовуючи локальне API із завдання 2.9. Використання однієї з бібліотек: react-query, rtk-query, useSWR, redux-saga та ін.
Фінальний проєкт — Веб-календар із широким функціоналом.

У цьому розділі також передбачено декілька цікавих бонусних завдань, включаючи розгортання вашого додатка на будь-якому хостингу, як-от Heroku, Firebase, DigitalOcean та ін.

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

Git Course

HTML / CSS

У цьому блоці ви вивчатимете:

Основи верстки.
Створення макету в стилі “святий Грааль”.
Flex і Grid layouts.
Реалізацію складних інтерфейсів користувача.

В результаті зверстаєте макет для майбутнього веб-додатку.

JavaScript

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

Взаємодія з DOM, рядками та масивами.
Об’єктно-орієнтований JavaScript.
Розширення та валідація форм за допомогою JS.
Оновлення веб-сторінок за допомогою AJAX.
Зберігання даних із застосуванням Local та Session Storage.
Збереження проміжних даних із використанням cookie.

Angular

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

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

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

Git Course

Введення в Vue.js

Огляд фреймворка.
Створення та використання компонентів.
Встановлення та налаштування середовища розробки.

Маршрутизація в Vue та Vue CLI

Використання Vue Router для навігації в додатку.
Робота з подіями та обробники подій.
Пропси , події компонентів, директиви та реактивність.

Vite typescript and configuration

Робота з конфігурацією Vite та додатковими налаштуваннями
Створення алгоритмічної задачі
Створення анімацій

Створення та валідація форм , локалізація та тестування

Створення форм та їх валідація за допомогою VeeValidate
Використовування ui бібліотеки vuesax
Основи тестування компонентів та додатку за допомогою VueTestUtils
Імплементація локалізації за допомогою vue-i18n

Отримання, збереження та управління даними

Використання Axios або інших інструментів для взаємодії з API.
Введення в управління станом за допомогою Vuex.
Динамічне завантаження даних

Todo список і робота з фаєрбейс

Робота з фаєрбейс за допомогою vuefire
Робота з різними типами запитів
Використання Vue Router для навігації в додатку.

SSR за допомогою Nuxt

Створення проєкту за допомогою Nuxt
Робота з сторами браузера
Імплементація проєкту по дизайну

Підсумкова задача

На основі пройденого курсу виконання задачі з використанням останніх тенденцій. Задача може увійти у ваш приклад виконаних задач.

Багатоплатформенний проєкт (опціонально )

На основі пройденого курсу виконання задачі зі створення багатоплатформенного проєкту написаного на quasar.

Особливістю курсу є робота з ментором. Ментор – це досвідчений розробник, який допомагає розібратися в складних питаннях, дає зворотний зв’язок щодо виконаних завдань і спрямовує в процесі навчання. Це дає змогу студентам не лише вивчити теоретичну базу, а й навчитися застосовувати знання на практиці, працюючи над реальними проєктами.

Проєкт 1 Проєкт 2 Проєкт 3 Проєкт 4

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

Java + Angular or React

Проєкт “Платформа для допомоги неприбутковим організаціям у пошуку партнерів, волонтерів та знаходженні виконавців для вирішення повсякденних завдань”.

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

Java + Angular or React

Проєкт Learning Management System – інструменти для організації навчального процесу. Java, Spring, мікросервісна архітектура. Інтеграція з Google Calendar, Atlassian Jira.

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

Python + React

Проєкт “Платформа для благодійної організації, що займається опікою над безпритульними котиками (міні-притулок для котів)”.

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

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

JuniorSpace (Python + React)

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

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

Від 0 до Junior Front-end Developer за 10 місяців

Ваш план навчання на наступні 10 місяців:

Детально про всі етапи навчання:

Про курс

Ваші дії:

Вартість і умови оплати:

Записатися

FAQ