- Partie 1 -

Un site web,

comment ça marche ?

Composition Site Internet

Forme

Fond + Structure

Animation

Mais pour des sites
avec des milliers de pages, qui interagissent avec des utilisateurs,

COMMENT FAIRE ?

Utilisons des modèles !

Exemple 1 : Twitter

• Création d'une seule page de profil pour tous les utilisateurs

Exemple 2 : Asos 

• Création d'une seule page de produit quelque soit le produit

Que remarquons-nous ?

=> Même structure de page et reprise des mêmes informations (nom d'utilisateur, prix du produit) selon l'utilisateur ou le produit

De quoi avons-nous besoin ?

• Une base de données où l'on peut sauvegarder, retrouver, éditer ou détruire les informations nécessaires

• Un langage de programmation qui sera l'interface entre les actions de l'utilisateur et la base de données

- Partie 2 -

Les outils de base
du développeur

Le TERMINAL

Définition wikipédia :

Une interface en ligne de commande (en anglais command line interface, couramment abrégé CLI) est une interface homme-machine dans laquelle la communication entre l'utilisateur et l'ordinateur s'effectue en mode texte :

- l'utilisateur tape une ligne de commande, c'est-à-dire du texte au clavier pour demander à l'ordinateur d'effectuer une opération ;

- l'ordinateur affiche du texte correspondant au résultat de l'exécution des commandes tapées ou à des questions qu'un logiciel pose à l'utilisateur."

Commandes de base

• cd : change directory
• ls : list files and folder
• pwd : print working directory
• mkdir : make directory
• touch : create file
• rm : delete file
• cp : copypaste
• mv : move

cd images

ls

pwd

mkdir new_folder

touch index.html

rm index.html

cp images

mv custom.css stylesheets/

GIT

Git est un logiciel de gestion de versions très utilisé par les développeurs(ses).

Pourquoi ?

• Garder un historique précis de chaque étape d'un projet (ajouts, modifications, gestion des bugs,...) ;
• Travailler en collaboration avec d'autres développeurs(ses) sans risque d'effacer le travail de l'autre, même si on travaille sur le même fichier ;
• Navigation entre plusieurs versions d'un même site.

>> cf l'explication d'OpenClassrooms et la vidéo du wagon pour comprendre et utiliser Git

ENREGISTRER UNE VERSION

Avant toute chose, il faut initialiser git sur le dossier :

git init

Ensuite pour chaque nouvelle version qu'on veut sauvegarder :

1. Ajouter les fichiers à sauvegarder >
2. Vérifier que tout est 'clean' >
3. Enregistrer la version en créant et nommant un nouveau commit >

git add nomdufichier

git commit -m 'Add customers info to command'

git status

GITHUB

Ou comment collaborer à distance

C'est un service web d'hébergement et de gestion de code source de logiciels.

Très pratique pour travailler à plusieurs car cela permet d'envoyer son code en ligne (push), de lire et commenter le code de ses collègues (code review), de récupérer le code à jour (pull).

Code source
de votre site
(en local)

Code source
de votre site
(en ligne sur github)

git push

git pull