20/10/2022
Поки погода шепче щось про зиму й морози, пропонуємо вам трохи абстрагуватися, заварити чай й зайнятися тренуванням своїх фронтенд-навичок.
Ми попросили наших менторів порадити, які проєкти для початківців будуть корисними для прокачування та відпрацювання FE-скілів, і зібрали топ-6 таких "тренажерів".
Тренування Frontend Skills: 6 Pet-Project для початківців
1️⃣ To Do List
🛠 Які скіли тут прокачуються?
▪️ робота з масивами, додавання/видалення/редагування та фільтрація даних
▪️ можна трохи ускладнити та спробувати додати інші бібліотеки (наприклад, redux)
▪️ можна ще додати логіку, щоб у кожного користувача був свій список
▪️ додати бекенд, щоб воно зберігалося на сервері,
▪️ додати веб-сокети, щоб можна було миттєво бачити зміни на різних вкладках
🛠 Чим такий проєкт корисний?
Робота з масивами - це основа у розробці, тому такі навички будуть корисними для початківців
2️⃣ Додаток Погода
🛠 Які скіли тут прокачуються?
▪️ робота зі сторонніми API для запитів та даних про погоду
розібратися з функціоналом та додати, наприклад, пошук по населених пунктах, координатах, тощо
▪️ потестувати фільтрацію даних за критерієм
▪️ додати перегляд прогнозів погоди на декілька днів вперед, або на місяць
🛠 Чим такий проєкт корисний?
На реальному проєкті розробникам часто доводиться стикатися з новими апішками, робити запити за даними, оброблювати їх під звучний формат. Саме тому, це буде цікавим завданням, аби відточити теорію на практиці
3️⃣ Додаток "Quiz"
🛠 Які скіли тут прокачуються?
▪️ прописати та потестити логіку, аби кожен юзер міг створювати свої опитувальники, міг їх зберігати, редагувати, шукати вже створені, etc.
▪️ додати функціоналу: наприклад, зробити sharing цих опитувальників для інших, і потім, щоб можна було переглядати результат
▪️ додати роботи з сервером, зробити збереження на ньому
🛠 Чим такий проєкт корисний?
Тут можна відпрацювати комплекс речей, таких як:
робота з масивами (додавання/редагування/видалення/фільтрація), логіка, робота з запитами, збереження даних.
4️⃣ Typing Test
🛠 Які скіли тут прокачуються?
▪️ прописати та додати логіку, щоб кожен юзер міг зберігати свій результат, переглядати їх та обирати тексти, з якими буде працювати
▪️ можна розширити та ускладнити ідею: додати змагання по набиранню тексту або створити "кімнату", де можна батлитися з іншими юзерами
▪️ робота з сервером та з вебсокетами, історія змагань, збереження, видалення вдалих/невдалих результатів
🛠 Чим такий проєкт корисний?
Відточити на практиці роботу з запитами, вебсокетами, роботу з масивами, БЕ.
5️⃣ Real Time Chat App
🛠 Які скіли тут прокачуються?
▪️ це завдання схоже на To Do List, тут ті ж скіли можна прокачати
▪️ можна додати багато різного функціоналу та логіку, наприклад: збереження повідомлень, робота з запитами, робота з масивами, вебсокети, etc.
🛠 Чим такий проєкт корисний?
Не таке важке для початківців, як попереднє:) Наші студенти робили такий проєкт на практиці, але в більш простій версії, тобто без запитів, та Real Time. Круте завдання, “на усі групи мʼязів”, яке перевірене на практиці, тож, рекомендуємо.
6️⃣ Торговий майданчик
🛠 Які скіли тут прокачуються?
▪️ з нового: робота з файлами та валідацією форм
можна додати форму для товару, зробити завантаження картинок
▪️ можна додати логіку, сервер для збереження, роботу з запитами
🛠 Чим такий проєкт корисний?
Тренування роботи з root (за різними url, знаходяться різні сторінки: /new - сторінка додавання товару, /list - список товарів, etc) та пошук товарів й фільтрація.
👉🏻 Поділіться у коментарях, а як ви прокачуєте свої скіли?
