5
Lo más leído
6
Lo más leído
16
Lo más leído
FRONT-END Y BACK-END
L.I. MARÍA DEL CARMEN RIVERA GONZÁLEZ
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
Un front-end entonces es
la persona que se dedica
básicamente al “diseño
web”.
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.
Front end y Back-end
Front end y Back-end
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
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
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
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.
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
Front end y Back-end
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
Desarrollador Full stack
Front end y Back-end
https://www.campusmvp.es/recursos/p
ost/Desarrollador-web-Front-end-
back-end-y-full-stack-Quien-es-
quien.aspx

Más contenido relacionado

PDF
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
PPTX
Fundamentos de ingenieria del software (2)
PPT
Introduccion sistemas operativos
PPTX
Metodos de embalaje
PPTX
Administracion de Bases de datos
PDF
2. metodo de radiacion (topografia)
PDF
Manual instalacion-electrica-domiciliaria-mod. 2
PPTX
SISTEMAS DE PUESTA A TIERRA
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
Fundamentos de ingenieria del software (2)
Introduccion sistemas operativos
Metodos de embalaje
Administracion de Bases de datos
2. metodo de radiacion (topografia)
Manual instalacion-electrica-domiciliaria-mod. 2
SISTEMAS DE PUESTA A TIERRA

La actualidad más candente (20)

PPSX
Javascript
PDF
Introducción a html
PPTX
Presentación Introducción al lenguaje HTML
PPT
Lenguaje HTML
PPTX
Analisis y diseño de sistemas
ODP
PDF
Gestores de contenido
PPTX
PPTX
Lenguajes de programacion (exposicion)
PPTX
Presentacion cms
PPTX
Act.4 - Cuadro comparativo - Lengujes de desarrollo
PPTX
MYSQL
PPTX
Hosting presentacion
PDF
La Web, conceptos básicos
PPT
Desarrollo web
PPTX
Una base de datos relacional
PPTX
PPTX
Introduccion a la programacion web
PPTX
Servidor web apache
Javascript
Introducción a html
Presentación Introducción al lenguaje HTML
Lenguaje HTML
Analisis y diseño de sistemas
Gestores de contenido
Lenguajes de programacion (exposicion)
Presentacion cms
Act.4 - Cuadro comparativo - Lengujes de desarrollo
MYSQL
Hosting presentacion
La Web, conceptos básicos
Desarrollo web
Una base de datos relacional
Introduccion a la programacion web
Servidor web apache
Publicidad

Similar a Front end y Back-end (20)

PDF
Act 01 - Introducción a HTML 5 para pregrado.pdf
PDF
los diferentes lenguajes de programación para-la-web
PDF
los-diferentes-lenguajes-de-programacion-para-la-web
PPTX
PROGRAMACIÓN PARA INTERNET lo básico en WEB
DOCX
Los diferentes lenguajes de programación para la web
DOCX
Los diferentes lenguajes de programación para la web
PPTX
Programación web
DOC
Lenguajes de programacion web
DOC
Lenguajes de programacion web
PPTX
PPTX
PPTX
PDF
Lenguajes de desarrollo web
PPTX
Examen 3.0
PPTX
Lenguajes de Programación para Paginas Web
PPTX
Dinamicas
PPTX
Programacion web-ian
PPTX
PPTX
Act 01 - Introducción a HTML 5 para pregrado.pdf
los diferentes lenguajes de programación para-la-web
los-diferentes-lenguajes-de-programacion-para-la-web
PROGRAMACIÓN PARA INTERNET lo básico en WEB
Los diferentes lenguajes de programación para la web
Los diferentes lenguajes de programación para la web
Programación web
Lenguajes de programacion web
Lenguajes de programacion web
Lenguajes de desarrollo web
Examen 3.0
Lenguajes de Programación para Paginas Web
Dinamicas
Programacion web-ian
Publicidad

Último (20)

PDF
Mi_muerte_misterios_de_un_homicidio_numero_2.pdfjdjbd
PDF
StreamSync Panel - Paneles Profesionales para la Gestión de Streaming.pdf
PPTX
POR QUÉ LOS CRISTIANOS NO CELEBRAMOS ESTAS.pptx
PPTX
Tipos de tic en la sociedad(En la casa, educativo y laboral)
PDF
ACCESORIOS Y ATAJOS WINDOWS empleados en Windows
PPTX
PARTE DE UNA PC _ SEIRY.pptx.........................
PPTX
4.1.1%20MEDIDAS%20DE%20CONTROL_r1PVC.pptx
DOCX
AraujoRosas_Maria_M1S3AI6.docx .
PPTX
Charla 3 - La gestión de servicios de TI.pptx
PPSX
00 Elementos de la Ventana de Excel.ppsx
PPTX
NACIONALIDAD Y CIUDADANIA (1).pptxggggfffddd
PDF
EL-USO-DE-LAS-TIC-EN-LA-VIDA-COTIDIANA.pdf
PDF
Presentación líquenes a lo largo de la historia humana .pdf
PDF
ARCHIVOS empleados en el explorador de archivos
PPTX
Taller_Herramientas_Digitales_para_la_Gestión_Laboral_Eficiente_SUPERSERVICI...
PPTX
Blue Pink Minimalist Modern Digital Evolution Computer Presentation.pptx
PDF
AWS CloudOpS training español (Operaciones en la nube)
DOCX
Proyecto del instituto Gilda Ballivian Rosado
PPTX
CREADA PARA VIVIR EN COMUNION 27 de marzo.pptx
PDF
aguntenlos femboysssssssssssssssssssssssssssssss
Mi_muerte_misterios_de_un_homicidio_numero_2.pdfjdjbd
StreamSync Panel - Paneles Profesionales para la Gestión de Streaming.pdf
POR QUÉ LOS CRISTIANOS NO CELEBRAMOS ESTAS.pptx
Tipos de tic en la sociedad(En la casa, educativo y laboral)
ACCESORIOS Y ATAJOS WINDOWS empleados en Windows
PARTE DE UNA PC _ SEIRY.pptx.........................
4.1.1%20MEDIDAS%20DE%20CONTROL_r1PVC.pptx
AraujoRosas_Maria_M1S3AI6.docx .
Charla 3 - La gestión de servicios de TI.pptx
00 Elementos de la Ventana de Excel.ppsx
NACIONALIDAD Y CIUDADANIA (1).pptxggggfffddd
EL-USO-DE-LAS-TIC-EN-LA-VIDA-COTIDIANA.pdf
Presentación líquenes a lo largo de la historia humana .pdf
ARCHIVOS empleados en el explorador de archivos
Taller_Herramientas_Digitales_para_la_Gestión_Laboral_Eficiente_SUPERSERVICI...
Blue Pink Minimalist Modern Digital Evolution Computer Presentation.pptx
AWS CloudOpS training español (Operaciones en la nube)
Proyecto del instituto Gilda Ballivian Rosado
CREADA PARA VIVIR EN COMUNION 27 de marzo.pptx
aguntenlos femboysssssssssssssssssssssssssssssss

Front end y Back-end