« STIC:STIC I - Atelier technique 1 » : différence entre les versions
Ligne 141 : | Ligne 141 : | ||
** Suivre les instructions [[Git_et_Github#Installer_Git]] | ** Suivre les instructions [[Git_et_Github#Installer_Git]] | ||
* Voir la commande <code>git</code> depuis la ligne de commande | * Voir la commande <code>git</code> depuis la ligne de commande | ||
Optionnel : | |||
* Installer extension [[Brackets]] pour utiliser Git https://github.com/zaggino/brackets-git | |||
==== GitHub ==== | ==== GitHub ==== | ||
Ligne 146 : | Ligne 150 : | ||
# Créer un account sur le site https://github.com/ si pas fait lors de l'atelier [[MINIT]] | # Créer un account sur le site https://github.com/ si pas fait lors de l'atelier [[MINIT]] | ||
# Installez GitHub Desktop https://desktop.github.com/ | # Installez GitHub Desktop https://desktop.github.com/ | ||
=== Activités prévues === | |||
Création d'un projet en local qui utilise git : | |||
* Commit | |||
* Branches | |||
* ... | |||
Publication d'un projet sur GitHub : | |||
* Utilisation de GitHub pour Desktop | |||
Contribution à un projet déjà existant : | |||
* Fork du projet https://github.com/MALTT-STIC/stic-webmaster-test-wall-e | |||
* Créer un fichier .md dans le dossier files du projet | |||
* Envoyer une pull request au projet initial pour incorporer le changement | |||
== Ressources == | == Ressources == |
Version du 27 octobre 2016 à 10:55
Programme
Au programme (peut changer) :
- Introduction du projet Webmaster (évalué dans le cadre du cours STIC II)
- Ligne de commande
- Git/GitHub
- Permission fichier sur serveur distant (s'il reste du temps)
Projet Webmaster
En bref :
- Travail de groupe (à confirmer) qui sera évalué dans le cadre du cours STIC II.
- Ce n'est pas un projet comme dans le sens des cours ERGO II, VIP II, ...
- Deux types de projets possibles :
- Installation et configuration d'un portail web (e.g. Word_press, Moodle, MediaWiki]]
- Développement d'un site/application full stack (front-end + back-end) avec JavaScript (voir Node.js, Express.js, Socket.io)
Les ateliers techniques vous proposent des techniques/outils pour mener à bien ce projet, mais si vous voulez approfondir des technologies par vous mêmes, vous pouvez nous en parler. Contraintes :
- Le résultat final doit maintenir une architecture de type client/serveur
- Si vous utilisez d'autres technologies il faudra les documenter dans ce wiki
Voir la page :
- STIC:STIC II - projet webmaster
- Attention : pour l'instant version pour volée Volt (Mattia A. Fritz (discussion) 27 octobre 2016 à 10:47 (CEST))
Activités
Ligne de commande
Logiciel
Utilisation d'un logiciel pour accèder à la ligne de commande. Attention : l'utilisation de la ligne de commande peut générer des opérations irréversibles !
Logiciels :
- Pour Windows utiliser Windows PowerShell
- Pour Mac utiliser le Terminal
- Pour Linux utiliser l’une des lignes de commandes disponibles selon la version.
Position actuelle
Lorsque vous utilisez la ligne de commande, faites toujours attention à la position actuelle dans le système, que ce soit en local ou sur un serveur distant.
Pour récupérer votre position actuelle si elle n'est pas visible, utilisez :
pwd
C'est l'acronyme de "Print Working Directory".
Commandes principales
Il y a eu un effort dans les dernières années pour uniformer certaines commandes dans les différentes plateforme (Win vs. Unix). Les commandes listées par la suite fonctionnent généralement sur tous les systèmes :
- Changer de dossier
cd
C'est l'acronyme de Change Directory. On utilise cette commande avec des chemins absolus ou relatifs à la position actuelle.
Vous pouvez faire référence aux différents niveaux de l'arborescence par rapport à la position actuelle avec les notations suivantes :
./
fait référence au dossier actuel- attention à ne pas confondre avec
/
(sans point) qui fait référence à la racine de votre système où se trouvent des fichiers importants !
- attention à ne pas confondre avec
../
fait référence à un niveau supérieur../../
fait référence à deux niveaux supérieurs- etc.
~
fait référence au dossier utilisateur (dont la position peut varier selon le système d'exploitation).
Examples :
cd documents
cd ../stic-1/ex1/
cd ~/Documents
cd /home
Hint:
- vous pouvez vous aider avec la touche TAB pour complèter des noms des fichiers très long. Cette pratique s'applique à tous les commandes
- vous pouvez trainer un dossier depuis votre gestionnaire de fichiers dans le terminal de commande pour faire apparaître son chemin
- pour windows seulement : quand vous êtes au bon chemin dans votre gestionnaire de fichiers appuyez sur les touches
Ctrl + l
(comme lausanne) et tapezpowershell
dans la barre de l'adresse.
- Lister les fichiers
ls
On utilise cette commande pour afficher une liste de dossiers/fichiers existants à un chemin donné. Si la commande n'a pas d'argument, la position actuelle sera prise en compte. Si non, il est possible de fournir :
- Un chemin absolu ou relatif, e.g.
ls /home
va lister tous les éléments contenu dans le dossier home qui se trouve à la racine du système - Un critère de selection, e.g.
ls *.png
va lister tous les fichiers qui terminent avec .png
- Créer un dossier
mkdir nom-du-dossier
C'est l'acronyme de Make Directory. On utilise cette commande pour créer un nouveau dossier à un chemin donné (dans la position actuelle si on spécifie juste le nom du nouveau dossier).
Examples :
mkdir my-new-folder
mkdir ~/Documents/atelier-webmaster
- Copier un fichier/dossier
cp chemin-du-fichier-existant chemin-de-la-nouvelle-copie
On utilise cette commande pour créer une copie d'un fichier existant et la placer dans un autre endroit.
Examples :
cp documents documents-old
cp file.txt /home/backup/file.txt
- Déplacer un fichier/dossier
mv chemin-du-fichier-actuel nouveau-chemin-du-fichier
On utilise cette commande d'une manière similaire à cp
avec la différence que le fichier lui-même sera déplacé à un nouveau endroit.
Examples :
mv stic-1/ex12/ stic-2/ex12/
- Détruire des fichiers/dossiers
Il existe des commandes également pour détruire des fichiers/dossiers mais on les verra pas ici. Ces commandes sont en effet irreversibles (i.e. les fichiers ne sont pas mis dans la corbeille).
Git/GitHub
Installation des logiciels
Git
- Installez le logiciel git depuis le site officiel : https://git-scm.com/
- Suivre les instructions Git_et_Github#Installer_Git
- Voir la commande
git
depuis la ligne de commande
Optionnel :
- Installer extension Brackets pour utiliser Git https://github.com/zaggino/brackets-git
GitHub
- Créer un account sur le site https://github.com/ si pas fait lors de l'atelier MINIT
- Installez GitHub Desktop https://desktop.github.com/
Activités prévues
Création d'un projet en local qui utilise git :
- Commit
- Branches
- ...
Publication d'un projet sur GitHub :
- Utilisation de GitHub pour Desktop
Contribution à un projet déjà existant :
- Fork du projet https://github.com/MALTT-STIC/stic-webmaster-test-wall-e
- Créer un fichier .md dans le dossier files du projet
- Envoyer une pull request au projet initial pour incorporer le changement