Download project op je machine. Hiervoor heb je drie opties:
- Eerste optie: Download zip bestand van deze repository
-
Tweede optie: Download via GitHub Desktop versie
-
Derde optie:
git pull https://github.com/davorradic/JavaScriptLeerjaar1Periode3.git
Van elk map OpdrachtX (opdracht1, opdracht2, opdracht3...) open index.html in je browser (Chrome, Firefox, Opera...) en haal alle bugs eruit (maak gebruik van inspect element).
Leerdoel week 0 Binnen 1 uur ben je al in staat om JavaScript in HTML te embedden en dat je weet wat console.log() doet en ook alert().
Activiteiten week 0
- Open map Opdracht0 en kijk hoe JavaScript bestand main.js is embedded aan index.html
- Open index.html en open inspect element console tab en zie wat daar uit komt en waar komt het vandaan.
Leerdoel week 1 Aan het einde van het week 1 kunnen studenten statements, gegevenstypen en variabelen begrijpen en toepassen, waardoor ze leren werken met basis vaardigheden, zodat ze zelf begrijpen hoe ze statements, gegevenstypen en variabelen kunnen aanmaken en kunnen gebruiken bij hun Javascript programma.
Activiteiten week 1
- Bestudeer https://www.linkedin.com/learning/javascript-essential-training-3/variables-the-catch-all-containers-of-javascript?u=57684913 uit cursus: https://www.linkedin.com/learning/javascript-essential-training-3/ "Statements, gegevenstypen, variabelen"
- Open map opdracht1 in browser, haal alle bugs eruit en maak alle aangegeven opdrachten in main.js
Leerdoelen week 2 Aan het einde van het week 2 kunnen studenten operatoren begrijpen en toepassen, waardoor ze leren werken met basis vaardigheden, zodat ze zelf begrijpen hoe ze operatoren kunnen aanmaken en kunnen gebruiken bij hun Javascript programma.
Activiteiten week 2
- Bestudeer https://www.linkedin.com/learning/javascript-essential-training-3/variables-the-catch-all-containers-of-javascript?u=57684913 uit cursus: https://www.linkedin.com/learning/javascript-essential-training-3/ "Operatoren"
- Open map opdracht2 in browser, haal alle bugs eruit en maak alle aangegeven opdrachten in main.js
Leerdoelen week 3 Aan het einde van het week 3 kunnen studenten Arrays begrijpen en toepassen, waardoor ze leren werken met basis vaardigheden bij Javascript, zodat ze zelf begrijpen hoe ze functies, arrays en objects kunnen aanmaken en kunnen gebruiken bij hun Javascript programma.
Activiteiten week 3
- Bestudeer https://www.linkedin.com/learning/javascript-essential-training-3/functions-in-javascript uit cursus: https://www.linkedin.com/learning/javascript-essential-training-3/ "Functies Arrays Objects"
- Open map opdracht3 en lees casus in de bestand main.js.
Leerdoelen week 4 Aan het einde van het week 4 kunnen studenten Objects begrijpen en toepassen, waardoor ze leren werken met basis vaardigheden bij Javascript, zodat ze zelf begrijpen hoe ze objects kunnen aanmaken en kunnen gebruiken bij hun Javascript programma.
Activiteiten week 4
- Bestudeer https://www.linkedin.com/learning/javascript-essential-training-3/dom-the-document-object-model uit de cursus https://www.linkedin.com/learning/javascript-essential-training-3/ "Hoofdstuk 7 manipulating DOM"
- Open map opdracht3 en lees casus in de bestand main.js.
Leerdoelen week 5 Aan het einde van het week 5 kunnen studenten verdiepen in Objects begrijpen en toepassen, waardoor ze leren werken met basis vaardigheden bij Javascript, zodat ze zelf begrijpen hoe ze objects kunnen aanmaken en kunnen gebruiken bij hun Javascript programma.
Activiteiten week 5
- Open map opdracht5 en lees casus in de bestand main.js.
Leerdoelen week 6 Aan het einde van het week 6 kunnen studenten voorwaardelijke statments en programmaloop begrijpen en toepassen, waardoor ze leren werken met basis vaardigheden bij Javascript, zodat ze zelf begrijpen hoe ze Voorwaardelijke statements en programmaloop kunnen aanmaken en kunnen gebruiken bij hun Javascript programma.
Activiteiten week 6
- Bestudeer https://www.youtube.com/watch?v=N4V0FZASK60 en https://www.linkedin.com/learning/javascript-essential-training-3/loops "voorwaardelijke statments en programmaloop"
- Open map opdracht6 en lees casus in de bestand main.js.
Leerdoelen week 7 Aan het einde van het week 6 kunnen studenten zicht verdiepen op voorwaardelijke statments en programmaloop begrijpen en toepassen, waardoor ze leren werken met basis vaardigheden bij Javascript, zodat ze zelf begrijpen hoe ze Voorwaardelijke statements en programmaloop kunnen aanmaken en kunnen gebruiken bij hun Javascript programma.
Activiteiten week 7
- Open map opdracht7 en lees casus in de bestand main.js.
Leerdoelen week 8 Aan het einde van het week 8 kunnen studenten events en events "handelar" begrijpen en toepassen, waardoor ze leren werken met basis vaardigheden bij Javascript, zodat ze zelf begrijpen hoe ze events en events handelar en programmaloop kunnen aanmaken en kunnen gebruiken bij hun Javascript programma.
Activiteiten week 8
- Bestudeer https://www.youtube.com/watch?v=e57ReoUn6kM
- Open map opdracht8 en lees casus in de bestand main.js.
βDe ontwikkelaar levert als beroepsresultaat een goed werkende applicatie, media-uiting of game(onderdeel) op, welke aan alle met de opdrachtgever overeengekomen eisen voldoet.β SBB Kwalificatie dossier Applicatie- en mediaontwikkelaar
In de projectweek wordt van hun verwacht om aan de hand van de casus opdrachten te kunnen uitvoeren. Studenten van Applicatie Ontwikkeling en Media Design zullen samenwerken om beroepspraktijk te simuleren. Applicatie ontwikkelaars zullen aan het begin van de 8ste week een design ontvangen om dit in codes te kunnen omzetten.
Duurzaamheid is een breed begrip, maar het komt er in het kort op neer dat in een duurzame wereld mens (people), milieu (planet) en economie (profit) met elkaar in evenwicht zijn, zodat we de aarde niet uitputten.
Bedrijf "hello people planet profit" (fictief) wil in de niche BIO hun bedrijf opzetten. Ze zien dat Bio producten worden op prijs gesteld en mensen zijn bereid om meer geld uit te geven om kwaliteit van hun voedsel te verhogen. Afgelopen jaren zien we dat de trend expansief groeit (zie google trends).
Er is een tak van BIO niche die we zien snel groeien.
IKEA heeft hierop al ingespeeld, als je gaat kijken naar landingspagina van Ikea Klik hier om Ikea website te bezoeken over "Binnen Kweken". Bedrijf "hello people planet profit" wil zich richten op BIO plantzaaden, maar ook producten om binnenkweken mogelijk te maken voor thuis kwekers.
In het kort analyse: Niche heeft duidelijk groei en hoofd zoekterm is: "binnen kweken". Wat we willen maken is het volgende: een vergelijkingswebsite met reviews op gebied van binnen kweken en alles wat erbij hoort, zoals plantzaden, grond, licht ect.
TIP: om snel te zien of we winstgevende zoekwoorden hebben gekozen, kijk in google of er advertenties aanwezig zijn, als je "binnen kweken" zoekt. Voor desbetreffende zoektermen wil het bedrijf gevonden worden, bij de zoek machines zoals Google, Bing, Yahoo enz.
Plaats je gevonden zoekwoord in
<title>
,<h1>
,<h2>
en in je texten. Voor meer onderzoek naar zoekmachine optimalisatie zoek naar "online zoekmachine optimalisatie". Zoek beter in het engels "Offline online SEO". Er zijn al paar die het goed hadden beschreven:
Voor het ontdekken van zoekwoorden, maak een account aan bij Google Adwords en onderzoek hoeveel keer iets wordt gezocht en hoeveel kost een klik voor het desbetreffende zoekwoord.
Reviews zijn een onderdeel van de vergelijkingswebsite. Aanstaande kopers vinden het prettig om de ervaring van andere kopers te lezen/ bekijken (denk hierbij aan Tweakers, Amazon). Aanstande kopers zoeken argumenten voor de beste koop. Hierop willen we inspelen en we willen het in de website verwerkt hebben.
Het bedrijf "hello people planet profit" heeft al contact gelegd met Radboud Universiteit Nijmegen en ze zijn voorbereid om jullie te helpen. Als er vragen zijn, neem contact op met Davor Radic [email protected] (Dit is echt en niet fictief) Dit bedrijf wil geholpen worden bij het onderzoek; Wat ze nodig hebben om mensen thuis te helpen bij het groeien van hun planten. Dit bedrijf wil niet alles handmatig doen en daarom hebben ze bedacht om BBC Micro:Bit te gaan gebruiken en groei te optimaliseren en dus te automatiseren.
Stap 1: We kopen een plantzaad van een bepaald merk en we gaan kijken hoe we de plant een optimale groei kunnen geven met behulp van MicroBit. Met MicroBit kunnen we het volgende meten: temperatuur, grondvochtigheid en licht. Aan de hand van sensoren van grondvochtigheid kunnen we bepalen wanneer er water kan worden toegevoegd. Dit gaan we allemaal loggen en uiteindelijk plaatsen op de website als bewijs voor kopers of het wel of niet heeft gewerkt.
Stap 2: Aan alle studenten: Heb je een beter idee, deel he met je team en opdrachtgever.
Stap 3: Aan de studenten van Media Design opdracht: Maak een responsief design van een vergelijkingswebsite. Aan de studenten van Applicatie Ontwikkeling: Je ontvangt design van media design en zet het om naar de codes zodat je html & CSS & Javascript gebruikt. Ondertussen laat je je plant groeien met behulp van MicroBit en log alle mogelijke data. De data willen we laten terugkomen bij een review van het product.
Acties:
- maak groepen van twee;
- neem per groep een MicroBit;
- bedenk een plan; hoe je met behulp van MicroBit van zaad tot plant optimaal kunt laten groeien (via Trello plan laten zien);
- MicroBit
- Computer
- Pot voor grond
- Grond
- Plantzaad (van merk naar keuze en plantzaak naar de keuze)
Acties:
- Log het volgende: Grondvochtigheid, temperatuur, licht als csv document
Acties:
- Download log data op je PC en upload het naar FireBase (codes heb je al voor upload)