DEBES saber estos CONCEPTOS como PROGAMADOR WEB

Поділитися
Вставка
  • Опубліковано 8 лип 2024
  • No importa si programamos con Python o JavaScript, o si usamos un framework como React.js o Vue.js; si trabajamos con recursos web, es muy importante tener estos conceptos siempre en consideración porque son de lo más esenciales.
    Invítame a un café: ko-fi.com/cbravo
    Aquí les dejo mis redes sociales donde estaré subiendo más contenido:
    🎵 TikTok: / carlosb.tech
    🐦X: / carlos_bra31870
    💻GitHub: github.com/carlosnbr
    🔗LinkedIn: / carlos-bravo-48b551155
    ¡Suscribanse a mi canal haciendo clic en este enlace! 📺🔔
    / @carlosbravoz
    🚀Secciones del video🚀
    00:00 - Introducción
    00:35 - Clientes
    01:12 - Datos
    01:47 - Archivos
    02:10 - Unidades de almacenamiento de datos
    02:50 - Velocidad de transferencia
    03:30 - Ancho de banda
    04:15 - LAN
    05:48 - WAN
    06:20 - Latencia
    07:09 - Internet
    07:35 - Protocolos
    07:55 - TCP
    08:10 - IP
    08:35 - Dirección IP
    09:30 - Dominios
    10:15 - URLs
    11:30 - Página Web
    12:15 - Sitio Web
    12:34 - Servidor Web
    15:10 - Hosting
    16:45 - Llamada / Request
    18:00 - Respuesta / Response
    19:00 - HTTP / HTTPS
    19:57 - Navegador Web
    20:20 - Renderizar
    21:30 - Relevancia de esta información
    🏷️Hashtags🏷️
    #desarrollodesoftware #software #fullstack #css #programacion #aprenderprogramar #programacionweb
  • Наука та технологія

КОМЕНТАРІ • 105

  • @alexdevorigin1
    @alexdevorigin1 3 місяці тому +18

    Lo que pocos hablan, no le dan importancia, aplausos por esto, es de de suma importancia.

  • @gonzz-art
    @gonzz-art 27 днів тому +1

    YT debería tener botón de doble like.
    Muchas gracias! Todo autodidacta debe tener estos conceptos claros.

    • @carlosbravoz
      @carlosbravoz  27 днів тому

      Que gusto que te haya servido! 🦾 🚀

  • @JCMVBlogs
    @JCMVBlogs 3 місяці тому +19

    este video tendrian que ponerlo obligado antes de empezar a estudiar programacion

    • @carlosbravoz
      @carlosbravoz  3 місяці тому +3

      Concuerdo, para mi son conceptos super basicos que todos deberiamos saber 😊

    • @pepernando2221
      @pepernando2221 3 місяці тому

      Programación web *

    • @Andy_David
      @Andy_David 3 місяці тому

      Es lo básico en la programación web.

  • @luismiguelhidalgo858
    @luismiguelhidalgo858 3 місяці тому +3

    Te felicito, esto muchas veces hasta en las universidades lo pasan por alto, contenido asi es necesario para las personas que quieren introducirse en este mundo, gracias! no le bajes Felicidades Carlos.

  • @hooverzavala4560
    @hooverzavala4560 3 місяці тому +3

    EL mejor resumen para repasar conceptos

  • @samuelrivas6741
    @samuelrivas6741 3 місяці тому +2

    Increíble la sencillez con la que explicas los conceptos, muy conciso. Muchas gracias.

  • @sebastianvelasquez8752
    @sebastianvelasquez8752 3 місяці тому +2

    Conceptos fundamentales a la hora de estudiar esta materia, la base. Todo bien explicado!!!

  • @nicolasfelipeaedoillanes6559
    @nicolasfelipeaedoillanes6559 3 місяці тому +3

    Estimado estaria genial si abordaras en un video los pasos siguientes a cuando uno crea una pagina web (tanto back como front). Ejemplo, como esta se sube a un servidor web o hosting, muchos cursos enseñan como programar/escribir codigo, pero no se abordan los siguientes pasos. Seria de gran valor

    • @carlosbravoz
      @carlosbravoz  3 місяці тому +1

      Gracias por tu comentario Nicolás, tenés mucha razón, usualmente es algo que no se explica en muchos lugares. Incluiré en mis planes esos temas en próximos videos. 😁

  • @soga107
    @soga107 3 місяці тому +3

    Excelente video, gracias por compartir, un gusto darle like, y en espera del siguiente 👌

  • @tortumartin9250
    @tortumartin9250 2 місяці тому

    maestro muchas gracias me hiciste sentirme tranquilo de nuevo y dar un repaso por los básicos

  • @johnidrobo
    @johnidrobo Місяць тому +1

    Estoy nuevamente repasando conceptos y que mejor video para empezar que este. EXCELENTE Y MUCHAS GRACIAS. SUSCRITO!

    • @carlosbravoz
      @carlosbravoz  Місяць тому +1

      Gracias John, me da gusto que te haya servido el video

  • @Chapa9
    @Chapa9 2 місяці тому +1

    Un pequeño video que no pedí, pero que si necesitaba. Buen video, buena explicación.

  • @carlosmanuelescobarlinares3589
    @carlosmanuelescobarlinares3589 3 місяці тому +2

    Excelente explicación, muchas gracias !!!

  • @joseraulescalonaaguilera5478
    @joseraulescalonaaguilera5478 2 місяці тому +1

    Fino...excelente info pars ordenar ideas...

  • @georgegiosue
    @georgegiosue 3 місяці тому +8

    Gracias por compartir tus conocimientos estimado ☝️🗿

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Gracias por tu comentario, que bien que te haya servido. :)

  • @Cartonetwort
    @Cartonetwort 3 місяці тому +1

    Increíble explicación hermano, muchas gracias. Aclaraste conceptos que son algo difusos de forma muy comprensible

  • @ticke22
    @ticke22 3 місяці тому +2

    Gran video hermano! Seguí con este contenido que está muy bueno y es útil

  • @mauriciogonzalez4770
    @mauriciogonzalez4770 2 місяці тому

    Que cool, muchas graxxx

  • @leonardocurbelobetancort430
    @leonardocurbelobetancort430 3 місяці тому +1

    Interesante.

  • @raibooms
    @raibooms 3 місяці тому +1

    me encanto el video , creo que toda información que sume siempre es bienvenida, muchas gracias por compartir la info

  • @osmandlh
    @osmandlh 3 місяці тому +1

    Muchas gracias por este video.

  • @danielmt8214
    @danielmt8214 3 місяці тому +1

    Excelente video 👏

  • @marcoescamilla8874
    @marcoescamilla8874 2 місяці тому

    De verdad que buena explicación, la mejor q he escuchado a la fecha, nuevo sub 🫶🏻

  • @teldatamcy5656
    @teldatamcy5656 3 місяці тому +1

    Gracias, saludos desde Galicia España, chévere cambur!!!

  • @nicolasfelipeaedoillanes6559
    @nicolasfelipeaedoillanes6559 3 місяці тому +1

    Amigo eres un grande. Está muy buena la información!!

  • @marlhunt5067
    @marlhunt5067 3 місяці тому +1

    excelente Información Carlos, magnifico la explicación, saludos

  • @davidsantiagocenpool577
    @davidsantiagocenpool577 3 місяці тому +1

    Muy buena información, muchos conceptos que sabía pero no sabía cómo funcionaban a gran escala.

  • @user-co6pu7lv3t
    @user-co6pu7lv3t 2 місяці тому +1

    Fua que buen video

  • @Andr3sGon
    @Andr3sGon 3 місяці тому +1

    genial, para cuando segunda parte?

    • @carlosbravoz
      @carlosbravoz  3 місяці тому +1

      Ya estoy trabajando en ello, espero poder sacarlo este semana 🚀

  • @lucasmedran7768
    @lucasmedran7768 3 місяці тому +1

    Que buen video!! justo vi este tema hoy en la facu😀

  • @francodanieltonanti8794
    @francodanieltonanti8794 3 місяці тому +1

    Hermano de verdad que sos un genio, toda esta información es hiper valiosa y aparte muy bien explicado cada tema, por favor seguí trayendo este contenido de calidad. Abrazo grande!

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Gracias por las palabras de apoyo Franco! Estoy trabajando para traer mas contenido de este tipo.

  • @jonramybe
    @jonramybe 3 місяці тому +1

    Muy buena data, se agradece!

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Gracias a vos Jon por tomarte el tiempo de verlo 😁

  • @patrickrios99
    @patrickrios99 3 місяці тому +1

    Genial, gracias

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Un gusto tenerte por aca Patrick!

  • @abrahamsantiagonunezgarcia9869
    @abrahamsantiagonunezgarcia9869 3 місяці тому +1

    Nuevo sub. Buen video, sigue así.

  • @cajf969
    @cajf969 3 місяці тому +1

    Excelente contendio compadre, muchos conceptos que capaz conocemos pero que no acabamos de ver de manera gráfica como funcionan, y con contenido asi se puede abrir la mente y entender de manera mas facil y clara

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Gracias! Es correcto, con algo visual es mucho mas facil entender conceptos como estos.

  • @oc.rolando
    @oc.rolando 3 місяці тому +1

    Solo tengo una anotación, cuando se trata de velocidad de transferencia o velocidad de Internet y en bus de comunicación el término que se aplica no son bytes, sino bits (mbps) mega bits por segundos. Solo cuándo se quiere describir la capacidad o tamaño de un archivo o almacenamiento aplicamos con terminación bytes. 3:25

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      En parte tenés razón, acabo de corroborar varias fuentes y megabits por segundo se utilizan para medir la velocidad de una red.
      Megabytes por segundo se utiliza para medir la velocidad de transferencia de datos, como cuando estamos descargando un archivo o cuando se copia de una carpeta a otra localmente.

  • @franciscobordon9980
    @franciscobordon9980 3 місяці тому +2

    Muchas muchas gracias enserio! Me encantó el video y por sobre todo, pude entender todos los conceptos a la perfección❤

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Hola Francisco! Aprecio de gran manera tu comentario, me da un gusto gigantesco que hayas encontrado algo de valor en este video. Un abrazo!

  • @facundogarcia6444
    @facundogarcia6444 3 місяці тому +2

    Excelente video!

  • @rosagrc1254
    @rosagrc1254 2 місяці тому

    Buen video 👍

  • @josuerojasvega
    @josuerojasvega 2 місяці тому +1

    Buen video, sub

  • @danielfelipegarciavillaned5542
    @danielfelipegarciavillaned5542 3 місяці тому +2

    GG , contenido de valor , nuevo sub

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Muchas gracias Daniel, espero verte en proximos videos. 😁

  • @jhonalexrodriguezbenitez8282
    @jhonalexrodriguezbenitez8282 3 місяці тому +1

    Excelente info, digerible y con buenos ejemplos, sigue así, gracias...

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Claro que si, se vienen más videos similares!

  • @henrylmijaresm3871
    @henrylmijaresm3871 3 місяці тому +1

    Es la diferencia entre aprender solo e ir a la universidad, no conozco al primer programador freelance que entregue las bases de datos normalizadas

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Siii es que es muy facil saltarse lo basico cuando se es autodidacta

  • @sol____-_-
    @sol____-_- 3 місяці тому +1

    Excelente la explicación, todo súper claro. Me gustaría que hicieras si te es posible un vídeo explicando las herramientas de desarrollo del navegador. Muchas gracias.

    • @carlosbravoz
      @carlosbravoz  3 місяці тому +1

      Claro que si, ese tema me gusta mucho porque es un agujero de conejo, nos podemos extender bastante pero si tengo planeado hacer un video condensando todo lo mas importante.

  • @angelreinoso7808
    @angelreinoso7808 3 місяці тому +1

    excenlente video, muy bien explicado 10/10 no sabia la parte de renderizar los archivos que hacia el navergador

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Gracias! Dato curioso, que no siempre lo renderiza el navegador, en algunos casos lo renderiza el servidor y ya el navegador solo lo muestra, de eso voy a hablar mas adelante en otros videos.

  • @danielgaonactrr200
    @danielgaonactrr200 3 місяці тому +1

    Muy buen información, bastante clara

    • @carlosbravoz
      @carlosbravoz  3 місяці тому +1

      Gracias Daniel, me alegra que te haya servido.

  • @Xanderxsx
    @Xanderxsx 3 місяці тому +1

    Muy buen video bro, estaria muy bien que pudieras hablar un poco sobre criptografía, y como se aplican las capas de cifrado en los protocolos, que tipos de cifrados existen y en general un poco mas sobre este tema. Nuevo sub

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Ese es un tema interesante, vamos a agregarlo a la lista de videos para mas adelante, gracias por la sugerencia. :D

  • @LuisJimenez-uh1zx
    @LuisJimenez-uh1zx 3 місяці тому +2

    Si, ya lo habia estudiado pero explicas muy bien, nuevo sub!!

    • @carlosbravoz
      @carlosbravoz  3 місяці тому +1

      Gracias Luis! Nunca está de más una refrescada de conocimiento 😆

  • @antoniovalderrama7080
    @antoniovalderrama7080 Місяць тому +1

    👏👏🙏🙏

  • @Pablograma
    @Pablograma 3 місяці тому +2

    Hermoso, magnífico, glorioso video!
    Voy en segundo de informática
    He aprendido bastante de progra
    (No en la universidad sino en youtube😅)
    Pero en redes y similares soy un desastre
    De echo cuando entré en primer año
    Y Veía a mi alrededor y todos eran gamers
    Y yo nunca había instalado nada 😅
    Fue un poco estremecedor
    El peor de la clase en hardware diría yo.
    Pero ya empieza a hacer click mi cabezota
    Y wou, estoy enamorado de todo esto, espero sea un amor correspondido 😅
    Saludos desde Valparaíso, chile

    • @carlosbravoz
      @carlosbravoz  3 місяці тому +1

      Es normal sentirse perdido, en especial con tanta información que hay en el mundo de la tecnología, pero ahí vas a ir descubriendo cuál es realmente tu pasión entre todas las opciones para poderte enfocar en ello, claro nunca esta de más aprender de todo un poco. Un abrazo Pablo! 😁

  • @diegomarroquin4369
    @diegomarroquin4369 3 місяці тому +1

    Wow, que video tan bien explicado, sería bueno que explicarás sobre lo que hace React que ejecuta el javascript desde el lado del cliente y el término del server-rendering, por ejemplo tengo la duda de que si podré desplegar un sitio estático en Hostinger

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Claro que si Diego, espero en los próximos videos poder hablar de esos conceptos también, gracias por la sugerencia.

  • @guzmanhoilangelmanuel7761
    @guzmanhoilangelmanuel7761 3 місяці тому +1

    Más videos como este

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Claro que si, ya estoy preparando las ideas para los proximos que seran parecidos a este.

  • @albertosoto4280
    @albertosoto4280 3 місяці тому +1

    Faltaron los dns pero buen vídeo

  • @gabrielgeraldoheredia8759
    @gabrielgeraldoheredia8759 3 місяці тому +1

    esto si que me interesa, mi meta es ser desarrollador web para el backend y esto es muy importante. no se si tengas cursos sobre backend y si no debieras hacerlo sabes explicar bien al detalle

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Tus palabras son muy alentadoras Gabriel! Por el momento no tengo muchos videos, soy relativamente nuevo en esto de la creación de contenido pero si tengo planes de sacar tutoriales más "especializados" más adelante.

    • @gabrielgeraldoheredia8759
      @gabrielgeraldoheredia8759 3 місяці тому +1

      @@carlosbravoz wow pues dejame decirte q Dios te dio ese talento por q explicaste este tema hasta mejor q muchos youtuber con experiencias, en este tipos de video de como funciona la web se centran mas en servidores,clientes backend,fronted etc pero tu vas mas halla desde como funciona la red,red local red wan y asi llegando a las app web y como funciona lo de los archivos y cuando mostraste lo de inspeccionar eso es algo q nunca e viste en un video sigue asi bro 🙌

  • @aaguedo29
    @aaguedo29 3 місяці тому +1

    Hola. En el minuto 05:50 esquematizas una red WAN donde veo 3 routers interconectados; yo tengo esa misma configuración en más de un establecimiento, es decir: son 3 oficinas interconectadas dentro del mismo establecimiento (una fábrica por ejemplo), cada oficina de ese establecimiento tiene un router y varias computadoras conectadas a ese router, y cada oficina dista de la otra oficina unos 50 metros... adopté ese tipo de instalación para no desperdiciar cables... ¿significa que esa red ya no es una red LAN sino una WAN?.

    • @carlosbravoz
      @carlosbravoz  3 місяці тому +1

      Hola amigo! La diferencia principal entre una LAN y una WAN es mas que nada la distancia geografica que abarcan, por ejemplo cuando son sucursales que estan distribuidas alrededor de una ciudad.
      En tu caso sigue siendo una LAN porque todo esta dentro de un mismo establecimiento, imagino que mas que nada tenes 3 routers para lograr dar conexion a todos los espacios requeridos.
      Por otro lado, siendo mas tecnicos, las WAN casi que solo los distribuidores de internet las tienen, por ejemplo la red de Tigo en un pais entero es una WAN, y tienen dispositivos muy especializados como switches para lograr servir a miles de casas, tambien tienen diferentes redes virtuales y las direcciones IPs cambian esporadicamente para mantenerlas "frescas".

    • @aaguedo29
      @aaguedo29 3 місяці тому

      @@carlosbravoz Hola. Mil gracias por el dato y gracias también por compartirnos mucha más y valiosa información. Saludos desde Perú.

  • @HGAr
    @HGAr 2 місяці тому

    Hay un error de unidades en tu video: existen los bytes y los bytes binarios. La gente se acostumbró a que, por ejemplo, 1 GB son 1024 MB pero eso está mal, ya que en realidad son 1000MB, esto es debido a que esos 1024 en realidad son 1024 MebiBytes (mega binary bytes) que hace referencia a la segunda unidad de medida que mencioné (bytes binarios). Los bytes binarios serían: KibiBytes, MebiBytes, GibiBytes, TebiBytes, etc., y los bytes serían: KiloBytes, MegaBytes, etc. Entonces, sabiendo esto, 1 GibiByte sería 1024 MebiBytes y 1 GigaByte sería 1000 MegaBytes.

  • @g0lbano
    @g0lbano 2 місяці тому

    Grachie

  • @emmanueltr9139
    @emmanueltr9139 3 місяці тому +1

    Mi ex lider se la pasaba haciendome examanes de teoria java, bases de datos...

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      Hahaha con que fin?

    • @emmanueltr9139
      @emmanueltr9139 3 місяці тому

      @@carlosbravoz pues no lo sé estaba de prueba y de la nada se acercaba; preguntándome cosas teóricas de Java,BD, cosas simples que la primera vez le contesté todas y ya la 2,3 vez no me acordaba de algunas cosa s

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      @@emmanueltr9139 que manera mas rara de evaluar a la gente 😶

    • @emmanueltr9139
      @emmanueltr9139 3 місяці тому

      @@carlosbravoz y solo me dijeron que puedo volver en 6 meses, aprendí sin duda pero la manera arrogante que me trataba el ex líder fue de lo peor

  • @alevanf
    @alevanf 3 місяці тому +1

    Pero, técnicamente, no serían 1 Megabyte 1000 Kilobytes, y 1 Mebibyte 1024 Kilobytes?:
    Múltiplos de bytes
    Sistema Internacional (decimal) ISO/IEC 80000-13 (binario)
    Múltiplo (símbolo)SI Múltiplo (símbolo) ISO/IEC
    kilobyte (kB) 103 kibibyte (KiB) 210
    megabyte (MB) 106 mebibyte (MiB) 220
    gigabyte (GB) 109 gibibyte (GiB) 230
    terabyte (TB) 1012 tebibyte (TiB) 240
    petabyte (PB) 1015 pebibyte (PiB) 250
    exabyte (EB) 1018 exbibyte (EiB) 260
    zettabyte (ZB) 1021 zebibyte (ZiB) 270
    yottabyte (YB) 1024 yobibyte (YiB) 280

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      En el sistema binario, las unidades de almacenamiento de datos se escalan en potencias de 2. Por lo tanto, un kilobyte (KB) es 2^10 bytes, lo que equivale a 1024 bytes. De manera similar, un megabyte (MB) es 2^20 bytes, que es igual a 1024 KB.
      En el sistema decimal si equivale a 1000 porque se hace en base 10 y no en base 2.

    • @alevanf
      @alevanf 3 місяці тому

      @@carlosbravoz Claro, pero el estándar es Mebibyte para hablar de unidades de 1024K, y Megabytes para hablar de unidades de 1000K. Muchos hablan de Megabyte y Mebibyte, como si los 2 fueran lo mismo, pero el concepto es errado, el que es 2^10 es el Kibibyte, el Kilobyte, es exactamente igual a cuando pedís 1 kilo de carne, o cuando haces 1 kilómetro corriendo, se expresa en múltiplos de 10, y el almacenamiento si se expresa en múltiplos de 10, justamente por eso ocurre que cuando te compras una unidad de almacenamiento, tenés menos espacio que el que deberías tener en potenciación binaria, dado que el cálculo real del producto final es en múltiplos de 10, es decir, cuando te ponen en un disco 4 GB, en realidad son 4000 MB, en cambio ese número expresado en Gibibytes, que son 1024 MiB por cada Gibibyte te terminan dejando menos en términos de Gibibytes.

  • @devjesusc
    @devjesusc 3 місяці тому +2

    Hola! oye tienes mal escrito Esenciales en la miniatura de tu video.

    • @carlosbravoz
      @carlosbravoz  3 місяці тому +3

      Opa! Tremendo ojo de QA 😁, trataré de arreglar la miniatura, muchas gracias!

    • @yoshiokiyamu8552
      @yoshiokiyamu8552 3 місяці тому

      😂

  • @maximo_vj
    @maximo_vj 3 місяці тому +1

    Todos esos conceptos te enseñan en la universidad

    • @carlosbravoz
      @carlosbravoz  3 місяці тому +1

      Asi es, quise compartir la información para todos los autodidactas también que no estudiaron una carrera informática

    • @Cartonetwort
      @Cartonetwort 3 місяці тому

      La diferencia es que en la u lo hacen en una clase de 3 horas con un profesor que no tiene didáctica, se desvía del tema y rara vez tiene una organización tan pulcra como la del video

    • @maximo_vj
      @maximo_vj 3 місяці тому

      @@Cartonetwort Eso depende de cada profesor, en mi caso me toco profesores y profesoras con alto conocimientos en TI. 😁👍

  • @ignaciogonzalez4570
    @ignaciogonzalez4570 3 місяці тому

    Velocidad de transferencia no es lo mismo que velocidad de propagación!!! Error de conceptos

  • @ztaMortal
    @ztaMortal 3 місяці тому +1

    Porque todos los programadores se parecen? pelones y con barba 😂 pelado nerd, betatech y el de este video

    • @carlosbravoz
      @carlosbravoz  3 місяці тому

      🤣 Es un sacrificio, por cada pedazo de conocimiento, un pelo se transfiere de la cabeza a la barba.