1
00:00:01,199 --> 00:00:13,300
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.

2
00:00:13,300 --> 00:00:42,380
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.

3
00:00:42,380 --> 00:00:57,200
¿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.

4
00:00:57,200 --> 00:01:07,760
qué es lo que nos interesa a nosotros de un desarrollo de este tipo pues obviamente es el

5
00:01:07,760 --> 00:01:15,620
from es usar todo el tema de las hojas de estilos es usar los frameworks usar el bootstrap es usar

6
00:01:15,620 --> 00:01:26,519
el tailwind bueno eso es lo que nos interesaría pero no quiero hacer una aplicación un prototipado

7
00:01:26,519 --> 00:01:47,079
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.

8
00:01:47,079 --> 00:02:02,000
en este caso no va a ser SQL, vamos a utilizar MongoDB, y vamos a crear un token, en este caso usando las cookies,

9
00:02:02,840 --> 00:02:12,900
vamos a utilizar operaciones CRUD, CRUD, que esto ya sabéis porque lo habéis visto en primero,

10
00:02:12,900 --> 00:02:20,919
son las operaciones básicas que podemos utilizar o que podemos ejecutar sobre una base de datos,

11
00:02:21,039 --> 00:02:29,219
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

12
00:02:29,219 --> 00:02:36,719
y el borrado de la base de datos, de ahí el CRUD, ¿vale?

13
00:02:36,719 --> 00:02:38,280
CRUD

14
00:02:38,280 --> 00:02:42,819
vamos a usar diferentes tecnologías

15
00:02:42,819 --> 00:02:44,580
en la parte del servidor

16
00:02:44,580 --> 00:02:46,219
que es este rectángulo

17
00:02:46,219 --> 00:02:48,860
de la izquierda

18
00:02:48,860 --> 00:02:50,800
veis que pongo el Node, el Express

19
00:02:50,800 --> 00:02:52,960
el Node Demon, el Morgan, Json

20
00:02:52,960 --> 00:02:54,180
vamos a usar varias más

21
00:02:54,180 --> 00:02:56,400
el Node es

22
00:02:56,400 --> 00:02:58,340
una forma

23
00:02:58,340 --> 00:03:00,539
sencilla de hacer esa parte

24
00:03:00,539 --> 00:03:01,159
del backend

25
00:03:01,159 --> 00:03:04,419
desde la que nosotros nos vamos a

26
00:03:04,419 --> 00:03:08,099
conectar a nuestra base de datos

27
00:03:08,099 --> 00:03:10,460
desde la que vamos a hacer los esquemas

28
00:03:10,460 --> 00:03:12,039
de los datos que queremos recibir

29
00:03:12,039 --> 00:03:16,219
vamos a crear o vamos a

30
00:03:16,219 --> 00:03:19,879
lanzar el servidor, el express

31
00:03:19,879 --> 00:03:21,379
sobre un puerto

32
00:03:21,379 --> 00:03:23,719
que suele ser 3000, 4000

33
00:03:23,719 --> 00:03:25,620
un poco el que vosotros queráis

34
00:03:25,620 --> 00:03:27,060
siempre en ese rango

35
00:03:27,060 --> 00:03:31,520
vamos a usar el módulo de NoDemon

36
00:03:31,520 --> 00:03:33,939
bueno, que los iremos viendo

37
00:03:33,939 --> 00:03:35,039
el node daemon es para

38
00:03:35,039 --> 00:03:37,539
no tener que estar

39
00:03:37,539 --> 00:03:39,900
cada vez que hacemos una modificación en el backend

40
00:03:39,900 --> 00:03:41,659
no tener que estar

41
00:03:41,659 --> 00:03:43,099
perdón

42
00:03:43,099 --> 00:03:46,360
abriendo el express

43
00:03:46,360 --> 00:03:47,960
lanzando otra vez el express

44
00:03:47,960 --> 00:03:50,419
para que nos reconozca esa modificación

45
00:03:50,419 --> 00:03:51,800
con node daemon

46
00:03:51,800 --> 00:03:54,280
podemos ir trabajando

47
00:03:54,280 --> 00:03:56,240
y este módulo

48
00:03:56,240 --> 00:03:57,020
se encarga

49
00:03:57,020 --> 00:04:00,419
de aplicar esos cambios que vamos haciendo

50
00:04:00,419 --> 00:04:06,180
en tiempo real vale luego tenemos morgan que es para ver las peticiones que se van haciendo y

51
00:04:06,180 --> 00:04:12,840
diferentes tecnologías que vamos a ir utilizando vale y esta sería la parte del backend y luego

52
00:04:12,840 --> 00:04:19,500
tenemos la parte del from que lo voy a la vamos a crear pues con otra tecnología que también es

53
00:04:19,500 --> 00:04:27,180
fácil red y el byte que ya nos crea directamente una estructura para poder trabajar con ella vamos

54
00:04:27,180 --> 00:04:34,360
a trabajar los diferentes frameworks que los frameworks al final son css que están en clases

55
00:04:34,360 --> 00:04:41,600
y podemos aplicar a estas a estas web a estos clientes web esas css para que cojan un determinado

56
00:04:41,600 --> 00:04:46,879
valor vale en este caso si vamos a realizar operaciones cruz sobre la base de mongo db

57
00:04:46,879 --> 00:04:55,600
pues eso supone que también vamos a en un momento dado coger información de esa base de datos y si

58
00:04:55,600 --> 00:05:01,180
cogemos información de esa base de datos la tenemos que representar en nuestro

59
00:05:01,180 --> 00:05:07,040
cliente entonces pues usaremos las típicas tarjetas vale vamos a hacer una

60
00:05:07,040 --> 00:05:11,259
aplicación un cliente que lo que va a hacer es cargar tareas

61
00:05:11,259 --> 00:05:18,480
en nuestro backend y desde esa desde este backend vamos a

62
00:05:18,480 --> 00:05:22,500
recibir esa información y nosotros la vamos a representar se la vamos a

63
00:05:22,500 --> 00:05:28,259
mostrar a través de la interfaz gráfica que es de lo que se trata este módulo a

64
00:05:28,259 --> 00:05:34,699
nuestro a nuestros clientes a nuestros usuarios de una forma intuitiva

65
00:05:34,699 --> 00:05:37,279
y

66
00:05:37,779 --> 00:05:44,500
pues que tenga que sea fácil de entender y de utilizarlo

67
00:05:44,500 --> 00:05:48,839
para entonces entre este front y este back en va a haber una serie hay una

68
00:05:48,839 --> 00:05:56,079
comunicación como no puede ser de otra manera no entonces tenemos que enviar los datos con un

69
00:05:56,079 --> 00:06:09,149
determinado estilo no en este caso vamos a usar los jotas son me vais a ver no sé si en primero

70
00:06:09,149 --> 00:06:15,490
habéis visto algo con los jotas son cómo trabajar con el clave valor al final vale cómo hacer unos

71
00:06:15,490 --> 00:06:26,529
esquemas unos modelos de datos que respondan a unos esquemas como meter bueno como recibir

72
00:06:26,529 --> 00:06:32,589
esos datos cómo hacer un get un put vale vamos a trabajar con también con el docker

73
00:06:34,050 --> 00:06:41,990
y al final la idea también es un poco este despliegue de esta aplicación es hacer un

74
00:06:41,990 --> 00:06:48,089
contenedor de docker hacer una imagen de docker y esa imagen convertirla a un

75
00:06:48,089 --> 00:06:57,810
contenedor y hacerla pública conectarla o subirla mejor dicho al hub de docker