Inicia tu sitio web hoy con páginas de GitHub

1. Bienvenido a lanzamiento de tu sitio web con GitHub Páginas: get Hub Page es una gran manera de compartir en demo. Los proyectos en los que has estado trabajando pueden ayudarte a conseguir un trabajo como desarrollador y demostrar tus habilidades es una gran manera de contarle al mundo todas las cosas increíbles en las que has estado trabajando. Tenemos que conseguir las páginas de inicio. No necesitas pagar nada. Es absolutamente gratis. No necesita preocuparse por la administración de servidores,configuraciones complejas, configuraciones complejas, bases de datos ni nada por el estilo. Simplemente puedes enfocarte en hacer un hermoso sitio web o portafolio y ponerlo. Ponte de pie, levántate. Las páginas son el camino más directo para conseguir tu código en Internet. No hay honorarios, ni capturas, ni complejidades en absoluto. Además, no te preocupes. Si realmente no lo sabes, llévate mientras estás tomando este curso porque te mostraré cómo usar. Ponte a lo largo del resto de este curso, pero también porque te mostraré una forma adicional de agregar archivos a tu página web. Hola, estoy matando a contar y bienvenido a mi clase de habilidad compartida. Llevo más de 20 años desarrollando sitios web. He enseñado a más de 1/4 mil millones de alumnos en mi vida, y uso get todos los días en este curso, estarás lanzando tu propio sitio web desde cero usando las páginas get hub. Entonces si quieres conseguir tus proyectos de cartera en Internet hoy, este es absolutamente el curso para ti. Gracias por mirar, y espero verte adentro. 2. Configurar tu cuenta gratuita de GitHub: bien para este curso, ibas a necesitar una cuenta get hub dot com a su absolutamente gratis. Entonces todo lo que tenemos que hacer es dirigirnos a conseguir hub dot com, y podemos crear una cuenta completamente gratuita. Por lo que tu nombre de usuario va a ser lo que quieras usar para tu sitio web. Entonces va a ser por ejemplo, Caleb peaje punto Obtener hub dot io. Esa va a ser mi página web. ¿ Tú? Bueno, porque ese es mi nombre de usuario. Caleb me lo dijo. Por lo que vas a querer que especifiques tu nombre de usuario, porque cambiarlo por el camino puede o no ser posible. Entonces voy a poner a Caleb dot Colleen. Ah, sólo se puede utilizar en contener caracteres alfanuméricos. Ah, cerco. Entonces no hay puntos. Por lo que podrías poner realmente prácticamente cualquier cosa que quieras aquí. Para que pudieras intentar como esa sugerencia mató a Julian. Estrella mató peaje Max. Eso me gusta. No sé por qué. 31319 Pero podrías poner cualquier cosa en tu para tu nombre de usuario. Entonces pones tu nombre de usuario y luego para tu dirección de correo electrónico, solo te pones en yo no lo sé. Tal vez gmail dot com Si tienes un gmail dot com o Hotmail o Yahoo o en cualquier lugar Ah, wow, eso ya está tomado Ah, o inválido. Interesante el. Después solo pones tu contraseña y te inscribes. Vas a tener que verificar tu dirección de correo electrónico por lo que querrás iniciar sesión en tu cuenta de correo electrónico, verificar tu dirección de correo electrónico y luego podrás iniciar sesión. Por lo que una vez que tengas tu cuenta, puedes iniciar sesión. Mi nombre de usuario es Caleb diciendo, y mi contraseña es algo que no voy a decir en voz alta. Tu cuenta probablemente no tendrá todas estas cosas divertidas aquí, pero vas a necesitar algo para empezar con Git. Ahora va a haber dos formas en que podemos hacer esto. Podemos o editar archivos directamente en get hub dot com, o podemos editar archivos en nuestro equipo y empujarlo hacia arriba para levantarse. Y les voy a mostrar cómo hacer los dos en la siguiente lección. Vamos a seguir adelante y crear nuestro primer repo, y luego te mostraré cómo instalar git 3. Crea un repositorio "especial" en GitHub: Muy bien, sigamos adelante y creemos tu primer repositorio. Entonces, cuando inicies sesión para levantarte, verás algo que se parece a esto. Tengo ah feed aquí de los diferentes repositorios y bases de código que tipo de monitor. Pero no necesitas preocuparte por eso. Simplemente haz clic en este plus aquí arriba y haz clic en Nuevo Repositorio. Ahora, este repositorio necesita tener un nombre especial. Pero antes de que siquiera nos metamos en eso, ¿qué es un repositorio de todos modos? Repositorio básicamente, es un lugar donde puedes almacenar todo tu código y tu historial de códigos. Entonces si hoy escribí algún código y resulta que no lo sé, rompí mi sitio web y escribí algún código hace tres días. Pero sé lo que estaba funcionando. En realidad podría volver atrás en el tiempo y usar ese código. No tengo que preocuparme por tratar de arreglarlo. Simplemente puedo retroceder literalmente en el tiempo, usar el código que funciona y luego, ya sabes, arreglarlo después para que a mis usuarios nunca se les vea un sitio web roto. Y eso se llama versión ing. Ese es uno de los poderes detrás. Ponte así en tu repositorio aquí, vas a querer usar un nombre muy especial. Va a ser tu nombre de usuario dot Get hub. No Io. Entonces para mí, mi nombre de usuario es Caleb Tallinn. Pero voy a usar Caleb hauling dot Get hub dot io No es get hub dot com porque ese es el sitio web. Estamos en su get hub dot Voy a llegar a casa. Página siempre está en vivo en un dominio de punto io. Voy a inicializar esto. Léame, uh, este repositorio con el léame. Es sólo un archivo de muestra. No podemos cambiar eso más adelante. Y además, vas a querer asegurarte de que esto sea público. Esto no funciona en repositorios privados. Entonces tu código necesita ser público, lo cual en realidad está bien, porque si estás creando una página de inicio de get para tus piezas de cartera, vas a querer presumir ese código de todos modos. Y así hacerlo público va a ser bueno para que los empleadores echen un vistazo a tu código. Para que sigas adelante, haz clic en crear repositorio, y ahí vamos. Contamos con un repositorio. Por lo que acabamos de configurar un repositorio básico, recuerda, tuyo no va a ser Caleb peaje Dugit hub dot io va a ser tu nombre de usuario dot Obtener hub dot io Ahora siempre puedes averiguar cuál es tu nombre de usuario dice aquí arriba. Firmado como Caleb, contando. Simplemente lo puse todo como minúscula. Eso está totalmente bien, pero te mostrará aquí arriba. Si no lo hace, siempre podrías entrar en tu configuración suelen ser tu perfil, y te mostrará también. Entonces justo como ejemplo, dice mi nombre aquí, y también dice mi nombre de usuario. Así que asegúrate de tener un nuevo repositorio nuevo configurado con tu nombre de usuario. No llegues a casa, no IO. Una vez que hayas hecho eso, pasemos a esa siguiente lección donde averiguamos cómo poner este código en nuestra computadora. 4. ¿Qué es la clon, de todas ninguna manera?: bien, vamos a necesitar clonar nuestro código desde get hub a nuestra computadora. Ahora, clonación es esencialmente simplemente copiar tu código de un repositorio, el que hicimos en el último video a tu computadora. Entonces, básicamente, estamos tomando código get hubs, y lo estamos poniendo en tu computadora ahora. En realidad no necesitas clonar un repositorio dedo del pie trabajar con él, pero sí hace que sea mucho más fácil trabajar con archivos en tu computadora. Por lo que en el próximo par de clases, vas a querer descargar, subirte a tu computadora. Te mostraré cómo hacer eso, ya sea que estés usando Windows, Mac o Linux y luego configuraremos, obtén. Pero si de verdad, verdad no quieres aprender, consigue lo cual te sugiero mucho que sí. Pero si no quieres, no tienes que ir un poco por el camino. Te mostraré cómo puedes editar archivos sin siquiera tener que meterte en tu computadora. 5. Cómo instalar Git en Windows: Si estás usando Windows como sistema operativo, vas a querer descargar un programa específico para usar get. Este es, con mucho, el mejor programa para Windows que encontré. He hecho desarrollo en Windows, Mac, Linux, lo que sea. Yo he estado ahí. Y cuando estaba haciendo mucho trabajo de Windows, este era el programa al que volví. Este fue un programa realmente, realmente bueno. Por lo que quieres ir a conseguir para windows dot org Click your download button here, y esto te llevará a una página de inicio get, que, irónicamente, esto es en realidad lo que vamos a estar aprendiendo muy pronto como un niño pequeño hub. Entonces si te desplazas hacia abajo, podrás ver que tenemos nombres de archivo y cosas ahí dentro. Tenemos activos. ¿ Quieres descargar el programa? Eso es correcto para que lo sepas, más probable es que quieras descargar consigue 2.250 punto cero 64 bit dot dxy. Ese es probablemente el que quiere. Ahora bien, si tienes una computadora más antigua y una laptop de Windows más antigua para sin censura o un escritorio de Windows más antiguo , tal vez quieras obtener la de 32 bits Pero si tienes una computadora más nueva, digamos dentro de los últimos cuatro años o por lo que, definitivamente vas a querer obtener el archivo txt punto de 64 bits descarga que instala eso. Y una vez que tengas eso instalado, podrás abrir un programa llamado Get for Windows. Y todo lo que se va a ver es una herramienta de línea de comandos algo así. No, mi herramienta de línea de comandos es única porque he personalizado bastante esto. El tuyo se va a quedar muy parecido, se va. Ten algo de impuesto y podrás escribir algunas cosas aquí. Pero de lo contrario la coloración podría ser diferente. Los lados podrían ser diferentes, pero todo lo que realmente necesitas es poder escribir algunas cosas aquí ahora, algo divertido de hacer. Si estás en Windows, siempre puedes escribir D I R. Y eso te mostrará una lista de tus archivos y directorios donde actualmente eres algo así para moverte rápidamente. Todo lo que tienes que hacer es escribir directorios de cambio de CD con sentido de directorio de cambio. Se puede ver el en cualquier otra carpeta que desee, así que voy a sólo, por ejemplo, un CD en estado. Y luego si hago P W. D. Ya puedes ver esa es la carpeta en la que estoy para ti. Es posible que desee configurar un proyecto de muestra o un proyecto de ejemplo en su escritorio o en sus descargas, o en algún lugar que sea un poco más temporal, y luego CD en ese directorio donde sea que vaya a ser, que puedes automáticamente solo empezar a trabajar y lo haremos todo de nuevo. Métete dentro de esa carpeta en particular. Entonces lo que tienes instalado para Windows y tienes tu get para Windows Terminal abierto. Empezaremos con la siguiente lección donde nos introduzcamos en get Hub. 6. Cómo instalar Git en MacOS y Linux: Si estás en un Mac o Lennix, hay un par de formas diferentes para que cada sistema operativo instale. Consigue primero lo primero. Vamos a repasar Mac porque más personas están usando Mac de lo que son. Escritorio Linux. Entonces en una Mac, si tienes un programa llamado Brew, puedes escribir brew install. Ponte ahora si no tienes cerveza. Este es un programa llamado Homebrew, y yo sugeriría conseguir este sistema operativo Mac de cuatro años. Esto es realmente solo un gestor de paquetes, así que permite actualizar fácilmente get down the road for it, por ejemplo, o instalar otros paquetes que podrían estar relacionados para obtener o podrían estar relacionados con un proyecto en particular . Estás trabajando en una herramienta realmente útil, así que ese es el Mac número uno. Mac Opción número dos es Simplemente puedes abrir tu navegador e ir a source forge dot net slash proyectos slash git Dash os X dash installer slash files Desplázate hacia abajo por esta página, y probablemente solo querrás obtener la más reciente. Entonces este es llegar a señalar a la 3.0, y se puede ver que tiene 30,000 descargas esta semana. Si hay una versión más reciente. Definitivamente ir. Adelante, consigue esa versión más nueva. Pero si ves éste, también puedes conseguir éste también. Vas a querer descargar esto, instalarlo, y una vez que lo tengas en marcha, podrás abrir un programa llamado Terminal. Cada Mac viene con este programa llamado Terminal Will. Escribe eso Terminal. Básicamente, eso es lo que estoy usando aquí. Ahora tengo una versión personalizada de mi terminal, pero tu terminal va a verse algo así. Ahora bien, si estás en una ropa de cama, hay una forma diferente de hacer esto. Por lo general escribirás sudo Apt. Instala, obtén, y eso instalará Get for you you are are in a version antigua de Lennix o Let Say You bollo, tambien. Haces sudo apt get install, get y eso lo instalará para ti en versiones anteriores de ti. Pero dices que quieres 12 14 16 algo así. Si estás en tu manojo de 18 o antes, es sólo sudo. Apt instalado. Get Si estás en un sistema operativo Linux diferente. Podría ser Yaman. A lo mejor sea que sea tu gestor de paquetes, pero las posibilidades sí. Es que sois prefectos. Cualquiera que sea tu gestor de paquetes se llame instalar, consigue algo en esas líneas. Si ya estás en Lin X, lo más probable es que ya sepas hacer esto y sabes cuál usar ahora, un pequeño curso rápido. Si eres completamente nuevo en usar la línea de comandos en Mac o en el Lennox, puedes escribir PWD. Y eso te mostrará el directorio de trabajo que estaban en eso Esto es realmente sólo ah nombre de carpeta aquí. Entonces estoy en la raíz de mi computadora y luego estoy en una carpeta llamada Bed and To Change Directorios and Do CD y C D significa un directorio de cambios Y luego para enumerar todos tus archivos y carpetas siempre puedes hacer ls Dash L. A. Y puedes ver que tengo un montón de cosas aquí. Voy a ver el directorio up one un último guión L A y se puede ver que sólo estoy en la raíz aquí. Aquí no pasa nada de fantasía. Esto es sólo realmente carpetas y una carpeta temporal aquí. Vamos a estar trabajando un poco más con línea de comando a lo largo de este curso. Eso no es realmente ponerse relacionado. Entonces vas a querer estar familiarizado con el CD. Déjame, ah, sólo hacer eso un poco centrado aquí. Vas a querer estar familiarizado con CD y probablemente PWD No. Y también ls Dash L. Un CD a muchos argumentos, porque eso no es un comando. Tienes que hacer uno a la vez. Por lo que es CD PWD o Ellis Dash L. A. Así que adelante, prepárate en tu computadora. Una vez que lo tienes instalado y en funcionamiento, tienes tu terminal abierta. O bien, si estás en una máquina de límites, querrás abrir Un programa llamado Bash en lugar de Terminal Terminal es para una máquina Mac golpes para clínicas. Una vez que tengas eso en funcionamiento, puedes escribir get dash dash version y te mostrará la versión de Get que estamos usando . Una vez que hayas hecho eso, sigamos en la siguiente lección donde empezamos con Get Hub 7. Cómo configurar tus ajustes Git: antes de hacer algo con él, necesitamos configurarlo en nuestra línea de comandos porque ahora mismo, si tratamos de hacer algo con get u get hub desde nuestra línea de comandos, no sabe quiénes somos. No sabe lo que hacemos. No sabe nada de nosotros. Por lo que vamos a necesitar configurar dos cosas que vamos a necesitar para configurar nuestro nombre y nuestra dirección de correo electrónico. Y esto es justo lo que consignamos comete. Hablaremos de compromisos y fichajes y de todas esas cosas por el camino. Pero básicamente, cada vez que escribes un trozo de código y lo pones, consigue hub. Hay un poco de firma en el hash, realidad, y tiene un autor, y necesita saber quién es ese autor. Entonces para esto, vamos a escribir get config, Dash, dash global. Hago un solo un poco más pequeño aquí y se pueden ver algunas de mis cosas de arriba aparecieron. Eso está bien, cita de nombre de punto de usuario, y voy a poner mi nombre como Caleb diciendo porque ese es mi nombre. Y luego voy a teclear get config, Dash dash, usuario global dot email, y esta va a ser mi dirección de correo electrónico. Pongo esto también entre cotizaciones, y aquí voy a escribir mi dirección de correo electrónico. Se puede ver que realmente envuelto en otra línea. Eso está totalmente bien si hice el más pequeño vuelve a una línea, así que pega entrar y ya está. Ahora que las direcciones de correo electrónico deberían coincidir idealmente con tu dirección de correo electrónico get Hub, no creo que sea realmente necesario, pero es una mejor manera de hacer las cosas si todas tus direcciones de correo electrónico se alinean. Entonces lo que sea que te inscribiste en Get Hub, obtén laboratorio Orbit Bucket, asegúrate de que estás usando esa misma dirección de correo electrónico exacta. No, podemos verificar que esto funcionó escribiendo Cat, y eso es un punto de slash labrado get config. Y si hago tabulador después de la palabra C o N f solo tabulador, se auto completará. Para mí, ese archivo debería existir, y ahora podemos ver que tenemos usuario con un nombre y una dirección de correo electrónico. Si no tienes este archivo, eso significa que estás obteniendo configures no configurado, así que asegúrate de tener tu nombre de usuario y tu correo electrónico de usuario configurado, y también asegúrate de tener un archivo git config en tu computadora. Si tienes eso todo arriba y corriendo de cabeza a la siguiente lección, se hablará de agregar una clave ssh. 8. Cómo "download" tu repositorio a tu computadora: De acuerdo, hablemos de descargar tu proyecto a tu computadora. Entonces, ¿en realidad vamos a clonar todo este repositorio? Tengo un reporte de muestra aquí llamado Caleb diciendo punto Obtener hub dot io. Voy a clonar esto en mi computadora para poder tener acceso a esto. Léame archivo. Ahora, Para hacer eso, todo lo que tenemos que hacer es hacer clic en este botón verde aquí y podemos clonar con https o podemos usar Ssh. Ahora me voy a quedar con https para hacer esto agradable y sencillo. Entonces cuando haga clic en este enlace o en este pequeño botón aquí y eso va a copiar todo esto para mí ahora, voy a abrir mi línea de comandos, y voy a CD en sólo la carpeta en la que suelo poner la mayoría de mis sitios web. Y yo voy a teclear, conseguir clon, y luego vamos a pegar que tú Ellen aquí. Y eso va a crear una carpeta llamada Caleb tallinn dot Obtener hub dot io. Ahora va a crear una carpeta para ti llamada tu nombre de usuario. Dugit hub dot Io. Vamos a seguir adelante y ejecutar eso y eso clonó el sitio hacia abajo. Por lo que ahora puedo CD a Caleb Tully. No te pongas hub dot io Y si lo hago ls dash out a o si estás en ventanas, puedes teclear d. yo ardor. Entonces voy a hacer ls Dash L. A. puedes ver tengo un archivo de leerme aquí, y en realidad podemos abrir esto en nuestro editor de código, Así que estoy usando código V s. Simplemente abriré esto y podemos ver mi archivo de leerme está aquí, y sólo tiene este título. Entonces esto es solo marcar hacia abajo. Simplemente tiene el mismo texto que está aquí. Y si realmente vamos a editar este archivo, veremos que es exactamente el mismo contenido. Tenemos una señal numérica, y luego tenemos el título. Y si paso al código V s, podemos ver que si selecciono todo eso y solo pego encima, es exactamente el mismo texto. Nada cambia. Y eso es porque eso se debe a que este es literalmente el mismo código exacto que tiene get hub. Ahora mismo. Ahora podemos editarlo en nuestra computadora, y luego cuando estemos listos, podemos empujarlo de nuevo hacia arriba para obtener sus vistas y obtener ahora una vez más, no tienes que hacer eso. Si prefieres mucho simplemente editar archivos justo en, consigue hub. Tú también puedes hacer eso. Ahora, yo sugeriría no hacer esa causa get es una habilidad realmente buena para aprender como desarrollador Web por solo saber que no tienes que hacer eso Así que siempre podemos hacer clic en este pequeño ícono editar aquí O si podemos entrar en un archivo en particular, por lo general hay icono de edición justo por aquí. Entonces edita este archivo y podemos decir que voy a crear aquí una cotización pull. Este es el sitio web de Caleb Colleen y podemos previsualizar los cambios. El verde solo significa que eso es lo que agregamos, y este es un bonito ribete a él. Y luego cometemos esos cambios y simplemente damos un pequeño mensaje como, ¿qué hicimos exactamente? Se agregó una descripción. Y me voy a comprometer directamente con la rama maestra y comprometer esos cambios. Y ahí vamos. Ahora, mi léame ha sido actualizado. Si vuelvo a este repositorio este repositorio, se puede ver que este se ha actualizado. Ahora donde get entra en juego es esto no se ha actualizado en mi computadora. Yo voy aquí, no se ha actualizado nada. Pero lo que puedo hacer es decir obtener origen pull, Maestro. Y cuando regrese aquí, podemos ver que esto se actualizó automáticamente para mí. Ese es el poder de get. Podemos mantener el código sincronizado entre get hub y nuestra computadora y otras personas también pueden hacer eso , para que siempre puedan tener una fuente de verdad. 9. Crea tu primer archivo: Muy bien, sigamos adelante y creemos nuestro primer archivo. Entonces éste vino con nuestro repositorio y lo editamos, pero en realidad no hicimos nuestro primer archivo, así que hay dos formas de hacerlo. El primer camino es usar get, y te mostraré ese poco por el camino. Pero la otra forma es que literalmente puedes hacer clic. Crea un nuevo archivo y puedes crear un nuevo archivo aquí. Llamemos a este índice punto html y aquí solo vamos a decir H uno. Hola mundo slash H uno. Vista previa de esto y simplemente se ve como código HTML normal. Entonces vamos a darle a esto un nombre de primero. Hola mundo. Comete y comete ese archivo. Y así donde estos commits aire entrando en juego está justo aquí arriba, realidad podemos ver que ahora tengo algún tipo de historial de códigos. compromiso inicial añadió una descripción Primero, Hola, world commit y en realidad puedes ir a través de estos y puedes ver las diferentes piezas de código que se han actualizado para cada commit. Ahora eso no es ni aquí ni allá. Lo que queremos hacer es trabajar con este archivo html de punto índice. Entonces lo que podemos hacer es simplemente entrar aquí. Podemos editarlo directamente, igual que hicimos con el archivo Read Me. Podríamos copiar y pegar o HTML aquí, pero esa es en realidad una forma bastante dolorosa de hacer esto. Y honestamente, esa no es forma de vivir tu vida. Otra forma de hacerlo es si solo abres aquí editor de código y ya estoy dentro de mi repositorio. Podría hacer un maestro get pole origin. Y si sí consigo Log, dash, Dash una línea, tenemos ese compromiso inicial. Agregamos la descripción. Y primero hola, mundo comprometerse. Esa es la que acabamos de hacer, lo que significa que ahora deberíamos tener acceso a ese archivo html de punto índice dentro del código es. Y mira eso. Está justo al lado del archivo léame. Entonces esto está dentro de tu carpeta en tu computadora ahora. Y realmente, eso es todo lo que es es solo una carpeta que se mantiene sincronizada con levantarse. Entonces lo que podríamos hacer aquí es, en lugar de sólo ese estándar H uno, en realidad podríamos hacer esto un poco más pequeño. En realidad podríamos darle a esto un hola mundo, um html body así que html cinco estaban usando el inglés como el idioma. Esto solo asegúrate de que sea receptiva y va a ser receptiva. CSS. Y aquí podríamos decir, cada uno esto fue editado. Guarda eso. Y en la siguiente lección, lo que podemos hacer es con get, en realidad podemos empujarlo desde nuestra computadora para obtener hub directamente. 10. Haz tus archivos a tu repositorio especial: bien en ese último video, lo que hicimos fue editar ese archivo html index dot y así es como se ve actualmente en nuestra computadora. Pero si volvemos a nuestro repositorio index dot html solo tiene una línea en su frente a las 11 líneas que tenemos aquí dentro. Entonces, ¿cómo conseguimos eso sincronizado ahora? Una forma en que pudiéramos hacer eso es que podríamos copiar todo esto y podemos editar este archivo y luego podríamos acelerarlo. Podríamos hacer una sentada de compromiso, y luego podríamos comprometer los cambios. No es forma de vivir tu vida porque vas a estar haciendo eso una y otra vez, y ese es un proceso muy lento. En cambio, lo que podemos hacer es hacerlo a través de la línea de comando. Entonces en mi repositorio en mi línea de comandos, podría hacer un status git, y podemos ver que el índice dot html se modifica. Eso lo que nos está diciendo, al menos, y entonces podemos hacer, conseguir add, dash, dash, todos conseguir estatus una vez más y podemos ver que ahora es verde. Por lo que el rojo significa que no fue escenificada para compromiso. Esto ahora es etapa para el compromiso porque es verde. Por lo que solo conseguiré estatus una vez más aquí. Ahora, lo que podemos hacer es conseguir commit Dash M para mensaje. Nueva estructura de archivos html Algo así. Ahora, esto actualmente no está en levantarse todavía. Entonces si nos pusimos largo Dash, corría una línea, loguémonos. Ash, Ash Una línea produce este nuevo commit en origen año. Maestro, un k get hub está de vuelta aquí. Entonces ahora necesitamos volver realmente para conseguir hub y podemos ver y escuchar que nada ha cambiado. Y para que podamos empujar estos archivos desde nuestra computadora para obtener hub, en realidad es comando llamado Get push. Por lo que sí conseguimos empujar origen Maestro. Entonces obtenemos el estado, obtenemos agregar, comprometemos, y luego nos empujamos. Origen Maestro. Ahora bien, esto realmente no parece que valga la pena si solo estás cambiando un archivo a la vez. Pero cuando trabajes con otros desarrolladores en el futuro, vas a estar trabajando con muchos archivos. Entonces esto tiene mucho más sentido hacerlo con, como, como, 10 archivos o grandes cambios y no solo como 10 líneas de código. va a pedir mi nombre de usuario porque uso la versión https. Entonces Caleb Colleen es mi nombre de usuario, y pongo mi contraseña, está bien, bien, Y así una vez que lo has empujado hacia arriba, has ingresado tu nombre de usuario y contraseña. Puedes actualizar tu página de inicio de get, y verás que este nombre de commit cambió, y ahora tenemos el código que hay en nuestro equipo. Entonces eso es crear tu primer archivo y empujarlo hacia arriba desde Get Hub son para obtener ayuda de tu computadora y la siguiente lección. Vamos a seguir adelante y en realidad ver este sitio web. 11. Demostra tu nuevo sitio web: De acuerdo, vamos y en realidad veamos esto en nuestra nueva página de inicio de get porque ya hemos estado trabajando dentro de este Repo y sorpresa Get hope en realidad ha estado haciendo este sitio web para ti todo el tiempo. Entonces vamos a entrar en nuestra configuración y podemos desplazarnos hacia abajo y podemos lidiar con esos encabezamientos más adelante si quisiéramos. Y dice que tu sitio está publicado en https Kayla diciéndote no consigas hub Io Ahora el tuyo va a decir tu nombre de usuario no te ayuden lo debo Así que solo voy a dar clic en esto y mirar aquello. Esto como editado supuesto ser Esto fue editado pero DNC Esto como editado demuestra que fue editado El título fue Hola Mundo Podemos ver que aparecen dice hola Título mundial es hola mundo Así que nuestro código está siendo desplegado en nuestra propia página web Aquí https Caleb peaje dot get hub dot Ya puedo compartir ese enlace con todos los demás. Ahora esto no es realmente un sitio web digno de compartir. Vamos a querer realmente crear algún tipo de portafolio sobre tal vez subir un par de proyectos que también harán en las lecciones futuras ahora un par de cosas a tener en cuenta. Si en tu configuración aún no ves esto, podría decir que lo es. Ah, aquí está. Podrías simplemente ver algo como esto. Dice que estás obteniendo páginas hub actualmente siendo construidas a partir de master y no ves este tipo de caja de éxito verde o vas a tu página y es simplemente do like, espero que esto no sea una verdadera get homepage. Sí, si ves una página como esta que solo tiene 404 posibilidades son una de dos cosas que han pasado. Estás obteniendo hub Repo nombre de tu usuario nombrado. Obtengo hub dot io se deletreó mal. A lo mejor hay un tipo de que puedes cambiar tu nombre de repositorio get hub aquí. Sí, tu página aún está configurada. Tu sitio web aún se está configurando, y eso se debe a que consigue hub entre bastidores, trata con tus servidores, trata con redes de entrega de contenido, trata con todo tipo de cosas de configuración. No tienes que preocuparte por nada de eso. A veces puedo tomar unos minutos extra para configurarlo, Así que si no ves esto dentro de unos minutos, asegúrate de que tu nombre de repositorio esté escrito correctamente tiene que serlo. Consigue hub dot io no dot com Pero si ya tienes ambos de esos, tu sitio web debería estar cargando. Esta no. Tu sitio web debería estar cargando algo como esto. Entonces la siguiente lección, sigamos adelante y encontremos algún tipo de tema que podamos usar solo una cosa libre solo para que esta página se vea un poco más linda. 12. Haz que tu sitio web se mejor con un tema: bien. En esa última lección, realidad accedemos a nuestro sitio web. Incluso tiene un certificado SSL. Entonces tiene http s, lo cual es agradable, y muestra todo nuestro código aquí. Y aunque lo hiciera bien, click y ver fuente, ver página fuente. Ahí estás. Haz esto más grande. Podemos ver que este es el código exacto que se encuentra actualmente en nuestro equipo. Eso es bastante guay. Para que pudiéramos seguir adelante y cerrar eso. Solo quería mostrarles que ese es exactamente el mismo código con el que hemos estado trabajando. Y así ahora vamos a seguir adelante, hacer que esta página realmente se vea como una bonita página web. Entonces si tienes un sitio web construido ya, definitivamente usa que no tengo uno pre construido. Entonces lo que voy a hacer es sólo ir y conseguir uno de inicio bootstrap dot com tales temas. Y voy a usar este tema creativo. Este es un sitio de portafolio de aspecto bastante estándar. Y veamos esta vista previa en vivo y así es como va a quedar esta página para mí. Ahora, no vamos a editar todo el contenido aquí porque esto no es un ah contenido completo html CSS JavaScript Sitios web especie de proyecto. Lo que es esto es una buena manera de darte algún tipo de tema con el que puedes trabajar en el camino . Ahora otra vez, si tienes las tuyas, por favor, usa las tuyas propias para mí. No tengo uno, así que sólo voy a descargar éste, y vamos a usar este descarga tan gratuita, ya sabes, guarda ese archivo. De acuerdo, así que acabo de hacer un poco de edición rápida ahí, y estos son los archivos que venían con esto. Y así acabo de extraerlos en mi computadora y quién, literalmente sólo va a copiarlos. Entonces voy a seleccionar todos estos y copiarlos, y luego me voy a pasar a mi nuevo proyecto, Podría conseguir proyecto de ayuda. Y voy a pegar esto, y voy a sobrescribir este índice punto html encontrado. Vas a querer asegurarte de que se llame index dot html. Entonces voy a reemplazar eso, Y lo que puedo hacer en mi terminal ahora es conseguir estatus y se puede ver que aquí hay todo tipo de cosas. Modificé índice en cada email, pero también agregué CSS y JavaScript para que pueda hacer que me agregue dash, dash all get status una vez más, me va a mostrar todos mis archivos, los tres. Ahora lo que tenemos que hacer es darnos un mensaje de commit para que podamos conseguir commit. Dash M agregó un bonito sitio. Entonces nos podrían empujar Origin, maestro. Y de nuevo, aquí es donde realmente se vuelve útil conocer Get porque podemos editar tres archivos o agregar tres archivos sin tener que copiar y pegar crear copia de archivo paga crear copia de archivo, pegar archivo creado. Podríamos simplemente hacerlo todo en nuestra computadora así. No es, me van a empujar. Origin Master me va a pedir mi nombre de usuario y mi contraseña. Y luego si volvemos a conseguir hub aquí y solo refrescamos, podemos ver que tenemos una carpeta CSS. Tenemos una carpeta JavaScript index dot html. Y solo para demostrar que todo esto es lo mismo aquí en mi editor, estoy usando el código V s. Tengo estilo CSS que CSS JavaScript folder script, duck, jazz y index dot html, que no escribí. Entonces ahora podemos volver a nuestra configuración, y si solo nos desplazamos hacia abajo, Vale, vas a querer asegurarte de que esto diga que tu sitio está publicado. Así que volvamos a nuestro lado aquí y solo pinchemos refrescar y OK, ok. Eso esto se ve mejor. ¿ Sabes qué? Sé exactamente lo que hice mal aquí es que no copié las imágenes o los activos se doblan bien que tú. Entonces si abro esto Sí, no me gustó eso, pero este es un buen ejemplo. Para que pudiera simplemente copiar toda esa carpeta, ritmo que por aquí, volver a entrar en mi terminal. Obtener estado, conseguir en dash dash dash, todos obtener estatus. Me da todas estas imágenes. Ahora no tengo que copiarlos y pegarlos ni encontrar alguna manera mágica de ponerlos en marcha. Consigue hub. Podría simplemente conseguir comprometerme. Activos agregados son empujados. Origin Master me va a pedir de yo uso nombre y contraseña. Y si volvemos a alguna vez llegar a la página principal aquí camino, vuelve a nuestro código. Ya veremos tenemos una carpeta llamada Activos y luego una carpeta llamada I m G. Es configuración de actualización aquí, y yo solo siempre me gusta asegurarme de que esto siga disponible. A veces desaparece porque es la mitad de un despliegue, y eso está bien. A veces cuando eso sucede, toma como 30 segundos. Volvamos a nuestra página aquí y refrescantes. Ya veremos que estas imágenes se cargan ahora tenemos un sitio web en funcionamiento en las páginas de Get hub. Ahora, en este punto, siéntete libre de hacer cualquier tipo de ediciones que quieras hacerlo la próxima última. Vamos a personalizar el título un poco de texto, agregar algunos enlaces, y vamos a agregar algunas sub carpetas aquí para que realmente puedas copiar y pegar tus proyectos existentes en tu sitio web get hub pages, y la gente pueden interactuar con ellos de inmediato. 13. ¡No olvides añadir tus proyectos a tu portafolio!: Muy bien, vamos a añadir algunos de nuestros proyectos personalizados. Si no tienes ninguno, está bien. Se pueden sumar por el camino. Si tienes algunos, quizá quieras empezar a agregarlos ahora. Entonces lo que voy a hacer es abrir Firefox aquí, y voy a archivar open file. Ahí vamos. Y voy a abrir este archivo html index dot y esta es nuestra copia local. Entonces esto es lo que hay en nuestra computadora. Esto no es lo que hay en las páginas de inicio de get. Entonces voy a cambiar esto y voy a añadir un segundo botón, y van a ir a dos lugares diferentes con dos proyectos diferentes. Entonces primero lo primero. Volvamos a nuestro editor aquí. Y este es el título Portfolio de Caleb. Y en aquí ver las cosas que he creado y esto es refrescar esta página. Está bien, genial. Simplemente cámbialos impuesto. Nada, Mayor, cambiemos. Pero ahora, Así que se supone que son dos aquí. No queremos que esto desencadene ningún tipo de desplazamiento. Eso es solo javascript que viene con este tema en particular. No queremos eso. Nosotros sí queremos que esto vaya a diferentes lugares. por lo que vamos a añadir un que hacer aquí, y éste va a ser ver mi móvil y la vista. Mi calculadora y estos son solo dos proyectos que en realidad tienen cursos sobre donde se crea un móvil a partir de la mano y se crea una calculadora interactiva a partir de la mano. Entonces voltea de nuevo a la actualización de Firefox, y vemos dos botones. Ahora estos no van a ir a ninguna parte. Si hago clic , no hace nada. Estos necesitan ir a algún lado. Entonces voy a terminar realmente copiando y pegando mis proyectos de esos cursos a una nueva carpeta llamada motile simplemente slash motile o para convertirlo en un enlace relativo. Dondequiera que este estudio de índice esté el archivo Chmela y dentro de la carpeta llamada Motile tiene una barra. Esto se está metiendo en cosa de camino. Si no estás familiarizado con lo de Path, esto puede ser un poco doloroso al principio. Pero pasar es muy, muy importante, y esta va a ser calculadora ahora. Si vuelvo a Firefox y refresco, ves la parte inferior izquierda aquí, dice modelo de barra y calculadora de barra. Ahora, si haces clic en que estas carpetas simplemente no existen, vamos a conseguir un archivo no encontrado que está bien. Lo que quiero hacer es abrir el buscador o cualquier tipo de explorador de carpetas en tu sistema operativo , Y voy a crear un nuevo completo durante aquí llamado Motile, y voy a crear otro llamado Calculadora, y solo voy a ir a agarrar ese código fuente y pegarlo aquí. Entonces voy a acelerar mi calculadora aquí, y así voy a subir a pegar archivos o editar pegar, dependiendo de tu sistema operativo o solo comando o control V Y acabo de pegar mis archivos en tu ahora no tendrás estos archivos y eso es bien. No se supone que tengas estos archivos. Se supone que este es tu proyecto. Entonces si vuelvo aquí un directorio, esto podría no ser calculado para ti. Esto podría ser algo completamente diferente, y podría no ser un móvil podría ser algo completamente diferente. Entonces solo voy a seguir adelante y agarrar el código móvil y volver aquí y me quedé fuera pantalla por un segundo. Eso está bien. Realmente no necesitas verme copiando y pegando. Eso es todo lo que era, y acabo de pegar cuatro archivos aquí. Y así ahora tengo expedientes en móvil. Ese es mi fuller llamado motil. Se puede ver aquí abajo con un archivo html de punto índice. Eso es muy importante. Y también calculadora no tiene archivo html dot index. También muy importante. Ahora cuando volvamos a refrescar nuestra página local aquí de nuevo, esto va a ir a Motile, y esto carga mi archivo html de punto índice. Ahora, si estás usando Firefox en realidad se saltó una cosa aquí. Firefox camina para mostrarte que estás en un directorio. Un servidor Web como Get Pages no te mostrará. Simplemente asumirá automáticamente que está buscando índice dot html. Por eso es importante. Para que pudiéramos volver a hacerlo con nuestra calculadora. Lo mismo Firefox, y di, Hey, ¿ qué archivo quieres ver? Decimos índice dot html y tenemos una calculadora en. Ya sabes, es bastante guay, pero sigamos adelante, y en realidad se cierra. Ah, y vamos a ver nuestra página. Entonces copia ese ritmo de enlace que ahí adentro Nada de esto está en nuestra página de levantarse todavía, así que sigamos adelante y entramos en nuestra línea de comando aquí. Hagamos un status get y podemos ver que tenemos este extraño archivo de la tienda es. Esto es de un Mac. Y en realidad, medida que usas get, vas a ver que tu computadora usa todo tipo de archivos ocultos que quizás o no hayas visto antes. Entonces lo que vamos a hacer aquí es obtener add index dot html get add calculator esa carpeta entera y obtener anuncio toda la carpeta móvil. Podemos hacerlo, obtener el estado, y podemos ver que no agregamos esta tienda DS porque eso simplemente no es un archivo útil. De verdad. Es solo para Mac OS, y vamos a estar agregando todos estos archivos verdes. Vamos a seguir adelante, conseguir comprometer proyectos agregados. Consigue empujar origen maestro de nuevo. Esto te va a pedir tu nombre de usuario y tu contraseña. Ahora, ya sabes mi nombre de usuario, pero yo simplemente no, como escribir mi contraseña en pantalla, aunque esté oculta. Y luego podemos volver a nuestro código fuente aquí, refrescar y veremos que tenemos una calculadora y o moto. Entonces estos son ahora nuestros proyectos que tenemos, y volvemos a su configuración. Tan solo asegúrate de que esto sea refrescante de la forma en que se supone que debe hacerlo. Tu sitio ya está publicado. Está bien, Genial. Enfriar. Enfriar. Volvamos aquí. Estoy en Caleb diciéndole punto Get hub dot Io y acabo de golpear. Refrescar. Ahora tengo el portafolio de Caleb. Cosas que he creado. Tengo un enlace a mi motel. Se puede ver eso en la parte inferior izquierda y un enlace a mis calculadoras. Hagamos click en este móvil Y este es en realidad el código fuente del proyecto móvil. Hasta ese trabajo para que la gente pueda ahora realmente experimentar mi proyecto. Yo puedo volver atrás. Yo sólo hice eso demasiado grande. Puedo ver mi calculadora y ésta es bastante guay. A mí me gusta bastante este. Podríamos hacer algo así como 55 veces cinco dividido por tres es igual a 91.666666667 algo así. Pero de nuevo, esto sólo demuestra que tengo un proyecto que realmente funciona, y puedo presumir esto a la gente. Ahora, lo que hace que esto realmente sea realmente poderoso es el hecho de que alguien simplemente puede venir a tu repositorio y puede leer esto. Pueden ver Oh, has conseguido el archivo html index dot, Pero oye, también, tienes carpeta ah Motile. Tienes una carpeta de calculadora, ¿Qué hay en esto? Y en realidad pueden ir a ver tu código fuente para que podamos ver que aquí no hay mucho html. Podemos ver que extrañamente no hay mucho javascript en tu trasero. Si estuvieras solicitando un empleo, la empresa a la que estás solicitando podría mirar tu JavaScript y decir: Oh, Oh, esta persona está escribiendo javascript moderno. Esa es una muy buena señal. Y también podrían mirar el CSS y decir, Oh, ellos saben, Ah, fondo de barco, fondo de barco, resplandor. Y saben de sombras de buck usando para boxear sombras al mismo tiempo, cosas así. Esas eran buenas señales para que los empleadores pudieran ubicar. Podríamos contratar a esta persona porque en realidad saben lo que están haciendo. Y así es como simplemente metes tus proyectos para obtener páginas de ayuda. ¿ En serio? Yo sólo lo hice Ah, carpeta y me vinculé a esa carpeta Mayor. Tenía índice de punto html ahí. Eso es todo lo que era 14. Cómo y por qué debes ignorar archivos de computadora useless/hidden: Está bien. Algo que vas a querer hacer es no comprometer ciertos tipos de archivos. Entonces, por ejemplo, lo vimos en el último video. Si sí consigo el estado, tengo este extraño archivo de la tienda DS. Ahora en un Mac, eso es sólo un archivo oculto. Normalmente no vemos eso, pero consigue que el hub se recoja en él. Vas a ver cosas como esta. A lo mejor no este archivo exacto, Pero también vas a ver cosas como esta en Windows y Límites. Y en realidad podemos conseguir ignorar estos archivos. Y es un archivo llamado Get Ignorando todo. No dice, Oigan, ignoran ciertos archivos. No dejes que se comprometan. Entonces si abrimos nuestro editor de texto y solo creamos un nuevo archivo aquí llamado dot get ignore, podemos ignorar ciertos tipos de archivos y solo voy a poner un nuevo tipo de archivo en tu tienda de subrayado DS y guardar eso Ahora, si Abrí mi editor son mi terminal otra vez. Yo podría hacer obtener estatus y tienda DS no aparece, pero mi get ignore sí. Eso está bien. Queremos ignorar estos archivos de forma permanente para que podamos comprometer este archivo. Eso está bien. Ahora digamos que tenías otros archivos en tu Tal vez tenías un montón de Tal vez tenías un montón de imágenes que estabas usando localmente, pero no deberían ser empujados a tu repositorio get hub para que pudieras decir cualquier cosa. Eso es un jpeg dot J peg. Y a partir de ahora, hará caso omiso de los archivos JPEG. Probablemente una mala idea a menos que seas JPEG archivos aire. Realmente, realmente grande. Pero un buen ejemplo sería si escribes Python. Tenemos estos archivos de caché alta P. Y ve. También tenemos carpetas de caja de tarta para que podamos ignorar todas esas también y en realidad es solo un archivo por línea o un tipo de archivo o una carpeta por línea. Eso es todo lo que es. Para que pudiéramos hacer estatus de niños. Tenemos este archivo get ignore aquí, y podemos hacer kid add dash, dash all o simplemente get add dot Get ignore Get status, verá su green get commit Ignorar archivos. Obtener origen de empuje. No, hagámoslo. Vamos a despejar esto. Get push Origin, Master Y todo esto va a hacer es de nuevo te va a pedir tu nombre de usuario y contraseña y para mí eso fue empujado hacia arriba para levantarte. Y siempre podemos verificar eso yendo a nuestro repositorio haciendo clic en actualizar y ya veremos. Hay un get ignore año de presentación, y va a ignorar DEA tienda dot pew que veo y cartillas de dinero en efectivo de pastel. 15. Tu proyecto final de Skillshare: ¡no olvides compartir tu sitio web!: Está bien. Bienvenido a tu proyecto de habilidad/compartir. A través de este curso hemos creado get Hub Repo. Hemos aprendido algo de kit y hemos lanzado un sitio web. Pero ahora es tu turno. Me gustaría que crearas un sitio web get hub Pages y captura de pantalla de cereza y el enlace a tu sitio web get Home Pages En tu proyecto de skill share on skill share, hay un área dedicada por lo que no está en los comentarios. Se trata de un área dedicada real donde podrás compartir todo tu proyecto. No, no olvides en ningún momento en el tiempo, si algunas de las cosas get se pusieron un poco confusas, sí tengo un curso get essentials aquí sobre cuota de habilidad también. Siempre puedes comprobar eso o si necesitas un refresco en h email CSS javascript, cualquier cosa por el estilo. Tengo ustedes cubiertos por todos esos cursos también están disponibles aquí en cuota de habilidad. Entonces no olvides seguirme en habilidadcompartir porque te lo haré saber cuando tenga un nuevo curso. Pero en términos de este curso, es tu turno de crear un sitio web get hub pages. Comparte tus cosas de portafolio ahí. Todo en lo que trabajes en el futuro puede ir a tu sitio web get hub pages. Es totalmente gratis. Nunca cobrarán por el código fuente es definitivamente de código abierto para que la gente pueda ver tu código que es realmente, realmente poderoso para que los empleadores entiendan realmente qué tipo de Dev eres. Una vez que vuelvas a tener eso, no te olvides ¿Compartes ese proyecto en tu proyecto de habilidad/compartir? Gracias por tomar este curso y ojalá los vea en el siguiente.