Lanza tu sitio web con GitHub Pages en 2026 | Arno Pretorius | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Lanza tu sitio web con GitHub Pages en 2026

teacher avatar Arno Pretorius, IT Freelancer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción al curso

      2:06

    • 2.

      Crea una cuenta gratuita de GitHub

      3:22

    • 3.

      Crea un repositorio de GitHub

      3:59

    • 4.

      Configura GitHub para escritorio y sincroniza nuestro código fuente

      9:53

    • 5.

      Lanza tu primer sitio web

      4:08

    • 6.

      Manejo de las actualizaciones de tu sitio web

      4:10

    • 7.

      Creating your own project

      0:38

    • 8.

      ¡Gracias!

      0:43

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

19

Estudiantes

--

Proyectos

Acerca de esta clase

Lo que necesitas:

Este curso está diseñado para desarrolladores que quieran implementar su sitio web por primera vez con GitHub Pages.

¡Lo ideal sería que tengas un sitio web o proyecto listo para desplegar!

Se requiere una computadora de escritorio o portátil con conexión a Internet, no se requiere equipo avanzado.


Lo que aprenderás:

Aprende a lanzar tu primer sitio web con GitHub Pages. Comprende los conceptos centrales de GitHub y adquiere habilidades prácticas de desarrollo web para construir un sitio web funcional y personalizado desde cero.

Qué harás:

Pon en práctica tus conocimientos con ejercicios prácticos, refuerza los conceptos clave y publica con confianza tu sitio web en https://username.github.io

Finalmente, en la sección "Proyectos y recursos", crearás tu propio proyecto. Aquí es donde tomarás las habilidades que aprendiste y las utilizarás para diseñar y construir algo útil para ti mismo, reuniendo todo de una manera práctica y personalizada.

Beneficios del curso:

Este curso incluye:

  • Ejercicios prácticos de laboratorio para aplicar tus conocimientos.
  • 8 lecciones en total

Acerca de la instructora:

Soy consultor de desarrollo de software y exprofesora de ciencias de la computación apasionada por el desarrollo web, la computación en la nube y DevOps. Me enfoco en enseñar habilidades prácticas y prácticas que ayuden a las personas a aplicar con confianza lo que aprenden a proyectos del mundo real.

Tengo una licenciatura en Tecnología de la Información y un Certificado de posgrado en educación (PGCE), lo que me da una base sólida tanto en tecnología como en enseñanza. También soy arquitecto y desarrollador de soluciones certificado por AWS y ofrezco experiencia real en la industria y la nube a todo lo que hago.

¿Quieres aprender más?

Si te gustó este curso y quieres estar atento a posibles más cursos en el futuro, ¡asegúrate de seguirme en Skillshare!

Conoce a tu profesor(a)

Teacher Profile Image

Arno Pretorius

IT Freelancer

Profesor(a)

Arno is an IT freelancer and former computer science teacher specialising in web development, cloud computing, and DevOps. He focuses on practical, hands-on teaching that helps learners turn knowledge into real-world projects.

He holds a BSc in Information Technology and a Postgraduate Certificate in Education (PGCE), and is an AWS Certified Solutions Architect and Developer, bringing real-world cloud and industry experience to his teaching.

To stay up to date with his courses you can follow his Skillshare profile to receive the latest updates and announcements.

Ver perfil completo

Level: All Levels

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción al curso: Bienvenido al curso de lanzamiento de tu sitio web con GitHub Pages. Soy Anna Pretoris, freelancer de TI y ex profesora de informática Y en este curso, te guiaré a través de una de las formas más simples y efectivas publicar tu primer sitio web en línea. Ahora, si ya tienes un sitio web o proyecto listo para implementar, estás en el lugar perfecto. Todo lo que necesitas es una computadora con conexión a Internet, nada más. Ahora, GitHub Pages es gratis, rápido e ideal para principiantes que quieran publicar un sitio web personal, portafolio o proyecto con confianza. Ahora, en este curso, aprenderás cómo funciona Github, cómo GitHub Pages aloja sitios web y cómo publicar tu sitio en tu usname dotgigub Ahora, voy a guiarte a través de todo paso a paso, explicando cada concepto de una manera clara y sencilla para que siempre te sientas seguro de lo que estás haciendo. Vas a aprender a subir tus archivos, cómo administrar tu proyecto, hacer actualizaciones y mantener tu sitio en vivo y organizado. Ahora, cada lección incluye práctica práctica para reforzar su comprensión a medida que avanzamos. Y al final del curso, sabrás no solo cómo publicar tu sitio, sino cómo mantenerlo y hacer mejoras cuando quieras. Ahora, una vez que llegues a la sección de proyectos y recursos, reunirás todo creando tu propio proyecto final, un sitio web en vivo personalizado, funcional y listo para compartir con el mundo. Este curso incluye ejercicios prácticos de laboratorio y ocho lecciones de enfoque diseñadas para guiarte a través del proceso a un ritmo cómodo y constante. Estoy aquí para hacer que el desarrollo web y la implementación sean simples y agradables, sin importar su nivel de experiencia. Entonces, confía en mí, estás en buenas manos y te veo en el curso. 2. Crea una cuenta gratuita de GitHub: Hola a todos. Bienvenidos a la próxima conferencia, que va a estar enfocada en crear una cuenta gratuita en GitHub. Entonces, solo para darte algo de información sobre GitHub, GitHub es esencialmente un sitio web que aloja repositorios de Git en línea Básicamente es como almacenamiento en la nube y redes sociales para código. Entonces lo que puedes hacer con GitHub es que puedes almacenar tus proyectos de forma segura. También puedes compartirlos con otros y también puedes colaborar con equipos de todo el mundo. Todo bien. Así que sigamos adelante y comencemos. Primero que nada quieres, dirígete a github.com. Entonces puedes decir que te registres. Y luego puedes registrarte en GitHub. Puedes continuar con Google. Si tienes tu cuenta de Google, o puedes seguir adelante e ingresar manualmente una contraseña de correo electrónico, un nombre y tu región, y también puedes decidir si quieres tener las preferencias de correo electrónico establecidas para recibir actualizaciones ocasionales de productos y anuncios, y puedes crear tu cuenta, ¿verdad? Entonces lo que voy a hacer aquí es que solo voy a llenar estos campos aquí y hacerlo de la manera manual, y luego voy a crear una cuenta. Entonces, sigamos adelante y configuremos esto. Todo bien. Entonces he ingresado en alguna información base aquí, solo de la manera manual. Y ahora lo que voy a hacer es decir crear cuenta. Va a tomar un momento verificar. Bien. Y claro, por lo general lo que pasaría es que también necesitarías completar un rompecabezas e ir a partir de ese punto también. Entonces, solo esperemos a que se complete el proceso aquí, y luego podremos continuar a medida que avanza. Todo bien. Así que ahora, como nuestro navegador ha sido verificado, podemos verificar nuestra cuenta ya sea a través de un rompecabezas visual o un rompecabezas de audio. Entonces lo que voy a hacer es verificar mi cuenta ahora, y luego los veré en la siguiente etapa. Bien, entonces después de verificar tu cuenta, entonces necesitas verificar tu dirección de correo electrónico. Entonces voy a ir a una dirección de correo electrónico de muestra que tengo aquí, y solo voy a recargar Aquí tendremos un código de lanzamiento que podremos utilizar. Iba a terminarlo en. Todo bien. Así que ahora podemos ver que nuestra cuenta fue creada con éxito y ahora podemos iniciar sesión para continuar. Ahora todo lo que quieres hacer es ingresar tu nombre de usuario o dirección de correo electrónico y luego seguido una contraseña aquí que hayas configurado previamente al configurar tu cuenta Get up. Todo bien. Tan pronto como hayas ingresado tus credenciales, entonces puedes simplemente decir iniciar sesión. Y ahí vamos. Ahora estamos en nuestro panel de GitHub donde podemos seguir adelante y crear nuestro repositorio y comenzar. Eso es todo para este video. Así es como puedes seguir adelante y crear una cuenta gratuita de GitHub. Ahora, por supuesto, entré detalles extendidos solo para asegurarme de que puedes configurar GitHub lo más fácilmente posible con todos los pasos necesarios. Ahora, claro, si decidiste continuar con Google en lugar de poner todos los pasos manuales que hice, eso es algo que también puedes hacer. Pero solo quería ser lo que pueda, pero así es como puedes seguir adelante y configurar tu cuenta gratuita de GitHub. 3. Crea un repositorio de GitHub: Hola a todos, y bienvenidos a la próxima conferencia, que va a estar enfocada en crear un repositorio Github. Probablemente se estén preguntando ¿qué es el repositorio de GitHub? Simplemente un repositorio GitHub es como una carpeta en Github donde vive tu proyecto, y esto contendrá tu código fuente y todos tus archivos de código. La forma más sencilla de pensarlo es como la caja del proyecto donde se almacena y organiza todo lo relacionado con tu proyecto. Ahora, típicamente hablando, gente se refiere a los repositorios de GitHub como repositorios Si alguna vez escuchas que se está lanzando el término repositorios, sincronice el repositorio de GitHub en ese contexto Bien, así que sigamos adelante y creamos nuestro repositorio. Se puede decir crear repositorio aquí. Entonces verás en el lado izquierdo, déjame acercarlo un poco aquí. En el lado izquierdo, verás el nombre de usuario que asociaste con tu cuenta de GitHub, y luego necesitas dar un nombre de repositorio aquí. Puedes seguir adelante y dar click aquí y voy a llamar a esta muestra Bien. Y ese será mi nombre de repositorio, sample podemos llamarlo sample repo como ejemplo Entonces puedes dar una descripción aquí. Entonces voy a mantenerlo muy sencillo. Yo sólo voy a decir port folio application. Muy sencillo. Y luego puedes elegir visibilidad aquí. Entonces, cuando sigas adelante y comprometes tu código fuente a este repositorio aquí llamado repositorio de muestra aquí, puedes establecer el estado en público, lo que significa que cualquiera puede, por supuesto, acceder a tu repositorio y verlo Eso será de cara pública, o puedes configurarlo en privado. Entonces, en público, cualquier persona en Internet puede ver tu repositorio. Y en privado, eliges quién puede ver y comprometerse con este repositorio. La elección es suya. Ahora bien, en casos públicos, es apropiado si tienes un montón de sitios web de cartera que quieres mostrar a posibles empleados y tal, o si solo estás haciendo un poco de tus propias pruebas personales, y no estás manejando nada que puedas decir sensible, más como yo diría, eso sería en el escenario público, en mi opinión. Cualquier cosa que sea, claro, digamos, parte de su propia organización o cualquier cosa, por supuesto, privada, como podemos ver aquí debe ser privada. Entonces es solo dependiendo de lo que te gustaría dar la vuelta. Si no quieres que nadie lo vea y no tienes ninguna intención de mostrar tu proyecto, entonces claro, necesitas configurarlo en privado. Si tienes intención de exhibirlo, entonces puedes mantenerlo al público Entonces vamos a mantenerlo simple y solo decir público por ahora. Entonces puedes agregar en un archivo léeme. Ahora, siempre me gusta agregar esto, y un archivo léeme es simplemente muy útil si alguien quiere simplemente obtener una breve descripción su repositorio o su proyecto, debería decir, solo para ver algo de información sobre su proyecto y lo que está utilizando y de qué se trata. Sólo un simple resumen. Básicamente como un documento de texto. También puedes agregar aquí un archivo G Ignorar, lo cual es muy útil si, por ejemplo, estás trabajando con variables de entorno y quieres seguir adelante e ignorar ese archivo DENV, que es el archivo de variables de entorno Entonces también puedes agregar una licencia si quieres licenciar tu código de alguna manera. hay algunas opciones para ti Aquí hay algunas opciones para ti que también puedes utilizar. Pero solo vamos a mantenerlo bastante sencillo aquí, asegúrese de haber agregado en su nombre de repositorio, una descripción, la visibilidad. Voy a poner su público y ya lo has agregado en la opción Léeme. Entonces solo puedes decir crear repositorio. Ahí vamos. Ahora podemos ver que es de cara pública y podemos ver ahora que todos estamos bien para ir. Podemos ver la información Léeme aquí diciendo muestra de repo y la descripción que agregamos en Eso es todo lo que necesitas saber, puedes seguir adelante y crear un repositorio GitHub. 4. Configurar GitHub Desktop y sincronizar nuestro código fuente: Hola a todos, y bienvenidos a la próxima conferencia, que va a estar enfocada en configurar GitHub Desktop y también más adelante para sincronizar nuestro código fuente Empecemos. Lo primero que quieres hacer es realizar una búsqueda en Google para GitHub Desktop, a la que puedes hacer clic en el enlace correspondiente, que será Descargar GitHub Desktop. Ahora, solo para darte algo de claridad aquí, puedes descargar para Windows o puedes desplazarte hacia abajo y descargarte para macOS. Las opciones están ahí para ti. Solo quiero darte un poco de claridad sobre lo que es GitHub Desktop. Se trata esencialmente de una aplicación gratuita que como puedes ver, puede ser utilizada tanto por máquinas Windows como por macOS, y te da una interfaz visual muy sencilla para usar GitHub sin escribir comandos en el terminal si solo usaras Git de forma nativa. Sigamos adelante y descárguelo. Estoy en Windows. Voy a descargarla para Windows. Va a tomar unos momentos darle algo de tiempo. Y una vez descargado, podemos seguir adelante y dar click en él. Entonces lo que va a pasar es que la aplicación GitHub Desktop se va a instalar por sí sola. Entonces es así muy intuitivo. No necesitamos presionarlo ni hacer nada. Entonces como puedes ver aquí, GitHub Desktop se está instalando y se va a lanzar una vez que esté hecho. Todo lo que tenemos que hacer es esperar. Por lo general, lo que puedes ver si estás en Windows es el progreso aquí abajo. Como puedes ver, se está completando con la pequeña barra de progreso. Entonces solo tenemos que esperar a eso. Bien. Bien, aquí vamos. Así que bienvenido a GitHub Desktop. Entonces lo que podemos hacer ahora es que podemos seguir adelante y decidir cómo queremos proceder. Derecha. Entonces, lo que quieres hacer es iniciar sesión en github.com Bien. Y queremos verificar nuestra sesión. Entonces como ya estamos conectados, como pueden ver, podemos seguir adelante y decir continuar. Y ahora queremos autorizar GitHub Desktop con nuestro ¿cómo puedo decir con nuestro usuario? Entonces a nuestro nombre de usuario, puedes ver nuestro nombre de usuario a nuestra cuenta. Y aquí podemos controlar el acceso a los repositorios. Entonces por defecto, es público y privado y puedes leer más información aquí al respecto. Y sólo vamos a autorizar GitHub Desktop. Y entonces solo podemos decir abierto se va a redirigir aquí atrás y aquí lo tenemos. Ahora puedes ver aquí queremos configurar Git. Ahora, solo un poco de claridad sobre Git. Git es esencialmente un sistema de control de versiones y eso te va a ayudar a realizar un seguimiento los cambios en tu código fuente, guardando diferentes versiones de un proyecto y tal. Queremos usar mi nombre de cuenta de GitHub y dirección de correo electrónico para configurar Git que vamos a ver se configurará automáticamente aquí, y luego solo puedes decir terminar. Y ahí vamos. Así que ahora lo tenemos todo configurado, y también podemos ver nuestro repositorio aquí, que por supuesto es el repositorio que creamos anteriormente llamado sample repo Entonces ya podemos cerrar esto. Bien, así que ahí lo tenemos. También podemos ver que ahora está en nuestro escritorio, GitHub Desktop como debería ser, y ser bueno para continuar con el siguiente proceso. Tan bien hecho, has ido adelante con éxito y configurarlo, GitHub Desktop en tu sistema. Lo siguiente que queremos hacer es querer, por supuesto, sincronizar nuestro código fuente Derecha. Ahora lo siguiente que queremos hacer es que queremos clonar nuestro repositorio. Clonar un repositorio o repositorio significa descargar una copia completa de un repositorio GitHub, incluyendo cualquier archivo o cualquier cosa que exista actualmente dentro de él en nuestra computadora para que podamos trabajar en él localmente Como podemos ver, todo lo que tenemos aquí es un simple archivo léeme. Eso es todo lo que tenemos. Entonces lo que queremos hacer es seleccionar nuestro repositorio como podemos ver aquí. Entonces podemos decir clon entonces quieres establecer la ruta donde quieres que sea clon dos. Como podemos ver, este es Auto seleccionado en la URL. Si no está seleccionada, puedes seleccionarla. Y podemos ver que esto va a ser la URL del repositorio o nombre de usuario de GitHub y repositorio en consecuencia, y esta va a ser la ruta donde va a ser clon dos. Puedes decir elegir, y yo voy a elegir el escritorio aquí y decir seleccionar carpeta, así que eso va a estar en mi escritorio. Y luego voy a decir clon. Entonces ahora está clonando Sampoepo allá vamos. Podemos ver que ahora estamos dentro del repositorio Sam Por. Podemos ver que tenemos la intención de empujar a nuestra rama principal. Podemos ver aquí cualquier archivo que hayamos cambiado, cualquier cambio local, y aquí podemos comprometer nuestros cambios y agregarles una descripción. Si tuviera que minimizar esto ahora, ya puedo ver en mi escritorio, tengo a Sam Prepo y si lo abro, podemos ver que tenemos, por supuesto, el archivo ReadMe, y claro, no va a mostrar el archivo dot Git para ti, pero porque en mi PC, lo configuré para mostrar todos los archivos ocultos, lo va a mostrar por defecto Eso es sólo algo a tener en cuenta. Pero tenemos el refol Read y claro, ese es el archivo por defecto que podemos ver aquí ha sido clonado desde el propio Gitub Ahora lo siguiente que quieres hacer es sincronizar nuestro código fuente Entonces como podemos ver aquí, tengo un pliegue de llamada mi proyecto. Y he abierto esto en código de Visual Studio, y tengo tres archivos index dot HML, script dot js y style dot CSS Entonces eso solo te va a dar algo de claridad en cuanto al alcance de la aplicación con la que estamos trabajando. Así que es una aplicación front-end muy simple con un archivo HTML, CSS y JavaScript, todos interconectados entre sí Así que ten eso en mente aquí si vas un poco más alto con la aplicación que planeas implementar. Así que solo tenlo en mente. Derecha. Entonces, lo siguiente que quiero hacer es mover todos esos archivos al repositorio aquí. Entonces lo que voy a hacer es abrir un repositorio de muestras. Y luego también voy a abrir mi proyecto. Y lo que quiero hacer es moverlas a un lado. Todo lo que voy a hacer es que voy a mover aquí estos archivos que tengo. Voy a resaltarlos y simplemente moverlos mi repositorio que clono, conocido como repositorio de muestra Puedes cerrar esto y cerrar esto. Ahora si vamos a GitHub Desktop, ya podemos ver que hay cambios. Entonces la detección aquí es que se han cambiado tres archivos. En otras palabras, tres archivos se han movido a la carpeta de repositorio de muestra, por lo que indexar en HML, script dot js y star dot Como puede ver, aquí podemos ver todos los ajustes. Entonces el ícono más aquí indica, por supuesto, cosas que se han agregado, y por supuesto, verás el menos si se han eliminado las cosas. Bien, bien. Entonces así es como podemos seguir adelante y sincronizar nuestro código fuente de manera efectiva Entonces ahora ahora es parte de nuestro repositorio, y todos estamos listos para irnos. Ahora bien, lo siguiente que quieres seguir adelante y hacer es que queremos asegurarnos de que los cambios aquí se reflejen en nuestro repositorio aquí en el propio Github. Entonces queremos, antes que nada, rellenar el siguiente campo aquí, y queremos esencialmente comprometer estos archivos a nuestra rama principal aquí para que sean visibles. Entonces solo voy a agregar un nombre aquí. Entonces normalmente este va a ser el nombre de lo que estás haciendo. Entonces aquí, sólo voy a decir aquí dip inicial. Voy a llamar a este despliegue inicial. Ahora, puedes decidir como quieres establecer esto. Por lo general, si cambias algo, tal vez un archivo índice o HML, digamos que cambias el encabezado o cambias la sección de héroe, solo agregarás eso como título principal para lo que estás cambiando, y luego agregarás en una descripción con él con más detalles Aquí este va a ser el despliegue inicial. Esta es la aplicación aquí. Descripción aquí está, voy a decir aplicación de muestra con un archivo HML, CSS y JS agregado. Bien. Y entonces podemos comprometer estos tres archivos a nuestra rama principal, así podemos decir commit. Y luego una vez que estés contento con todo, puedes seguir adelante y empujar esto ahora a tu repositorio de GitHub. Ahí va a empujar al origen, que está en nuestra rama principal. Bien, ahí vamos. Y como pueden ver, no ha habido cambios recientes, así que estamos listos para irnos. Volvamos a nuestro repositorio. Vamos a refrescar la página. Y como puedes ver ahora, nuestro repositorio ahora tiene el archivo index dot HML, script dot gsle y nuestro archivo style dot css, y podemos ver que hicimos ese commit Y como pueden ver, el nombre aquí era el despliegue inicial. Entonces ese era el nombre de nuestro, por supuesto, rumbo commit, y luego podemos ver la descripción aquí abajo y lo que agregamos y también si había algo eliminado. Y nuestro usuario aquí, de acuerdo a nuestro nombre de usuario, comprometió este archivo y podemos ver la fecha de ese. Comprometidos más recientes y también podemos ver la información aquí también. Implementación inicial. Así es como podemos configurar GitHub Desktop y también para sincronizar nuestro código fuente en consecuencia. Eso es eso. 5. Lanzar tu primer sitio web: Y bienvenidos a la próxima conferencia, que va a estar enfocada en lanzar nuestro primer sitio web. Así que comencemos. Entonces asumiendo ahora que has seguido adelante y sincronizas tu código fuente, sigamos adelante y utilizemos GitHub Pages Entonces, lo que quieres hacer es asegurarte de que estás en el repositorio seleccionado. Entonces podemos ir a ajustes. Entonces en el lado izquierdo aquí, verás algunas opciones. Desea desplazarse hacia abajo hasta que vea las páginas, y desea seleccionar esa opción. Ahora, para darte una idea aquí. GitHub Pages es básicamente un servicio de alojamiento web gratuito que ofrece GitHub, y esencialmente te permite convertir tu proyecto como un sitio web en una página web pública en vivo directamente desde tu repositorio de GitHub. Entonces lo que podemos hacer es aquí bajo Build end Deployment, podemos asegurarnos de que esté configurado para implementarlo desde una rama, que es una opción predeterminada. Entonces lo que quieres hacer es querer habilitarlo. Entonces como podemos ver, dice que GitHub Pages está actualmente deshabilitado. Queremos seleccionar una fuente a continuación para habilitar Páginas de GitHub para este repositorio. Por lo que desea hacer clic en el menú desplegable y enviarlo a la sucursal principal. Va a estar en la raíz, y luego quieres decir guardar. Entonces se puede decir guardar. ver la fuente de GitHub Pages guardada. Entonces podemos volver al código. Y entonces como puedes ver aquí, tenemos este icono amarillo aquí pendiente. Así que vamos a seleccionar eso. Y podemos ver aquí que dice Pages, build e deployment, así podemos seleccionar detalles. Y aquí podemos ver que la compilación ha comenzado para que nuestra aplicación sea desplegada. Así que va a construir, configurar todo para nosotros y compilar nuestro código fuente para su implementación. Se va a emprender algunas etapas clave. Como puede ver aquí, una etapa de pago, una etapa de construcción y, por supuesto, también una etapa de artefacto Eso se puede ver es bastante rápido. Entonces ahí está la etapa de construcción. Después se va a llevar a cabo la sección de estado de compilación del informe, después de lo cual va a desplegar nuestra aplicación. Bien, para que podamos ver que ahora está bajo el estado de compilación del informe, así podemos configurar el trabajo, reportar el estado de construcción, completar el trabajo. Ahora, por supuesto, estamos haciendo una inmersión profunda aquí en GitHub Pages. Solo para darte un poco de una idea aquí es todo lo que está ocurriendo en esta fase aquí, es construir nuestro código fuente, compilarlo, prepararlo y luego lo va a implementar Como puedes ver, cada trabajo aquí fue un éxito. Ahora podemos volver a la configuración. Entonces aquí en el lado izquierdo, puedes ir a páginas. Y aquí puedes ver que nuestro sitio web ya está en vivo en el siguiente tu reino, y podemos visitar nuestro sitio o puedes hacer clic derecho en Abrir el Enlace en la Nueva Pestaña. Podemos ver cuándo se implementó por última vez y por qué usuario, y también puede anular la publicación de su sitio Así que tenemos todo listo. Entonces tengo mi sitio web de muestra. Ahora quiero hacer clic y abrir eso en una nueva pestaña. Y aquí tengo mi sitio web todo configurado y listo para funcionar. Aquí, lo tenemos. Es una aplicación muy sencilla, como podemos ver aquí y también tiene un poco de luz en modo oscuro aquí también, eso es bastante agradable, pero ahí la tienes y puedes acceder a tu sitio web en el siguiente URRALM, que por supuesto se te da Y ahí lo tienes. Así es como puedes ir en una cobertura y lanzar tu primer sitio web Entonces ahí lo tienes. Por supuesto, aquí hay URL para ello. Por supuesto, puedes, por supuesto, compartir esto con cualquiera, compartirlo en cualquier lugar, y eso es todo. Así de sencillo es ir a una cobertura y configurar tu sitio web y lanzarlo gratis, claro, eso es todo 6. Cómo manejar los cambios en tu sitio web: Hola a todos, y bienvenidos a la próxima conferencia, que va a estar enfocada en manejar las actualizaciones de su sitio web. Entonces digamos, por ejemplo, quieres cambiar algo en tu aplicación. Entonces aquí dice Hol Mino desarrollamos propresion sobre código limpio y diseño Digamos que quiero cambiar algo, algo que no me gusta. Entonces voy a ir al código de Visual Studio, y lo que voy a hacer es simplemente cambiar la carpeta en la que estoy. Entonces el repositorio aquí se llama repositorio de muestra. Así que solo voy a decir archivo, carpeta abierta, y voy a abrir algunos para repositorio Esto puede ser en cualquier editor de codificación que tengas, y vamos a Index on HML, y veamos qué quiero cambiar Quiero cambiar esto aquí. Yo quería poner en mi nombre completo. Como puedes ver, actualmente, solo di hola soy Anu entonces aquí un desarrollador web apasionado por el código limpio y el diseño. Por supuesto, puedo cambiar esto. Puedo decir un desarrollador web, apasionado por el código limpio y el diseño. Aquí voy a decir Nube en SzSt. Y voy a decir aquí y un entusiasta de la nube. Bien, muy sencillo. Voy a salvar eso. Y es, por supuesto, sincronizar con control de código fuente con por supuesto, GitHub Desktop Y ahora con esos cambios, puedo ir a GitHub Desktop, y podemos ver que hicimos una modificación. Entonces este icono amarillo aquí significa modificado, y se puede ver lo que eliminé fue el dg, y el verde aquí es lo que agregué. Entonces aquí solo voy a decir actualizado el cómo puedo decir el archivo HML índice, por ejemplo, y descripción aquí, voy a decir agregarlo en apellido e información extra sobre lo que soy Así que un entusiasta de la nube. Entonces puedo decir commit one file to main, y luego puedo empujar esto a mi rama principal. Bien, ha sido empujado. Ahora si vuelvo a mi repositorio aquí, solo puedo actualizar mi repositorio Y podemos ver que el commit se hizo aquí, actualizó el índice a HML fail hecho ahora, y podemos ver que ya está pendiente Está construyendo nuestro código fuente, compilando, asegurándonos de que funcione, y luego lo va a implementar Por lo que va a tomar unos momentos aquí. Por supuesto, puedes hacer click en él y podrás ver todos los detalles como desees. Y lo único que queremos hacer es que solo queremos esperar, claro, URL se va a quedar igual. Entonces solo podemos esperar a que esto se complete, y luego podemos continuar. Bien, así que bienvenidos de nuevo, como podemos ver, ahora es verde. Ahora, claro, lo que te recomiendo que hagas es sólo refrescarte aquí, y luego vas a ver el icono verde aquí. Bien, entonces eso quiere decir que fue un éxito. Así que ahora podemos ir a nuestro sitio web y solo quieres recargar tu página web, y ahí vamos Lo podemos ver en Pretorius, así que mi nombre completo y un entusiasta de Cloud, así podemos ver que se tomó en cuenta esa actualización . Todo bien. Entonces ahí lo tienes. Ahora bien, otra forma en la que puedes manejar las actualizaciones es si hubiera un archivo en particular aquí que quieras cambiar. Entonces digamos el índice al archivo HML, puedes seleccionarlo aquí en tu repositorio Y puedes seguir adelante y editar este archivo directamente. Entonces esa es otra forma de hacerlo. Aunque no lo recomendaría de esa manera, es mejor que prefieras seguir adelante en un editor de código y simplemente hacer tus ajustes o en el archivo en el que estás dentro, solo para hacer esos cambios y tal. Entonces eso es algo más que también puedes hacer si solo quieres hacer un cambio, pero lo mejor es pasar por la ruta de actualizarlo donde sea que tengas tu aplicación abierta dentro, y luego simplemente empujarla con GitHub Desktop para sincronizarlo en consecuencia con tu repositorio Github Chicos. ¿Entonces eso es todo para esta conferencia en particular? Eso es para que puedas manejar las actualizaciones de tu sitio web. 7. Crear tu propio proyecto: Hola a todos, y bienvenidos a la siguiente lección, que va a estar enfocada en crear tu propio proyecto. Bien, crea tu propio proyecto. Ahora que tienes todas estas nuevas habilidades que has adquirido, ahora es el momento de que pongas todo eso uso y crees tu propio proyecto. Lo que puedes hacer ahora es amable dirigirte a la sección de proyectos y recursos de este curso para obtener más información sobre cómo puedes seguir adelante y asegurarte de seguir el proyecto y luego también cómo puedes seguir adelante y compartirlo también para que pueda echar un vistazo y dejar mis comentarios. Bien, chicos. Eso es todo para esta lección. 8. ¡Gracias!: Hola a todos. Y sólo una nota final por mi parte, y eso es sólo gracias por decidirse a tomar este curso. Realmente espero que te haya ayudado a obtener algunos conocimientos perspicaces Así que muchas gracias de nuevo, y es muy apreciado que decidieras inscribirte conmigo en este viaje. Otra cosa que quería mencionar es por favor considere dejar una reseña para esta clase. Se agradecería profundamente. No tienes que hacerlo si no quieres, pero siempre es útil en mi caso tratar de entender los comentarios que me están dando y cómo mejorar mejor mis clases. Gracias de nuevo y buena suerte en tu viaje.