k02-php-oop-jquery

Uppgiftsbeskrivning

I denna uppgift ska du skapa en klon av det sociala nätverket twitter. Uppgiften går ut på att du ska visa på föreståelse och tillämpa objekt-orienterad programmering i PHP. Till hjälp för att strukturera front-end kommer du får använda dig av biblioteket jQuery och Bootstrap för styling. Det kommer också finnas en teknisk kravspecifikation som detaljerar vilka features som måste finnas såväl som önskvärda sådana.

Utöver att implementera klonen ska du också skapa grundläggande underlag för UX och design. Detta innefattar digitala prototyper samt Personas och tillhörande Scenarios för lösningen, se guide på webbriktlinjer.se för detta.

Missa inte de funktionella och icke-funktionella kraven i dokumentet nedan

Teknisk kravspecifikation för k02

Övergripande mål

Uppgiften *skall uppfylla följande övergripande mål:*

• Webbplatsen ska fungera i följande enheter och kommer testas i dem:

  • PC desktop (upplösning 1920x1080p och uppåt)

  • Laptop (upplösning 1280 x 900 och uppåt)

  • Mobil (upplösning 414×746)

• Webbplatsen ska fungera i de senaste versionerna av följande webbläsare och kommer testas i dem:

  • Chrome

  • Firefox

  • Safari

  • Edge

• Webbplatsen ska följa teknisk Teknisk kravspecifikation för k02

• Webbplatsen ska ha en design kopplad till Personas och Scenarios och nyttja Bootstrap för implementation

• Webbplatsen skall deployas på din egen studiedomän

• Webbplatsen ska vara skapad helt från grunden med egen HTML & CSS och JavaScript

• Webbplatsen ska även innehålla följande typer av media:

  • Inbäddad video (https://videos.pexels.com/videos/typing-of-codes-854053)

  • Bilder (från t.ex. pexels.com eller unsplash.com - tänk på upphovsrätt!)

  • SVG för ikoner och liknande

• Webbplatsen ska använda jQuery för all typ av DOM-manipulation

Generella krav på arbetsprocess

• Uppgiften måste versionshanteras i Git, inlämningar med en commit i vid inlämning kommer inte godkännas.

  • För denna uppgift ska du följa GitHub Flow som arbetsmetodik när du arbetar med Git. Uppgiften kommer inte godkännas om denna metodik inte följs.
• Inlämning ska följa kodstandarder:

  • För JavaScript:

    • http://airbnb.io/projects/javascript/
  • För CSS:

    • http://airbnb.io/projects/css/

  Följ denna guide för konfiguration: https://travishorn.com/setting-up-eslint-on-vs-code-with-airbnb-javascript-style-guide-6eb78a535ba6

Inlämning

Uppgiften ska lämnas in via classroom.github.com i rätt projekt, länk till detta projekt kommer annonseras av läraren i samband med projektets början.

• https://classroom.github.com/a/NU6JQ2Vj

Förslag på planering

Vecka 1: Ta fram och skapa UX och design med ackompanjerande HTML & CSS. Använd Bootstrap för styling och HTML.

Vecka 2: Påbörja implementation av PHP lösning, använd MVC och OOP för att strukturera din kod. Utgå från

Betygsättning

Den här inlämningen ger underlag för följande kursmål. Där inlämningen helt motsvarar och går att bedöma för de mål som står med svart text och bara delvis de som står med brun text.

• HC 2.1 Webbutveckla responsivt och browseranpassat med HTML och CSS enligt aktuella webbstandarder
• HC 2.2 Utveckla browseranpassad CSS
• HC 2.3 Optimera och validera HTML & CSS
• HC 2.4 Webbutveckla med anpassning för tillgänglighet
• —

• JS 1.1 JavaScript / ECMAScript

• JS 1.4 DOM-manipulation

• JS 1.7 Lexical scope

• JS 1.8 Event handling

• JS 2.1 Utveckla webblösningar med JavaScript

• JS 2.3 Använda befintliga API:er som en komponent i den egna appen

• —

• PG 2.2 Identifiera, formulera, analysera och lösa problem inom programmering

• PG 2.9 Arbeta med versionshantering både enskild och inom ett team

• PG 3.1 Identifiera, formulera, analysera och använda sig av informationssökning för att lösa problem inom programmering

• —

• UD 1.1 Grafik och design för webbsidor
• UD 1.2 UX och användbarhet
• UD 1.5 Personas och målgruppsanalys
• UD 2.1 Ta fram grundläggande grafik och design för webb
• UD 3.1 Arbeta som Fullstack-webbutvecklare med UX och grundläggande design

Godkänd

För att nå Godkänd som betyg på denna inlämning ska du:

• utför alla färdigheter (2.x) som uppgiften har som mål med gott handlag

• Med gott handlag syftas det till att inlämnad kod ska enhetligt följa standarder för frontend som är angivna i uppgiftsbeskrivningen

Väl godkänd

För att nå Väl godkänd som betyg på denna inlämning ska du:

• utför alla färdigheter (2.x) som uppgiften har som mål med mycket gott handlag

• Mycket gott handlag omfattar godkänd nivå men inlämning innehåller även utförlig och enhetlig dokumentation för hela kodbasen (i både kod och separat dokumentation)