OK torneremo in questo video.
Voglio presentare il progetto che costruiremo nei prossimi video.
Quindi creeremo AJ Querrey per fare app, ma avremo anche un focus piuttosto pesante
sul CSSA e lo styling di alcuni effetti di animazione e nel complesso sarà un'applicazione molto carina.
Quindi ti darò una rapida demo di come appare e come funziona.
Quindi ecco la nostra lista delle cose da fare.
La prima cosa che farò notare è che è reattivo.
Quindi possiamo ridimensionarlo, ma per fare la lista è per Harry Potter in questo caso di riempire che con alcuni dati di esempio.
E mentre sorvolo sulle cose, vedrai che ottengo questo bel pulsante di eliminazione con l'icona del cestino.
E se clicco su questo, cancellerà il to-do o se semplicemente clicco sul testo, posso controllarlo
se voglio tenerlo lì.
A volte sai quando fai una lista di cose da fare, ma potresti voler tornare
indietro e deselezionarle o tenerle lì in modo che tu possa vederle di nuovo.
E alcune persone vogliono solo cancellare completamente le cose.
A loro non interessa vedere quello che hanno già fatto.
Quindi puoi fare clic sul pulsante Elimina.
Diciamo che ho ucciso Voldemort e clicco su quel bottone che svanisce e poi scompare.
E poi posso anche aggiungere un nuovo da fare.
Quindi aggiungiamone uno qui.
Vai alla lezione di Pozioni e tutto ciò che devo fare è premere invio e automaticamente otterremo un nuovo da fare qui.
Posso controllare o rimuovere.
Da notare anche il fatto che questo pulsante nasconderà il modulo.
Se voglio solo visualizzare la mia lista, posso fare clic su di essa oppure posso fare nuovamente clic e visualizzare il modulo e
iniziare ad aggiungere a due.
Quindi questa è un'anteprima della funzionalità.
Ora voglio parlare un po 'di dietro le quinte di cosa parleremo e
alcune delle nuove cose che impareremo.
Come ho detto prima, questo è un sacco di query su Jay e ci vediamo
molto e in particolare parleremo di alcuni dei metodi più comuni che abbiamo già imparato su come premere
i tasti e per gli eventi che si dissolvono in dissolvenza. attivare tutti i diversi effetti e quindi
anche selezionare sta facendo molto selezionando qui.
E poi SS SS Avremo più pratica con il margine del modello box e padding e bordo.
Parleremo di più sugli elementi mobili e otterremo più pratica con i font.
E poi c'è anche tutta una serie di nuove funzionalità nuovi metodi nuovi metodi per Jay
queery e valutare entrambi che introdurrò attraverso questo video e il primo qui è
che useremo una struttura di cartelle migliore in questa applicazione.
Avremo Jay, queery.
Faremo in modo che ogni nostro team debba valutare, ma avremo anche un'altra libreria
chiamata fun awesome e abbiamo bisogno di un modo migliore per tenere le cose organizzate piuttosto che
avere tutto in una cartella insieme.
Avremo alcune sottodirectory e suddivideremo le cose in diverse sezioni.
Per quanto riguarda J. UN. G. andiamo introdurre due nuovi metodi.
Uno è chiamato abbinamenti e un altro è chiamato append insieme alla penna e parleremo anche di
come creiamo nuovi elementi e li aggiungiamo alla pagina e all'ultimo punto.
Ecco una cosa chiamata delegazione di eventi.
Ma poi, per quanto riguarda i CSSA, useremo Fonte impressionante per ottenere alcune nuove icone nella nostra applicazione in modo da poter
vedere che abbiamo il cestino qui e il segno più qui proveniente da una libreria chiamata
divertimento.
Eccezionale.
Parliamo anche di box shadow e altre proprietà chiamate transition che abbiamo visto quando abbiamo creato il gioco di
indovinare il colore.
Vedremo come usarlo in un modo leggermente diverso e poi vedremo anche i gradienti
CSSA, ecco come ho fatto questo sfondo qui.
Quindi non è in realtà un'immagine che lo sta facendo CSSA per me.
Va bene, ci sono un sacco di cose divertenti imballate qui cose con cui faremo
più pratica e alcune cose nuove.
Ci inseriremo anche qui, quindi inizieremo nel prossimo video.