Vi fortsätter serien av projekt för utbildning.
skikt
Layer är en gemenskap där alla kan rita en pixel på en delad "bräda". Den ursprungliga idén föddes på Reddit. r/Layer-gemenskapen är en metafor för delad kreativitet, att alla kan vara skapare och bidra till en gemensam sak.
Vad du kommer att lära dig när du skapar ditt eget Layer-projekt:
- Hur JavaScript-canvas fungerar Att veta hur man använder en canvas är en kritisk färdighet i många applikationer.
- Hur man samordnar användarbehörigheter. Varje användare kan rita en pixel var 15:e minut utan att behöva logga in.
- Skapa cookie-sessioner.
Squoosh
Squoosh är en bildkomprimeringsapplikation med många avancerade alternativ.
GIF 20 MB
Genom att skapa din egen version av Squoosh lär du dig:
- Hur man arbetar med bildstorlekar
- Lär dig grunderna i Drag'n'Drop API
- Förstå hur API och händelseavlyssnare fungerar
- Hur man laddar upp och exporterar filer
Notera: Bildkompressorn är lokal. Det är inte nödvändigt att skicka ytterligare data till servern. Du kan ha kompressorn hemma, eller så kan du använda den på en server efter eget val.
Kalkylatorn
Kom igen? Allvarligt? Kalkylator? Ja, precis, en miniräknare. Att förstå grunderna i matematiska operationer och hur de fungerar tillsammans är en avgörande färdighet för att förenkla dina applikationer. Förr eller senare kommer du att behöva ta itu med siffror och ju förr desto bättre.
Genom att skapa din egen miniräknare lär du dig:
- Arbeta med siffror och matematikoperationer
- Öva med API för händelseavlyssnare
- Hur man ordnar element, förstår stilar
Crawler (sökmotor)
Alla har använt en sökmotor, så varför inte skapa en egen? Sökrobotar behövs för att söka information. Alla använder dem varje dag och efterfrågan på denna teknik och specialister kommer bara att växa med tiden.
Googles sökmotor
Vad du lär dig genom att skapa din egen sökmotor:
- Hur crawlers fungerar
- Hur man indexerar webbplatser och hur man rangordnar dem efter betyg och rykte
- Hur man lagrar indexerade webbplatser i en databas och hur man arbetar med databasen
Musikspelare (Spotify, Apple Music)
Alla lyssnar på musik – det är bara en integrerad del av våra liv. Låt oss skapa en musikspelare för att bättre förstå hur den grundläggande mekaniken i en modern musikströmningsplattform fungerar.
Spotify
Vad du kommer att lära dig genom att skapa din egen musikströmningsplattform:
- Hur man arbetar med API. använd API från Spotify eller Apple Music
- Hur man spelar, pausar eller spola tillbaka till nästa/föregående spår
- Hur man ändrar volym
- Hur man hanterar användardirigering och webbläsarhistorik
PS
Vilka projekt skulle du föreslå att "replicera" på egen hand för att förbättra dina färdigheter?
Källa: will.com