Giter VIP home page Giter VIP logo

digitaal-portfolio's Introduction

Digitaal portfolio

Digitaal Portfolio (Wie ben ik - deel 2).

In de opdracht wie ben ik heb je een eerste begin gemaakt met het maken van jouw digitaal portfolio. In de opdracht layout heb je geoefend met het maken van een layout voor zowel desktop- als mobiel gebruik. Deze opdracht heeft als doel om het portfolio te voorzien van zo'n layout en de inhoud verder uit te breiden en online beschikbaar te stellen. Je hebt daarom je bestanden uit de vorige opdrachten nodig.

Functionele eisen

Wie ben ik - deel 2 moet aan de volgende functionele eisen voldoen:

  • Jouw portfolio bevat een menu (dit mag een openklap-menu zijn of een menu dat niet openklapt);
  • Jouw portfolio bevat een index.html pagina (dit is de eerste pagina die een bezoeker ziet; je mag de inhoud van deze pagina zelf kiezen; de pagina geeft een samenvatting over jouw portfolio);
  • Jouw portfolio bevat een pagina "opleiding.html" over de opdrachten, vakken en projecten die je in je opleiding doet (nu);
  • Jouw portfolio bevat een pagina "overmij.html" met
  • een bijgewerkt CV (jouw ervaringen tot nu toe);
  • een foto van jezelf waar je herkenbaar op staat;
  • een pagina over "wie ben ik" inclusief je hobbies (met foto's);
  • Jouw portfolio bevat een pagina "beroep.html" over het beroep waarvoor je opgeleid wordt (jouw toekomstbeeld);
  • Jouw portfolio is goed te bekijken op een smartphone (*);
  • Jouw portfolio is op internet opvraagbaar;
  • Je hebt, na het op internet zetten, alle links op alle pagina's getest;

Technische eisen

Technische eisen beschrijven aan welke vakgerichte voorwaarden de opdracht moet voldoen. Bijvoorbeeld dat de opdracht in correct validerend HTML en CSS moet worden geschreven.

De opdracht moet aan de volgende technische eisen voldoen:

  • Je gebruikt semantische HTML5 main, header, nav, aside, article, section; beperk het gebruik van div zoveel mogelijk;
  • Alle pagina's zijn gekoppeld aan dezelfde stylesheet(s);
  • Je mag bootstrap, w3.css, foundation of een ander framework gebruiken;
  • Je hebt een nette mappenstructuur voor de verschillende soorten bestanden in je portfolio;
  • Je hebt je portfolio gecontroleerd met de W3 HTML validator;
  • Jouw portfolio bevat javascript code die de DOM manipuleert (*);
  • Jouw portfolio is op internet te bekijken via http://gebruikersnaam.github.io/. Je hebt dit - als het goed is - al aangezet bij de opdracht "wie ben ik".

Bonus

  • Je gebruikt een Font Awesome of een Google Font voor je menu-icons;

digitaal-portfolio's People

Contributors

iannugteren avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.