Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad

Curso de introducción a la Web, Apuntes de Introducción a la Informática

Material de estudio sacado del curso de introducción a la web de platzi que permite tener buenas bases para iniciar en ingeniería

Tipo: Apuntes

2022/2023

Subido el 31/07/2024

usuario desconocido
usuario desconocido 🇨🇴

1 documento

1 / 25

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
Platzi- Introducción a la Web
CURSO DE INTRODUCCION A LA
WEB
CONTENIDO
Clase 1: BIENVENIDA AL DESARROLLO WEB ................................................................................ 3
Clase 2: ¿Cómo empezó todo? ........................................................................................................... 3
Clase 3: inputs y outputs ..................................................................................................................... 4
Dispositivos de entrada y salida ................................................................................................................ 5
Clase 4: Sistemas binario .................................................................................................................... 5
Sistema de conteo, notación decimal ....................................................................................................... 5
Sistema binario ............................................................................................................................................ 6
Ejemplo: Número 100 a binario ................................................................................................................. 6
Clase 5: Bytes y Bits ........................................................................................................................... 7
Clase 6: ASCII ..................................................................................................................................... 9
Actividad: Pasar los siguientes numeros ASCII ...................................................................................... 9
Clase 7: UNICODE ............................................................................................................................ 10
Clase8: RGB ...................................................................................................................................... 11
Pixel ............................................................................................................................................................. 11
Otros Ejemplos ........................................................................................................................................... 12
Clase 9: ¿De Donde Viene El Internet? ............................................................................................ 12
Cables Submarinos ................................................................................................................................... 13
Clase 10: Protocolos de Internet ....................................................................................................... 13
TPC/IP (TRANSMISSION CONTROL PROTOCOL/INTERNET PROTOCOL) ............................... 14
Clase 11: ISP (Internet Service provider) .......................................................................................... 14
Clase 12: DNS (Domain Name System) ........................................................................................... 15
Clase 13: El Primer Desarrollador Web ............................................................................................ 15
Clase 14: W3C .................................................................................................................................. 16
Empresas que hacen parte de la W3C .......................................................................................................... 16
Clase 15: Web Browser ..................................................................................................................... 16
Clase 16: Evolucion del Protocolo HTTP .......................................................................................... 17
Clase 17: Estandares Web ................................................................................................................ 18
¿Qué son los estándares web? ............................................................................................................... 18
Ventajas ...................................................................................................................................................... 18
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19

Vista previa parcial del texto

¡Descarga Curso de introducción a la Web y más Apuntes en PDF de Introducción a la Informática solo en Docsity!

CURSO DE INTRODUCCION A LA

WEB

  • Clase 1: BIENVENIDA AL DESARROLLO WEB CONTENIDO
  • Clase 2: ¿Cómo empezó todo?
  • Clase 3: inputs y outputs
    • Dispositivos de entrada y salida
  • Clase 4: Sistemas binario
    • Sistema de conteo, notación decimal
    • Sistema binario
    • Ejemplo: Número 100 a binario
  • Clase 5: Bytes y Bits
  • Clase 6: ASCII
    • Actividad: Pasar los siguientes numeros ASCII
  • Clase 7: UNICODE
  • Clase8: RGB......................................................................................................................................
    • Pixel
    • Otros Ejemplos
  • Clase 9: ¿De Donde Viene El Internet?
    • Cables Submarinos
  • Clase 10: Protocolos de Internet
    • TPC/IP (TRANSMISSION CONTROL PROTOCOL/INTERNET PROTOCOL)
  • Clase 11: ISP (Internet Service provider)
  • Clase 12: DNS (Domain Name System)
  • Clase 13: El Primer Desarrollador Web
  • Clase 14: W3C
    • Empresas que hacen parte de la W3C
  • Clase 15: Web Browser
  • Clase 16: Evolucion del Protocolo HTTP
  • Clase 17: Estandares Web
    • ¿Qué son los estándares web?
    • Ventajas
    • Estandares Creados
  • Clase 18: ¿Dónde Estamos Ahora?
    • Mobile Only
    • Internet of Things (Internet de las cosas)
    • Machine Learning Y Artificial Intelligence
    • Velocidad 5G

CLASE 3: inputs y outputs

Input: Entrada Output: Respuesta de Salida Primeras computadoras 1940'S Fueron los primeros dispositivos capaces de procesar datos en tiempo real. Eran operadas por mujeres durante guerras mundiales Tarjetas Perforadas 1960'S Permitian realizar los primeros programas realizando perforaciones especificas. Cualquier error significaba repetir la perforacion de una tarjeta Lenguaje de maquina (1-0) 1960'S Las primeras interpretaciones de bits,las cuales dieron pie a entender el mundo binario de las computadoras Lenguaje de programacion (C - C++) 1970'S Permitieron desarrollar aplicaciones más complejas y automatizadas. Dieron inicio a lo que conocemos hoy en dia.

DISPOSITIVOS DE ENTRADA Y SALIDA

CLASE 4: SISTEMAS BINARIO

Machine Code es un lenguaje binario. El sistema binario es básicamente un sistema de conteo. La computadora solo entiende en ceros y unos. SISTEMA DE CONTEO, NOTACIÓN DECIMAL

CLASE 5: BYTES Y BITS

CLASE 7: UNICODE

Es un código que tiene todos los alfabetos, todos los caracteres especiales y de igual forma los emojis. Los caracteres UNICODE pueden ser representados desde 1 hasta 6 bytes.

CLASE8: RGB

RGB: Es el método que utilizan las computadoras para representar colores en la pantalla, Es la composición del color en términos de intensidad PIXEL Un pixel es un recuadro que contiene tres emisores de luz (rojo, azul y verde) que en combinación generan colores. A partir de los pixeles es que las imágenes son construidas El formato RBG le indica a los pixeles mediante 3 bytes en que intensidad debe brillar cada una de sus subdivisiones, siendo 0 apagado y 255 intensidad máxima.

CABLES SUBMARINOS

Un cable submarino o Interoceánico es aquel cable de cobre o fibra óptica instalado sobre el lecho marino y destinado fundamentalmente a servicios de telecomunicación La mayoría de estos cables se encuentran en el mar porque van directamente de una parte del mundo a otra. Internet es una abreviación de Internet working y se creó en los años 70s para referirse a los cables físicos y las computadoras que se conectan entre sí. El internet nace de un proyecto llamado ARPANET (Advanced Research Projects Agency NETwork) en los 70’s y es la forma de cómo podemos conectar ciertas universidades para conectarlas entre sí e intercambiar información.

CLASE 10: PROTOCOLOS DE INTERNET

Son el conjunto de normas/convenciones que siguen las computadoras para poder transmitir información y entenderse entre sí.

TPC/IP (TRANSMISSION CONTROL PROTOCOL/INTERNET PROTOCOL)

Son los principales protocolos de transmisión, nacidos con el ARPANET y utilizados hoy en dia. Estos son estructurados en 5 capas las cuales son:

CLASE 11: ISP (INTERNET SERVICE PROVIDER)

Se refiere a los proveedores de internet para los usuarios comunes como nosotros. Proveen de la infraestructura y conexión para poder acceder a internet libremente

Hubo un primer desarrollador Web, su nombre es Tim Berners-Lee.

  • Hizo la propuesta de W3 (World Wide Web), la cual es una forma de globalizar la información y poderla linkear.
  • Todo lo generó a través de una computadora NEXT.
  • Escribió las 3 tecnologías fundamentales para el desarrollo Web: o HTML : Lenguaje de marcado para la Web. o URL : Un tipo de “dirección” que es única y que se utiliza para identificar cada recurso de la WEB o HTTP : Forma para comunicarnos a través de peticiones
  • Construyó el primer servidor Web.
  • Construyó el primer navegador.

CLASE 14: W3C

W3C (World Wide Web Consortium) Trabajan los estándares, los cuales son las tecnologías que se trabajan en la Web. La W3C se encarga de realizar las mejoras en la Web, modificaciones, generar propuestas, etc. Existen muchas empresas que trabajan para mejorar la Web, junto a W3C EMPRESAS QUE HACEN PARTE DE LA W3C https://www.w3.org/Consortium/Member/List

CLASE 15: WEB BROWSER

Navegador Web (Web Browser) Es un software, aplicación o programa que permite acceso a la web

CLASE 16: EVOLUCION DEL PROTOCOLO HTTP

El Protocolo de transferencia de hipertexto (Hypertext Transfer Protocol- HTTP) es el protocolo de comunicación que permite las transferencias de información en la World Wide Web. ⠀ Existen métodos dentro de HTTP:

  • GET: Solicita datos
  • POST: Envía datos.
  • PUT: Crea o reemplaza datos.
  • DELETE: Borra datos específicos. ⠀ HTTPS (HYPERTEXT TRANSFER PROTOCOL SECURE) : Es la parte de seguridad en la conexión, las peticiones van encriptadas. Mosaic Fue el primer navegador que ayudó a poner graficos en textos Netscape Navigator Ayudó a generar una mejor expreriencia pata los usuarios Safari Safari es un navegador web de código cerrado desarrollado por Apple. Fue lanzado al publico en 2003

CLASE 18: ¿DÓNDE ESTAMOS AHORA?

Multiplataforma: Actualmente existen +4000 millones de dispositivos móviles conectados a internet= más de la mitad de la humanidad. Antes las computadoras eran maquinas muy grandes, ahora contamos con dispositivos móviles tale como: celulares, tablets y relojes inteligentes que ya tienen acceso a internet y con esos dispositivos podemos consumir la Web. MOBILE ONLY El concepto “mobile-only” (solo para móviles) se refiere a una estrategia diseñada solamente para uso en mobile devices (dispositivos móviles). Una estrategia “mobile-only” podría significar, por ejemplo, que una empresa ofrece sus productos o servicios únicamente a través de una aplicación móvil especializada. INTERNET OF THINGS (INTERNET DE LAS COSAS) Son objetos inteligentes conectados a internet, ej. un refrigerador, automóvil, etc. MACHINE LEARNING Y ARTIFICIAL INTELLIGENCE (Aprendizaje Automático e Inteligencia Artificial): Son tecnologías que están creciendo actualmente y ambas están siendo aplicadas en muchos proyectos. VELOCIDAD 5G Gracias a esta tecnología incrementaremos el número de dispositivos conectados.

CLASE 19: DOM

¿Cómo funciona un navegador? Cuando ingresas a un sitio web, ejecutas una petición su servidor, y cuando se recibe la respuesta, tiene que seguir varios pasos antes de que se dibujen los píxeles en tu pantalla. Esta secuencia que deben ejecutar los navegadores para el pintado inicial se denomina "Critical Rendering Path(CRP)" o en español "Ruta de procesamiento crítica". El rendimiento de tu web incluye las peticiones y respuestas al servidor, la carga, generación de scripts, representación y pintado de píxeles en la pantalla. Entende el Critical Rendering Path es muy importante para comprender cómo mejorar el performance de tu web.

Todas páginas web están formadas por html, css y Javascript e independientemente de la cantidad de cada uno de ellos, los navegadores siempre siguen el mismo proceso para conseguir tanto el contenido como la manera en que éste se ha de mostrar al usuario:

  • Generar el árbol DOM a partir del html
  • Generar el CSSOM Tree a partir del css.
  • Generar el Render Tree con la combinación del DOM y CSSOM
  • Calcular la disposición o layout de todos los nodos.
  • Pintar los nodos del Render Tree.