Git y GitHub 🕹️

¿Qué es Git y GitHub? 🕹️

Git y GitHub son herramientas ampliamente utilizadas en el desarrollo de software para el control de versiones y la colaboración en proyectos.
Git es un sistema de control de versiones distribuido que permite realizar un seguimiento de los cambios en el código fuente durante el desarrollo de software. Fue creado por Linus Torvalds en 2005 y se utiliza mediante la línea de comandos o a través de interfaces gráficas de usuario.
GitHub, por otro lado, es una plataforma de alojamiento de repositorios Git en la nube. Proporciona un entorno colaborativo donde los desarrolladores pueden compartir y trabajar en proyectos de software de forma conjunta. Además, ofrece características adicionales como seguimiento de problemas, solicitudes de extracción y despliegue continuo.

En este tutorial, aprenderás los conceptos básicos de Git y GitHub, así como su uso en un proyecto de software real.

¿Quiénes utilizan Git? 🌍

Git

Es ampliamente utilizado por desarrolladores de software en todo el mundo, desde estudiantes hasta grandes empresas tecnológicas. Es una herramienta fundamental para el desarrollo colaborativo y la gestión de proyectos de software.

¿Cómo se utiliza Git? 💻

Se utiliza mediante la línea de comandos o a través de interfaces gráficas de usuario. Proporciona comandos para realizar operaciones como:

Inicializar un repositorio,
Realizar cambios,
Revisar historial,
Fusionar ramas,
Entre otros.

¿Para qué sirve Git? 📝

Sirve para realizar un seguimiento de los cambios en el código fuente, coordinar el trabajo entre varios desarrolladores, revertir cambios no deseados y mantener un historial completo de todas las modificaciones realizadas en un proyecto.

¿Por qué utilizar Git? 🤔

Ofrece varias ventajas, como:

La capacidad de trabajar de forma distribuida
La gestión eficiente de ramas para desarrollar nuevas funcionalidades
Corregir errores sin afectar la rama principal
La posibilidad de colaborar de forma efectiva con otros desarrolladores.

¿Dónde puedo utilizar Git? 🌐

Puede ser utilizado en cualquier sistema operativo, incluyendo Windows, macOS y Linux. Además, es compatible con una amplia variedad de plataformas de alojamiento de repositorios, siendo GitHub una de las más populares.

Pasos Básicos 📝

Tip

Es recomendable tomar en cuenta una herramienta para la edición de código, como Visual Studio Code, Sublime Text o Atom, para trabajar con Git y GitHub de manera eficiente.

Instalación de Visual Studio Code 📥

Si aún no tienes Visual Studio Code instalado, puedes descargarlo desde https://code.visualstudio.com/download. Es una herramienta gratuita y de código abierto que proporciona una interfaz amigable para trabajar con Git y GitHub.

A continuación se presentan los pasos básicos para utilizar Git y GitHub en un proyecto de software.

Descarga e Instalación de Git 📥

Visita el sitio web oficial de Git en https://git-scm.com/downloads.
Descarga el instalador adecuado para tu sistema operativo y sigue las instrucciones de instalación.

Configuración 🛠️

Una vez instalado Git, es necesario configurar tu nombre de usuario y dirección de correo electrónico. Esto se puede hacer mediante los siguientes comandos:

git config --global user.name "Tu Nombre"
git config --global user.email "tu@email.com"

Creación de un Repositorio “helloWorld” en Flutter 🐦

Paso 1: Crear un Nuevo Proyecto en Flutter

Abre una terminal y ejecuta el siguiente comando para crear un nuevo proyecto Flutter:

flutter create hello_world

Navega a la carpeta del proyecto:

cd hello_world

Abre el proyecto en Visual Studio Code:

code .

Paso 2: Modificar el Código de la Aplicación

En el archivo lib/main.dart, modifica el contenido para incluir el siguiente código:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false, // Oculta el banner de depuración
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hello World App'),
        ),
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text('Bienvenido al curso de Flutter y GitHub!'),
              SizedBox(height: 20), // Espacio entre el texto y el botón
              ElevatedButton(
                onPressed: () {
                  print('¡Gracias por usar la app!');
                },
                child: Text('Presiona aquí'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Guarda los cambios.

Paso 3: Inicializar un Repositorio Git

Inicializa un repositorio Git en la carpeta del proyecto:

git init

Añade los archivos al área de preparación:

git add .

Realiza un commit de los cambios con un mensaje descriptivo:

git commit -m "Inicializar proyecto hello_world en Flutter"

Comandos Básicos de Git 📝

git init: Inicializa un nuevo repositorio Git.
git add: Añade archivos al área de preparación.
git commit -m ““: Realiza un commit de los cambios con un mensaje descriptivo.
git push: Sube los cambios al repositorio remoto.
git pull: Descarga cambios del repositorio remoto.
git branch: Lista las ramas disponibles.
git checkout: Cambia a una rama específica.
git merge: Fusiona una rama con la rama actual.
git reset: Descarta los cambios en un archivo.
git diff: Muestra las diferencias entre versiones.

Estados en Git 📊

Local: Cambios realizados en tu máquina antes de hacer un commit.
Staging: Cambios añadidos al área de preparación con git add.
Commit: Cambios confirmados en tu repositorio local con git commit.
Server: Cambios subidos al repositorio remoto con git push.
Tutorial: Moviendo Cambios entre Estados en Git 📝

Modificar Archivos en el Proyecto

Abre lib/main.dart en Visual Studio Code.

Cambia el texto en el Text widget de “Bienvenido” a “¡Bienvenido a Flutter y GitHub!”.

Guarda los cambios y luego mueve los cambios al área de preparación:

git add lib/main.dart

Realiza un commit de los cambios:

git commit -m "Actualizar mensaje de bienvenida"

Creación y Fusión de Ramas

Crear una Nueva Rama:

git branch feature

Implementar Funcionalidades en la Rama:

Cambia a la nueva rama:

git checkout feature

Añade un botón interactivo en el archivo lib/main.dart:

ElevatedButton(
  onPressed: () {
    print('¡Gracias por usar la app!');
  },
  child: Text('Presiona aquí'),
),

Guarda los cambios y realiza un commit:

git add lib/main.dart
git commit -m "Añadir botón interactivo"

Fusionar Ramas con la Rama Principal:

git checkout main
git merge feature

Revertir Cambios en un Archivo

Si necesitas revertir cambios, puedes usar:

git reset lib/main.dart

Conclusión

Este tutorial te ha mostrado cómo usar Git con un proyecto Flutter, administrar cambios, y trabajar con ramas.

¡Ahora estás listo para colaborar y desarrollar de manera eficiente!

Asignación: “Hello World!” en Flutter

La Asignación

Modifica el archivo main.dart para que la app muestre un botón que, al presionarlo, cambie el mensaje en pantalla a “¡Hola Mundo!”.

Probar la Aplicación

Ejecuta tu proyecto con:

flutter run

¡Mucha suerte! 🎉