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

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

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

Завдання даного розділу дозволяють освоїти основи верстки та позиціонування блоків HTML із застосуванням CSS на основі «святого Грааля» макету веб-сторінки. При цьому повноцінне виконання завдань навчить розміщувати елементи і застосовувати сітки на основі Flex і Grid layouts і реалізовувати складні інтерфейси користувача.
Додатково також обговоримо архітектуру, підходи до розробки за допомогою нових технологій SCSS, UIKit та інше. Кінцевим завданням розділу є верстка макету майбутнього веб-програми.

 

1.1 Створите сторінку про свою улюблену видатну людину.

 

1.2 Створите форму для облікового запису

 

1.3 Створите анімацію за допомогою CSS.

 

1.4 Створите стилізовану сторінку (parallax)

 

1.5 Створите сторінку документації.

 

1.6 Створите карусель

 

1.7 Підсумкове завдання з курсу html && css: зверстати сторінку піксель перфекта, використовуючи css&html, респонсів дизайн. Використовувати анімації за необхідності

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

 

2.1 Використовуєте js та css при натисканні на кнопку рандомно видозмінювати бекграунд колір сторінки.

 

2.2 Створіть сторінку меню ресторану, використовувати js та css,. Контент може видозмінюватися як тип ресторану та список їжі.

 

2.3 Відсортувати масив різними способами. Визначте працюючий, найшвидший та оптимальний:

 

Сортування “методом бульбашок”
Сортування на вибір
Сортування вставкою
Швидке сортування
Сортування злиттям

 

2.4 Завдання по ОП – реалізуйте клас Validator, який перевірятиме терміни. Наприклад, у нього метод isEmail параметром приймає рядок і перевіряє, чи є він коректним емейлом, чи ні.

 

2.5 Віджет погоди з пошуком

 

2.6 Створіть список туду-аркуш, який повинен зберігатися в кукі сторедж з експайрет таймом.

 

2.7 Створіть сторінку зі списком країн.

 

2.8 Створіть онлайн-магазин із кошиком
та локал сторедж.

 

2.9 Doodle Jump – це цікавий спосіб дізнатися більше про JavaScript та охоплює багато популярних методів JavaScript.

Дані завдання спрямовані на розробку SPA-додатка (додаток з продажу велосипедів, на основі попередньо реалізованого макета) та застосування основних технік і філософії React:

 

Створення основних компонентів, модулів, моделей та сервісів за допомогою React

Види прив’язки даних

Вбудовані директиви

Події та форми

Використання та створення каналів (pipes)

Компоненти та їх життєвий цикл

Служби (Services) та їх провайдери

Маршрутизація та навігація

Модулі (створення та використання) та таке відкладене завантаження (lazy loading)

Асинхронні запити HTTP, використання бібліотеки RxJS

Зберігання даних із застосуванням Firebase

Менторинг

онлайн доступ до навчальної програми

навчання з особистим ментором

вартість

4000 грн.$150

за 1 місяць

реєстрація

Менторинг плюс

Онлайн навчання

Більше часу з особистим ментором

Розширена/ зменшена учбова программа

Можливість пройти учбову программу швидше

вартість

8000 грн.$300

за 1 місяць

реєстрація

ЧОМУ КУРСИ FOXMINDED?

Навчання з менторами

Навчання з менторами

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

Реальні завдання

Реальні завдання

На курсах Front-End (React) від компанії Foxminded ми пропонуємо реальні завдання, з якими розробники стикаються в роботі. Їх складають наші ментори, які потім перевіряють виконання.

Вчителі-професіонали

Вчителі-професіонали

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

Навчання онлайн

Навчання онлайн

Наші курси проходять онлайн. Це дає студенту можливість вчитися за зручним графіком, наприклад, після основної роботи, не витрачати час і гроші на дорогу, і піклуватися про своє здоров'я.

Навчання на проекті

Навчання на проекті

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

Проект в портфоліо

Проект в портфоліо

Проекти, на яких проходить навчання, можуть стати частиною портфоліо. Готовий проект і досвід роботи, нехай і невеликий, відразу підвищують інтерес рекрутерів до кандидатури розробника.

Мельник Віталій -Ментор напряму Front-End (React)

Автор курсу

Front-End (React)

Мельник Віталій

Я почав свою кар’єру з вивчення Java. Це допомогло мені отримати досвід самостійного виконання складних завдань, навчитися працювати з БД і створювати архітектуру проекту. Розробляв проекти, в яких я працював на front-end і full-stack позиціях, використовуючи: Node Framework, JavaScript, MySQL технології. Я вивчав юзер інтерфейс і JS-фреймворки (Angular, React, Vue). Так як я працював над різними проектами, в мене великий досвід розробки юзер інтерфейсу і спілкування з клієнтом. Мені подобається працювати з людьми і інколи навіть навчати їх, коли це необхідно. Отримання нового досвіду і підвищення кваліфікації - ось що змушує мене рухатися вперед. Програмування - моя найбільша пристрасть, і я завжди хочу дізнатися щось нове.

Ментори

Ростислав Рошкович

Software web developer (Angular)

Lazy ant's

4роки

В IT сфері

1,5років

Викладання

У 2016 році, маючи за спиною великий багаж знань по роботі з адміністрування спеціалізованих систем і систематичне вирішення завдань з використанням різних МП, зупинився на розвитку себе як веб-програміста. При цьому, познайомившись з SPA (single page app) і магією платформи Angular, можу відзначити, що рішення про його вивчення, було однозначно одним з кращих. Не бійтеся помилятися! Рішення задач бізнес-логіки, розвиток софт-скілів і розширення кругозору в програмуванні призведе Вас до намічених цілей.

Ростислав Рошкович - Ментор курсу FrontEnd

Євген Сметана

Front-end engineer

Ciklum

>4років

В IT сфері

1,5років

Викладання

Вважаю що знаннями потрібно ділитися, а оскільки у мене був ментор в розробці - вважаю своїм обов'язком навчати інших. Навчу верстати і як писати код на jQuery, але сам в даний момент пишу на React, Redux. Вважаю одною з найважливіших якостей сучасного розробника - вміти гуглити, намагатися самому знайти відповіді і рішення деяких проблем. Якщо гугл не допоміг - допоможу я.

Євген Сметана - Ментор курсу FrontEnd

Юрій Шевчук

Middle front-end developer

SoftServe

>5років

В IT сфері

2,5років

Викладання

Займаюся фронтендом більше 5 років. Починав вчити html/css/js самостійно, тому розумію як важливо отримати повчання з боку. Не бійтеся пробувати, навіть якщо не впевнені в правильності рішення.

Юрій Шевчук - Ментор курсу FrontEnd

Марина Шарун

Front-end developer

Ekreative

2роки

В IT сфері

1рік

Викладання

Два роки тому я сама почала вивчати ази html css js, і з часом повністю перекваліфікувалася в фронт-енд розробника. Зараз це моя професія, але я пам'ятаю, як це було незрозуміло на початку, і як багато "каша" в голові, яку може розібрати тільки тлумачний наставник. Тут сподіваюся допомогти розібратися тим, хто чітко бачить своє майбутнє як фронт-енд розробника. Порада студенту: "Систематично робити те, що вирішив".

Шарун Марина - Ментор курсу FrontEnd

Бенідзе Давид

Front-end developer

4роки

В IT сфері

Працюю 4 роки на позиції фронтенд розробника. Працював з різними технологіями і фреймворками. Спробував попрацювати з бекендом, а саме Node.js и Firebase.

Бенідзе Давид - ментор курсу Front End

Голенок Данило

Front-end Engineer

SoftServe

>3років

В IT сфері

>2років

Викладання

Почав шлях і ІТ сферу в 2017-му році і розвиваюсь в ній семимильними кроками. Обожнюю вивчати і навчати інших найкращим практикам, архітектурним паттернам і код стайлу. Працював з багатьма backend і frontend технологіями, на даний момент підвищую експертизу в React.

Голенок Данило - Ментор напрямку Front-End

Мельник Віталій

Front-End (React)

SoftServe, Epam

>3років

В IT сфері

>1року

Викладання

Я почав свою кар’єру з вивчення Java. Це допомогло мені отримати досвід самостійного виконання складних завдань, навчитися працювати з БД і створювати архітектуру проекту. Розробляв проекти, в яких я працював на front-end і full-stack позиціях, використовуючи: Node Framework, JavaScript, MySQL технології. Я вивчав юзер інтерфейс і JS-фреймворки (Angular, React, Vue). Так як я працював над різними проектами, в мене великий досвід розробки юзер інтерфейсу і спілкування з клієнтом. Мені подобається працювати з людьми і інколи навіть навчати їх, коли це необхідно. Отримання нового досвіду і підвищення кваліфікації - ось що змушує мене рухатися вперед. Програмування - моя найбільша пристрасть, і я завжди хочу дізнатися щось нове.

Мельник Віталій -Ментор напряму Front-End (React)

Юрій Вовк

Front-end developer

PlanetOfHotels

3роки

В IT сфері

<1року

Викладання

Маю досвід роботи 3 роки у розробці web-application. Працював у продуктових компаніях на великих проектах, тому маю досвід роботи в команді та code review. За цей час мав справу зі стеком React/Hooks, Redux, HTML/CSS, webpack. Впевнений, що не важливо з якої сфери людина прийшла в IT, головне - це бажання і наполегливість у навчанні!

Юрій Вовк Ментор напряму Front-End

Денис Ніканов

Strong Middle Frontend Engineer

AgileEngine

8років

В IT сфері

1 рік

Викладання

Frontend інженер з досвідом на різних проектах з використанням Javascript, Typescript, React, Redux. Завжди відкритий для освоєння чогось нового, а також готовий поділитися своїми знаннями та досвідом для того, щоб дати буст у кар'єрі молодих фахівців.

Денис Ніканов Ментор напряму Front-End

Зареєструватися на курс

Ви залишаєте заявку і наш менеджер з вами зв'язується. Ви проходите експрес-тестування, після чого отримуєте перше завдання. Термін навчання залежить від того, скільки часу ви будете приділяти навчанню. А по закінченню у вас буде досвід роботи і проект в портфоліо. Правда, здорово?

Записатися на курс

Як проходить навчання?

01

Реєстрація

РЕЄСТРУЄШСЯ НА КУРС

01
02

Відповіді на запитання

З ТОБОЮ ЗВ'ЯЗУЄТЬСЯ СПІВРОБІТНИК FOXMINDED І ВІДПОВІДАЄ НА ВСІ ТВОЇ ЗАПИТАННЯ

03

Ментор

ТЕБЕ РОЗПОДІЛЯЮТЬ ДО МЕНТОРА І ТИ ОТРИМУЄШ ПЕРШЕ ЗАВДАННЯ

03
04

Матеріал

ВИВЧАЄШ МАТЕРІАЛ І РОБИШ ЗАВДАННЯ

04
05

Відгук про роботу

ОТРИМУЄШ ВІДГУК ВІД МЕНТОРА

06

Наступне завдання

ФІНІШУЄШ ЗАВДАННЯ І ПЕРЕХОДИШ ДО НАСТУПНОГО

06

Засновник компанії відповість
на поширені запитання

Сергій Немчинський — наймудріший лис в FoxmindEd, який 20 років працював програмістом. Майже 15 з них – в Java. Сергій був Project Manager в Ciklum, Team Leader в Luxoft, NetCracker і IntroPro.

Підписатися на канал

більше 200 тис. підписників

Наші випускники працюють в компаніях:

Михайло

Відмінні курси для тих, хто хоче почати свій шлях в IT. Є безліч сучасних напрямків. Ніякої прив’язки за часом, виконуєш скільки і коли завгодно. Ніяких лекцій, інформацію для вирішення завдань шукаєш сам, наставник може тільки направити в потрібне русло, що вельми наближає до справжньої розробки. Самі завдання актуальні, вчишся тільки тому, що дійсно стане в нагоді в подальшому. Завдання перевіряються регулярно, рівень менторів на висоті, приємне спілкування і адекватна оцінка.

Наталія

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

Дмитро

Студент FoxmindEd

В цілому все сподобалось. В тому числі підхід, що потрібно все робити по порядку з самих “низів”. Повторив для себе css (гріди, наприклад, ніколи не використовував) і jquery. Починаючи з js вже пішли нові знання. Плюс базовий навик з git, з яким я майже не працював. Найбільше, звичайно ж, мені потрібен був Angular і шкода, що немає “поглибленого” курсу саме по ньому, тому що там під “капотом” багато всього, і це все потрібно хоча б спробувати і зрозуміти. Велике спасибі за поради ментора, тому що деякі завдання були важкі і їх довелося обмірковувати і робити по кілька днів через силу, і поради дуже допомогли. Плюс оперативний зв’язок з ментором був дуже до речі! Готовий вас рекомендувати!

Максим

Студент FoxmindEd

Я поступив на foxminded цього літа і пройшов 3/4 курсу (HTML / CSS, Jquery, JS) за 3 місяці. До цього у мене був певний досвід з php і сі (на обох мовах я писав жахливо, про сі максимум можу пояснити що таке покажчик і виділити пам’ять через malloc, не більше). Проблема була в тому, що у мене не було практики, і я не міг у себе в голові скласти як будувати додаток, з чого починати і як все робити. Проходячи менторинг від foxminded, я відразу можу сказати, що ці курси не для всіх, потрібна певна база або досвід, мінімальний англійська, і бажання розвиватися, адже завдання зроблені саме так, щоб ви посиділи і подумали гарненько, і саме це і розвиває розробника, постійна практика і отримання досвіду, який foxminded дає завдяки виконанню їх завдань і звичайно ж спілкування з ментором. Так як я вчуся на другому курсі університету, можливості піти на роботу просто немає, і я спокійно вивчаю Vue.js і створюю свій додаток на ньому. Foxminded дав мені потрібну базу, досвід, і бест практіси які дозволяють мені спокійно сприймати завдання які мені зустрічаються на шляху написання програми. Хочу сказати окреме спасибі Жені Сметані, це прекрасний і крутий ментор Спасибі Foxminded за те що ви є!

Влад Мельников

Java Developer

Я типовий світчер: мені 40, працював перекладачем, закінчив річний курс по Computer Science в Канаді і не знав, як знайти роботу.
Провчився в FoxmineEd з ментором близько місяця. Пройшов інтерв’ю, не пов’язане з Java (PHP / MySql back-end). Але більшість поставлених запитань так чи інакше були пов’язані з тим, що ми проходили на першому уроці курсу, присвяченому чистому коду: статичні методи, Git, Сінглтон. Я отримав роботу.
Рекомендую курси FoxmindEd тим, хто дійсно хоче стати розробником, для того, щоб вивчити реальні робочі процеси і інструменти (Git, код рев’ю, кращі практики), яким не вчать в університеті.

Олександр Лось

Cab Technology

Java Developer

Моє навчання на менторському курсі FoxmindEd тривало близько двох тижнів. Я встиг порівняти курс з попередніми курсами по Java, які я відвідував – курс Foxminded більш результативний. Ментор, який може відповісти на питання, підказати, куди рухатися, дуже допомагає і вселяє впевненість.
Тут тобі не ставлять завдання «написати шматок коду, щоб закріпити тему». Тут ти підключаєшся до проекту і тобі доводиться використовувати всі інструменти розробника, починаючи від IDE і закінчуючи CI / CD. Цей проект можна додати в портфоліо, що величезний плюс – по собі знаю, як рекрутери дивляться на програмістів без досвіду.
А через два тижні мені запропонували пройти співбесіду на комерційний проект, і я перестав був студентом, а став справжнім програмістом. Тому я і вважаю підхід Сергія Немчинського більш ефективним, ніж інші альтернативи.

Олег Марценюк

Ciklum

Middle Java Developer

Прийшов на курси FoxmindEd з семирічним досвідом програмування та після інших курсів. Першу задачу зробив за півгодини, потім, озброївшись знаннями чистого коду, просидів над нею ще півтори години. Мій ЯЖПРОГРАМІСТ був осоромлений коментарем з 14 пунктів, що в моєму коді не так.
Навчався 12-15 годин на тиждень протягом 9 місяців. Стикався з типовими ситуаціями, коли у мене все працює, а у ментора ні (потім виявилося, у нього лінукс). Одного разу витратив три дні, щоб знайти баг, який пофіксився за 5 хвилин. Словом, все, що ми любимо в програмуванні.
Потрапив на реальний проект ще до закінчення навчання. За рік і 9 місяців став мідл, тобто тру програмістом. Всім успіхів!

Ігор Горбунов

Global Logic

Middle Java Developer

Навчання на проекті в FoxmindEd набагато ефективніше, ніж традиційні курси з програмування, де вчать синтаксису, фреймворку і т.п.
Майбутньому розробнику дається можливість не просто розібратися в синтаксисі мови, його недоліках та сильних сторонах, або в новому фреймворку. Він також на своєму досвіді розуміє, що таке командна робота, чистий код, естімація завдань, сам вивчає чужий код, використовує загальноприйняті підходи до реалізації нових фіч, – словом, вчиться бути повноцінним розробником, а не trainee, який просто добре знає теорію.
Теорію можна освоїти самостійно, чого не скажеш про навчання на проекті – тут без команди не обійтися. Саме все перераховане вище і дозволило мені без проблем стати Java програмістом.

Владислав Палій

Raiffeisen Bank International

Full stack developer

Курси від Foxminded дали мені можливість розвинути свої навички як програміста і отримати перший job offer. Я вважаю, що підхід у навчанні в Foxminded, а саме робота з ментором-дослідним програмістом, дає можливість досить швидко отримати відповідні знання та навички, а також є істотним мотивуючим фактором.

Андрій Бобров

Epam

Middle Java Developer

Мені командне (на проекті) навчання дуже сподобалося. Особливо у ментора Євгена Смородського. Наближено до реального проекту. Дуже багато фідбек було на колл, код-рев’ю. Мотивації було більше при заняттях в групі.

Wamisoftware

Хочу подякувати команді FoxmindEd за вашу працю і ті знання, які передаєте майбутнім розробникам. У компанії Wamisoftware працює 3 java розробника, які проходили у вас курси. Один з яких, через рік, став тім лідом великого проекту. Хлопці відрізняються рівнем знань, і навіть без комерційного досвіду, здатні відразу приступати до нетривіальних завдань. Більш досвідчені розробники позитивно відгукуються про code style і структурування даних.

ЗАПИСАТИСЯ НА КУРС

Зверніть увагу!
Ми не співпрацюємо з резидентами РФ та РБ!


    Frontend розробка на React

    Курси по розробці front end з використанням React в Києві – пропозиція для тих, хто планує навчатися цієї спеціальності з нуля.
    Розробка Front end – це створення користувацьких інтерфейсів. Ця частина розробки відповідає за успіх і ефективність програмного продукту. Найскладніша система або додаток не будуть працювати, якщо користувач не зможе з ними нормально взаємодіяти. Тому front end розробник – це посередник між даними на стороні back end і людиною. Для успішного створення ефективних інтерфейсів треба не лише володіти потрібними технологіями, а й розуміти психологію користувача, його шлях в системі, типові дії і реакції. Тому цей вид розробки вважається одним з найбільш творчих.
    На курсах по front end для початківців від компанії Foxminded студенти вивчають основи необхідних базових технологій – HTML, CSS, Java, JavaScript. Окрему увагу навчальний курс приділяє React. Це популярна JavaScript-бібліотека для роботи з простими односторінковими інтерфейсами. Її перевага в тому, що вона працює з даними на стороні користувача, дозволяючи оновлювати їх без перезавантаження всієї сторінки. Це прискорює роботу програми, а також не навантажує інтернет-з’єднання.
    Все навчання в компанії Foxminded відбувається онлайн. Це безпечніше, і крім того, допомагає майбутньому розробнику звикнути до віддаленого спілкування і роботи. Курирують навчальний процес досвідчені ментори – це не викладачі, які часто далекі від реального ринку, а фахівці, які дійсно володіють технологіями розробки і вміють їх застосовувати.
    Так що, якщо ви вирішили освоїти нову спеціальність з нуля і навчитися розробці front end на мові React, напишіть нам!

    Связаться с нами

    Связаться
    с нами