Працягваем серыю праектаў для трэніроўкі.
пласт
Layer - гэта супольнасць, дзе кожны можа намаляваць піксель на агульнай «дошцы». Арыгінальная ідэя нарадзілася на Reddit. Супольнасць r/Layer — гэта метафара сумеснай творчасці, што кожны можа быць творцам і рабіць унёсак у агульную справу.
Чаму вы навучыцеся стварай свой праект Layer:
- Як працуюць JavaScript canvas, уменне апераваць canvas – крытычна важны навык у шматлікіх прыкладаннях.
- Як каардынаваць user permissions (карыстальніцкія дазволы). Кожны карыстач можа маляваць адзін піксель раз у 15 хвілін і пры гэтым не трэба лагініцца.
- Ствараць cookies.
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