Installer et configurer son environnement de travail en fonction du projet web

Question 1

Comment gérez-vous les différentes configurations pour les environnements de développement et de production ?

Answer 1

J’utilise les variables d’environnements, on utilise les .env.
Par exemple on peut utiliser un .env pour le dev, un .env pour la prod…
Pour le front dans le .env, il y a une variable d’environnement avec l’adresse et le port de l’API.
Pour le back dans le .env, il y a une variable d’environnement avec l’adresse et le port de l’API. Il y a aussi le nom de l’utilisateur, le mot de passe de l’utilisateur et le nom de la BDD.

Question 2

Dans un projet, est-ce que vous versionnez le code de votre application ? Si oui comment ?

Answer 2

J’utilise Git qui permet d’enregister les évolutions du code pendant le développement du projet. Git permet également de parcourir l’historique du code et quand c’est utile, de revenir à des états antérieurs de la version du code.

Question 3

Je veux développer un nouveau projet avec d’autres personnes dans une équipe, quels outils de collaboration me préconiseriez vous ?

Answer 3

Disord pour la communication, Git pour versionner le code et se partager facilement le code, trello pour écrire et partager facilement le backlog qui contient les US et figma pour travailler ensemble sur les wireframes et maquettes.

Question 4

Qu’est-ce qu’un IDE ?

Answer 4

Un IDE (Environnement de Développement Intégré) est un logiciel regroupant des outils comme un éditeur de code, un débogueur, un gestionnaire de fichiers et dossiers, ainsi que la possibilité d’installer des extensions pour faciliter le développement.

Question 5

Pendant votre formation vous avez utilisé un IDE, est-ce que comptez rester dessus ? Est-ce que vous vous êtes renseignés sur d’autres IDE ?

Answer 5

J’ai utilisé Visual Studio Code et je vais apprendre Cursor, un IDE basé sur VsCode mais avec de l’IA directement intégré dans l’IDE.

Question 6

C’est quoi une clé ssh ? A quoi cela sert ?

Answer 6

Une clé SSH possède une longue chaine de caractère unique, qui a une clé privée et une clé publique, utilisée pour sécuriser les connexions entre mon ordinateur et GitHub, permettant une authentification sans mot de passe. La clé publique vérifie que seules les actions provenant de mon ordinateur (comme un git push) sont autorisées.

Question 7

Quelle est la différence entre git, github et gitlab ?

Answer 7

Git est utilisé pour gérer les versions du code, tandis GitHub et GitLab sont des hébergeurs de code en ligne de repository GIT. Gitlab se distingue en gèrant le DevOps.

Question 8

Qu’est-ce qu’un OS ?

Answer 8

Un OS (Système d’exploitation) permet de gérer les ressources de l’ordinateur (Ram, souris…), manipuler des dossiers et des fichiers, installer des logiciels, et offrir une interface utilisateur. Exemples : Windows 11, macOS, Linux.

Question 9

Pouvez vous citer plusieurs rituels utilisés avec les méthodes agiles ?

Answer 9

Daily stand-up (réunion quotidienne) : Une courte réunion où chaque membre de l’équipe partage ses progrès, ses obstacles, et ses priorités du jour.

Planification de sprint : Une réunion pour définir les tâches à accomplir dans le sprint en fonction des objectifs et de la capacité de l’équipe.

Démonstration/Revue de sprint : Une présentation du travail terminé pendant le sprint, pour recueillir des retours et ajuster les priorités si nécessaire.

Rétrospective : Une réunion à la fin du sprint pour identifier ce qui a bien fonctionné, ce qui doit être amélioré, et établir des actions concrètes pour le prochain sprint.

Priorisation du backlog : Une activité continue pour organiser et ajuster les tâches dans le backlog afin de s’assurer que l’équipe travaille sur les éléments les plus importants.

Question 10

Selon vous, est-ce une bonne pratique de faire un git push (de la branche sur laquelle on travail) tous les jours ?

Answer 10

Oui, faire un git push quotidien de la branche sur laquelle on travaille est une bonne pratique car cela sauvegarde les progrès, facilite la collaboration, et réduit le risque de conflits avec les modifications des autres développeurs.

Question 11

Connaissez vous des commandes de terminal permettant de créer un dossier ou un fichier ?

Answer 11

Oui, on peut utiliser la commande mkdir <nom-du-dossier> pour créer un dossier et touch <nom-du-fichier> pour créer un fichier dans un terminal.</nom-du-fichier></nom-du-dossier>

Question 12

Connaissez vous des commandes de terminal permettant de vous déplacer dans des dossiers ?

Answer 12

Oui, vous pouvez utiliser la commande cd <nom-du-dossier> pour vous déplacer dans un dossier spécifique et cd .. pour revenir au dossier parent.</nom-du-dossier>

Question 13

Quels sont les dangers de ne pas utiliser .gitignore dans un projet ?

Answer 13

Ne pas utiliser un fichier .gitignore peut exposer des fichiers sensibles comme les clés API et des mots de passet, mettant en danger la sécurité de l’application. Sans .gitignore, il y aurait plein de fichier local inutile comme node_modules dans le repo.

Question 14

Comment géreriez-vous un conflit de merge dans Git ?

Answer 14

Gérer les Conflits➡️

1. git checkout dev
2. git pull origin dev
3. git checkout [nom_branche_conflits]
4. git merge dev
5. Voir Fichier en Conflit➡️git status
6. Résoudre Conflits («««< HEAD)
7. git add .
8. git commit -m “:bug: Resolve Conflicts”
9. Bonus : git push origin [nom_branche]

Question 15

Quelles plugins trouvez-vous indispensables pour votre IDE ?

Answer 15

1. Liveshare : Permet de collaborer en temps réel sur le code avec d’autres développeurs.
2. Liveserver : Lance un serveur local pour un rechargement automatique quand il y a des modifications.
3. Eslint : Corrige les erreurs de synthaxe et les mauvaises pratiques.
4. Prettier : Formatte le code automatiquement.

Question 16

Comment afficher le contenu d’un dossier ou d’un fichier via le terminal ?

Answer 16

ls

Question 17

git init

Answer 17

Crée un nouveau projet Git.

Question 18

git clone <url></url>

Answer 18

Clone un dépôt sur votre ordinateur.

Question 19

git status

Answer 19

Affiche Liste Fichiers Modifiés/Ajoutés/Supprimés/Validés

Question 20

git add <fichier></fichier>

Answer 20

Ajoute les modifications pour le prochain commit.

Question 21

git commit -m “message”

Answer 21

Valider les Modifications avec un message qui explique les modifications.

Question 22

git push

Answer 22

Envoie MES Modifications➡️Conflits

Question 23

git pull

Answer 23

Obtenir les Modifications des Autres

Question 24

git branch

Answer 24

Liste TT les des branches.

Question 25

git branch [nom-de-branche]

Answer 25

Créer une NV Branche

Question 26

git checkout <branche></branche>

Answer 26

Passe D’UNE Branche A UNE Autre

Question 27

git checkout -b Ewan-Senergous

Answer 27

Créer NV Branche

Question 28

git merge <branche></branche>

Answer 28

Fusionne une branche dans la branche actuelle.

Question 29

git branch -m [ancien_nom] [nouveau_nom]

Answer 29

Renommer 1 Branche

Question 30

git branch -d [nom_branch]

Answer 30

Supprimer 1 Branche

Question 31

git reset –hard

Answer 31

Supprime TT CHG PAS Commit

Question 32

git stash

Answer 32

Enregistre Modifications NON Validées