Продовжуємо серію проектів для тренування.
шар
Layer — це спільнота, де кожен може намалювати піксель на спільній дошці. Оригінальна ідея народилася Reddit. Спільнота r/Layer — це метафора спільної творчості, що кожен може бути творцем і робити внесок у спільну справу.
Чому ви навчитеся створювати свій проект Layer:
- Як працюють JavaScript canvas, вміння оперувати canvas - критично важлива навичка у багатьох додатках.
- Як координувати user permissions (дозволи користувача). Кожен користувач може малювати один піксель раз на 15 хвилин і при цьому не треба логінуватися.
- Створювати cookie sessions.
Squoosh
Squoosh - це програма зі стиснення зображень з безліччю просунутих опцій.
Гіфка на 20 мб
Створюючи свою версію Squoosh ви навчитеся:
- Як працювати з розмірами зображень
- Опануйте основи Drag'n'Drop API
- Розберетеся як працюють API та еvent listeners
- Як завантажувати та експортувати файли
Примітка: компресор зображень локальний. Не обов'язково надсилати додаткові дані на сервер. Можна мати компресор у себе, а можна на сервер, на ваш вибір.
Калькулятор
Та гаразд? Серйозно? Калькулятор? Так, саме калькулятор. Розуміти основи математичних операцій та як вони працюють спільно – критично важлива навичка для спрощення ваших додатків. Рано чи пізно вам доведеться розбиратися з числами і що раніше, тим краще.
Створюючи свій калькулятор ви навчитеся:
- Працювати з числами та мат операціями
- Попрактикуєтеся з event listeners API
- Як розташовувати елементи, розберетеся зі стилями
Crawler (Пошуковий двигун)
Кожен користувався пошуковою системою, то чому б не створити власну? Краулери потрібні, щоб шукати інформацію. Ними користуються всі кожен день і попит з часом на цю технологію і фахівців тільки зростатиме.
Пошуковик Гугла
Чому навчитеся, створюючи свою пошукову систему:
- Як працюють краулери
- Як індексувати сайти та як їх ранжувати за рейтингом та репутацією
- Як зберігати індексовані сайти в базі даних та як працювати з базою даних
Музичний плеєр (Spotify, Apple Music)
Усі слухають музику — це просто невід'ємна частина нашого життя. Давайте створимо музичний програвач, щоб краще зрозуміти, як працює базова механіка сучасної платформи потокової передачі музики.
Spotify
Чому навчитеся, створюючи свою музичну стрімінгову платформу:
- Як працювати з API використовувати API від Spotify або Apple Music
- Як програвати, зупиняти або перемотувати на наступну/попередню композицію
- Як міняти гучність
- Як керувати маршрутизацією користувачів та історією браузера
PS
Які проекти ви запропонували б «повторити» самостійно, щоб прокачати свою майстерність?
Джерело: habr.com