Creando Página web más Hosting y Dominio desde Cero | Github Pages y Namecheap

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ก.ย. 2024
  • En este vídeo vamos a aprender a crear una página web desde Cero utilizando HTML, CSS, aprenderemos un poco de CSS grid, y animaciones. y Finalmente terminaremos subiendo nuestra pagina a un Hosting Gratuito más un Dominio que compraremos en namecheap. el Objetivo de este ejemplo es que puedas aprender el proceso de creación de un sitio de la manera más sencilla posible.
    CÓDIGO FINAL:
    github.com/Faz...
    CURSO DE GIT:
    • Git y Github | Curso P...
    CURSO DE HTML:
    • Curso HTML para Princi...
    CURSO DE CSS:
    • Curso CSS para Princip...
    CURSO DE JAVASCRIPT:
    • Curso Javascript para ...
    VIDEO DE VSCODE:
    • Visual Studio Code, Ed...
    VIDEO DE GITHUB PAGES:
    • Github Pages, Hosting ...
    RECURSOS PARA DISEÑADORES Y DESARROLLADORES WEB
    • Recursos para Diseñado...
    VISITA MI SITIO WEB PARA MÁS CURSOS Y TUTORIALES
    www.faztweb.com
    blog.faztweb.com
    FAZT CODE - TH-cam:
    / @faztcode
    TWITTER
    / fazttech
    INSTAGRAM
    / fazttech
    FACEBOOK
    / fazttech
    COMUNIDAD EN DISCORD
    / discord

ความคิดเห็น • 102

  • @exequielfernandez6461
    @exequielfernandez6461 5 ปีที่แล้ว +8

    creo que lo hace de éste el mejor tutorial es que ordena y lo mas importante, direcciona todo lo que fuimos aprendiendo (los que recien arrancamos). nunca habia visto un video que cree un proyecto desde cero y lo finalice completamente enseñandonos paso a paso (por cierto, gracias por comprar el dominio para enseñar en detalle). por supuesto que en mi caso particular imitar este video me esta llevando varios dias para entender bien la parte de css, pero se adonde me dirige el autor: a por fin subir mi primera pagina y con el dominio que quiero (que no es poca cosa) . habia visto videos que hacian paginas pero no contaban como las subian o si las subian no en un dominio propio. En fin, siempre todo estaba por partes que no se unian facilmente por ser de distintos autores. Éste video supera todos esos obstaculos.

  • @csh5983
    @csh5983 4 ปีที่แล้ว +1

    Amo tus videos hermano y tu forma de explicar... apenas consiga trabajo te voy hacer un lindo regalo!!! gracias de corazon! y perdon por comentarte en todos los videos jajaja gracias!

  • @ezequielramirez5309
    @ezequielramirez5309 5 ปีที่แล้ว +3

    Gracias por compartir. Muy bueno y claro el tutorial. Saludos desde Buenos Aires , Argentina.

  • @ctvs
    @ctvs 4 ปีที่แล้ว

    Ecantado, la verdad que su canal es de lo mejor. suscrito en ambos canales y pongo la campanita de una vez. Estoy iniciando en este mundo del desarrollo y lo encuentro marvilloso

  • @WzrLvDJ666
    @WzrLvDJ666 3 ปีที่แล้ว +2

    1:00:30 compra de dominio, y redireccionamiento a namecheap

  • @ivanlaracastaneda2907
    @ivanlaracastaneda2907 5 ปีที่แล้ว +4

    Excelente!!! felicidades y gracias por enseñarnos.

  • @esthermanrique4721
    @esthermanrique4721 6 ปีที่แล้ว +3

    Excelente tutorial, mil gracias por compartir tus conocimientos!!!!

  • @luisporto8321
    @luisporto8321 3 ปีที่แล้ว

    Felicidades excelente video. Muchas gracias por darte el tiempo de enseñar tus conocimientos.

  • @obliinqo
    @obliinqo 4 ปีที่แล้ว

    Muy agradecido con usted por compartir sus conocimientos, muchas gracias

  • @omarorellana6096
    @omarorellana6096 6 ปีที่แล้ว +2

    Me gusta mucho este video!

  • @darwintnt2
    @darwintnt2 6 ปีที่แล้ว +1

    Genial video fazt!! ✌️

  • @oliveira1820
    @oliveira1820 6 ปีที่แล้ว +1

    Muchas gracias por compartir tus conocimientos.

  • @UnPuntodeVista-do3ri
    @UnPuntodeVista-do3ri 3 ปีที่แล้ว +1

    puedo tener el una base de datos con spring conectada al fronted desde github pages o me toca pagar un hosting...

  •  6 ปีที่แล้ว +2

    Excelente, cada dia mejor, superando el anterior. Gracias Fazt.

  • @FrankGP.com.
    @FrankGP.com. 3 ปีที่แล้ว

    Gracias fazt, saludos desde Moquegua

  • @Brayanpr27
    @Brayanpr27 6 ปีที่แล้ว +13

    Excelente Bro saludos Inspiras muchísimo

    • @estebangomez3799
      @estebangomez3799 4 ปีที่แล้ว +1

      Muchisimo pene

    • @SebastianEPH
      @SebastianEPH 3 ปีที่แล้ว

      @@estebangomez3799 Fazt es mil veces mejor que platzi, se nota la pasión

  • @sr.jordiobis5097
    @sr.jordiobis5097 3 ปีที่แล้ว

    muchas gracias, ahora solo me toca esperar que todo haya ido bien!

  • @priscilopomachagua6910
    @priscilopomachagua6910 3 ปีที่แล้ว

    Excelente

  • @dayton3168
    @dayton3168 6 ปีที่แล้ว +25

    A quien le gusta meditar' es bueno para la concentración :))

    • @willberoes2084
      @willberoes2084 5 ปีที่แล้ว

      Estoy aprendiendo...

    • @aprendedetegnologia4403
      @aprendedetegnologia4403 4 ปีที่แล้ว

      oye sabes si github es gratis?

    • @easytech9053
      @easytech9053 4 ปีที่แล้ว

      Aprendede Tegnologia sip

    • @l4biw
      @l4biw 3 ปีที่แล้ว

      @@aprendedetegnologia4403 obio

  • @HermesNautico
    @HermesNautico 5 ปีที่แล้ว

    Saludos, desde Puerto Rico. Por cierto "hidden" no se pronuncia "jaiden", sino "jiden". Gracias los tutoriales, me son muy útiles para practicar y aprender a la vez de forma amena.

  • @jorvyolivero1758
    @jorvyolivero1758 2 ปีที่แล้ว

    Tienes un video donde expliques cómo cambiar el dominio principal? Gracias por tus excelentes ayudas.

  • @The_Caesar6186
    @The_Caesar6186 5 ปีที่แล้ว

    Gracias ayudas bastante a ser mejor desarrolador ...

  • @diddhid9911
    @diddhid9911 5 ปีที่แล้ว

    Muchas gracias por compartir tu conocimiento

  • @urielolivares2749
    @urielolivares2749 6 ปีที่แล้ว

    Excelente video; bien largo, pero recomendadísimo de ver.

  • @antonionavarrro
    @antonionavarrro 6 ปีที่แล้ว +2

    Muy buen video

  • @moiseslagos8979
    @moiseslagos8979 3 ปีที่แล้ว

    Algún hosting que ofrezca correo corporativo para tecnologías MEAN o MERN?

  • @matiasromera330
    @matiasromera330 3 ปีที่แล้ว +1

    chabon te mamaste con el tuto!! +10!!

  • @Alexmontoyaangel
    @Alexmontoyaangel 5 ปีที่แล้ว

    Buen video fazt.
    Te recomiendo hacer un video para agregar certificados HTTPS en nodejs

  • @andrair88
    @andrair88 6 ปีที่แล้ว

    Excelente, Muchas Gracias

  • @KuRoiBatusai
    @KuRoiBatusai 6 ปีที่แล้ว +6

    Fazt , dos consultas, para que sea que hacer y la otra este metodo sirve par asubir un sitio mas avanzado Full Stack ? con Angular + Node JS ? , quedo atento a tu respuesta

    • @ia.mtzrmz
      @ia.mtzrmz 6 ปีที่แล้ว

      Alexander KSC busca tutoriales para añadirle SSL o en su defecto usa Lets Encrypt

    • @IrvingDidier
      @IrvingDidier 6 ปีที่แล้ว +5

      Para nada te sirve con Angular, NodeJs, solo sirve documentos estáticos, y GitHub te da la IP para que te redireccione por https y sin la necesidad de let's encrypt, ahora, si quieres usar Angular, NodeJS, etc, puedes usar Heroku, es un poco más de configuración pero se puede y los servicios son los básicos

  • @batman68477
    @batman68477 6 ปีที่แล้ว +3

    Como puedo en lazar una página diferente cuando no aya conexión

  • @antonioyt7719
    @antonioyt7719 6 ปีที่แล้ว

    Gracias por la ayuda estimado, no sabía que github tenia la opción de hostear.
    Por otra parte, tengo una consulta, es un tanto compleja. En este caso, necesito crear una página web con conexión a base de datos (para la Universidad proyecto de semestre).
    Github pages, ¿Me permite actualizar (es decir guardar la información) alguna tupla en una tabla de mi BD cuando por ejemplo, un usuario se registre o actualice sus datos?.

  • @sebastiancarballo9318
    @sebastiancarballo9318 3 ปีที่แล้ว

    De donde sacas el dominio? Disculpa esta pregunta. Hasta donde yo se .son de pago

  • @abdilioenrique8423
    @abdilioenrique8423 4 ปีที่แล้ว

    Hola nos podrías enseñar a crear dominios propias no pagar ni afiliarse crear una página de dominio o como se crearon esas empresas

  • @mogollonwilmer
    @mogollonwilmer 2 ปีที่แล้ว

    Hola excelente video ¿cómo puedo subir formulario de contacto?

  • @elduke2932
    @elduke2932 5 ปีที่แล้ว

    Buen video, hay algo parecido pero con Gitlab ?

  • @Morel893
    @Morel893 2 ปีที่แล้ว

    Thanks i do

  • @JesusGil90
    @JesusGil90 6 ปีที่แล้ว +1

    esta un poquito borroso el video pero gracias por compartir tus conocimientos

  • @ricardoolivaresventura4603
    @ricardoolivaresventura4603 4 ปีที่แล้ว +1

    Y cómo haría si tengo varios index.html en diferentes carpetas, y quiero que la página web comience desde un determinado index.html

    • @yerminb
      @yerminb 3 ปีที่แล้ว

      muy buena pregunta, yo tengo 2 index y están en carpetas diferentes

  • @1millonario_exitoso10
    @1millonario_exitoso10 6 ปีที่แล้ว +1

    excelente he aclarado muchas dudas con este video...el dominio el pago es por un año...o es 7 dólares por mes?

    • @FaztCode
      @FaztCode 6 ปีที่แล้ว

      El dominio es por un año, el hosting si tendría un costo por mes, pero en este caso es gratis por GitHub pages :)

    • @1millonario_exitoso10
      @1millonario_exitoso10 6 ปีที่แล้ว

      me parece excelente me resulta mucho...por cierto esta página que desarrollaste en este video con ese dominio que compraste no sale en Google

  • @coolbwunni
    @coolbwunni 5 ปีที่แล้ว

    Una pregunta, por qué no pones el fondo directamente en el header?

  • @juanf.castillo1213
    @juanf.castillo1213 5 ปีที่แล้ว

    Pude realizar mi página como lo indicas, pero ahora quiero saber cómo agregarle contenido a las secciones que he creado, es decir, quiero que al darle click por ejemplo en mi blog se muestre el contenido. En mi caso esa seccion se llama Literatura y quiero que se muestre un desglose de artículos que la gente pueda leer, Còmo hago eso?

  • @josecastro4462
    @josecastro4462 5 ปีที่แล้ว +1

    Oye, para poder subir el proyecto es necesario que las extensiones sean .html, o se puede con .ejs?

    • @AkelonKawaii
      @AkelonKawaii 3 ปีที่แล้ว

      acabo de guiarme del codigo, lo modifique a mi gusto y no he usado html lo he hecho con hbs asi que si tambien funciona con ejs Xd

  • @frankmoses6226
    @frankmoses6226 5 ปีที่แล้ว

    Ayuda, no me quiere realizar cambios cuando intento configurar en css para dispositivos móviles con @media query
    ¿que debo hacer?

  • @davidunloker2
    @davidunloker2 ปีที่แล้ว

    y como pongo para que no diga esta pagina no es segura es con ssl ? puedes hacer un video con namecheap y githud plis me sale pagina no segura

  • @LumbreraEnMiCamino
    @LumbreraEnMiCamino 6 ปีที่แล้ว +1

    Oye amigo y si tengo mi app hospedada en firebase como la configuro para redireccionarla a mi dominio que compré ahi? Podrias hacer un tutorial?

    • @IrvingDidier
      @IrvingDidier 6 ปีที่แล้ว

      Firebase te da el tutorial de como hacerlo en las opciones de hosting

  • @erickadrianluciovillegas8719
    @erickadrianluciovillegas8719 4 ปีที่แล้ว

    Puedes explicar como ponerle el https a es repo? ya tengo todo lo anterior solo le quiero poner el https a mi repositorio

  • @keynervc
    @keynervc 2 ปีที่แล้ว

    Por que sera que no me cargan los iconos? min 14:00

  • @danieloedits
    @danieloedits 3 ปีที่แล้ว

    Y si hago un cambio en VScode como lo subo al github pages?

  • @estebanpaez8865
    @estebanpaez8865 3 ปีที่แล้ว

    Una pregunta a mi me da Error 404 por el archivo index.html pero tengo otro codigo uno propio, que puedo hacer¿?

  • @JohannPineda
    @JohannPineda 4 ปีที่แล้ว

    buenas saludos, tengo dominio en NameCheap, pero en la opcion de Avanced DNS no puedo agreagar Host Records, o es q a cambiado la pagina de Namecheat, prodrias validas y explicar, gracias

  • @naomiperez9922
    @naomiperez9922 4 ปีที่แล้ว

    que app usas para los codigos

  • @hamermohamed4193
    @hamermohamed4193 3 ปีที่แล้ว +1

    1:01:53 me dió ternura

  • @margelcastro
    @margelcastro 3 ปีที่แล้ว

    Porque dice que el sitio no es seguro

  • @lucasbasoaltoc
    @lucasbasoaltoc 4 ปีที่แล้ว

    por qué levanta un servidor si puede en github???

  • @joaquintommasi694
    @joaquintommasi694 4 ปีที่แล้ว

    Hola.. el tema del dominio con nic.ar no se puede hacer, no?

  • @lcfawkes447
    @lcfawkes447 4 ปีที่แล้ว

    me gustan mucho tus cursos en este un poco confuso pq mudastes la forma de usar css con grids y ::afters.pero me encantan man.Pena q no se puede uno comunicar contigo

  • @lucasbasoaltoc
    @lucasbasoaltoc 4 ปีที่แล้ว

    por qué levanta un servidor?? si tiene uno en github

  • @jesusalfonzo6280
    @jesusalfonzo6280 5 ปีที่แล้ว

    Disculpa como puedo hacer si la imagen del header no carga? en la version local esta [perfectamente pero en github pages no funciona, del resto excelente video bro :)

  • @MenteP1derosa
    @MenteP1derosa 5 ปีที่แล้ว

    Solo es para una web estática?

  • @claudiostgochile
    @claudiostgochile 4 ปีที่แล้ว

    tengo(compré)
    (solo) el dominio .cl es posible tener un host gratis o muy económico?

  • @Paul-zg8fn
    @Paul-zg8fn 4 ปีที่แล้ว

    Se puede hacer con un repositorio privado??

  • @hernanponce4848
    @hernanponce4848 3 ปีที่แล้ว

    no me toma el comando git init

  • @giiiani
    @giiiani 5 ปีที่แล้ว

    El hosting de github afectaria negativamente el SEO de mi pagina o no hay problema con eso?

  • @elizabethgalindo8863
    @elizabethgalindo8863 3 ปีที่แล้ว

    y el certificado ssh?

  • @tiamirta2495
    @tiamirta2495 5 ปีที่แล้ว

    Compre el dominio, entro y me sale una pagina de Namecheap que dice al principio This domain is registered at. Porque no me anda? de a ratos anda y de a ratos no. dfagundez.com ayuda plz!

  • @heisst
    @heisst 5 ปีที่แล้ว

    y para ponerle el protocolo https?

    • @heisst
      @heisst 4 ปีที่แล้ว

      @@marcoc6757 tienes que obtener o comprar un certificado SSL

  • @mrdavidalv
    @mrdavidalv 4 ปีที่แล้ว

    Hola Fazt ¿Cual es el mejor lugar para comprar un dominio?

    • @FaztTech
      @FaztTech  4 ปีที่แล้ว +1

      No te podria decir el mejor. Pero yo uso namecheap :)

  • @franco1846
    @franco1846 4 ปีที่แล้ว

    TEAMO

  • @andyj9273
    @andyj9273 6 ปีที่แล้ว +4

    seria genail un video subiendo nodejs + [ vuejs | angular | react] a un vps obviamente q no sea heroku

  • @estiventorres8007
    @estiventorres8007 3 ปีที่แล้ว

    broda no se porque mi pagina en gibhub no es visible u.u :c
    algo estoy cometiendo mal y no se el que T-T

  • @aractorstudios791
    @aractorstudios791 4 ปีที่แล้ว

    cuanto utilizo cmd para crear el dominio con git hub y pongo git init el cmd me dice que git no se reconoce como comando ni programa :c

    • @samualvarezold
      @samualvarezold 3 ปีที่แล้ว

      Hola, a mi también me sucede lo mismo, ¿Lo solucionaste?

    • @aractorstudios791
      @aractorstudios791 3 ปีที่แล้ว

      @@samualvarezold si, si usas visual Studio como en mi caso debe aparecerte una ventana que te dice que descargues GitHub y este te dará la extensión para descargarlo si mal no recuerdo, si no te funciona intenta descargar github desde la red

    • @samualvarezold
      @samualvarezold 3 ปีที่แล้ว

      @@aractorstudios791 Gracias por responder, ya lo solucione, pero obtuve otro error, cuando abro la página en git hub no me carga el fondo, no sabes qué pasa ahí?

  • @wilfredoantigua8693
    @wilfredoantigua8693 5 ปีที่แล้ว +1

    no me funciona el comando "git init"

    • @gibranayala3903
      @gibranayala3903 4 ปีที่แล้ว

      seguramente no tienes git instalado

  • @davidgonzalezsantis4889
    @davidgonzalezsantis4889 3 ปีที่แล้ว

    muy buen video, oye bro! ya que esta alojada exitosamente mi pagina en ghpages, como podemos hacerle para editar alguna informacion o cambiar imagenes o modificar algun codigo???? tienes un totorial o como hacemos? gracias de antemano!

  • @gilberantoniolatorresalaza2256
    @gilberantoniolatorresalaza2256 3 ปีที่แล้ว

    Fazt, gracias por compartir ante todo. Me gustaría consultarte como superar el error del ultimo comando (git push -u origin main). me sale el siguiente mensaje:
    fatal: unable to access 'github.com/Giantosa/fjycd.git/': Open SSL SSL_connect: SSL_ERROR_SYSCALL in connection to githab.com:443
    Con gratitud antelada, me suscribos

  • @elliot2810
    @elliot2810 6 ปีที่แล้ว +2

    .

  • @lucasbasoaltoc
    @lucasbasoaltoc 4 ปีที่แล้ว

    por qué levanta un servidor?? si tiene uno en github

  • @EFJB12
    @EFJB12 6 ปีที่แล้ว

    y si quisiera editar mi pagina cuando ya tiene el dominio y el host como se hace?