1
00:00:00,120 --> 00:00:15,130
Więc teraz, że słyszałeś moje wprowadzenie do Jay Cory jak również własną opinię na temat nauczania zapytanie Jay i podejście, że bierzemy tutaj którego można krótko podsumować jest zaczęliśmy wanilii javascript i teraz, że jesteśmy pewni, robi rzeczy w ten sposób idziemy do Jay Querrey.

2
00:00:15,510 --> 00:00:20,770
Więc pierwszą rzeczą, musimy porozmawiać o to, w jaki sposób to zapytanie do aplikacji.

3
00:00:20,880 --> 00:00:27,250
Więc mam zamiar zacząć z bardzo prostej aplikacji tutaj wystarczy dodać w moim wieku do ust i nadać mu tytuł.

4
00:00:27,370 --> 00:00:33,390
Jay queery demo Jay Jay queery na zawsze małymi literami.

5
00:00:33,450 --> 00:00:37,990
Nie pytaj mnie, dlaczego wielkie P Czy to wszystko w ciągu zaledwie kilku elementów.

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

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

8
00:00:39,870 --> 00:00:46,710
Tak po prostu, a może sojusznika lub dwa i to będzie tylko tekst losowo.

9
00:00:47,100 --> 00:00:49,980
OK, tak więc trzy sojusznicy itp ty.

10
00:00:50,040 --> 00:00:52,440
I H-1 i uratuje.

11
00:00:52,710 --> 00:00:55,920
I oczywiście będziemy śmiało i otwarcie, że w przeglądarce.

12
00:00:56,580 --> 00:00:58,960
A oto nasza strona demonstracyjna.

13
00:00:59,190 --> 00:01:04,220
Istnieje kilka sposobów dodawania zapytanie do naszego wniosku i do naszych własnych plików wiek html.

14
00:01:04,440 --> 00:01:07,140
Pamiętaj, że J zapytanie jest tylko plik JavaScript.

15
00:01:07,230 --> 00:01:10,080
To nie różni się od plików, które pisaliśmy do tej pory.

16
00:01:10,080 --> 00:01:13,320
Podobnie jak nasz kolorowy grze unik A-S lub naszym lista rzeczy do zrobienia.

17
00:01:13,410 --> 00:01:18,570
Tak czy cokolwiek javascript plików stworzyliśmy i połączone za pomocą znacznika script.

18
00:01:18,570 --> 00:01:21,990
Więc tutaj obu metod używamy znacznika script.

19
00:01:21,990 --> 00:01:24,900
Jedyną różnicą jest to, atrybut źródła.

20
00:01:25,080 --> 00:01:36,020
I w tym przypadku mamy do linkowania do pliku lokalnie i co to znaczy, że mogę pobrać kod zapytania i umieścić go w tym samym katalogu co mój projekt, a potem z nią powiązane.

21
00:01:36,120 --> 00:01:50,460
Więc pokażę ci, jak to zrobić, jeśli idziemy do dokumentacji załogi J i kliknij Pobierz, a następnie trzeba wybrać wersję i mam zamiar iść z najnowszym czyli 2,1 pkt 4 i mamy kilka opcji.

22
00:01:50,550 --> 00:01:57,130
Możemy pobrać skompresowany produkcję zapytania Jey 2,0 pkt 1.4 oraz nieskompresowanego wersję rozwojową.

23
00:01:57,180 --> 00:01:58,500
Mam zamiar zrobić jedno i drugie.

24
00:01:58,500 --> 00:02:03,530
Zazwyczaj ja po prostu zrobić ten jeden, ponieważ jest ściśnięta cała punktem jest to, że szybciej ładować.

25
00:02:03,630 --> 00:02:05,380
Ale chcę, aby pokazać, jak to wygląda.

26
00:02:05,550 --> 00:02:10,860
Więc mam zamiar uzyskać uncompress jeden i ten skompresowany jeden i można zobaczyć, jeśli mamy dwa różne pliki.

27
00:02:10,860 --> 00:02:17,820
Mamy Jay queery wskazać jeden punkt za Dot J.S. i mamy J zapytaliśmy o 2,1 proc dla mężczyzn.

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

29
00:02:19,080 --> 00:02:22,310
Więc mam zamiar otworzyć oba te w wzniosła tutaj.

30
00:02:22,530 --> 00:02:26,880
Wystarczy przeciągnąć je i rzućmy okiem na nich.

31
00:02:26,970 --> 00:02:29,720
Więc ten plik tutaj jest wersja bez kompresji.

32
00:02:29,970 --> 00:02:31,810
I jak przewinąć.

33
00:02:32,310 --> 00:02:35,730
Zauważ, że jest to tylko jeden bardzo długi plik JavaScript.

34
00:02:36,000 --> 00:02:50,730
To ponad 9000 linii, dzięki czemu możemy włączyć ten plik lub możemy zawierać zminimalizowanej wersji, który jest ten sam kod za kulisami, ale kiedy coś jest zminimalizowane lub skompresowane wszystkie spacje jest wyjęty.

35
00:02:50,730 --> 00:03:13,320
Więc wszystkie te powroty wszystkie komentarze są odszedł i wszystkie nazwy zmiennych i właściwości są skracane do pojedynczych znaków, dzięki czemu można zobaczyć, że mamy takie rzeczy em czy mamy takie rzeczy jak ABC, które na pewno nie są nazwy właściwości i argumenty wewnątrz, jeśli plik nieskompresowany więc możemy zawierać albo jeden.

36
00:03:13,500 --> 00:03:17,580
A do tego po prostu trzeba się upewnić, że możemy dodać pliki do odpowiedniego katalogu.

37
00:03:17,940 --> 00:03:22,540
Więc mam zamiar zrobić nowy folder, zamiast mojego projektu i mam zamiar to nazwać lib.

38
00:03:22,710 --> 00:03:24,650
I nie musimy tego robić.

39
00:03:24,690 --> 00:03:30,780
Moglibyśmy po prostu przeciągnij nasze dwa pliki w tym samym katalogu, co naszym godz zespołu.

40
00:03:30,780 --> 00:03:33,100
Będę pliku i zacznę z nim w ten sposób pokazać.

41
00:03:33,330 --> 00:03:50,740
Więc mam zamiar otworzyć swój plik L H Tim i dodać skrypt tutaj tag skryptu i muszę źródłem równa i muszę napisać tę nazwę, która jest tu zapytanie J wskazać jeden punkt za Dot J nami i musimy, że dziarskość.

42
00:03:50,760 --> 00:03:55,750
Więc mam zamiar skopiować go i po prostu ustawić źródło na myślnikiem zapytania 2. 1.4.

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

44
00:03:56,060 --> 00:04:05,760
Tak i tak długo jak ten plik J Curry demo wieku go w tym samym miejscu co Jay Querrey 2.1 14: 4 powinniśmy być dobre.

45
00:04:06,030 --> 00:04:11,670
Więc będę zapisać i otworzyć go w przeglądarce i odświeżyć.

46
00:04:11,790 --> 00:04:17,150
Jeśli otwieramy konsolę rzeczywiście możemy wpisać słowo J zapytań i wciśnij enter.

47
00:04:17,250 --> 00:04:22,050
A jeśli nie pojawia się błąd, który mówi nam, że zapytanie jest poprawnie dodany do naszej aplikacji.

48
00:04:22,560 --> 00:04:40,350
Więc lepszy sposób zorganizować to faktycznie umieścić je w oddzielnym katalogu o nazwie lib po prostu tak, że możemy oddzielić nasze własne pliki JavaScript z biblioteką JavaScript pliki, tak aby ich nie pomylić i nie zaśmiecać naszego katalogu struktura więc nie jest to obowiązkowe w ogóle.

49
00:04:40,350 --> 00:04:42,220
Jak widzieliśmy mieliśmy Jay pracy zapytania.

50
00:04:42,540 --> 00:04:46,320
Ale jest lepszy sposób, aby to zrobić jest stworzenie katalogu i możemy nazwać to wszystko.

51
00:04:46,440 --> 00:04:48,320
Można nazwać krzywej J, jeśli chciał.

52
00:04:48,480 --> 00:04:51,820
Mam zamiar iść z lib, a potem muszę zmienić mój link tutaj.

53
00:04:51,840 --> 00:04:59,330
Moje źródło być lib ukośnik Jay zapytanie przerywana wskazać jeden punkt cztery i zrobię minę.

54
00:04:59,550 --> 00:05:01,140
I tak, i nie trzeba tego robić.

55
00:05:01,140 --> 00:05:03,660
Nie ma żadnej różnicy w funkcjonalności.

56
00:05:03,660 --> 00:05:07,980
Jedyną różnicą jest to, że jest to szybsze załadowanie ale muszę mieć tę jedną kliknij tutaj.

57
00:05:08,220 --> 00:05:10,350
Więc powtórzyć, nie musimy ich obu.

58
00:05:10,380 --> 00:05:13,810
Musimy tylko jeden i musimy odwołuje się do tego jednego poprawnie.

59
00:05:14,250 --> 00:05:15,670
Warto więc sprawdzić, czy to zadziałało.

60
00:05:15,710 --> 00:05:18,660
Jeśli częstotliwość odświeżania, że ​​działa dobrze.

61
00:05:18,720 --> 00:05:25,680
Można wpisać J zapytanie i możemy również wpisać znak dolara, a jeśli tych prac wiemy, że kwerenda blacha jest prawidłowo zainstalowana.

62
00:05:26,070 --> 00:05:31,640
Więc to jest pierwszy sposób możemy pobrać kwerendy lokalnie, a następnie połączyć go z tagiem skryptu.

63
00:05:31,840 --> 00:05:45,750
Nie ma innej opcji, które choć jest użycie płyty w formacie CD i stoi za treści rozpowszechniane w sieci i myśleć o tym, jak to tylko sposób na przyciągnięcie plik z on-line, bez potrzeby go pobrać na komputer.

64
00:05:45,810 --> 00:05:53,680
Więc pokażę wam, jeśli po prostu skopiować to, Arel tu co zdarza się AJ queery CDN dla wersji 2.0, 1.4.

65
00:05:53,770 --> 00:05:58,660
A jeśli po prostu przejść do URL, które zobaczysz, że jest to po prostu plik J Corey tutaj.

66
00:05:58,920 --> 00:06:09,850
Co możemy zrobić, to link do Ciebie AREL lub innej J queery CD, a wiesz, że istnieje wiele z nich na linii i że będzie działać w ten sam sposób, jak z linkami do pliku tutaj lokalnie.

67
00:06:09,870 --> 00:06:20,410
Jedyną różnicą jest to, że będzie to rzeczywiście załadować trochę szybciej, bo to lokalna na naszym komputerze, a jeśli możemy zastąpić go z płyty CD to nie będzie widoczne dla nas.

68
00:06:20,530 --> 00:06:30,430
Ale pod maską to jednak potrwać nieco dłużej, ale oczywiście jest to dużo łatwiejsze i prostsze w użyciu, ponieważ nie musimy pobrać kopię Jay zapytania dla każdej aplikacji, które wykonujemy.

69
00:06:30,780 --> 00:06:33,010
Więc będę odświeżyć.

70
00:06:33,750 --> 00:06:37,350
A jeśli typ J zapytanie tutaj powinna nadal działać i to robi.

71
00:06:37,770 --> 00:06:40,190
Wreszcie, pokażę ci, jak stwierdziliśmy, że CDN.

72
00:06:40,230 --> 00:06:50,770
Wystarczy otworzyć nową kartę i poszukaj Cdn Jay queery i jeśli tylko nie szukaj CDN, a potem żadnej innej biblioteki, która będzie zobaczyć kilka innych z nich później.

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

74
00:06:52,110 --> 00:06:53,650
Zobaczysz, że mamy kilka linków.

75
00:06:53,850 --> 00:06:55,850
Więc Jay zapytanie ma oficjalny.

76
00:06:55,860 --> 00:07:02,880
Jest CDN Dodge City, NJ s kropka com i mamy kilka ciebie albo tutaj, że możemy po prostu skopiować.

77
00:07:02,910 --> 00:07:07,040
Chcielibyśmy zwrócić uwagę na wersję, więc jest to dla 3,00.

78
00:07:07,200 --> 00:07:14,210
Jeśli idziemy do 2,20 pkt 4 daje nam rozpakować normalną wersję i wersję zmodyfikowaną.

79
00:07:14,470 --> 00:07:17,090
I tak, aby pokazać, jeśli pójdę do tego, że dobrze.

80
00:07:17,310 --> 00:07:18,720
Widzę je w pliku plik.

81
00:07:19,110 --> 00:07:20,490
Tak, aby zakończyć.

82
00:07:20,700 --> 00:07:22,130
Tak czy inaczej działa.

83
00:07:22,230 --> 00:07:32,000
Musimy znacznik skryptu w obu przypadkach, ale źródło jest albo będzie lokalny plik lub plik, który jest gospodarzem gdzieś, że jesteśmy z linkami do korzystania z CDN.

84
00:07:32,100 --> 00:07:36,870
Ostatnią rzeczą, którą chcesz zrobić, to daje szybki 30 sekundowy podgląd czego sąd wygląda.

85
00:07:37,110 --> 00:07:39,930
Więc tutaj jest trochę o tym, co J kwerenda wygląda.

86
00:07:39,930 --> 00:07:45,300
Pierwszą rzeczą, jaką można zauważyć, jest tam znak dolara wykorzystywane w czterech różnych miejscach.

87
00:07:45,300 --> 00:07:51,480
Mamy kilka sposobów, takich jak Dom kliknięcia, które widzą SS kropka zanikanie dot usuń.

88
00:07:51,690 --> 00:08:04,940
Więc co ten kod będzie faktycznie zrobić, to wybrać przycisk z ID spust i kiedy kliknięciu działa cały ten kod i gdy jest kliknięty mamy zamiar zmienić kolor tła ciała były żółte.

89
00:08:04,980 --> 00:08:08,290
Jedziemy do zanikanie wszystkich obrazów na stronie.

90
00:08:08,370 --> 00:08:15,340
To zajmie 3 sekundy zanikać je, a następnie, gdy jest wykonywana ściemniania mamy zamiar usunąć te trzy obrazy ze strony.

91
00:08:15,750 --> 00:08:18,380
Więc kliknij na przycisku z IDF spuście.

92
00:08:18,390 --> 00:08:23,580
Zmiana koloru ciała zanikanie obrazu w ciągu trzech sekund, a następnie usunąć obrazy, kiedy skończysz.

93
00:08:23,970 --> 00:08:26,640
W porządku, tak aby był podgląd zapytania prędkości.

94
00:08:26,730 --> 00:08:29,100
Teraz zacząć pisanie niektóre w następnym filmie.