FRONT-END Y BACK-END L.I. MARÍA DEL CARMEN RIVERA GONZÁLEZ.

Presentación del tema: "FRONT-END Y BACK-END L.I. MARÍA DEL CARMEN RIVERA GONZÁLEZ."— Transcripción de la presentación:

1 FRONT-END Y BACK-END L.I. MARÍA DEL CARMEN RIVERA GONZÁLEZ

2 DESARROLLADOR FRONT-END Trabaja del lado Cliente, en el navegador, en el lado de lo que se ve. Principalmente se ocupa de los componentes externos del sitio web o de la aplicación web. Como consecuencia, deben dominar obligatoriamente: HTML: HyperText Markup Language, es el componente estructural clave de todas las webs de internet. Sin él las páginas web no pueden existir. CSS: Cascading Style Sheets, es lo que le proporciona estilo a HTML. JavaScript: Usando solo HTML y CSS tus webs serían páginas estáticas, con JS tus páginas web son interactivas.

3 Un front-end entonces es la persona que se dedica básicamente al “diseño web”.

4 HTML y CSS son lenguajes pero no de programación, son lenguajes de marcado y estilo. Solo Javascript es un lenguaje de programación, y este ultimo es en donde se requiere realmente una lógica de programación. HTML5 es el lenguaje más utilizado para elaborar un front end dadas sus múltiples posibilidades, pues permite crear dibujos vectoriales, incorporar vídeo y audio y agregar sistemas de geolocalización, por ejemplo. Por otra parte, a través de CSS es posible crear contenido utilizando simplemente el código. CSS permite agregar sombras, fondos múltiples, bordes y degradados.

5

6

7 Ejemplos: https://es.jimdo.com/2012/11/13/5-reglas-sobre-el-color-el-%C3%A9xito-de-un-dise%C3%B1o-web-profesional/ https://aulacm.com/gama-colores-diseno-grafico-web/ https://es.shopify.com/blog/62615749-14-generadores-de-paletas-de-color-online-para-diseno-web https://www.arturogarcia.com/como-elegir-colores-web/ https://www.iempresa.net/creatividad/el-color-en-el-diseno-web-como-elegir-una-entonacion-correcta-para-tu-web/ https://www.deazulturquesa.com/como-combinar-colores-en-un-diseno/ http://html5readiness.com http://simplegreensmoothies.com http://www.puravidabracelets.com /

8 RESUELVE EL SIGUIENTE GLOSARIO: Webmaster Webmaster URL URL Dirección IP Dirección IP Dominio de Internet Dominio de Internet SSL SSL Banner Banner Barra lateral (sidebar) Barra lateral (sidebar) CMS CMS Cookie Cookie Hosting Hosting JavaScript JavaScript jQuery jQuery Cliente Cliente Servidor Servidor Wiki Wiki PHP PHP Plug-in Plug-in RSS RSS Sitio Web Sitio Web Script Script Web 2.0 Web 2.0 Webkit Webkit Espacio en blanco (espacio negativo) Espacio en blanco (espacio negativo) Usabilidad (web) Usabilidad (web) Accesibilidad (web) Accesibilidad (web) Frameworks Frameworks

9 BACK-END Backend es la capa de acceso a datos de un software o cualquier dispositivo, que no es directamente accesible por los usuarios, además contiene la lógica de la aplicación que maneja dichos datos. Backend es la capa de acceso a datos de un software o cualquier dispositivo, que no es directamente accesible por los usuarios, además contiene la lógica de la aplicación que maneja dichos datos. El Backend también accede al servidor, que es una aplicación especializada que entiende la forma como el navegador solicita cosas. El Backend también accede al servidor, que es una aplicación especializada que entiende la forma como el navegador solicita cosas.

10 Para ser programador del lado Servidor, son numerosos los lenguajes y frameworks entre los que elegir, todo dependerá de la empresa en la que caigas. A día de hoy, los más comunes son:  BackendASP.NET: es la plataforma de desarrollo web de Microsoft. Muy utilizada en las empresas.  PHP: por ejemplo, el famoso gestor de contenidos WordPress usa por detrás PHP. Laravel es uno de los frameworks usados con este lenguaje.  Ruby: junto con su framework Ruby on rails.  Python: fácil de aprender. Usado a menudo con Django como framework.  Node.js: se está haciendo cada vez más popular debido a que usa el mismo lenguaje que en el lado cliente: JavaScript.

11 Sin embargo, no es suficiente con dominar un lenguaje y un framework. Toda aplicación web debe almacenar datos de alguna manera. Por lo tanto, 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

12

13 Desarrollador Full Stack Generalmente, los programadores que se hacen llamar full stack están más centrados en una de las dos partes, es decir, dominan una de las partes y de la otra tienen nociones, las justas para defenderse en su día a día. Para llegar a ser un FullStack developer no es necesario ser un erudito en todas las tecnologías que hay en el mercado, sino más bien dominar a la perfección un Stack tecnológico. Se conoce como Stack a un conjunto de tecnologías empleadas para el desarrollo. Los stack más famosos son LAMP (Linux, Apache, MySQL y PHP) y WAMP (Windows, Apache, MySQL y PHP/PERL) y MEAN (Mongo, Expres.js, Angular y NodeJs), MERN (Mongo, Express, React y NodeJS) así, cada empresa puede implementar su propio Stack, por lo tanto, para convertir en un FullStack developer es recomendable conocer al menos un Stack y poderte desempeñar bien en él.

14 Desarrollador Full stack

15

16 https://www.campusmvp.es/recursos/post/Desar rollador-web-Front-end-back-end-y-full-stack- Quien-es-quien.aspx