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-ends y back-ends es un tipo de abstracción que ayuda a mantener las diferentes partes del sistema separada.

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

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.

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
• URL
• Dirección IP
• Dominio de Internet
• SSL
• Banner
• Barra lateral (sidebar)
• CMS
• Cookie
• Hosting
• JavaScript
• jQuery
• Cliente
• Servidor
• Wiki
• PHP
• Plug-in
• RSS
• Sitio Web
• Script
• Web 2.0
• Webkit
• Espacio en blanco (espacio
negativo)
• Usabilidad (web)
• Accesibilidad (web)
• 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.
• El Backend también
accede al servidor, que
es una aplicación
especializada que
entiende la forma como
el navegador solicita

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

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

14. Desarrollador Full stack

16. https://www.campusmvp.es/recursos/p
ost/Desarrollador-web-Front-end-
back-end-y-full-stack-Quien-es-
quien.aspx