GithubHelp home page GithubHelp logo

prewmasterclassgit's Introduction

Masterclass GIT

Masterclass feta el 18 de gener per aprendre les funcionalitats bàsiques i avançades de git a l'itinerari de Node.js de la IT Academy.

Ús de GIT

Ús diari, còpia de seguretat, treball en diferents entorns, control de versions, compartimentització de les actualitzacions i features...

Recomanacions generals

  • Useu git des de VSC, us estalviareu problemes amb comandes incorrectes i no haureu de memoritzar comandes (també podeu usar alguna interfície gràfica com Github Desktop, Git Kraken, Fork o Source Tree)
  • Obriu al VSC una única carpeta de treball on tindreu clonats els vostres repos (⚠ compte amb tenir repos dins de repos, que no funciona ⚠)
  • Configureu VSC perquè la terminal per defecte sigui la Git Bash, també us estalviarà problemes amb la Power shell i sempre veureu en quina carpeta i branca esteu
  • Manteniu el vostre GitHub ordenat: que tots els repos tinguin README.md i mantinguin el mateix format de nom, estructura, etc

Funcionalitats comuns

Configuració:

  • git config --global user.name "John Doe"
  • git config --global user.email "[email protected]"
  • Credencials de Windows

Comandes:

  • git clone
  • git add .
  • git commit
  • git pull
  • git push

Ús des de VSC

Des de la pestanya Source Control de VSC: molt més simple i sense haver de recordar comandes! ✨

  • Extensió Git Graph: per visualitzar l'arbre de Git del repositori i fer checkout amb doble clic

Creació d'un nou repo

Seguiu aquests pasos si us voleu estalviar maldecaps a l'hora d'inicialitzar repositoris.

La primera vegada:

  • Afegir usuari i email per etiquetar els commits (si no ho heu fet encara, comandes més avall 👇🏻)
  • Afegir credencials de GitHub fent el primer push per la terminal amb git push origin (segons la versió de Git i VSC ja no cal fer-ho per consola, funciona amb el botó Sync changes 🔄)

Un cop tingueu l'usuari i les credencials:

  • Crear el repo a GitHub amb descripció, README.md i .gitignore, sel·leccionant el lenguatge que usareu
  • Clonar el repo a VSC introduint la URL (o iniciant sessió al VSC amb el compte de GitHub), des del panell de Source Control o des de la paleta de comandes (F1 o CTRL + SHIFT + P) amb la opció Git: Clone

Ús diari

  • Al arribar a un lloc de feina, fer git pull o Sync changes 🔄 per obtenir els canvis fets a l'anterior lloc de feina
  • Fer commits durant el dia afegint els canvis al local. Els commits han de ser significatius però freqüents (la creació d'una funció nova, un canvi important, un bug arreglat...), intenteu no fer commit de moltíssims arxius alhora (excepte en la configuració d'un projecte nou, p.e.)
  • Abans de marxar, fer git push o Sync changes 🔄 per enviar els canvis al remot

Gitflow

Branques production i staging, branques per features o per developer, documentació amb READMEs...

  • Forks
  • git branch
  • git checkout
  • Pull requests (al teu i altres repos)

Aquí teniu un exemple de git flow simple:

esquema git flow

I com ha quedat aquest esquema implementat en el repo de prova que hem fet sense branca dev i fent un canvi més a exercici1 al final de tot:

git graph

Recordeu tornar al commit i/o la branca originals si heu de fer més d'un exercici usant la mateixa plantilla.

Feu les pull requests des de GitHub al vostre repo o a un altre (si esteu treballant en un fork).

Exercici git_initials

Repo: https://github.com/IT-Academy-BCN/node_git_initials

Seguiu les instruccions per fer l'exercici i practicar els conceptes de fork i pull-request 💪🏻

Extres

prewmasterclassgit's People

Contributors

leptonita avatar

Stargazers

Roman avatar

Watchers

 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.