1
00:00:00,570 --> 00:00:05,320
Więc to będzie dość szybkie wideo o chromie javascript deweloper Cantal.

2
00:00:05,370 --> 00:00:12,370
Więc zanim rzeczywiście zanurzyć pisania kodu JavaScript w składni mamy zamiar zacząć od zastanawianie się, gdzie piszemy kod.

3
00:00:12,600 --> 00:00:17,910
I tak w chromie jednym z miejsc, które możemy zrobić, że to programista javascript con ..

4
00:00:18,360 --> 00:00:26,340
Tak jak wspomnieliśmy kilka razy Chrome ma wielkie narzędzi programistycznych, z których niektóre Widzieliśmy już jak H Tim L i C SS.

5
00:00:26,340 --> 00:00:30,200
Inspektor można kliknąć ikonę lupy.

6
00:00:30,200 --> 00:00:31,160
Kliknij element.

7
00:00:31,680 --> 00:00:38,420
Zobacz HGA teraz możemy zmieniać rzeczy potrzebne mu zespół i możemy edytować i przeglądać sukces.

8
00:00:38,430 --> 00:00:39,980
Tak więc widzieliśmy wcześniej.

9
00:00:40,170 --> 00:00:50,920
Aby dostać się tu możemy kliknąć prawym przyciskiem myszy i sprawdzić elementu lub możemy również przejść do widoku narzędzi dewelopera.

10
00:00:51,090 --> 00:00:54,420
I jest to skrót, który można zobaczyć tutaj opcji polecenia.

11
00:00:55,410 --> 00:01:01,460
Więc to, aby dostać się do zakładki elementów, ale można zauważyć, że jest inny zakładka tutaj który mówi con.

12
00:01:01,470 --> 00:01:01,650
,

13
00:01:01,830 --> 00:01:05,070
Więc to jest javascript deweloper con ..

14
00:01:05,190 --> 00:01:21,770
Tak w skrócie jest to miejsce, gdzie możemy iść i napisać skrypt w naszej przeglądarce dzięki czemu programiści nie pisać pełne aplikacje Javascript w tej konsoli tutaj, podobnie jak deweloperzy nie pisać cały arkusz stylów w przeglądarce za pomocą tego VSS inspektor.

15
00:01:21,870 --> 00:01:31,860
Co go używać do interakcji z C ocenić lub zrozumieć, jak coś działa lub testowania coś, a potem udać się dokonać zmian w pliku CSSA.

16
00:01:32,160 --> 00:01:34,980
Więc w dół linii zrobimy to samo z javascript.

17
00:01:35,040 --> 00:01:47,070
Będziemy korzystać z konsoli do zabawy z grami przetestować rzeczy, ale potem będziemy rzeczywiście wdrożyć pełny plik JavaScript, który utrzymuje i że możemy zaoszczędzić do naszego naszej maszynie, a nie tylko w przeglądarce.

18
00:01:47,070 --> 00:01:52,710
Więc mamy zamiar zacząć pisząc nasz skrypt wewnątrz konsoli chrom i że nie potrwa zbyt długo.

19
00:01:52,770 --> 00:02:01,300
To właśnie będzie szybki łatwy sposób nam wstać i chodzić bez skupić się na tworzeniu projektu powołaniu nasze pliki i łączenie ich ze sobą poprawnie.

20
00:02:01,320 --> 00:02:04,350
Będziemy wystarczy otworzyć przeglądarkę i wpisać ją w java tutaj.

21
00:02:04,650 --> 00:02:12,280
Tak, aby zilustrować jak konsola działa javascript Mam pewne pre-napisany kod, który mam zamiar wkleić i wykonać zanim to zrobię, że chociaż.

22
00:02:12,390 --> 00:02:16,990
Chcę tylko podkreślić, że celem nie jest tu na składni, więc nie panikuj.

23
00:02:17,070 --> 00:02:21,330
Mamy zamiar spędzić dużo czasu będzie nad tym, jak ten kod działa w kolejnych filmach.

24
00:02:21,570 --> 00:02:22,530
Co jest tematem tutaj.

25
00:02:22,530 --> 00:02:23,820
Czy proces.

26
00:02:23,820 --> 00:02:26,570
Więc chcę, aby zrozumieć, mogę umieścić jakiś kod tutaj.

27
00:02:26,910 --> 00:02:33,330
To nie ma znaczenia, co kod faktycznie to wystarczy umieścić jakiś kod tam i wtedy mogę nacisnąć enter i zostanie on wykonany.

28
00:02:33,540 --> 00:02:36,320
Więc ten kod dzieje zrobić prostą animację.

29
00:02:36,340 --> 00:02:40,850
Dodaje pięć pikseli szerokości obrazu co 100 milisekund.

30
00:02:41,190 --> 00:02:42,760
Więc nie zrobił jeszcze niczego.

31
00:02:42,800 --> 00:02:45,680
Jak tylko naciśnij enter choć zaczyna biec.

32
00:02:46,230 --> 00:02:48,550
Podobnie mogę wpisać inny kod.

33
00:02:48,660 --> 00:02:54,130
Więc tutaj jest to bardzo prosty program, po prostu się pojawiają się trochę dla mnie wiadomość.

34
00:02:54,540 --> 00:02:57,190
Cześć wszystkim.

35
00:02:57,770 --> 00:03:02,930
I naciśnij enter i pop-up jest wykonywany i że kod działa.

36
00:03:03,480 --> 00:03:06,250
Więc to wszystko chcę pokazać o Konsola JavaScript.

37
00:03:06,270 --> 00:03:20,960
Można pop go na dowolnej stronie za pomocą opcji Polecenie J lub przechodząc do wyświetlenia dewelopera javascript konsoli lub poprzez otwarcie inspektora elementów i kliknięcie na przeciw ..

38
00:03:20,970 --> 00:03:22,500
Więc mamy zamiar spędzić dużo czasu tutaj.