Badges/Web-3

Uit basis
Naar navigatie springen Naar zoeken springen
Badge-status: In bewerking
Module: Web-3
Badges
  1. Algoritmen en datastructuren-0
  2. Arduino-0
  3. Arduino-1
  4. Blender-0
  5. CSS-0
  6. CSS-1
  7. Databases-0
  8. Databases-1
  9. Excel-0
  10. Git-0
  11. Hardware-0
  12. Hardware-1
  13. HTML-0
  14. HTML-1
  15. ICT in de Wolken omgeving-0
  16. ICT in de Wolken omgeving-1
  17. Javascript voor games-0
  18. Linux-0
  19. Linux-1 (shell scripting)
  20. Netwerken-0
  21. Netwerken-1
  22. Ondernemen-0
  23. Photoshop-0
  24. PHP en MySQL-0
  25. Programmeren in JavaScript-0
  26. Programmeren in JavaScript-1
  27. Python-0
  28. Python-1
  29. Regexp-0
  30. Scrum-0
  31. Scrum-1
  32. Sketchup-0
  33. SQL-0
  34. Storyboard-0
  35. Unity-2D-0
  36. Unity-3D-0
  37. Video-0
  38. Web-0
  39. Web-1
  40. Web-2
  41. Web-3
Modules

Badge Web-3

Je kunt een interactieve dynamische website of web-app maken, met server-side scripting en client-side scripting. Je beheerst de beginselen van AJAX en van het afhandelen van asynchrone interacties die daarvoor nodig zijn.

Evidence

Een dynamische website of web-app waarin de bovengenoemde concepten gedemonstreerd worden. Je kunt de werking van deze website uitleggen.

De broncode van deze website moet op GitHub beschikbaar zijn. Deze code moet leesbaar zijn, en voldoen aan de relevante stijl-eisen (style guides). De code moet gevalideerd zijn door de relevante validatie-programma's. De website moet gepubliceerd zijn (d.w.z. publiek toegankelijk).

Voorkennis

  • Web-1; Web-2
  • JS-1
  • Python-1

Inhoud

Je beheerst de volgende concepten:

HTML:

HTTP

  • Headers: Origin, CORS-headers

Server-side scripting:

  • genereren van JSON
  • cross-site requests (Cross-origin resource sharing)

JavaScript:

  • verwerken van JSON
  • afhandelen van asynchrone interacties (o.a. AJAX)

Veiligheid:

  • voorkomen van code in gebruikersinvoer
  • kennis van cross-site scripting risico's (XSS)

Overige aspecten:

  • je mag gebruik maken van jQuery
  • publiceren van een dynamische website

Optioneel

  • aanbieden van cross-site response (server)
    • gebruik van headers hiervoor (Origin; CORS-headers)
  • gebruik van React

Vervolgstappen

  • webdesign (rekening houdend met de wensen van de opdrachtgever, en van de gebruikers; vormgeving, navigatie, user experience, enz.)
  • security: OAuth2 enz.
  • JavaScript: promises, en andere bouwstenen voor asynchrone verwerking
  • modelleren (datamodellering; modellering van interactie?)