CursosEmpresasBlogLiveConfPrecios

Cómo empezar en Github

Clase 22 de 25 • Curso de Sistemas de Diseño para Desarrolladores

Contenido del curso

Introducción

  • 1
    Qué aprenderás sobre los sistemas de diseño para desarrolladores

    Qué aprenderás sobre los sistemas de diseño para desarrolladores

    01:14 min
  • 2
    Conoce Sistemas de Diseño populares

    Conoce Sistemas de Diseño populares

    08:40 min

Instalación y flujos de trabajo

  • 3
    Bonus: Personalizando la Terminal

    Bonus: Personalizando la Terminal

    08:42 min
  • 4
    Instalación y flujos de trabajo

    Instalación y flujos de trabajo

    11:05 min
  • 5

    Instalación de Node / Express desde 0

    01:31 min
  • 6
    Bonus: html, css, js

    Bonus: html, css, js

    05:15 min

Automatización

  • 7
    Automatización (Pre procesadores)

    Automatización (Pre procesadores)

    11:02 min
  • 8
    Continuando con la automatización

    Continuando con la automatización

    09:01 min

Paradigmas

  • 9
    SMACSS: Arquitectura de CSS escalable y modular

    SMACSS: Arquitectura de CSS escalable y modular

    04:09 min
  • 10
    OCSS: Orientación de objetos en CSS

    OCSS: Orientación de objetos en CSS

    03:53 min
  • 11
    BEM

    BEM

    04:10 min
  • 12
    Bonus: Bootstrap

    Bonus: Bootstrap

    06:28 min

Naming

  • 13
    Naming

    Naming

    10:13 min

Qué son los tokens

  • 14
    ¿Qué son los tokens?

    ¿Qué son los tokens?

    10:19 min

Espaciado

  • 15
    Espaciado

    Espaciado

    08:32 min

Grillas

  • 16
    Grillas

    Grillas

    10:31 min
  • 17
    Bonus: Animando en CSS

    Bonus: Animando en CSS

    06:26 min

Mi primer componente

  • 18
    Mi primer componente

    Mi primer componente

    08:39 min

Documentación

  • 19
    Documentación

    Documentación

    08:45 min

Testing

  • 20
    Testing

    Testing

    10:14 min
  • 21
    Bonus: Debug en el navegador

    Bonus: Debug en el navegador

    03:44 min

Deploy y versionamiento

  • 22

    Cómo empezar en Github

    Viendo ahora
  • 23
    Deploy y versionamiento

    Deploy y versionamiento

    15:09 min

Design review

  • 24
    Design review

    Design review

    05:59 min
  • 25
    Cierre

    Cierre

    01:58 min
Tomar examen

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads

      Hola pequeñito de luz, hago este post para contarte los pasos básicos necesarios para este proyecto. Si tienes dudas en el proceso, en Platzi hay un curso completo sobre el tema: Curso Profesional de Git y GitHub

      Creamos un proyecto en GitHub

      Ya creada tu cuenta dentro de Github, vamos a utilizar el ícono de "+" que está en el top navbar (barra superior) de la plataforma justo a un lado de tu foto.

      Captura de pantalla 2018-11-20 a la(s) 16.01.28.png

      Si te das cuenta bajo tu cuenta se generará un path, o sea una / para que viva ahi tu proyecto con una url, ponle como quieras.

      Captura de pantalla 2018-11-20 a la(s) 16.03.23.png

      Te cuento un poco qué pasa en esta pantalla:

      Nombre y descripción

      En esta sección escribiremos el nombre de nuestro proyecto y su descripción, trata que sea claro el nombre.

      Público o privado

      Esto es una decisión que debes de tomar, depende de que sea el proyecto , tal vez no quieres que nadie lo vea.

      Captura de pantalla 2018-11-20 a la(s) 16.04.18.png

      Readme y licencia.

      En esta sección hacemos varias cosas configurables por nuestro proyectos, el primero que es README nos permite hacer un doc dentro de nuestro proyecto con el cual vamos a dejar descripción y a veces hasta documentación.

      El siguiente que es .gitignore, básicamente le decimos a GitHub que hay cosas que tendría que ignorar de nuestro proyecto para no estar subiendo todo lo que ponemos en el, esto sucede generalmente cuando usamos algún instalador de librerías como npm que justo nuestro proyecto utiliza, escogeremos Node y ya sabe que archivos ignorar.

      Por último están las licencias, yo suelo usar la de MIT, pero te recomiendo leer el link que viene en el iconito de i para saber más sobre otras opciones.

      Captura de pantalla 2018-11-20 a la(s) 16.05.31.png

      Ahora que ya tenemos creado nuestro proyecto vamos a seguir los siguiente pasos:

      • Vamos a presionar el botón verde llamado "clone". Esto para que nos de una url que vamos a usar dentro de iterm, espero ya super pimpeada.
      Captura de pantalla 2018-11-20 a la(s) 16.06.39.png

      Dentro de iterm vamos a copiar esa url, les advierto que necesitamos que ya tengan instalado GitHub y su cuenta config, de no ser así les va a pedir un mail y su contraseña, de su cuenta de Github.

      Antes de correr la función que clona nuestro proyecto, asegúrate de estar en la carpeta donde guardarás tu sistema de diseño.

      Captura de pantalla 2018-11-20 a la(s) 16.07.28.png

      Ahora si es hora de clonar:

      Captura de pantalla 2018-11-20 a la(s) 16.08.22.png

      Cuando clonen su proyecto ahora tendrán un proyecto conectado a GitHub, les recomienden tomen el curso de GitHub de Platzi para entender mejor este proceso. Recuerden entrar en la carpeta de su proyecto:

      Captura de pantalla 2018-11-20 a la(s) 16.09.05.png

      Ya que estamos en nuestra carpeta es aquí donde podemos instalar nuestro proyecto de express, les recomiendo den un paso atrás antes de correr el comando de express.

      Captura de pantalla 2018-11-20 a la(s) 16.09.34.png

      Justo así.

      Ahora vamos crear un proyecto de express, si se dan cuenta justo lo voy a hacer sobre la carpeta que ya tenia creada con lo cual me va a preguntar si estoy seguro ya que la carpeta no está vacía.

      Captura de pantalla 2018-11-20 a la(s) 16.10.03.png

      Ves te dije, no tengas miedo, dile YES, presionando la "y" de tu teclado y "enter".

      Se ha creado el proyecto, regresemos dentro de la carpeta.

      Captura de pantalla 2018-11-20 a la(s) 16.10.50.png

      Y ahora veremos que esta todas las carpetas de express.

      Captura de pantalla 2018-11-20 a la(s) 16.11.22.png

      Para subir los cambios, ahora tienes que hacer tres comandos:

      • git add .
      • git commit -m "Mi actualización"
      • git push origin master
      Captura de pantalla 2018-11-20 a la(s) 16.11.56.png

      Esto nos va a servir cuando hagamos deploy en Heroku, pero no se preocupen nos vemos en las siguientes clases y recuerden mas vale componente en mano que cientos volando.

        Harold David Avila Sabogal

        Harold David Avila Sabogal

        student•
        hace 7 años

        El Curso Profesional de Git y GitHub es muy bueno recomiendo tomarlo

        Belen Ceballos

        Belen Ceballos

        student•
        hace 7 años

        Aquí pueden consultar cómo quedó el repositorio final del curso:

          Alejandro Bracho

          Alejandro Bracho

          student•
          hace 7 años

          Muchas gracias @benjibel y al Profesor Rulótico González 😄

          Harold David Avila Sabogal

          Harold David Avila Sabogal

          student•
          hace 7 años

          muchas gracias

        Alberth Fabian Perez Mendivelso

        Alberth Fabian Perez Mendivelso

        student•
        hace 6 años

        Muy buen resumen de github

        Alexander Valencia

        Alexander Valencia

        student•
        hace 7 años

        una explicación muy completa!

        Joel Dominguez Merino

        Joel Dominguez Merino

        student•
        hace 4 años

        Aunque es un buen recurso, recomiendo completamente tomar a la par el curso profesional de git y github impartido por freddy: https://platzi.com/cursos/git-github/

        Andrés David Solarte Vidal

        Andrés David Solarte Vidal

        student•
        hace 6 años

        Explicacion concisa

        Juan David Niño Rodriguez

        Juan David Niño Rodriguez

        student•
        hace 5 años

        a hoy ya no se hace el "push" a "master", lo actualizaron y ahora la rama principal se llama "main", entonces no se les olvide que la linea en la terminal seria;

        git push origin main
        Naldo Duran

        Naldo Duran

        student•
        hace 5 años

        f