КУРСИ FRONT END
HTML, CSS, REACT, JAVASCRIPT
Front End розробка - це створення графічних інтерфейсів сайту або додатку, з якими взаємодіє користувач. Розробник front end відповідає за те, що відображається в браузері, і те, як дані передаються від користувача в back end і назад.
Записатися на курсПрограма курсу 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
Менторинг
онлайн доступ до навчальної програми
навчання з особистим ментором
Менторинг плюс
Онлайн навчання
Більше часу з особистим ментором
Розширена/ зменшена учбова программа
Можливість пройти учбову программу швидше
ЧОМУ КУРСИ FOXMINDED?
Навчання з менторами
Менторинг - технологія навчання, при якій ментор не пропонує готове рішення, а направляє самостійні дії студента. Так інформація засвоюється краще і ефективніше.
Реальні завдання
На курсах Front-End (React) від компанії Foxminded ми пропонуємо реальні завдання, з якими розробники стикаються в роботі. Їх складають наші ментори, які потім перевіряють виконання.
Вчителі-професіонали
Для багатьох фахівців хороший учитель став вирішальним фактором успіху. Ми підбираємо менторів з числа кращих розробників, яким є чого навчити студентів.
Навчання онлайн
Наші курси проходять онлайн. Це дає студенту можливість вчитися за зручним графіком, наприклад, після основної роботи, не витрачати час і гроші на дорогу, і піклуватися про своє здоров'я.
Навчання на проекті
Наші студенти навчаються програмувати на реальному проекті. Це не просто написання коду, а бізнес-процес, схожий на процеси всередині IT-компаній.
Проект в портфоліо
Проекти, на яких проходить навчання, можуть стати частиною портфоліо. Готовий проект і досвід роботи, нехай і невеликий, відразу підвищують інтерес рекрутерів до кандидатури розробника.
Messenger
Viber
Telegram
Skype
[email protected]
Перезвонить мне