Git Product home page Git Product logo

checkpoint1's Introduction

Checkpoint

Déroulement

Durée / Fonctionnement

Pour ce travail tu as 4h devant toi. Ce checkpoint n'est pas un examen, il va nous permettre de valider tes compétences, essaye donc de le faire au maximum de ton côté. Il est en deux étapes, une partie avec le développement d'un site onepage et une autre partie avec un quizz.

Tu as dans ce zip :

  • Le fichier que tu lis actuellement
  • Un document markdown & HTML (pour voir le rendu) avec un petit questionnaire pour vérifier rapidement tes acquis
  • Un dossier site contenant l'architecture de base pour bien commencer

Une fois terminé, envoie moi un mail avec le lien de ton repo github avec comme intitulé [checkpoint1] nom prénom.

Tu es libre de commencer par le Quizz ou le site.

Travail

HTML / CSS

Ton site devra contenir

  • Une navbar fixe avec :

    • Un fond noir
    • Un lien vers la section voyage
    • Un lien vers le pied de page
    • Un lien vers le site de la Wild Code School
    • Une horloge
  • Un header avec :

    • Une image en fond qui prend toute la largeur de la page
    • Un titre principale avec Checkpoint 1 [Prénom] [Nom], ce titre doit être centré horizontalement et verticalement
  • Une section avec :

    • Ton dernier voyage ou ta dernier experience marquante
    • N'hésite pas à ajouter quelques photos pour étayer ton histoire
  • Un footer avec :

    • Un formulaire de contact
    • Un lien vers ton profil Github (avec l'icone Github)
    • Un lien vers ton profil Odyssey
  • Le site devra être responsive

  • N'hésite pas à utiliser les composants de bootstrap, cependant si tu préfères recréer des éléments par toi-même, tu es complétement libre de le faire

Git

  • Commence par te créer un repository checkpoint1 sur Github
  • Pour les différentes phases de ton travail, essaye de faire des branches pour tes différentes fonctionnalités
  • N'oublie pas le fichier .gitignore

SEO

  • Les différents éléments de ton sites sont optimisés pour le SEO

JS

  • Sur ton site sera visible une horloge avec l'heure et les minutes. Cet horloge sera mise à jour toutes les secondes.

Quizz

  • Modifie le fichier Quizz.md avec tes réponses et envoie-le sur ton repository Github sur une branche quizz. Une fois que tu es sûr de tes réponses, fais une pull request pour merge cette branche sur la master.

Bon courage ;)

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.