Front-End y Back-End

FRONT-END Y BACK-END
¿QUE ES FRONT-END?
 El desarrollo web Front-end consiste en la

conversión de datos en una interfaz gráfica
para que el usuario pueda ver e interactuar
con la información de forma digital usando
HTML, CSS y JavaScript.
 Se enfoca en el usuario, en todo con lo que se
puede interactuar y lo que se ve mientras se
ocupa el navegador. Buena experiencia de
usuario, inmersión y usabilidad.
HTML
 HyperText Markup Language, es decir lenguaje de

marcado de hipertexto, es el componente
estructural clave de todas las webs de internet.
 Su funcionamiento se basa en la utilización de
etiquetas que estructuran y organizan el contenido
de la web.
CSS
 Cascading Style Sheets, es lo que le

proporciona estilo a HTML.
 Se encarga del formato y diseño visual de
las páginas web escritas en html
JAVASCRIPT
 Es un lenguaje de scripting y tiene una

programación más compleja. Se encarga de
hacer dinámico el diseño de la web.
FRAMEWORKS PRINCIPALES
 Bootstrap:Bootstrap es una biblioteca multiplataforma o conjunto de herramientas de

código abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con
tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de
diseño basado en HTML y CSS, así como extensiones de JavaScript adicionales. A
diferencia de muchos frameworks web, solo se ocupa del desarrollo front-end.
 React: es una librería de Facebook enfocada en la creación de vistas con
particularidades como los patrones de eventos que permiten actualizar las
mencionadas vistas cuando los datos hayan sido modificados, aportando una
carga en tiempo real a nuestro desarrollo.
BACKEND
 Enfocado en hacer que todo lo que está detrás

de un sitio web funcione correctamente. Toma
los datos, los procesa y los envía al usuario,
además de encargarse de las consultas o
peticiones a la Base de Datos, la conexión con
el servidor, entre otras tareas
LENGUAJES DE PROGRAMACIÓN
 ASP.NET: es un entorno para aplicaciones web desarrollado y comercializado por

Microsoft. Es usado por programadores y diseñadores para construir sitios web
dinámicos, aplicaciones web y servicios web XML.
 PHP: se utiliza para la generación de páginas web de forma dinámica. Éste código
se ejecuta al lado del servidor y se incrusta dentro del código HTML.
 Ruby: es un lenguaje de programación. Ante todo, se usa para crear webs. Es un
lenguaje de alto nivel, es decir, su expresión está adaptada a la capacidad
cognitiva humana, en lugar de la capacidad ejecutora de las máquinas.
 Python: Python es un lenguaje de programación interpretado cuya filosofía hace
hincapié en la legibilidad de su código. Se trata de un lenguaje de programación
multiparadigma, ya que soporta orientación a objetos, programación imperativa
y, en menor medida, programación funcional.
 Node.js: Node.js es un entorno en tiempo de ejecución multiplataforma, de

código abierto, para la capa del servidor basado en el lenguaje de programación
ECMAScript, asíncrono, con I/O de datos en una arquitectura orientada a eventos
y basado en el motor V8 de Google
 Un desarrollador back-end también debe estar
familiarizado con las bases de datos. Entre las
más comunes destacan:
 SQL Server
 MySQL
 Oracle
 PostgreSQL
 MongoDB, que es un almacén de datos no-
relacional o NoSQL.
FRAMEWORKS
 Django: es un framework de desarrollo web de

código abierto, escrito en Python, que respeta el
patrón de diseño conocido como Modelo–vista–
template.
 Express.js es un framework para Node.js que
sirve para ayudarnos a crear aplicaciones web en
menos tiempo ya que nos proporciona
funcionalidades como el enrutamiento, opciones
para gestionar sesiones y cookies, etc.
 CakePHP: Es un framework o marco de trabajo que
facilita el desarrollo de aplicaciones web, utilizando
el patrón de diseño MVC (Modelo-vista-
controlador), es de código. El mayor objetivo de
este framework es permitirnos trabajar de forma
estructurada, rápida y sin perdida de flexibilidad.
BIBLIOGRAFÍA
 https://platzi.com/blog/lenguajes-frameworks-librerias-backend-2019/
 http://www.edsonmm.com/desarrolla-tus-aplicaciones-web-con-el-framework-
cakephp/
 https://book.cakephp.org/2/es/cakephp-overview/what-is-cakephp-why-use-
it.html
 https://enekodelatorre.com/expressjs-instalacion-primeros-pasos/
 https://www.solucionex.com/blog/expressjs-un-framework-para-nodejs
 https://es.wikipedia.org/wiki/Django_(framework)
 https://devcode.la/blog/que-es-html/
 https://platzi.com/blog/lenguajes-frameworks-librerias-backend-2019/

Front-End y Back-End

Cargado por

Copyright:

Formatos disponibles

Front-End y Back-End

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Front-End y Back-End

Cargado por

Copyright:

Formatos disponibles

FRONT-END Y BACK-END

 El desarrollo web Front-end consiste en la

 HyperText Markup Language, es decir lenguaje de

 Cascading Style Sheets, es lo que le

 Es un lenguaje de scripting y tiene una

 Bootstrap:Bootstrap es una biblioteca multiplataforma o conjunto de herramientas de

 Enfocado en hacer que todo lo que está detrás

 ASP.NET: es un entorno para aplicaciones web desarrollado y comercializado por

 Node.js: Node.js es un entorno en tiempo de ejecución multiplataforma, de

 Django: es un framework de desarrollo web de

También podría gustarte