Coder Social home page Coder Social logo

php-siteperso's Introduction

Mini-site prise en main

Créez un mini site de 3 pages (accueil, bio, contact) avec une en-tête et un pied de page commun Le contenu du site est libre, cependant il est conseillé de commencer à réfléchir à votre portfolio

Lisez toutes les instructions (deux fois s'il le faut) avant de commencer

Instructions détaillées

  1. Forkez ce repo puis clônez le sur votre macine
  2. Créez le contenu des pages header.php, footer.php, menu.php et home.php
    • header.php doit lier le fichier style.css et inclure le fichier menu.php qui contient le menu du site
    • footer.php doit lier le fichier app.js
  3. Dans lib/functions.php complétez la fonction getContent pour pouvoir afficher les pages pages/bio.php et pages/contact.php
  4. créez une fonction getUserData récupérez le contenu du fichier data/user.json grâce à la fonction standard 'file_get_contents' et transformez le json en un tableau PHP avec la fonction standard json_decode puis affichez ces informations
  5. créez un formulaire de contact dans pages/contact.php, ce formulaire doit pointer vers le fichier save.php du dossier public, qui permet de récupérer les données et de les enregistrer dans le fichier data/last_message.json graĉe aux fonctions standard json_encode et file_put_contents`
  6. affichez le dernier message dans la page public/admin.php

Bonus

Déployez l'appli sur Heroku

NB

  • en PHP, foreach permet de faire une boucle sur un tableau
  • Démarrez le serveur avec (vous pouvez bien entendu y adjoinde browser-sync:
php -S 0.0.0.0:8000 -t public
  • Ne perdez pas trop de temps avec le CSS et le JS dans un premier temps
  • Faites un commit et un push à chacune de cez étapes (il devrait donc y avoir au moins 6 commits sur Github)
  • Respectez scrupuleusement les consignes, ça fait partie du boulot

php-siteperso's People

Contributors

elgamine-dev avatar jefb31 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.