1
00:00:00,360 --> 00:00:02,460
OK torneremo in questo video.

2
00:00:02,490 --> 00:00:06,370
Voglio presentare il progetto che costruiremo nei prossimi video.

3
00:00:06,660 --> 00:00:11,910
Quindi creeremo AJ Querrey per fare app, ma avremo anche un focus piuttosto pesante

4
00:00:12,030 --> 00:00:18,210
sul CSSA e lo styling di alcuni effetti di animazione e nel complesso sarà un'applicazione molto carina.

5
00:00:18,630 --> 00:00:22,200
Quindi ti darò una rapida demo di come appare e come funziona.

6
00:00:22,200 --> 00:00:24,850
Quindi ecco la nostra lista delle cose da fare.

7
00:00:24,930 --> 00:00:28,580
La prima cosa che farò notare è che è reattivo.

8
00:00:28,890 --> 00:00:35,490
Quindi possiamo ridimensionarlo, ma per fare la lista è per Harry Potter in questo caso di riempire che con alcuni dati di esempio.

9
00:00:35,940 --> 00:00:42,650
E mentre sorvolo sulle cose, vedrai che ottengo questo bel pulsante di eliminazione con l'icona del cestino.

10
00:00:43,080 --> 00:00:51,300
E se clicco su questo, cancellerà il to-do o se semplicemente clicco sul testo, posso controllarlo

11
00:00:51,300 --> 00:00:53,230
se voglio tenerlo lì.

12
00:00:53,310 --> 00:00:57,810
A volte sai quando fai una lista di cose da fare, ma potresti voler tornare

13
00:00:57,810 --> 00:01:01,790
indietro e deselezionarle o tenerle lì in modo che tu possa vederle di nuovo.

14
00:01:01,890 --> 00:01:04,290
E alcune persone vogliono solo cancellare completamente le cose.

15
00:01:04,410 --> 00:01:06,630
A loro non interessa vedere quello che hanno già fatto.

16
00:01:06,630 --> 00:01:08,550
Quindi puoi fare clic sul pulsante Elimina.

17
00:01:08,700 --> 00:01:16,730
Diciamo che ho ucciso Voldemort e clicco su quel bottone che svanisce e poi scompare.

18
00:01:17,120 --> 00:01:19,610
E poi posso anche aggiungere un nuovo da fare.

19
00:01:19,740 --> 00:01:21,250
Quindi aggiungiamone uno qui.

20
00:01:21,480 --> 00:01:29,400
Vai alla lezione di Pozioni e tutto ciò che devo fare è premere invio e automaticamente otterremo un nuovo da fare qui.

21
00:01:29,760 --> 00:01:32,660
Posso controllare o rimuovere.

22
00:01:32,700 --> 00:01:38,330
Da notare anche il fatto che questo pulsante nasconderà il modulo.

23
00:01:38,400 --> 00:01:43,860
Se voglio solo visualizzare la mia lista, posso fare clic su di essa oppure posso fare nuovamente clic e visualizzare il modulo e

24
00:01:43,860 --> 00:01:45,060
iniziare ad aggiungere a due.

25
00:01:45,630 --> 00:01:47,840
Quindi questa è un'anteprima della funzionalità.

26
00:01:47,850 --> 00:01:52,260
Ora voglio parlare un po 'di dietro le quinte di cosa parleremo e

27
00:01:52,260 --> 00:01:54,310
alcune delle nuove cose che impareremo.

28
00:01:54,420 --> 00:01:59,700
Come ho detto prima, questo è un sacco di query su Jay e ci vediamo

29
00:01:59,700 --> 00:02:06,300
molto e in particolare parleremo di alcuni dei metodi più comuni che abbiamo già imparato su come premere

30
00:02:06,410 --> 00:02:13,020
i tasti e per gli eventi che si dissolvono in dissolvenza. attivare tutti i diversi effetti e quindi

31
00:02:13,020 --> 00:02:15,390
anche selezionare sta facendo molto selezionando qui.

32
00:02:15,390 --> 00:02:21,350
E poi SS SS Avremo più pratica con il margine del modello box e padding e bordo.

33
00:02:21,390 --> 00:02:25,540
Parleremo di più sugli elementi mobili e otterremo più pratica con i font.

34
00:02:25,650 --> 00:02:31,440
E poi c'è anche tutta una serie di nuove funzionalità nuovi metodi nuovi metodi per Jay

35
00:02:31,470 --> 00:02:36,690
queery e valutare entrambi che introdurrò attraverso questo video e il primo qui è

36
00:02:36,690 --> 00:02:40,540
che useremo una struttura di cartelle migliore in questa applicazione.

37
00:02:40,560 --> 00:02:41,950
Avremo Jay, queery.

38
00:02:41,970 --> 00:02:46,350
Faremo in modo che ogni nostro team debba valutare, ma avremo anche un'altra libreria

39
00:02:46,350 --> 00:02:51,420
chiamata fun awesome e abbiamo bisogno di un modo migliore per tenere le cose organizzate piuttosto che

40
00:02:51,420 --> 00:02:53,160
avere tutto in una cartella insieme.

41
00:02:53,220 --> 00:02:58,010
Avremo alcune sottodirectory e suddivideremo le cose in diverse sezioni.

42
00:02:58,500 --> 00:03:01,930
Per quanto riguarda J. UN. G. andiamo introdurre due nuovi metodi.

43
00:03:02,100 --> 00:03:07,470
Uno è chiamato abbinamenti e un altro è chiamato append insieme alla penna e parleremo anche di

44
00:03:07,470 --> 00:03:11,460
come creiamo nuovi elementi e li aggiungiamo alla pagina e all'ultimo punto.

45
00:03:11,460 --> 00:03:13,720
Ecco una cosa chiamata delegazione di eventi.

46
00:03:13,870 --> 00:03:20,070
Ma poi, per quanto riguarda i CSSA, useremo Fonte impressionante per ottenere alcune nuove icone nella nostra applicazione in modo da poter

47
00:03:20,510 --> 00:03:25,020
vedere che abbiamo il cestino qui e il segno più qui proveniente da una libreria chiamata

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

49
00:03:25,320 --> 00:03:26,220
Eccezionale.

50
00:03:26,250 --> 00:03:32,400
Parliamo anche di box shadow e altre proprietà chiamate transition che abbiamo visto quando abbiamo creato il gioco di

51
00:03:32,400 --> 00:03:33,220
indovinare il colore.

52
00:03:33,300 --> 00:03:37,620
Vedremo come usarlo in un modo leggermente diverso e poi vedremo anche i gradienti

53
00:03:37,620 --> 00:03:40,130
CSSA, ecco come ho fatto questo sfondo qui.

54
00:03:40,320 --> 00:03:44,680
Quindi non è in realtà un'immagine che lo sta facendo CSSA per me.

55
00:03:44,760 --> 00:03:48,660
Va bene, ci sono un sacco di cose divertenti imballate qui cose con cui faremo

56
00:03:48,660 --> 00:03:50,290
più pratica e alcune cose nuove.

57
00:03:50,290 --> 00:03:53,280
Ci inseriremo anche qui, quindi inizieremo nel prossimo video.