1
00:00:00,120 --> 00:00:05,250
Quindi ora che hai ascoltato la mia introduzione a Jay Cory e la mia opinione sull'insegnamento della

2
00:00:05,430 --> 00:00:11,250
query su Jay e sull'approccio che stiamo prendendo qui, riassumendo brevemente abbiamo iniziato con vanilla javascript e ora siamo

3
00:00:11,760 --> 00:00:15,130
fiduciosi di fare cose in questo modo passeremo a Jay Querrey.

4
00:00:15,510 --> 00:00:20,770
Quindi la prima cosa di cui dobbiamo parlare è come includere una query in un'applicazione.

5
00:00:20,880 --> 00:00:26,430
Quindi ho intenzione di iniziare con un'applicazione molto semplice qui aggiungendo solo la mia età alla bocca e

6
00:00:26,430 --> 00:00:27,250
dandole un titolo.

7
00:00:27,370 --> 00:00:28,310
La demo di Jay

8
00:00:30,840 --> 00:00:33,390
queery Jay su Jay queery è sempre in minuscolo.

9
00:00:33,450 --> 00:00:37,990
Non chiedermi perché Q è tutto maiuscolo in pochi elementi.

10
00:00:38,030 --> 00:00:38,310
J.

11
00:00:38,310 --> 00:00:39,380
Demo Corey.

12
00:00:39,870 --> 00:00:46,710
Proprio così e forse un alleato o due e questi saranno solo testo casuale.

13
00:00:47,100 --> 00:00:49,980
OK così tre alleati ecc. tu.

14
00:00:50,040 --> 00:00:52,440
E H-1 e salverà.

15
00:00:52,710 --> 00:00:55,920
E ovviamente andremo avanti e apriremo questo nel browser.

16
00:00:56,580 --> 00:00:58,960
Ed ecco la nostra pagina demo.

17
00:00:59,190 --> 00:01:04,220
Ci sono alcuni modi per aggiungere una query alla nostra applicazione e ai nostri file html di età.

18
00:01:04,440 --> 00:01:07,140
Ricorda che la query J è solo un file javascript.

19
00:01:07,230 --> 00:01:10,080
Non è diverso dai file che abbiamo scritto finora.

20
00:01:10,080 --> 00:01:13,320
Come il nostro gioco a colori schiva A-S o la nostra lista delle cose da fare.

21
00:01:13,410 --> 00:01:18,570
Sì o qualsiasi altro file javascript che abbiamo creato e collegato utilizzando un tag script.

22
00:01:18,570 --> 00:01:21,990
Quindi in entrambi i metodi qui stiamo usando un tag script.

23
00:01:21,990 --> 00:01:24,900
L'unica differenza è l'attributo source.

24
00:01:25,080 --> 00:01:30,600
per una query e lo hanno inserito nella stessa directory del mio progetto e quindi ci ho collegato.

25
00:01:30,600 --> 00:01:36,020
E in questo caso stiamo collegando il file localmente e ciò significa che ho scaricato il codice

26
00:01:36,120 --> 00:01:43,530
Quindi ti mostrerò come lo facciamo se andiamo alla documentazione di J Crew e clicchiamo su download e quindi dobbiamo scegliere una versione

27
00:01:43,530 --> 00:01:49,740
e ho intenzione di andare con l'ultima che è 2. 1 punto 4 e abbiamo alcune

28
00:01:49,740 --> 00:01:50,460
opzioni.

29
00:01:50,550 --> 00:01:56,700
Possiamo scaricare la query Jey di produzione compressa 2. 0 punto 1. 4 e la versione di sviluppo non compressa.

30
00:01:57,180 --> 00:01:58,500
Ho intenzione di fare entrambe le cose.

31
00:01:58,500 --> 00:02:03,330
Solitamente lo farei semplicemente perché è compresso, il punto è che è più veloce da caricare.

32
00:02:03,630 --> 00:02:05,380
Ma voglio mostrarti com'è.

33
00:02:05,550 --> 00:02:09,960
Quindi ho intenzione di ottenere quello non compresso e quello compresso e puoi vedere se otteniamo

34
00:02:09,960 --> 00:02:10,860
due file diversi.

35
00:02:10,860 --> 00:02:17,820
Abbiamo Jay queery per puntare un punto per Dot J. S. e abbiamo J interrogato 2. 1 percento per gli uomini.

36
00:02:18,030 --> 00:02:19,080
Sì.

37
00:02:19,080 --> 00:02:22,310
Quindi aprirò entrambi quelli in sublime qui.

38
00:02:22,530 --> 00:02:26,880
Basta trascinarli dentro e diamo un'occhiata a loro.

39
00:02:26,970 --> 00:02:29,720
Quindi questo file qui è la versione non compressa.

40
00:02:29,970 --> 00:02:31,810
E mentre lo scorrimento.

41
00:02:32,310 --> 00:02:35,730
Si noti che è solo un file javascript veramente lungo.

42
00:02:36,000 --> 00:02:44,730
Sono oltre 9000 linee, quindi possiamo includere questo file o possiamo includere la versione ridotta al minimo che è lo stesso codice

43
00:02:44,730 --> 00:02:50,160
dietro le quinte, ma quando qualcosa viene minimizzato o compresso, tutti gli spazi vengono

44
00:02:50,160 --> 00:02:50,730
eliminati.

45
00:02:50,730 --> 00:02:56,940
Quindi tutti questi ritorni tutti i commenti sono andati e tutti i nomi di variabili e

46
00:02:56,940 --> 00:03:06,150
proprietà sono abbreviati in caratteri singoli in modo da poter vedere che abbiamo cose come em o abbiamo cose come ABC che non

47
00:03:06,150 --> 00:03:12,630
sono sicuramente i nomi di proprietà e argomenti all'interno se il file non compresso così possiamo

48
00:03:12,630 --> 00:03:13,320
includerne uno.

49
00:03:13,500 --> 00:03:17,580
E per farlo dobbiamo solo assicurarci di aggiungere i file alla directory corretta.

50
00:03:17,940 --> 00:03:22,540
Quindi creerò una nuova cartella al posto del mio progetto e la chiamerò lib.

51
00:03:22,710 --> 00:03:24,650
E non dobbiamo farlo.

52
00:03:24,690 --> 00:03:30,780
Potremmo semplicemente trascinare i nostri due file nella stessa directory del nostro team h.

53
00:03:30,780 --> 00:03:33,100
Archiverò e comincerò con quello in quel modo per mostrarti.

54
00:03:33,330 --> 00:03:41,730
Quindi aprirò il mio file H Tim L e aggiungo uno script qui tag script e ho bisogno di source equals e ho

55
00:03:41,760 --> 00:03:50,130
bisogno di scrivere questo nome proprio qui che è J query per puntare un punto per Dot J us e abbiamo bisogno di

56
00:03:50,130 --> 00:03:50,740
quello dash.

57
00:03:50,760 --> 00:03:55,750
Quindi ho intenzione di copiarlo e basta impostare la sorgente su un trattino 2. 1. 4.

58
00:03:55,780 --> 00:03:56,050
J.

59
00:03:56,060 --> 00:04:04,560
Sì e fintanto che questo file della demo di J Curry è invecchiato nello stesso posto di Jay Querrey 2. 1 14: 4 dovremmo essere

60
00:04:04,890 --> 00:04:05,760
bravi.

61
00:04:06,030 --> 00:04:11,670
Così salverò e riaprirò nel browser e aggiornerò.

62
00:04:11,790 --> 00:04:17,150
Se apriamo la console possiamo effettivamente digitare la parola J Query e premere invio.

63
00:04:17,250 --> 00:04:22,050
E se non otteniamo un errore che ci dice che la query è stata aggiunta correttamente alla nostra applicazione.

64
00:04:22,560 --> 00:04:29,370
libreria in modo che non li confondiamo e non ingombriamo la nostra directory la struttura quindi non è obbligatoria.

65
00:04:29,370 --> 00:04:35,640
Quindi un modo migliore per strutturare questo è in realtà metterli in una directory separata chiamata lib

66
00:04:35,640 --> 00:04:40,350
proprio così che possiamo separare i nostri file javascript dai file javascript della

67
00:04:40,350 --> 00:04:42,220
Come hai visto, avevamo la query di Jay che funzionava.

68
00:04:42,540 --> 00:04:46,320
Ma un modo migliore per farlo è creare una directory e possiamo chiamarla qualsiasi cosa.

69
00:04:46,440 --> 00:04:48,320
Potresti chiamarlo curva J se lo volessi.

70
00:04:48,480 --> 00:04:51,820
Ho intenzione di andare con lib e quindi ho bisogno di cambiare il mio link qui.

71
00:04:51,840 --> 00:04:59,330
La mia fonte di essere lib slash Jay query tratteggiata per puntare un punto quattro e farò il mio.

72
00:04:59,550 --> 00:05:01,140
Sì e tu non devi farlo.

73
00:05:01,140 --> 00:05:03,660
Non c'è differenza di funzionalità.

74
00:05:03,660 --> 00:05:07,980
L'unica differenza è che questo è più veloce da caricare ma ho bisogno di averlo qui.

75
00:05:08,220 --> 00:05:10,350
Quindi per reiterare non abbiamo bisogno di entrambi.

76
00:05:10,380 --> 00:05:13,810
Ne abbiamo solo bisogno e dobbiamo collegarci correttamente a quello.

77
00:05:14,250 --> 00:05:15,670
Quindi proviamo che ha funzionato.

78
00:05:15,710 --> 00:05:18,660
Se aggiorno tasso che funziona bene.

79
00:05:18,720 --> 00:05:24,390
Puoi digitare la query J e possiamo anche digitare il simbolo del dollaro e se questi funzionano sappiamo che la query del

80
00:05:24,390 --> 00:05:25,680
foglio è stata installata correttamente.

81
00:05:26,070 --> 00:05:31,640
Questo è il primo modo in cui possiamo scaricare una query localmente e collegarci ad essa con il tag script.

82
00:05:31,840 --> 00:05:38,310
C'è un'altra opzione, però, che consiste nell'utilizzare un CD in un CD e rappresenta la rete di contenuti

83
00:05:38,760 --> 00:05:44,640
distribuiti e considerarla come un semplice modo per acquisire un file da online senza doverlo scaricare

84
00:05:44,640 --> 00:05:45,750
sul proprio computer.

85
00:05:45,810 --> 00:05:52,410
Quindi ti mostrerò se ti basta copiare questo Arel proprio qui, che sembra essere AJ queery CDN per la versione

86
00:05:52,410 --> 00:05:53,680
2. 0 1. 4.

87
00:05:53,770 --> 00:05:58,660
E se mi limito a leggere l'URL, vedrai che è solo il file J Corey qui.

88
00:05:58,920 --> 00:06:04,380
ce ne sono molti in rete e che funzionerà allo stesso modo del collegamento al file qui localmente.

89
00:06:04,380 --> 00:06:09,850
Quello che possiamo fare è collegarvi a questo Arel oa qualsiasi altro CD di J queery e sapete che

90
00:06:09,870 --> 00:06:14,850
L'unica differenza è che questo verrà effettivamente caricato un po 'più veloce perché è locale

91
00:06:15,360 --> 00:06:20,410
sul nostro computer e se lo sostituiamo con il CD non sarà più visibile a noi.

92
00:06:20,530 --> 00:06:25,800
Ma sotto il cofano ci vuole un po 'di più, ma ovviamente è molto più facile e più semplice

93
00:06:25,920 --> 00:06:30,430
da usare perché non dobbiamo scaricare una copia della query di Jay per ogni applicazione che facciamo.

94
00:06:30,780 --> 00:06:33,010
Quindi aggiornerò.

95
00:06:33,750 --> 00:06:37,350
E se scriviamo qui la query J, dovrebbe comunque funzionare e lo fa.

96
00:06:37,770 --> 00:06:40,190
Infine ti mostrerò come ho trovato quel CDN.

97
00:06:40,230 --> 00:06:47,580
Basta aprire una nuova scheda e cercare Cdn Jay queery e se facciamo solo una ricerca per Cdn e poi qualsiasi

98
00:06:47,580 --> 00:06:50,770
altra libreria che ne vedrà alcuni altri in seguito.

99
00:06:50,810 --> 00:06:52,110
Mike J query.

100
00:06:52,110 --> 00:06:53,650
Vedrai che otteniamo un sacco di link.

101
00:06:53,850 --> 00:06:55,850
Quindi la query di Jay è ufficiale.

102
00:06:55,860 --> 00:07:02,100
C'è il Cdn Dodge City NJ s dot com e abbiamo un gruppo di voi o qui che possiamo semplicemente copiare.

103
00:07:02,910 --> 00:07:07,040
Dovremmo prestare attenzione alla versione, quindi questo è per 3. 00.

104
00:07:07,200 --> 00:07:14,210
Se andiamo a 2. 20 punto 4 ci dà una decompressione della versione normale e una versione modificata.

105
00:07:14,470 --> 00:07:17,090
E solo per mostrarti se vado a quello stai bene.

106
00:07:17,310 --> 00:07:18,720
Li vedo in un file.

107
00:07:19,110 --> 00:07:20,490
Quindi per concludere.

108
00:07:20,700 --> 00:07:22,130
In entrambi i casi funziona.

109
00:07:22,230 --> 00:07:28,440
Abbiamo bisogno di un tag script in entrambi i casi, ma l'origine sarà o un file locale o un file

110
00:07:28,440 --> 00:07:32,000
ospitato da qualche parte che stiamo collegando all'utilizzo di un CDN.

111
00:07:32,100 --> 00:07:36,870
L'ultima cosa che vuoi fare è darti un'anteprima di 30 secondi di quello che assomiglia a lei.

112
00:07:37,110 --> 00:07:39,930
Quindi ecco un po 'di come appare la query di J.

113
00:07:39,930 --> 00:07:45,300
La prima cosa che potresti notare è che viene utilizzato un simbolo del dollaro in quattro luoghi diversi.

114
00:07:45,300 --> 00:07:51,480
Abbiamo un sacco di metodi come Dom clic che vedono SS punto dissolvenza punto rimuovere.

115
00:07:51,690 --> 00:07:57,900
Quindi, ciò che questo codice farà effettivamente è selezionare un pulsante con trigger ID e quando viene

116
00:07:57,900 --> 00:08:04,350
cliccato esegue tutto questo codice e quando viene cliccato cambieremo il colore di sfondo del corpo in giallo.

117
00:08:04,980 --> 00:08:08,290
Stiamo andando a sfumare tutte le immagini sulla pagina.

118
00:08:08,370 --> 00:08:13,470
Ci vorranno 3 secondi per svanire e poi, una volta terminata la dissolvenza, rimuoveremo

119
00:08:13,470 --> 00:08:15,340
quelle tre immagini dalla pagina.

120
00:08:15,750 --> 00:08:18,380
Quindi fare clic sul pulsante con trigger IDF.

121
00:08:18,390 --> 00:08:23,580
Cambia il colore del corpo dissolvenza delle immagini per tre secondi e poi rimuovi le immagini quando hanno finito.

122
00:08:23,970 --> 00:08:26,640
Va bene così era l'anteprima della velocità di una query.

123
00:08:26,730 --> 00:08:29,100
Ora iniziamo a scriverne alcuni nel prossimo video.