You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Bygg din React-app enligt nedanstående skiss (hur mycket CSS du vill göra är upp till dig).
Steg 1
Koppla ihop varje datapunkt ( klass, titel, förnamn, efternamn, godkänner ) med en funktion i din React-komponent som lyssnar efter inmatning och sparar det som skrivs in i ett inputfält i en variabel.
I denna övning ska du bygga en lösenordsgenerator med flera nivåer.
Level 1
Skapa en enklare lösenordsgenerator i form av en function passwordGenerator(length) där enda argumentet är längd på lösenordet.
Funktionen ska returnera ett slumpat lösenord som visas på skärmen.
Första steget i att skapa en dynamisk web app med Vue.js är att koda upp den med statiska komponenter och innehåll.
Koda upp nedanstående Todo App skiss med dessa komponenter ( håll CSS:en enkel, behöver inte vara lika grafisk som skissen, dock samma funktionalitet och struktur.
Notera att todo-header har en komponent ( counter) inuti sig. Glöm inte att hårdkoda in innehållet också i todo-items etc.
Have you no wit, manners, nor honesty but to gabble like tinkers at this time of night? - Twelfth Night
I denna övning ska du få bygga ett API som returnerar en förolämpning från Shakespeare.
En "sick burn" från Shakespeare ger en bra start på dagen!
Nedanför har du 10 förolämpningar från olika pjäser att använda dig av. Skapa ett objekt för varje förolämpning som har två egenskaper. Den första som heter insult som innehåller en sträng med förolämpningen och den andra som heter play med pjäsen namn. Lägg sedan alla objekt i en array.
Du kan spara detta direkt som en variabel i din NodeJS - applikation eller i en JSON-fil likt det vi gjorde med childrensbooks.json.
Du ska göra en webbsida som använder sig av valfri endpoint från denna sida.
Användaren får fylla i ett namn eller det som krävs för denna endpoint och sedan görs det ett anrop och svaret visas på sidan.
Ex. ifall man använder endpoint /awesome/:from så fyller användaren i en inputfält in namnet på :from och svaret blir ex.
This is Fucking Awesome. - Christoffer
Skapa en sida där du ber om tillåtelse från användaren att visa innehållet från webbkameran på din webbsida.
Användaren ska sedan kunna ändra ett CSS filter på videon dynamiskt.
Tips! Använd en slider <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
Du ska göra en PWA där användaren kan använda sig av sin kamera för att ta ett kort och sedan ändra detta kort med lite olika
inställningar. Det ska finnas minst 5 olika inställningar att använda sig av.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters