Front End

Descargar como pptx, pdf o txt
Descargar como pptx, pdf o txt
Está en la página 1de 16

FRONT END

Competencias a desarrollar

Desarrollar aplicaciones front-end con la finalidad de


proporcionar soluciones Web fáciles de usar para el usuario
teniendo en cuenta los criterios de calidad del software y
buenas prácticas de desarrollo.
Unidad temática - 1

Escenario 1 -Introducción al desarrollo web


Conceptos básicos en desarrollo de Web

Escenario 2 - HTML (HyperText Markup Language)


Conceptos y etiquetas en HTml
Unidad temática 2
Escenario 3 – Cascading Style Sheets (CSS)
Escenario 4 - JavaScript
¿Qué es JavaScript?
JavaScript es un lenguaje de script que fue diseñado para ser usado dentro
de un navegador web. Normalmente, JavaScript se usa para las
interacciones con la interfaz. Las presentaciones de imágenes y otros
componentes interactivos están hechos frecuentemente con JavaScript.
Unidad temática 3
Escenario 5 - Librería jQuery
Escenario 6 - Librería jQuery UI

jQuery es un conjunto de librerías


JavaScript que han sido diseñadas
específicamente para simplificar el
desplazamiento de un documento
HTML, la animación, la gestión de
eventos y las interacciones Ajax.
Unidades temáticas 4
Escenario 7 – Framework Angular – Parte 1
Escenario 8 - Framework Angular – Parte 2

Angular es un framework opensource desarrollado


por Google para facilitar la creación y programación de
aplicaciones web de una sola página, las webs SPA (Single
Page Application).
Angular separa completamente el frontend y el backend en la
aplicación, implementa patrón MVC (Modelo-Vista-
Controlador)
Introducción al desarrollo web

https://www.menti.com/3uvjxkd5sf
Introducción al desarrollo web
En diseño de software el front end es la parte del software que interactúa con
los usuarios y el back end es la parte que procesa la entrada desde el front
end. La separación del sistema en front end y back endses un tipo de
abstracción que ayuda a mantener las diferentes partes del sistema
separadas.
Introducción al desarrollo web
1. ¿Qué es desarrollo web?
2. Protocolo HTTP
3. Tecnologías Web
El Word Wide Web
La evolución de la Internet
La Word Wide Web
Contenidos estáticos y Dinámicos

El contenido estático se implementa mediante


páginas html que se pueden crear con un simple
editor de texto. El contenido dinámico requiere una
aplicación web. Por ello, se podría decir que
todo contenido dinámico no es más que una
aplicación informática.
Evolución de la web

Fuente: evolución de la web (Salcedo, 2014)


Estándares de la web

W3C
https://www.w3.org/
https://validator.w3.org/
Protocolo HTPPP

HTTP, de sus siglas en inglés: "Hypertext Transfer Protocol", es el nombre de un


protocolo el cual nos permite realizar una petición de datos y recursos, como pueden
ser documentos HTML.
Protocolo HTPPP

Arquitectura Web
HTTP es un protocolo basado en el principio de cliente-servidor: las peticiones son enviadas por una
entidad: el agente del usuario (o un proxy a petición de uno). La mayoría de las veces el agente
del usuario (cliente) es un navegador Web, pero podría ser cualquier otro programa, como por ejemplo
un programa-robot, que explore la Web, para adquirir datos de su estructura y contenido para uso
de un buscador de Internet
Tecnologías WEB
La escritura de estos programas involucra tanto la construcción de las paginas a través de HTML, CSS y JavaScript
como el desarrollo de programas capaces de responder a las peticiones realizadas por los clientes Web, tales
programas suelen ser denominados programas CGI, que significa Common Gateway Interface, generalmente
escritos en Perl, Python, PHP entre otros lenguajes más.

También podría gustarte