Week 1
Introduction

Comprendre le web

Premiers pas avec le terminal et git

- Partie 1 -

Un site web,

comment ça marche ?

Composition Site Internet

Forme

Fond + Structure

Animation

Site statique

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

Site dynamique

- 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

Et maintenant ?

À votre tour !

Retrouvez les exercices ici

Made with Slides.com