1
00:00:00,120 --> 00:00:15,130
Dus nu dat je mijn kennismaking met Jay Cory evenals mijn eigen mening op het aanleren van Jay-query en de aanpak die we hier nemen, die in het kort samen te vatten is heb gehoord dat we begonnen met vanille javascript en nu dat we zijn ervan overtuigd om dingen te doen dat de manier waarop we over verhuizen naar Jay Querrey.

2
00:00:15,510 --> 00:00:20,770
Dus het eerste wat we nodig hebben om te praten over hoe we onder andere een zoekopdracht in een applicatie.

3
00:00:20,880 --> 00:00:27,250
Dus ik ga om te beginnen met een zeer eenvoudige applicatie hier gewoon toe te voegen in mijn leeftijd mond en geef het een titel.

4
00:00:27,370 --> 00:00:33,390
Jay queery demo Jay Jay queery altijd kleine letters.

5
00:00:33,450 --> 00:00:37,990
Vraag me niet waarom Q Is hoofdletters dat alles in slechts een paar elementen.

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

7
00:00:38,310 --> 00:00:39,380
Corey demo.

8
00:00:39,870 --> 00:00:46,710
Net als dat en misschien een bondgenoot of twee en deze zullen gewoon willekeurige tekst zijn.

9
00:00:47,100 --> 00:00:49,980
OK dus drie bondgenoten etc. jou.

10
00:00:50,040 --> 00:00:52,440
En H-1 en bespaart.

11
00:00:52,710 --> 00:00:55,920
En natuurlijk gaan we verder gaan en te openen die in de browser.

12
00:00:56,580 --> 00:00:58,960
En hier is onze demo pagina.

13
00:00:59,190 --> 00:01:04,220
Er zijn een paar manieren om een ​​query om onze eigen applicatie en onze eigen leeftijd html-bestanden toe te voegen.

14
00:01:04,440 --> 00:01:07,140
Vergeet niet dat J-query is gewoon een javascript-bestand.

15
00:01:07,230 --> 00:01:10,080
Het is niet anders dan de bestanden die we tot nu toe heb geschreven.

16
00:01:10,080 --> 00:01:13,320
Net als onze kleur spel ontwijken A-S of onze To Do lijst.

17
00:01:13,410 --> 00:01:18,570
Ja of wat dan ook JavaScript-bestanden die we hebben gemaakt en gekoppeld met behulp van een script tag.

18
00:01:18,570 --> 00:01:21,990
Dus hier beide methoden zijn we met behulp van een script tag.

19
00:01:21,990 --> 00:01:24,900
Het enige verschil is de bronkenmerk.

20
00:01:25,080 --> 00:01:36,020
En in dit geval zijn we koppelen aan het bestand lokaal en wat dat betekent is dat ik gedownload van de code voor een query en ze zet het in dezelfde map als mijn project en vervolgens gekoppeld ik het.

21
00:01:36,120 --> 00:01:50,460
Dus ik zal je laten zien hoe we dat doen als we naar de Crew documentatie J en we klikken op download en dan moeten we een versie halen en ik ga om te gaan met de laatste die is 2,1 punt 4 en we hebben een weinig opties.

22
00:01:50,550 --> 00:01:57,130
Wij kunnen de gecomprimeerde productie Jey vraag 2.0 punt 1.4 en het ongecomprimeerde ontwikkeling versie te downloaden.

23
00:01:57,180 --> 00:01:58,500
Ik ga om beide te doen.

24
00:01:58,500 --> 00:02:03,530
Normaal gesproken zou ik gewoon doen dit omdat het wordt samengedrukt het hele punt is dat het sneller te laden.

25
00:02:03,630 --> 00:02:05,380
Maar ik wil je laten zien hoe het eruit ziet.

26
00:02:05,550 --> 00:02:10,860
Dus ik ga naar de uncompress één en gecomprimeerde krijgen en je kunt zien als we twee verschillende bestanden.

27
00:02:10,860 --> 00:02:17,820
We hebben Jay queery naar een punt voor Dot J.S. wijzen en we hebben J concreto 2,1 procent voor mannen.

28
00:02:18,030 --> 00:02:19,080
Ja.

29
00:02:19,080 --> 00:02:22,310
Dus ik ga naar deze beide openen in sublieme hier.

30
00:02:22,530 --> 00:02:26,880
Gewoon slepen ze in en laten we een kijkje nemen op hen.

31
00:02:26,970 --> 00:02:29,720
Dus dit bestand hier is de ongecomprimeerde versie.

32
00:02:29,970 --> 00:02:31,810
En zoals ik doorlopen.

33
00:02:32,310 --> 00:02:35,730
Merk op dat het is gewoon een heel lange javascript bestand.

34
00:02:36,000 --> 00:02:50,730
Het is meer dan 9000 lijnen, zodat we dit bestand kunnen bevatten of kunnen we het geminimaliseerde versie, die is dezelfde code achter de schermen, maar als er iets is geminimaliseerd of gecomprimeerd alle witruimte wordt genomen bevatten.

35
00:02:50,730 --> 00:03:13,320
Dus al deze rendementen alle opmerkingen zijn verdwenen en alle namen van variabelen en eigenschappen worden ingekort tot enkele personages, zodat je kunt zien dat we dingen zoals ze of we hebben dingen zoals ABC, die zijn zeker niet de namen van eigenschappen en argumenten binnen, indien het niet-gecomprimeerde bestand, zodat kunnen we onder andere één.

36
00:03:13,500 --> 00:03:17,580
En om dat te doen moeten we gewoon om ervoor te zorgen dat we de bestanden toe te voegen aan de juiste directory.

37
00:03:17,940 --> 00:03:22,540
Dus ik ga een nieuwe map te maken in plaats van mijn project en ik ga het lib noemen.

38
00:03:22,710 --> 00:03:24,650
En we hebben niet om dit te doen.

39
00:03:24,690 --> 00:03:30,780
We konden gewoon slepen onze twee bestanden in dezelfde map als onze h team.

40
00:03:30,780 --> 00:03:33,100
Ik zal dienen en Ik zal beginnen met het op die manier te laten zien.

41
00:03:33,330 --> 00:03:50,740
Dus ga ik open mijn H Tim L-bestand en voeg een script hier script tag en ik moet de bron gelijk en ik moet deze naam hier schrijven dat J query om een ​​punt te wijzen voor Dot J ons en we moeten dat dash.

42
00:03:50,760 --> 00:03:55,750
Dus ik ga om het te kopiëren en stel gewoon de bron naar een query dash 2. 1.4.

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

44
00:03:56,060 --> 00:04:05,760
Ja en zolang dit bestand J Curry demo hem leeftijd out is op dezelfde plaats als Jay Querrey 2.1 14: 4 we goed moeten zijn.

45
00:04:06,030 --> 00:04:11,670
Dus ik zal opslaan en openen het terug in de browser en vernieuwen.

46
00:04:11,790 --> 00:04:17,150
Als we het openstellen van de console kunnen we eigenlijk typt u het woord J Query en druk op enter.

47
00:04:17,250 --> 00:04:22,050
En als we niet een fout die ons vertelt dat de query correct is toegevoegd aan onze applicatie.

48
00:04:22,560 --> 00:04:40,350
Dus een betere manier om dit te structureren is om daadwerkelijk zet deze in een aparte map met de naam van de lib gewoon zo dat we onze eigen JavaScript-bestanden uit de bibliotheek van JavaScript-bestanden kan scheiden, zodat we ze niet te verwarren en we hebben geen rommel onze directory structuur dus het is niet verplicht op alle.

49
00:04:40,350 --> 00:04:42,220
Zoals je zag hadden we Jay-query werken.

50
00:04:42,540 --> 00:04:46,320
Maar een betere manier om het te doen is om een ​​folder te maken en kunnen we dit alles noemen.

51
00:04:46,440 --> 00:04:48,320
Noem het J-curve als je wilde.

52
00:04:48,480 --> 00:04:51,820
Ik ga om te gaan met lib en dan moet ik mijn verbinding veranderen.

53
00:04:51,840 --> 00:04:59,330
Mijn bron lib slash Jay-query rende naar een punt vier wijzen en ik zal de mijne te doen.

54
00:04:59,550 --> 00:05:01,140
Ja, en je hoeft niet om dat te doen.

55
00:05:01,140 --> 00:05:03,660
Er is geen verschil in functionaliteit.

56
00:05:03,660 --> 00:05:07,980
Het enige verschil is dat dit sneller te laden maar moet die hier.

57
00:05:08,220 --> 00:05:10,350
Dus nogmaals we niet allebei nodig.

58
00:05:10,380 --> 00:05:13,810
We hoeven alleen maar een en we nodig hebben om correct te koppelen aan die ene.

59
00:05:14,250 --> 00:05:15,670
Dus laten we controleren of het werkte.

60
00:05:15,710 --> 00:05:18,660
Als ik refresh rate die goed werkt.

61
00:05:18,720 --> 00:05:25,680
U kunt J zoekopdracht typt en we kunnen ook typen dollarteken en als die werk dat we weten dat blad query wordt correct geïnstalleerd.

62
00:05:26,070 --> 00:05:31,640
Dus dat is de eerste manier kunnen we een query lokaal downloaden en vervolgens te koppelen aan het met de script-tag.

63
00:05:31,840 --> 00:05:45,750
Er is een andere optie maar dat is een CD in de CD te gebruiken en staat voor de inhoud gedistribueerd netwerk en denken als gewoon een manier om een ​​bestand van online grijpen zonder daadwerkelijk te hoeven downloaden op je machine.

64
00:05:45,810 --> 00:05:53,680
Dus laat ik je zien als we gewoon kopiëren dit je Arel hier die toevallig AJ queery CDN voor versie 2.0 1.4.

65
00:05:53,770 --> 00:05:58,660
En als ik ga je gewoon naar dat je URL die u zult zien dat het is gewoon de J Corey bestand hier.

66
00:05:58,920 --> 00:06:09,850
Wat we wel kunnen doen is een link naar deze u Arel of een ander J queery CD en je weet dat er veel van hen op de lijn en dat zal op dezelfde manier werken als te koppelen aan het bestand hier lokaal.

67
00:06:09,870 --> 00:06:20,410
Het enige verschil is dat dit een beetje daadwerkelijk sneller geladen omdat het local op onze computer en als we vervangen door de cd dan zal het niet merkbaar ons.

68
00:06:20,530 --> 00:06:30,430
Maar onder de motorkap maakt het iets langer duren, maar het is natuurlijk een stuk gemakkelijker en eenvoudiger te gebruiken omdat we niet hebben om een ​​kopie van Jay-query downloaden voor elke toepassing die we maken.

69
00:06:30,780 --> 00:06:33,010
Dus ik zal vernieuwen.

70
00:06:33,750 --> 00:06:37,350
En als we het type J vraag hier het moet nog steeds werken en het doet.

71
00:06:37,770 --> 00:06:40,190
Tot slot zal ik je laten zien hoe ik vond dat CDN.

72
00:06:40,230 --> 00:06:50,770
Gewoon openen van een nieuwe tab en kijk voor CDN Jay queery en als we gewoon een zoekopdracht voor CDN en toen een andere bibliotheek die zullen sommige andere degenen later te zien.

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

74
00:06:52,110 --> 00:06:53,650
Je zult zien dat we een heleboel links.

75
00:06:53,850 --> 00:06:55,850
Dus Jay-query heeft een officiële één.

76
00:06:55,860 --> 00:07:02,880
Er is de CDN Dodge City NJ s dot com en we hebben een heleboel u of anders hier dat we gewoon kunnen kopiëren.

77
00:07:02,910 --> 00:07:07,040
We zouden moeten aandacht besteden aan de versie dus dit is voor 3,00.

78
00:07:07,200 --> 00:07:14,210
Als we naar 2,20 punt 4, het geeft ons een uncompress de normale versie en een aangepaste versie.

79
00:07:14,470 --> 00:07:17,090
En alleen maar om te laten zien als ik naar dat u goed.

80
00:07:17,310 --> 00:07:18,720
Ik zie ze in een bestand bestand.

81
00:07:19,110 --> 00:07:20,490
Dus om wrap up.

82
00:07:20,700 --> 00:07:22,130
Hoe dan ook werkt.

83
00:07:22,230 --> 00:07:32,000
We hebben een script tag in beide gevallen, maar de bron wordt ofwel naar een lokaal bestand of een bestand dat ergens dat we koppelen aan het gebruik van een CDN wordt gehost zijn.

84
00:07:32,100 --> 00:07:36,870
Het laatste wat je wilt doen is het geven u een snelle 30 seconden preview van wat ze rechter eruit ziet.

85
00:07:37,110 --> 00:07:39,930
Dus hier is een beetje van wat J-query eruit ziet.

86
00:07:39,930 --> 00:07:45,300
Het eerste wat je zou kunnen opmerken is dat er een dollarteken wordt gebruikt in vier verschillende plaatsen.

87
00:07:45,300 --> 00:07:51,480
We hebben een heleboel methoden zoals Dom klik die zie SS dot fade-out dot verwijderen.

88
00:07:51,690 --> 00:08:04,940
Dus wat deze code ook daadwerkelijk doen is het selecteren van een knop met ID-trekker en wanneer het wordt geklikt loopt al deze code en wanneer het wordt geklikt we gaan om de achtergrondkleur van het lichaam te veranderen geel te zijn.

89
00:08:04,980 --> 00:08:08,290
We gaan verdwijnen alle afbeeldingen op de pagina.

90
00:08:08,370 --> 00:08:15,340
Het gaat om 3 seconden duren om ze te vervagen en dan wanneer de fade out gebeurt gaan we deze drie beelden van de pagina te verwijderen.

91
00:08:15,750 --> 00:08:18,380
dus klik op de knop met de IDF-trekker.

92
00:08:18,390 --> 00:08:23,580
Verander de carrosseriekleur uitfaden beelden meer dan drie seconden en dan beelden te verwijderen wanneer ze klaar zijn.

93
00:08:23,970 --> 00:08:26,640
Oké dus dat was de snelheid voorbeeld van een query.

94
00:08:26,730 --> 00:08:29,100
Laten we nu eens daadwerkelijk beginnen met het schrijven van een aantal in de volgende video.