Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Back end Vs Front end Video1 - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
En este conjunto de vídeos vamos a ver cómo desarrollar una aplicación web. Una aplicación web va a constar de dos partes, una que va a ser el backend y otra que va a ser el from.
00:00:01
Si os fijáis en esta pantalla que os he puesto en este Word, bueno yo hablo de la API, Application Programming Interface, que es una programación, una aplicación que es la que se va a encargar de gestionar de alguna manera, bueno de alguna manera, utilizando diferentes tecnologías, toda la parte de atrás que pueda haber detrás de un desarrollo web.
00:00:13
¿Esto qué quiere decir? Puede ser el acceso a una base de datos, puede ser diferentes datos que nosotros vamos a tener acceso y la API nos va a servir para poder trabajar con ellos de alguna manera.
00:00:42
qué es lo que nos interesa a nosotros de un desarrollo de este tipo pues obviamente es el
00:00:57
from es usar todo el tema de las hojas de estilos es usar los frameworks usar el bootstrap es usar
00:01:07
el tailwind bueno eso es lo que nos interesaría pero no quiero hacer una aplicación un prototipado
00:01:15
Lo que quiero hacer es un poco una aplicación que funcione real. Entonces lo que quiero es una aplicación que siempre se utiliza, es la típica aplicación en la que nos vamos a loguear contra una base de datos.
00:01:26
en este caso no va a ser SQL, vamos a utilizar MongoDB, y vamos a crear un token, en este caso usando las cookies,
00:01:47
vamos a utilizar operaciones CRUD, CRUD, que esto ya sabéis porque lo habéis visto en primero,
00:02:02
son las operaciones básicas que podemos utilizar o que podemos ejecutar sobre una base de datos,
00:02:12
la creación de la base de datos, la lectura de la base de datos, el update, la actualización de la base de datos
00:02:21
y el borrado de la base de datos, de ahí el CRUD, ¿vale?
00:02:29
CRUD
00:02:36
vamos a usar diferentes tecnologías
00:02:38
en la parte del servidor
00:02:42
que es este rectángulo
00:02:44
de la izquierda
00:02:46
veis que pongo el Node, el Express
00:02:48
el Node Demon, el Morgan, Json
00:02:50
vamos a usar varias más
00:02:52
el Node es
00:02:54
una forma
00:02:56
sencilla de hacer esa parte
00:02:58
del backend
00:03:00
desde la que nosotros nos vamos a
00:03:01
conectar a nuestra base de datos
00:03:04
desde la que vamos a hacer los esquemas
00:03:08
de los datos que queremos recibir
00:03:10
vamos a crear o vamos a
00:03:12
lanzar el servidor, el express
00:03:16
sobre un puerto
00:03:19
que suele ser 3000, 4000
00:03:21
un poco el que vosotros queráis
00:03:23
siempre en ese rango
00:03:25
vamos a usar el módulo de NoDemon
00:03:27
bueno, que los iremos viendo
00:03:31
el node daemon es para
00:03:33
no tener que estar
00:03:35
cada vez que hacemos una modificación en el backend
00:03:37
no tener que estar
00:03:39
perdón
00:03:41
abriendo el express
00:03:43
lanzando otra vez el express
00:03:46
para que nos reconozca esa modificación
00:03:47
con node daemon
00:03:50
podemos ir trabajando
00:03:51
y este módulo
00:03:54
se encarga
00:03:56
de aplicar esos cambios que vamos haciendo
00:03:57
en tiempo real vale luego tenemos morgan que es para ver las peticiones que se van haciendo y
00:04:00
diferentes tecnologías que vamos a ir utilizando vale y esta sería la parte del backend y luego
00:04:06
tenemos la parte del from que lo voy a la vamos a crear pues con otra tecnología que también es
00:04:12
fácil red y el byte que ya nos crea directamente una estructura para poder trabajar con ella vamos
00:04:19
a trabajar los diferentes frameworks que los frameworks al final son css que están en clases
00:04:27
y podemos aplicar a estas a estas web a estos clientes web esas css para que cojan un determinado
00:04:34
valor vale en este caso si vamos a realizar operaciones cruz sobre la base de mongo db
00:04:41
pues eso supone que también vamos a en un momento dado coger información de esa base de datos y si
00:04:46
cogemos información de esa base de datos la tenemos que representar en nuestro
00:04:55
cliente entonces pues usaremos las típicas tarjetas vale vamos a hacer una
00:05:01
aplicación un cliente que lo que va a hacer es cargar tareas
00:05:07
en nuestro backend y desde esa desde este backend vamos a
00:05:11
recibir esa información y nosotros la vamos a representar se la vamos a
00:05:18
mostrar a través de la interfaz gráfica que es de lo que se trata este módulo a
00:05:22
nuestro a nuestros clientes a nuestros usuarios de una forma intuitiva
00:05:28
y
00:05:34
pues que tenga que sea fácil de entender y de utilizarlo
00:05:37
para entonces entre este front y este back en va a haber una serie hay una
00:05:44
comunicación como no puede ser de otra manera no entonces tenemos que enviar los datos con un
00:05:48
determinado estilo no en este caso vamos a usar los jotas son me vais a ver no sé si en primero
00:05:56
habéis visto algo con los jotas son cómo trabajar con el clave valor al final vale cómo hacer unos
00:06:09
esquemas unos modelos de datos que respondan a unos esquemas como meter bueno como recibir
00:06:15
esos datos cómo hacer un get un put vale vamos a trabajar con también con el docker
00:06:26
y al final la idea también es un poco este despliegue de esta aplicación es hacer un
00:06:34
contenedor de docker hacer una imagen de docker y esa imagen convertirla a un
00:06:41
contenedor y hacerla pública conectarla o subirla mejor dicho al hub de docker
00:06:48
- Idioma/s:
- Autor/es:
- Mario S.
- Subido por:
- Mario S.
- Licencia:
- Dominio público
- Visualizaciones:
- 59
- Fecha:
- 4 de julio de 2024 - 21:27
- Visibilidad:
- Público
- Centro:
- IES VILLABLANCA
- Duración:
- 00′ 11″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 14.62 MBytes
