1
00:00:00,360 --> 00:00:02,460
OK, volveremos en este video.

2
00:00:02,490 --> 00:00:06,370
Quiero presentar el proyecto que vamos a construir en los próximos videos.

3
00:00:06,660 --> 00:00:11,910
Así que vamos a hacer que AJ Querrey se base en la aplicación, pero también va a

4
00:00:12,030 --> 00:00:18,210
tener un enfoque bastante fuerte en CSSA y diseñar algunos efectos de animación y, en general, será una aplicación bastante pulida.

5
00:00:18,630 --> 00:00:22,200
Así que le daré una demostración rápida de cómo se ve y cómo funciona.

6
00:00:22,200 --> 00:00:24,850
Así que aquí está nuestra lista de tareas pendientes.

7
00:00:24,930 --> 00:00:28,580
Lo primero que señalaré es que es receptivo.

8
00:00:28,890 --> 00:00:35,490
Así que podemos cambiar el tamaño, pero hacer la lista es para Harry Potter en este caso de relleno que con algunos datos de muestra.

9
00:00:35,940 --> 00:00:42,650
Y al pasar el cursor sobre las cosas, verá que obtengo este pequeño botón de eliminación con el ícono de la papelera.

10
00:00:43,080 --> 00:00:51,300
Y si hago clic en eso, eliminaré todo para hacer o si simplemente hago clic en el texto, puedo

11
00:00:51,300 --> 00:00:53,230
marcarlo si quiero mantenerlo allí.

12
00:00:53,310 --> 00:00:57,810
A veces, cuando haces una lista de cosas por hacer, sabes que puedes tachar cosas, pero es

13
00:00:57,810 --> 00:01:01,790
posible que quieras volver y desmarcarlas o mantenerlas allí para que puedas volver a verlas.

14
00:01:01,890 --> 00:01:04,290
Y algunas personas solo quieren eliminar cosas por completo.

15
00:01:04,410 --> 00:01:06,630
No les importa ver lo que ya hicieron.

16
00:01:06,630 --> 00:01:08,550
Entonces puede hacer clic en el botón Eliminar.

17
00:01:08,700 --> 00:01:16,730
Digamos que maté a Voldemort, hago clic en ese botón y se desvanece y luego desaparece.

18
00:01:17,120 --> 00:01:19,610
Y luego también puedo agregar algo nuevo para hacer.

19
00:01:19,740 --> 00:01:21,250
Así que vamos a agregar uno aquí.

20
00:01:21,480 --> 00:01:29,400
Ve a la clase de Pociones y todo lo que tengo que hacer es presionar enter y automáticamente obtenemos una nueva que hacer aquí.

21
00:01:29,760 --> 00:01:32,660
Puedo marcar o eliminar.

22
00:01:32,700 --> 00:01:38,330
También es de destacar el hecho de que este botón aquí ocultará el formulario.

23
00:01:38,400 --> 00:01:43,860
Si solo quiero ver mi lista, puedo hacer clic en eso o puedo hacer clic de nuevo y ver el formulario y

24
00:01:43,860 --> 00:01:45,060
comenzar a agregar a deuce.

25
00:01:45,630 --> 00:01:47,840
Entonces esa es una vista previa de la funcionalidad.

26
00:01:47,850 --> 00:01:52,260
Ahora quiero hablar un poco sobre detrás de escena de lo que vamos a hablar y algunas

27
00:01:52,260 --> 00:01:54,310
de las cosas nuevas que vamos a aprender.

28
00:01:54,420 --> 00:01:59,700
Como mencioné anteriormente, esta es una gran cantidad de consultas de Jay y muchas de

29
00:01:59,700 --> 00:02:06,300
nosotras, y en particular, vamos a hablar sobre algunos de los métodos comunes que ya aprendimos, como presionar teclas

30
00:02:06,410 --> 00:02:13,020
y para eventos, atenuar, deslizar, desvanecer, deslizar, deslizar alternar todos los diferentes efectos y luego también seleccionar va a

31
00:02:13,020 --> 00:02:15,390
hacer un montón de selección aquí también.

32
00:02:15,390 --> 00:02:21,350
Y luego, SS. Obtendremos más práctica con el margen del modelo de caja y el relleno y el borde.

33
00:02:21,390 --> 00:02:25,540
Hablaremos más sobre elementos flotantes y obtendremos más práctica con las fuentes.

34
00:02:25,650 --> 00:02:31,440
Y luego también hay una gran cantidad de nuevas características, nuevos métodos, nuevas propiedades para Jay queery y

35
00:02:31,470 --> 00:02:36,690
evaluar los dos que voy a presentar a través de este video y el primero aquí es

36
00:02:36,690 --> 00:02:40,540
que vamos a utilizar una mejor estructura de carpetas en esta aplicación.

37
00:02:40,560 --> 00:02:41,950
Vamos a tener Jay queery.

38
00:02:41,970 --> 00:02:46,350
Vamos a tener nuestro equipo Cada equipo tendrá que ver evaluar, pero también tendremos

39
00:02:46,350 --> 00:02:51,420
otra biblioteca llamada diversión increíble y necesitamos una mejor manera de organizar las cosas en lugar de

40
00:02:51,420 --> 00:02:53,160
simplemente tener todo en una carpeta.

41
00:02:53,220 --> 00:02:58,010
Vamos a tener algunos subdirectorios y dividir las cosas en diferentes secciones.

42
00:02:58,500 --> 00:03:01,930
En cuanto a J. A. GRAMO. Vamos, vamos a presentar dos nuevos métodos.

43
00:03:02,100 --> 00:03:07,470
Uno se llama emparejamientos y el otro se denomina append junto con el lápiz y también vamos a hablar sobre

44
00:03:07,470 --> 00:03:11,460
cómo creamos nuevos elementos y los agregamos a la página y al último punto.

45
00:03:11,460 --> 00:03:13,720
Aquí hay algo llamado delegación de eventos.

46
00:03:13,870 --> 00:03:20,070
Pero en lo que respecta a CSSA vamos a utilizar Fonte awesome para obtener algunos iconos nuevos en nuestra aplicación para que pueda

47
00:03:20,510 --> 00:03:25,020
ver que tenemos la papelera aquí y el signo más aquí que proviene de una biblioteca llamada

48
00:03:25,020 --> 00:03:25,310
fun.

49
00:03:25,320 --> 00:03:26,220
Increíble.

50
00:03:26,250 --> 00:03:32,400
También hablaremos de la sombra de caja y otra propiedad llamada transición que vimos cuando hicimos el juego de

51
00:03:32,400 --> 00:03:33,220
adivinar el color.

52
00:03:33,300 --> 00:03:37,620
Vamos a ver cómo usarlo de una manera ligeramente diferente y luego también vamos a ver los

53
00:03:37,620 --> 00:03:40,130
gradientes de CSSA, que es cómo hice estos antecedentes aquí.

54
00:03:40,320 --> 00:03:44,680
Por lo tanto, no es una imagen que CSSA está haciendo por mí.

55
00:03:44,760 --> 00:03:48,660
De acuerdo, hay muchas cosas divertidas en las que vamos a tener más

56
00:03:48,660 --> 00:03:50,290
práctica y algunas cosas nuevas.

57
00:03:50,290 --> 00:03:53,280
También lanzaremos allí para comenzar el próximo video.