1
00:00:00,270 --> 00:00:06,540
Vamos a finalizar este proyecto ya con el último vídeo por ejemplo cada vez que creamos un nuevo proyecto

2
00:00:06,570 --> 00:00:11,260
cuando un proyecto no tiene tareas vemos que dicen no hay tareas en este proyecto.

3
00:00:11,490 --> 00:00:16,070
Aquí acabo crear un proyecto nuevo puede ser cualquiera tiene tareas y puedes ver que no tiene nada

4
00:00:17,770 --> 00:00:20,710
elegir tipografía plataforma educativa.

5
00:00:20,710 --> 00:00:27,580
Puedes ver que aquí no hay tareas en este proyecto pero sí agregó algo así como agregar nuevo logotipo

6
00:00:28,120 --> 00:00:33,430
vamos a notar que le doy agregar y dice que se agregó la tarea pero sigue apareciendo no hay tareas

7
00:00:33,430 --> 00:00:35,320
en este proyecto.

8
00:00:35,320 --> 00:00:42,900
Vamos a ver cómo corregir eso ahora también primero vamos a corregir eso estamos a Berlocq en la línea

9
00:00:43,410 --> 00:00:47,040
ciento 18 viene a agregar tarea.

10
00:00:47,070 --> 00:00:51,810
Este es el código que agrega la tarea y todo eso se construye en el templete aquí y aquí es donde se

11
00:00:51,810 --> 00:00:53,660
crea la ley y el día.

12
00:00:53,670 --> 00:01:00,120
Todos esos agregados en esta parte la forma más fácil de lidiar con esto es por ejemplo yendo al blindex

13
00:01:01,480 --> 00:01:03,710
y a quien es linda explendor que no hay tareas.

14
00:01:03,720 --> 00:01:11,140
Podemos poner aquí Clas y que diga quién le está vacía.

15
00:01:12,900 --> 00:01:18,750
Entonces este di con la clase de lista vacía aquí ya no va a estar pero por ejemplo podrá ir a página

16
00:01:18,780 --> 00:01:29,050
web inspeccionar y vemos que parece lista vacía por lo tanto en ese archivo Scripps digamos aquí después

17
00:01:29,050 --> 00:01:33,340
de crear empleo incluso antes podría ser aquí arriba antes de crear todo.

18
00:01:33,340 --> 00:01:42,480
Podríamos crear un selector seleccionar el párrafo con la lista vacía y podremos con algo así como bar

19
00:01:43,390 --> 00:01:52,380
párrafo lista vacía o la Documet apuntó Cuadri selector y ponemos lista vacía.

20
00:01:53,520 --> 00:02:00,420
éste por ejemplo nos va a reportar darle y guardar consol.

21
00:02:00,660 --> 00:02:07,300
Esto nos va a regresar el elemento que Aquaris el lector nos regresa únicamente el elemento pero si

22
00:02:07,300 --> 00:02:16,240
lo ponemos como es el lector el ese sí nos va a regresar un segundo parámetro que se llama lenta y DS1

23
00:02:17,810 --> 00:02:22,820
entonces en caso de que por ejemplo este no exista este esté eliminado.

24
00:02:23,630 --> 00:02:29,420
Yo puedo mandar esto en el not least bienen lencero entonces es una buena forma de comprobar que un

25
00:02:29,420 --> 00:02:39,570
elemento existe o no existe en el html entonces párrafo lista vacía if parrafos lista vacía es mayor

26
00:02:39,700 --> 00:02:43,230
junto Link es mayor a cero.

27
00:02:43,680 --> 00:02:50,450
Entonces vamos a eliminarlo lista vacía

28
00:02:53,060 --> 00:03:00,140
document contodo query selector nada más va haber 1 lista vacía remó

29
00:03:03,550 --> 00:03:10,940
cuando vemos cambios recargamos por ejemplo aquí puedes ver que no hay nada entonces diseño de página

30
00:03:10,940 --> 00:03:21,870
web vamos a poner aquí agregar formulario de contacto agregar y vemos que dice Ok y se quita el texto

31
00:03:21,870 --> 00:03:22,860
anterior.

32
00:03:23,100 --> 00:03:28,770
Ahora cuando yo elimino una tarea y doy borrar vemos que se elimina y no queda nada.

33
00:03:28,770 --> 00:03:34,560
Esa parte está más abajo y lo vas a encontrar en donde se elimina la tarea.

34
00:03:34,560 --> 00:03:40,390
Aquí es donde eliminamos nuestra tarea entonces aquí si recuerdas cada tarea que creamos.

35
00:03:40,390 --> 00:03:49,190
Por ejemplo nuevamente agregar logotipo o crear una nueva tarea cada tarea que creamos tiene una clase

36
00:03:49,940 --> 00:03:51,940
tiene una idea pero también una clase de tarea.

37
00:03:53,170 --> 00:04:06,890
Una Kimba comprovar que haya tareas restantes Bahr lista de tareas restantes va a ser igual a documento

38
00:04:07,520 --> 00:04:11,730
de nuevo punto y selector ok para que nos regrese todos los resultados.

39
00:04:11,950 --> 00:04:20,410
Iba a ser una ley con la clase de tarea y de nueva cuenta esto por ejemplo si los copio y pego en la

40
00:04:20,410 --> 00:04:24,720
consola nos regresan noodles y tienen Lent.

41
00:04:24,820 --> 00:04:31,300
Por lo tanto proponer y lista de tareas restantes puntos Leng es mayor a cero.

42
00:04:32,960 --> 00:04:39,040
O más bien dicho es igual a cero en caso de que ya no haya nada.

43
00:04:39,490 --> 00:04:42,660
Entonces voy a copiar este texto

44
00:04:47,310 --> 00:04:55,830
Este texto va a ser agregado en el listado completo en el entonces listado pendientes entonces ponemos

45
00:04:55,830 --> 00:05:09,400
aquí documento punto cueritos el lector es una clase que se llama listado pendientes junto INER HTML

46
00:05:09,400 --> 00:05:20,280
va a ser igual a Comillas sencillas comillas dobles y un punto y coma entonces recargamos aquí tenemos

47
00:05:20,280 --> 00:05:26,730
agregar logotipos los de eliminar sí borrar ok y vemos que no hay tareas en este proyecto agrega una

48
00:05:26,730 --> 00:05:27,540
nueva.

49
00:05:27,540 --> 00:05:28,580
Cambiar colores

50
00:05:31,160 --> 00:05:41,080
de la navegación navegación agregar aquí me da un error y creo que ya sé por qué es porque aquí la lista

51
00:05:41,090 --> 00:05:47,910
pendientes me faltó el huele que de otra forma borré también el huele por un párrafo entonces cambiar

52
00:05:47,940 --> 00:05:54,380
colores de la navegación eliminar vemos que aparecen hay tareas pero si aquí le pongo cambiar tamaño

53
00:05:54,380 --> 00:06:02,800
de fuente agregar nuevamente y vemos que se crean de esa forma podemos como decirle al usuario qué está

54
00:06:02,800 --> 00:06:04,660
pasando y qué es lo que es visible.

55
00:06:04,810 --> 00:06:09,670
Si hay tareas o no hay tareas conforme vayamos agregando y evitamos el problema que mostré al inicio

56
00:06:10,540 --> 00:06:16,270
al inicio del video puedes continuar haciendo estas mejoras con el código creo que tienes ya los conocimientos

57
00:06:16,270 --> 00:06:19,950
necesarios y con esto finalizamos este capítulo.