Documentos de Académico
Documentos de Profesional
Documentos de Cultura
I. INTRODUCCIÓN
• Puede ser creado y editado con cualquier editor básico
1
Equipo 4, Preparatoria Central (2022)
2
Proyecto de Ingeniería: lenguajes de programación.
manera dedicada manteniendo los conceptos de está desconectado. HTML5 tiene su mecanismo de
encabezado, título y cuerpo en un bucle. caché de aplicaciones que definiría cómo el navegador
• Navegación por Internet: este es uno de los usos más gestiona la situación fuera de línea. La memoria caché
importantes de HTML que es revolucionario. Esta de aplicaciones, responsable de la capacidad fuera de
navegación es posible utilizando el concepto de línea, en realidad se compone de diferentes
hipertexto. Básicamente es un texto que se refiere a componentes, que incluye métodos API que crean una
otras páginas web o texto y cuando el usuario hace clic actualización, leen archivos de manifiesto y eventos.
en él, navega al texto o página referenciado. HTML se Al usar cierta propiedad en HTML5, un desarrollador
utiliza mucho para incrustar el hipervínculo dentro de puede verificar si la aplicación está en línea o no. Un
las páginas web. Un usuario puede navegar fácilmente desarrollador también puede especificar en el archivo
dentro de las páginas web y también entre sitios web, de manifiesto de la memoria caché de la aplicación del
que se encuentran en diferentes servidores. sitio web la información, por ejemplo, qué navegador
administra los recursos para su uso sin conexión. En el
• Característica de vanguardia : HTML con su conjunto archivo de manifiesto, también se pueden especificar
de estándares y API se está utilizando para presentar los recursos que están disponibles sin conexión.
algunas de las últimas tendencias en el negocio de
creación de sitios web. Al igual que las bibliotecas de • Soporte de entrada de datos con HTML : el estándar
polyfill, que son compatibles con los navegadores HTML5 y un conjunto de API se pueden usar para
antiguos igualmente bien. El navegador como Google admitir el nivel de trabajo de entrada de datos. A
Chrome es la elección perfecta cuando se trata de medida que los navegadores implementan nuevos
implementar un último conjunto de estándares y API estándares HTML5, los desarrolladores simplemente
HTML5. Hay una biblioteca de JavaScript disponible pueden agregar los atributos a la etiqueta que indican
llamada Modernizr, que puede detectar características los campos, el texto, el formato de datos, etc. HTML5
que permiten al desarrollador cargar dinámicamente ha creado varios atributos nuevos para controlar los
bibliotecas de polyfill según sea necesario. teclados en pantalla, la validación y otras experiencias
• Imágenes receptivas en páginas web : En el nivel de ingreso de datos. para que el usuario final pueda
primario en aplicaciones de HTML, se pueden tener una mejor entrada de datos.
configurar consultas para utilizar las imágenes, que • Uso del desarrollo del juego : antes del advenimiento
son de naturaleza receptiva. Con el atributo srcset del de HTML5, el desarrollo del juego era un dominio
elemento img en HTML, y combinándolo con exclusivo de Flash y Silverlight. Dado que los
elementos de imagen, un desarrollador puede controlar navegadores admiten nuevas especificaciones para
completamente cómo el usuario renderizará una HTML5, incluido CSS3 y un motor JavaScript ligero
imagen. Ahora se pueden cargar diferentes tipos de para impulsar una nueva experiencia rica, HTML5
una imagen con variación de tamaño utilizando el puede brindar la realidad del desarrollo de juegos
elemento img. Las reglas se pueden establecer posible, que antes era el fuerte de Flash y Silverlight.
fácilmente con el elemento de imagen, podemos No es necesario implementar todas las características
declarar el elemento img con la fuente predeterminada de las API, pero se pueden utilizar las más apropiadas
y luego, para cada caso, se puede proporcionar una y eliminar el resto de las características.
fuente. • Uso de API nativas para enriquecer el sitio web :
• Almacenamiento del lado del cliente : Anteriormente, HTML5 agrega tantas habilidades y herramientas
un usuario no podía guardar los datos del navegador nuevas, que era solo una imaginación en el pasado. Un
del usuario que persistirían en las sesiones. Para gran conjunto de nuevas API con respecto al sistema
cumplir con este requisito, se debe construir una de archivos, la geolocalización, el arrastrar y soltar, el
infraestructura del lado del servidor o utilizar las manejo de eventos, el almacenamiento del cliente, etc.
cookies del usuario. Pero con HTML5, el son las capacidades que hacen que el uso de HTML5
almacenamiento del lado del cliente es factible sea más fácil que nunca. La experiencia de la
utilizando localStorage e IndexDB. Estas dos aplicación se puede mejorar con otras API como
estrategias tienen sus propios estándares y pantalla completa, visibilidad y captura de medios.
características. localStorage básicamente proporciona Una aplicación web moderna tiene una naturaleza
almacenamiento de tablas hash basadas en cadenas. Su asincrónica que puede fomentarse utilizando
API es muy simple y proporciona al desarrollador los Websockets y trabajadores web como las API.4
métodos setItem, getItem y removeItem. IndexDB, por
otro lado, es un almacén de datos más grande y mejor
del lado del cliente. La base de datos IndexDB se
puede ampliar con el permiso del usuario.
• Uso de capacidades sin conexión : una vez que los
datos se pueden almacenar en el navegador, el
desarrollador puede pensar en una estrategia para
hacer que la aplicación funcione, cuando un usuario
3
Proyecto de Ingeniería: lenguajes de programación.
Sintaxis. delimito a usar elementos que se presentaban en los
navegadores como los de Netscape y Mosaic.
Primero hay que indicar el lenguaje y se pone <html> y </html>
al final del lenguaje, después se abre la cabeza con <head> y se HTML 4.0.1 (1999): Esta versión permitía todo lo anterior de
cierra con </head> se puede poner texto y hacer títulos con la la 3.2 pero a su vez agrego contenido en el que destaca el
etiqueta <title> y </title>, o imágenes con la etiqueta <img siguiente: lenguajes de script, hojas de estilo, mayor
scr=”nombre del archivo” width=”ancho en pixeles” accesibilidad a personas discapacitadas y la mejor la
height=”largo en pixeles”>, las imágenes que se usan tienen que internacionalización de los documentos.
estar en la misma carpeta, se abre la etiqueta para poder
modificar el estilo con <style> y se cierra cuando termines con HTML 5.0 (2014): Esta es la versión más actual y completa de
</style> después se puede usar ul{ para modificar una pequeña HTML ya que esta es la que posee más etiquetas y se reduce los
parte de la pagina y se cierra cuando termines} en esta puedes pluggings para poder ingresar datos como videos e imágenes.
modificar el margen con margin: num, relleno con padding:
num, desbordamiento con overflow: comando, el fondo de Recursos basicos para aprender.
color con: background-color: el num del color, el color del
elemento con color: nombre del color en ingles y todos se https://youtu.be/rbuYtrNUxg4 ⎯
cierran poniendo al final; y se finaliza con } https://youtu.be/kN1XP-Bef7w
Se abre el cuerpo con <body> y se finaliza con </body>, se crea III. PHYTON.
una lista con <ul> y como siempre se finaliza con </ul> se
ponen la lista con <li> para cada termino y se cierra </il> en Origen del software.
esto se puede incluir un link con la etiqueta <a href=”nombre En una navidad de 1989, Guido Van Rossum, quien trabajaba
del dominio”> Nombre que va aparece </a>, se puede saltar en el CWI (un centro de investigación holandés), decidió
empezar un proyecto como pasatiempo dándole continuidad a
espacio en la pagina usando la etiqueta <br> y esta es de las
ABC, un lenguaje de programación que se desarrolló en el
únicas que no se cierra, también puedes cambiar el tamaño del CWI.
texto usando los comandos <h1> a <h6> y se cierra, también se ABC fue desarrollado a principios de los 80s como alternativa
puede centrar con <center> y se cierra con </center> a BASIC, fue pensado para principiantes por su facilidad de
aprendizaje y uso. Su código era compacto pero legible.
El proyecto no trascendió ya que el hardware disponible en la
época hacía difícil su uso. Así que Van Rossum le dio una
segunda vida creando Python.
Versiones: A Guido Van Rossum le gustaba mucho el grupo de comedia
Monty Python, por esta razón escogió el nombre del lenguaje.
HTML(1991): Esta fue la primera versión que a su vez era algo
informal ya que no se tenia una versión establecida y la cual era Ventajas y desventajas.
Ventajas: lenguaje sencillo y de gran potencial, disponible en
muy simple ya que era solo información estática y plana porque
cualquier sistema operativo.
solo se publicaba información, este no poseía una base de datos
tal que casi toda la información era almacenada de forma directa Desventaja: procesamiento lento, consumo de memoria
en los archivos del sitio web. excecivo.
HTML 2.0 (1995): Este ya salió de manera formal, lo que hizo Características fundamentales.
fue restructurarse de manera que fuera más sencilla su edición
• Lenguaje interpretado.
por lo que agilizara la creación de una pagina web y se podían
• Programación orientada a objetos (POO).
saltar algunas declaraciones. • Multiplataforma.
• Tipado dinámico.
HTML 3.0 (1996): Esta fue una versión experimental una • Lenguaje open source.
versión borrador, esta daba más creatividad en la creación de • Ampliante respaldado.
páginas web, este podía crear tablas , operaciones matemáticas • Es polivalente.
complejas, el texto podía fluir alrededor de una imagen.
Aplicaciones y usos.
HTML 3.2 (1997): En esta versión se eliminaron muchas cosas
que trajo la versión 3.0 como los números complejos y se
4
Proyecto de Ingeniería: lenguajes de programación.
• Big Data Analytics: El uso de Python está muy que puede ser utilizado para crear webs dinámicas y
extendido en dos áreas: el análisis de datos y el big muy seguras. Python es empleado para hacer scraping,
data. Su sencillez y su gran número de bibliotecas de es decir, extraer información de sitios web, como
procesamiento de datos hacen que Python sea ideal a hacen Netflix o Instagram.
la hora de analizar y gestionar una gran cantidad de • Juegos y gráficos 3D: Python también posee una gran
datos en tiempo real. Python está siendo utilizado en capacidad para manejar gráficos 3D gracias la gran
la actualidad por muchísimas empresas, tanto de forma cantidad de marcos de trabajo y herramientas
directa, como indirecta, ya que detrás de los distintos existentes. Blender o Arcade son algunos de los más
software de data analytics, está este lenguaje conocidos. Uno de los juegos más populares
interpretado de alto nivel, puesto que Python está desarrollados con Python es Battlefield 2, un juego de
especializado en analizar una gran cantidad de datos acción bélica lanzado en 2005 en el que el motor
para transformarlos en información útil para el big gráfico, las animaciones y sus distintas
data. funcionalidades fueron desarrolladas con Python.
Aplicaciones y usos. PHP 1.0 (1995): La llamada Personal home Page Tools, es la
primer versión y servía para la programación de paginas web de
• El comercio online: Probablemente este sea uno de los forma optima y personal.
usos más extendidos de PHP. En la actualidad existen
muchas soluciones para negocios online tales como PHP 2.0 (1997): En esta se arreglaron errores y es mejorada
Magento o Shopify. En el caso de Magento, este se para ser una de las más fáciles y rápidas en la que se pueda
basa en una framework PHP que es sencilla de utilizar programar.
6
Proyecto de Ingeniería: lenguajes de programación.
PHP 3.0 (1998): Esta fue reescrita su base por Zeev Suraski y La historia de Python. (2018, 13 marzo). Platzi.
Andi Gutmans la cual poseía una gran extensibilidad y se le
podía agregar líneas de código al núcleo para tener más
Recuperado 29 de septiembre de 2022, de
funciones.
evolución del hipertexto Web. Diseño Web Castillo., A. B. (s. f.). Características. blogger.
akus.net. Recuperado 28 de septiembre de Recuperado 4 de octubre de 2022, de
html.php cteristicas.html
¿Qué es Python? Características y librerías. (2022,
Ventajas y desventajas de HTML – Acervo Lima.
29 abril). Miteris. Recuperado 4 de octubre
(s. f.). Recuperado 29 de septiembre de
de 2022, de
2022, de https://es.acervolima.com/ventajas-
https://www.miteris.com/blog/que-es-
y-desventajas-de-html/ python-caracteristicas-y-librerias/
7
Proyecto de Ingeniería: lenguajes de programación.