Продължаваме поредицата от проекти за обучение.
слой
Layer е общност, в която всеки може да нарисува пиксел върху споделена „дъска“. Първоначалната идея се ражда в Reddit. Общността r/Layer е метафора за споделеното творчество, че всеки може да бъде творец и да допринесе за обща кауза.
Какво ще научите, когато създавате свой собствен Layer проект:
- Как работи JavaScript canvas Да знаете как да работите с canvas е критично умение в много приложения.
- Как да координирате потребителските разрешения. Всеки потребител може да рисува по един пиксел на всеки 15 минути, без да се налага да влиза.
- Създаване на бисквитки сесии.
Squoosh
Squoosh е приложение за компресиране на изображения с много разширени опции.
GIF 20 MB
Създавайки своя собствена версия на Squoosh, ще научите:
- Как се работи с размерите на изображенията
- Научете основите на API Drag'n'Drop
- Разберете как работят API и слушателите на събития
- Как да качвате и експортирате файлове
Забележка: Компресорът за изображения е локален. Не е необходимо да изпращате допълнителни данни към сървъра. Можете да имате компресора у дома или да го използвате на сървър по ваш избор.
калкулатор
Хайде? Сериозно? Калкулатор? Да, точно, калкулатор. Разбирането на основите на математическите операции и как те работят заедно е критично умение за опростяване на вашите приложения. Рано или късно ще трябва да се справите с числата и колкото по-рано, толкова по-добре.
Създавайки свой собствен калкулатор, ще научите:
- Работа с числа и математически операции
- Практикувайте с API за слушатели на събития
- Как да подредите елементи, да разберете стиловете
Обхождане (търсачка)
Всеки е използвал търсачка, така че защо да не създадете своя собствена? За търсене на информация са необходими роботи. Всеки ги използва всеки ден и търсенето на тази технология и специалисти само ще нараства с времето.
Google търсачка
Какво ще научите, като създадете своя собствена търсачка:
- Как работят роботите
- Как да индексирате сайтове и как да ги класирате по рейтинг и репутация
- Как да съхраняваме индексирани сайтове в база данни и как да работим с базата данни
Музикален плейър (Spotify, Apple Music)
Всеки слуша музика - тя просто е неразделна част от живота ни. Нека създадем музикален плейър, за да разберем по-добре как работи основната механика на съвременната платформа за стрийминг на музика.
Spotify
Какво ще научите, като създадете своя собствена платформа за стрийминг на музика:
- Как се работи с API. използвайте API от Spotify или Apple Music
- Как да пуснете, поставите на пауза или превъртите назад към следващата/предишната песен
- Как да промените силата на звука
- Как да управлявате потребителското маршрутизиране и историята на браузъра
PS
Какви проекти бихте предложили да „копирате“ сами, за да подобрите уменията си?
Източник: www.habr.com