Hola! Soy Juan, estan por ver los apuntes que yo tome durante la clase para aprobar el curso, espero les sea util y cualquier correccion o critica me la pueden comentar con la mejor 😉
Input y outputs
Entrada de datos y salida de datos. Donde en el medio hay un proceso.
Machine code (Sistema binario)
Sistema de conteo, el humano utiliza la notación decimal, la computadora el sistema binario escrito con 0s y 1s. Los números utilizados como referencia son: 128; 64; 32; 16; 8; 4; 2; 1
Ejemplo:
00000001 = 1
00000020 = 2
00000011 = 11 3
00010100 = 20
11111111 = 255
01000110 = 70
Bit y bytes
Cada uno de dichos dígitos es un bit y un conjunto de 8 bits es un byte. Esto, todos los productos, lo transforman mediante “transistores” trabajando con 2 estados; encendido y apagado; 1 o 0; verdadero o falso. Estas combinaciones el computador los entiende como “algo”
ASCII (American Estándar Code of Información Interchange)
ASCII-CODE
Es un codigo que delimita números para cada carácter que se puede escribir en código binario escribiendo dicho códigos en 0s y 1s. Y así es como nosotros nos comunicamos con una computadora.
Unicode
UNICODE
Con Unicode se pueden lograr todos los alfabetos, caracteres y emogis.
RGB
Cada pixel de una imagen estar compuesto por tres su pixeles que forman el “RGB” cada uno de un color, formando entre ellos un solo color. Cada uno de estos colores vienen de 0 a 255 y dependiendo de esto modificara el color del pixel
Ejemplo:
Plum purple: R:178 G:80 B:228
178: 10110010 80: 01010000 228: 11100100
¿De dónde viene internet?
El internet nació del “Arpanet”, conexión entre las computadoras de las universidades de estados unidos. Estas conexiones iban mediante cables, como en la actualidad el internet se basa en cables submarinos conectados en todo el mundo, enviando la información en código binario. A esta estructura de cables se la llama “internet backbone”
** Protocolos:**
Reglas para conectar dispositivos mediante internet
TCP/IP
Application || HTTP/FTP
Transport || TCP, UPD
Network || IP, Routers
Data Link || Ethernet, Switches
Physical || Cables
ISP (Internet Services Provider)
Son proveedores de internet, es el intermediario entre nosotros y el internet. Esto llevo a generar las IP Adress, que son un numero propio del dispositivo conectado al internet, para mejor control.
**
DNS (Domain Name System)**
Los DNS ocultan las IP Adress para poder generar vínculos más humanos y así facilitar la entrada a páginas, por ejemplo, 172.217.7.23, es la IP del servidor de google, pero si esto lo colocamos en el navegador, te llevara a la página central de google.
La WEB
¿Quién fue el primer desarrollador Web?
Tim Berners-Lee, cuando ya estaba el internet listo para poder compartir información a través de él, pensó que esto era muy complicado ya que era un largo algoritmo para poder enviar o recibir información. Por esto invento la “W3”, es una forma para poder linkear toda la información a través de hipervínculos y globalizar la esto mediante internet. Este hombre genero las 3 tecnologías seguimos usando para desarrollar web, HTML(HyperText Markup Language), URL(Uniform Resource Locator) y HTTP(Hypertext Transfer Protocol). Además construyo el primer servidor y navegador web.
¿Qué es W3C?
La W3C o World Wide Web consortium, es una organización encargada de hacer crecer la web, ellos determinan los estándares de las páginas web, las tecnologías que se utilizan y deben mejorar, también proponen dichas cosas. Empezó siendo solo Tim Berners-Lee, en la actualidad a la W3C la integran todas las empresas tecnológicas más grandes e influyentes unidas para mejorar la web.
HTTP(HyperText Transfer Protocol)
Protocolos de reglas de comunicación, donde lo utilizamos para hacer peticiones y que el servidor nos envié respuestas a la IP Adress que se la envió. Funciona como si mandáramos una carta, donde hay q colocar la dirección EXACTA del destinatario. Por ejemplo, cuando entramos a un navegador, nosotros le mandamos un mensaje en HTTP al servidor para que nos envié una copia de la página principal, lo que nosotros pidamos, se nos enviara mediante nuestra conexión a internet por el protocolo TCP/IP.
HTTP ||Methods
Method ||Descripcion
GET ||Solicita datos
POST ||Envía datos
PUT ||Crea o reemplaza datos
DELETE ||Borra datos específicos
HTTPS (HyperText Transfer Protocol Secure)
ASEGURA que la conexión es segura ya que la información esta encriptado, se puede conocer si una página es segura o no según lo que tu navegador diga antes de la URL
Estándares web
Creados para ordenar las webs y que puedan utilizarse en diferentes navegadores, ya que en la competencia, los navegadores usaban tecnologías y reglas diferentes. Por esto, la W3C, decide que tecnologías se pueden utilizar para construir productos webs y los navegadores están obligados a implementarlos.
El primer estándar generado fue HTML, como la “base” de las webs. Es la parte semántica que logra que el navegador pueda entender a la perfección la estructura de texto para la web.
Luego, se necesitaba agregar estilos a la página, para esto vino CSS, que nos ayuda a aplicar diseños únicos para cada web.
Una vez que la web tiene su diseño propio, se buscaba conseguir una interacción con el usuario, dinamismo, PODERES. Fue una gran evolución ya que las paginas estáticas dejaron de existir para dar lugar a las aplicaciones web.
También hay un nuevo estándar llamado WebAssembly, se puede entender como un “compilador” para escribir código en diferentes idiomas para que WebAssembly lo aliviane y lo convierta en un estándar.
La web moderna
Multiplataforma
Actualmente existen más de 4000 millones de dispositivos conectados a internet. Por lo tanto, los diseños están enfocados a que se adapten a dispositivos móviles y luego a PC, a esto se le llama "Mobile First"
Internet of things
La evolución nos llevó a que gran cantidad de productos entren en el “internet of things”, dispositivos como heladeras inteligentes, speakers wifi, vehículos inteligentes, y todo esto nos llevan a aprender sobre el “machine learning” y la inteligencia artificial.
5G
Con esta nueva tecnología, se espera más del doble de datos y velocidad de internet, esto nos abre las puertas a predecir un futuro increíble como doctores operando a distancia por wifi.
Cómo funciona el servidor
Primero nosotros enviamos una request al servidor, este último nos da la respuesta con los assets que le pedimos, por ejemplo una redirección a cierta web, cuando los assets llegan, el navegador sigue un algoritmo generando un “Critical Rendering Path”, dentro del genera un DOM, un CSSOM, un render tree, un layout y un paint (en el medio de todo esto puede trabajar con JS).
Los pasos que el navegador sigue cuando procesa los assets son los siguientes
DOM (Document Objet Model): Debe empezar entendiendo el HTML que será como un árbol con etiquetas o nodos donde se coloca toda la información que viene en el proyecto, el head, el body, el style, los atributos, etc. Al acabar el render del HTML, el navegador busca los estilos del CSS
CSSOM (CSS Objet Model): Generara un árbol similar al del DOM, con los estilos enviados en los assets por el servidor.
Render Tree (DOM + CSSOM): Genera una fusión de ambos arboles ya ejecutados para organizar los estilos ligados a cada parte del HTML.
Layout: se puede identificar como la “maqueta” del proyecto, debe formar los contenedores donde irán las imágenes, donde va el header y el body, donde van los links, etc. Pero en dichos contenedores aún no se ha colocado el contenido
Paint: Luego de hacer los cálculos de cómo se mostraran los contenedores en la web, se coloca el contenido en dichos contenedores y es cuando se podrá empezar a interactuar con la interfaz
JavaScript engine
JS Engine agarra todo nuestro Javascript y lo convierte en machine code para que el navegador sepa lo que necesitamos (parse it) y poder ofrecernos un Abstract Sintax Tree, que puede interpretarse o compilarse para convertirlo en machine code y al final siempre llegue a estar en Bytecode y el dispositivo entienda que hacer.
CIERRE DEL CURSO
Aprendimos toda la evolución de las computadoras y sus lenguajes, podemos hablar en código binario, como funcionan los colores. Sabemos de dónde viene el internet y su diferencia con la web y como funciona esta última.
