R1-A1-S1 Línea tiempo ¡La historia en la web!

  • Nacimiento y Primeros Pasos

  • HTML (HyperText Markup Language)

    HTML (HyperText Markup Language)
    A principios de 1990, Tim Berners-Lee define por fin el HTML, crea el primer navegador web, ViolaWWW, que funcionaría en modo texto, y el uso de framesets o Marcos además de efectos como el parpadeo y las marquesinas, botones GIF, etc, que hacian más dinámica a la red, tambien es el primer lenguaje de marcado para la creación de documentos que podían ser vinculados entre sí mediante enlaces. Esto fue la base de lo que hoy conocemos como la World Wide Web.
  • Primer Navegador Gráfico (Mosaic)

    Primer Navegador Gráfico (Mosaic)
    Mosaic se lanzó en 1993 y fue desarrollado en el NCSA por Marc Andreessen y Eric Bina. Su popularidad fue tal que dio pie a dos de los grandes navegadores que dominarían el mercado en los siguientes años de Internet: Netscape e Internet Explorer, tambien Mosaic fue el primer navegador web en permitir a los usuarios visualizar imágenes junto al texto en las páginas web, lo que ayudó a popularizar la web entre el público general y marcó el inicio de la web como un medio visual.
  • Netscape Navigator

    Netscape Navigator
    Netscape Navigator fue un navegador web, el primer producto comercial de la compañía Netscape Communications creada por Marc Andreessen (uno de los autores de Mosaic)
    Netscape Navigator fue uno de los primeros navegadores web comerciales y, en su versión inicial, introdujo JavaScript, un lenguaje de programación que permitió a los desarrolladores crear páginas web interactivas.
  • CSS (Cascading Style Sheets)

    CSS (Cascading Style Sheets)
    El World Wide Web Consortium (W3C) introdujo CSS como un estándar para separar la estructura del contenido HTML de su presentación visual. Esto facilitó el diseño web y la posibilidad de aplicar estilos consistentes a múltiples páginas.
    CSS es un lenguaje de estilo utilizado para definir la presentación y el diseño de documentos HTML o de cualquier lenguaje de marcado basado en XML.
  • DHTML (Dynamic HTML)

    DHTML (Dynamic HTML)
    DHTML se refiere a un conjunto de tecnologías (HTML, CSS, y JavaScript) que permitían crear páginas web dinámicas que podían cambiar sin necesidad de recargar la página completa, mejorando la experiencia del usuario.
  • La Explosión de Internet

  • XML y AJAX

    XML y AJAX
    XML (eXtensible Markup Language) se popularizó como un formato de datos flexible para intercambiar información entre sistemas. AJAX (Asynchronous JavaScript and XML) permitió que las aplicaciones web enviaran y recibieran datos del servidor sin recargar la página completa, lo que hizo posibles interfaces de usuario más rápidas y receptivas.
  • WordPress

    WordPress
    WordPress es un sistema de gestión de contenidos lanzado el 27 de mayo de 2003,enfocado a la creación de cualquier tipo de página web. Originalmente alcanzó una gran popularidad en la creación de blogs, para luego convertirse en una de las principales herramientas para la creación de páginas web comerciales.Lanzado como una plataforma de blogs de código abierto.Su facilidad de uso y extensibilidad con temas y plugins lo convirtieron rápidamente en una de las
    plataformas más populares en la web.
  • Web 2.0

    Web 2.0
    El término Web 2.0 describe una segunda generación de la web que se caracteriza por la interactividad, el contenido generado por el usuario, y la colaboración. Plataformas como Facebook, YouTube, y Wikipedia son ejemplos de la Web 2.0.
  • AJAX (Asynchronous JavaScript and XML)

    AJAX (Asynchronous JavaScript and XML)
    JavaScript y XML asíncrono (AJAX) es una combinación de tecnologías de desarrollo de aplicaciones web que hacen que las aplicaciones web respondan mejor a la interacción del usuario .
    AJAX fue clave en la creación de aplicaciones web como Gmail y Google Maps, que demostraron cómo las páginas web podían ser tan interactivas y rápidas como las aplicaciones de escritorio, marcando el inicio de la era de las aplicaciones web dinámicas.
  • jQuery

     jQuery
    jQuery es una biblioteca de JavaScript que simplifica la manipulación del Document Object Model (DOM), el manejo de eventos, y la creación de efectos. Su lema "escribe menos, haz más" lo convirtió en una herramienta esencial para los desarrolladores web.
    Puedes utilizar jQuery para codificar rápidamente una serie de comandos diferentes que te llevarían mucho más tiempo si utilizaras código HTML.
  • Era del Frontend y Mobile-First

  • HTML5 y CSS3

    HTML5 y CSS3
    HTML5 y CSS3 introdujeron nuevas características como elementos semánticos, soporte de multimedia nativo (audio y video), y animaciones CSS, lo que mejoró la experiencia del usuario y la capacidad de las aplicaciones web sin necesidad de plugins externos como Flash.
  • AngularJS

    AngularJS
    Desarrollado por Google, AngularJS es un framework que introdujo el concepto de Model-View-Controller (MVC) en el desarrollo web, facilitando la creación de aplicaciones de una sola página (SPA) donde el contenido cambia dinámicamente sin recargar la página.
  • React

    React
    React, creado por Facebook, es una biblioteca de JavaScript que introdujo el enfoque de componentes para construir interfaces de usuario. Esto permite el desarrollo modular y reutilizable de aplicaciones web complejas y dinámicas.
  • WebAssembly

    WebAssembly
    WebAssembly (Wasm) es un formato de código de bytes que permite la ejecución de código de alto rendimiento en navegadores web. Fue diseñado para permitir a los desarrolladores ejecutar código escrito en lenguajes como C, C++, y Rust en la web, lo que abre nuevas posibilidades para aplicaciones web más complejas y rápidas.
  • ECMAScript 6

    ECMAScript 6
    ECMAScript 6 (ES6) fue una de las actualizaciones más importantes de JavaScript. Introdujo características como clases, módulos, funciones flecha, y promesas, que hicieron el lenguaje más potente y flexible para el desarrollo moderno.
  • Vue.js

    Vue.js
    Vue.js es un framework de JavaScript que se centra en la capa de vista del Modelo-Vista-Controlador (MVC). Es conocido por ser fácil de integrar en proyectos existentes y por su simplicidad y flexibilidad en comparación con otros frameworks como Angular y React.
  • Progressive Web Apps

    Progressive Web Apps
    Las Progressive Web Apps (PWA) son aplicaciones web que utilizan modernas capacidades web para ofrecer una experiencia similar a las aplicaciones nativas. Pueden funcionar offline, enviar notificaciones push, y ser instaladas en la pantalla de inicio del dispositivo, combinando lo mejor de la web y las aplicaciones móviles.
  • Svelte

    Svelte
    Svelte es un framework de JavaScript que adopta un enfoque diferente al desarrollo de aplicaciones web. En lugar de trabajar en tiempo de ejecución, Svelte compila los componentes a JavaScript puro durante la fase de construcción, lo que da como resultado aplicaciones más rápidas y ligeras.
  • Avances y Futuro

  • Next.js y JAMstack

    Next.js y JAMstack
    Next.js es un framework de React que se ha vuelto muy popular para la construcción de aplicaciones web que requieren renderizado del lado del servidor (SSR) y generación de sitios estáticos (SSG). El enfoque JAMstack (JavaScript, APIs, Markup) se ha consolidado como una forma moderna de construir sitios web que son rápidos, seguros y fáciles de escalar.
  • Web3

    Web3
    Web3 es un concepto que se refiere a una nueva era de la web basada en tecnologías descentralizadas como blockchain. Se centra en la creación de aplicaciones y servicios que no están controlados por entidades centrales, permitiendo una mayor autonomía y privacidad para los usuarios.
  • Inteligencia Artificial y Web

    Inteligencia Artificial y Web
    La integración de inteligencia artificial (IA) en la web se ha acelerado, permitiendo experiencias más personalizadas y avanzadas. Ejemplos incluyen chatbots inteligentes, recomendaciones de contenido, y personalización dinámica de interfaces en función de los datos del usuario.