Programacion Web Semana 2
Programacion Web Semana 2
Semana 2
Programación Front end vs Back end vs FULL
STACK
• FRONT END
• El front-end es toda la parte visible de las aplicaciones y sitios
web. Esta área no trata directamente con bases de datos,
servidores y todas las aplicaciones de back-end complejas, pero
aborda la usabilidad, los efectos visuales y la velocidad de carga,
entre otros detalles.
• Más directamente, el Desarrollador Front End es responsable de
la interacción directa del usuario, por lo que se desarrolla
cuidando el lado más visual de las aplicaciones, como el cuidado
de los colores, botones, enlaces, menús y todo lo que vemos. en
una página cuando estamos accediendo.
• BACK END
• Cuando hablamos de "detrás de escena", es decir, el servidor
y la base de datos que ayudan a entregar información del
usuario desde una interfaz, hablamos del back-end. Es la
parte del sitio con la que los usuarios no tienen contacto.
• FULL STACK
• Los programadores pueden trabajar tanto en el back-end como en el
front-end, por eso a estos profesionales se los llama Desarrolladores
Web Full Stack. En definitiva, se trata de personas con una visión más
completa del negocio que trabaja de principio a fin de un proyecto.
Para eso, tiene conocimientos de diferentes tecnologías de
programación y lenguajes , especialmente si actúa solo.
Modelo de desarrollo por capas y MVC
Desarrollo por capas
• La programación por capas es un modelo
de desarrollo software en el que el objetivo primordial es la
separación (desacoplamiento) de las partes que componen un
sistema software o también una arquitectura cliente-servidor:
lógica de negocios, capa de presentación y capa de datos.
• Una aplicación web típica está compuesta por una capa de
presentación (funcionalidad relacionada con la interfaz de usuario),
una capa de negocios (procesamiento de reglas de negocios) y una
capa de datos (funcionalidad relacionada con el acceso a datos).
MVC
• Modelo Vista Controlador (MVC) es un estilo de arquitectura de software
que separa los datos de una aplicación, la interfaz de usuario, y la lógica
de control en tres componentes distintos.
• Se trata de un modelo muy maduro y que ha demostrado su validez a lo
largo de los años en todo tipo de aplicaciones, y sobre multitud de
lenguajes y plataformas de desarrollo.
• El Modelo que contiene una representación de los datos que maneja el
sistema, su lógica de negocio, y sus mecanismos de persistencia.
• La Vista, o interfaz de usuario, que compone la información que se envía
al cliente y los mecanismos interacción con éste.
• El Controlador, que actúa como intermediario entre el Modelo y la Vista,
gestionando el flujo de información entre ellos y las transformaciones para
adaptar los datos a las necesidades de cada uno.
Descripción básica de diferentes
lenguajes de programación Web
HTML
• HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de
marcado de hipertexto’), hace referencia al lenguaje de marcado para
la elaboración de páginas web. Es un estándar que sirve de referencia
del software que conecta con la elaboración de páginas web en sus
diferentes versiones, define una estructura básica y un código
(denominado código HTML) para la definición de contenido de una
página web, como texto, imágenes, videos, juegos, entre otros.
CSS
• CSS (en inglés Cascading Style Sheets) es lo que se denomina lenguaje
de hojas de estilo en cascada y se usa para estilizar elementos escritos
en un lenguaje de marcado como HTML. CSS separa el contenido de
la representación visual del sitio.
• CSS fue desarrollado por W3C (World Wide Web Consortium) en 1996
por una razón muy sencilla. HTML no fue diseñado para tener
etiquetas que ayuden a formatear la página. Está hecho solo para
escribir el marcado para el sitio.
JAVASCRIPT
• JavaScript es el lenguaje de programación que debes usar para añadir
características interactivas a tu sitio web, (por ejemplo, juegos,
eventos que ocurren cuando los botones son presionados o los datos
son introducidos en los formularios, efectos de estilo dinámicos,
animación, y mucho más).
• JavaScript es un robusto lenguaje de programación que se puede
aplicar a un documento HTML y usarse para crear interactividad
dinámica en los sitios web. Fue inventado por Brendan Eich,
cofundador del proyecto Mozilla, Mozilla Foundation y la Corporación
Mozilla.
PHP
• El PHP es un lenguaje de scripting de código abierto, del lado del servidor, con
programación HTML integrada que se utiliza para crear páginas web dinámicas.
Las ventajas de PHP son su flexibilidad y su alta compatibilidad con otras bases de
datos. Además, PHP es considerado como un lenguaje fácil de aprender.
• PHP es el acrónimo de Hipertext Preprocesor. Es un lenguaje de programación del
lado del servidor gratuito e independiente de plataforma, rápido, con una gran
librería de funciones y mucha documentación.
• Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web,
justo antes de que se envíe la página a través de Internet al cliente. Las páginas
que se ejecutan en el servidor pueden realizar accesos a bases de datos,
conexiones en red, y otras tareas para crear la página final que verá el cliente. El
cliente solamente recibe una página con el código HTML resultante de la
ejecución de la PHP. Como la página resultante contiene únicamente código
HTML, es compatible con todos los navegadores.
ASP
• Active Server Pages (ASP),3 también conocido como ASP clásico, es
una tecnología de Microsoft del lado del servidor para páginas web
generadas dinámicamente, que ha sido comercializada como un
anexo a Internet Information Services (IIS).