1
00:00:00,360 --> 00:00:01,140
Witamy spowrotem.

2
00:00:01,320 --> 00:00:10,020
Więc teraz, że mamy struktura folderów skonfigurować i mamy pliki utworzone Mamy zamiar spędzić trochę czasu w tym filmie tworząc rzeczywistą strukturę zespołu.

3
00:00:10,020 --> 00:00:12,590
Więc elementów, które potrzebujemy do naszej listy zadań do wykonania.

4
00:00:12,990 --> 00:00:19,270
Zacznijmy od przyjrzenia się ostatecznej wersji, że pracujemy w kierunku w trakcie trwania tej jednostki.

5
00:00:19,650 --> 00:00:21,400
Więc oto ostateczna lista rzeczy do zrobienia.

6
00:00:21,600 --> 00:00:26,490
A duże elementy, które mamy tutaj mamy pozycją tutaj.

7
00:00:26,570 --> 00:00:29,200
Masz przycisk tutaj jakiegoś elementu.

8
00:00:29,340 --> 00:00:38,580
Mamy wprowadzania tekstu tutaj input type równa tekst i to jest dobrze, a każdy z nich jest sojusznikiem w tym ul.

9
00:00:39,030 --> 00:00:44,960
I wtedy każdy przycisk tutaj jest rozpiętość że jesteśmy pokazując i ukrywając i zmieniając się dalej.

10
00:00:44,970 --> 00:00:50,000
I my również potrzebujemy jakiegoś elementu, który ma zawierać wszystko, a my po prostu korzystać z urządzeń, aby to zrobić.

11
00:00:50,040 --> 00:01:01,230
Więc musimy div wewnątrz tego div zrobimy wejście H-1 tekst UL z grupą sojuszników, a nawet więcej rozpiętość jest tam również.

12
00:01:01,230 --> 00:01:14,590
Więc zacznijmy po prostu wypisując trochę wieku mu l ma prawdziwego C SS i po prostu pozwolić ci wiedzieć, sposób, w jaki mamy zamiar go o to przez tworzenie brzydka do listy, która funkcjonuje zrobić, a następnie wraca i dodawanie w S. C.

13
00:01:14,640 --> 00:01:24,380
Więc chcę dostać się do mięsa pochodzącego z tego co jest kwerenda J i logika tworzenia nowego do zrobienia i ich usuwania, a potem wrócę i dodać kilka ładnej rzeczy na końcu.

14
00:01:24,610 --> 00:01:24,860
OK.

15
00:01:24,870 --> 00:01:26,990
Więc zacznijmy HD.

16
00:01:27,300 --> 00:01:46,640
Mam zamiar zrobić div i dajmy mu pojemnik ID i mamy zamiar umieścić wszystko wewnątrz tego div, a następnie zamiast tego div będzie mieć H1 i będzie po prostu powiedzieć, lista rzeczy do zrobienia, a potem będziemy mają wprowadzania tekstu.

17
00:01:46,990 --> 00:01:50,580
Więc input type równa tekst.

18
00:01:50,580 --> 00:01:52,380
I niech po prostu zobaczyć, jak to się kształtuje się.

19
00:01:52,680 --> 00:02:00,650
Mam zamiar pozbyć się purpurowy na teraz i chodźmy tutaj.

20
00:02:01,200 --> 00:02:04,230
A ja też zamiar pozbyć się tego alertu.

21
00:02:04,230 --> 00:02:06,270
Więc zróbmy to teraz.

22
00:02:06,270 --> 00:02:07,240
No to jedziemy.

23
00:02:07,790 --> 00:02:08,140
OK.

24
00:02:08,190 --> 00:02:12,420
Więc mamy wejście mamy tekst dla H-1.

25
00:02:12,600 --> 00:02:15,450
Chyba powinniśmy zrobić to do Dasht zrobić listę.

26
00:02:15,690 --> 00:02:18,970
A potem następną rzeczą, zrobimy to dodać ul.

27
00:02:19,080 --> 00:02:24,240
Więc zróbmy te zmiany Dasch zrobić listę.

28
00:02:24,240 --> 00:02:30,660
A potem dodamy w naszym UL i każdy zrobić, to leżą wewnątrz tam.

29
00:02:30,660 --> 00:02:35,130
I zacznijmy dodając w trzech lub czterech rozrusznika Tutu jest.

30
00:02:35,430 --> 00:02:48,350
Więc będę musiał iść do klasy eliksirów nowych szatach, a my również dodać odwiedzić Hagrida.

31
00:02:48,360 --> 00:02:48,630
W porządku.

32
00:02:48,630 --> 00:02:51,740
Mamy więc trzy to zrobić na naszej liście.

33
00:02:51,750 --> 00:02:59,630
Bardzo nijaki listę tak daleko, ale mamy H-1 nasz ± i nasze trzy sojuszników w jej wnętrzu.

34
00:02:59,680 --> 00:03:09,820
No to teraz chodźmy naprzód i dodać przycisk Usuń, a my nie będziemy musieli tego przycisku można usunąć śmieci z całej stylizacji, aby rozpocząć, że przyjdzie później.

35
00:03:09,840 --> 00:03:15,030
Jedziemy po prostu mają prostszą przycisk i to faktycznie nawet nie będzie przycisk.

36
00:03:15,180 --> 00:03:16,460
To po prostu będzie wyglądać następująco.

37
00:03:16,590 --> 00:03:23,400
Więc literą X, że możemy przejrzeć i jeśli kliknięciu na tym, że X będzie usuwać, że do zrobienia.

38
00:03:23,460 --> 00:03:32,840
A to dopiero jak zaczniemy się, a nie tylko o literę być częścią kłamstwa, choć mam zamiar użyć rozpiętość więc rozciągać z literą X.

39
00:03:33,330 --> 00:03:38,200
Więc niech kopią dół.

40
00:03:38,340 --> 00:03:39,810
Mamy trzy spand.

41
00:03:39,990 --> 00:03:44,080
Każdy z nich ma literę X istnieje odświeżyć.

42
00:03:44,100 --> 00:03:45,160
Nic nie wygląda inaczej.

43
00:03:45,450 --> 00:03:51,810
Ale teraz możemy zaznaczyć, że rozpiętość oddzielnie i będziemy dodawać szybki słuchacza.

44
00:03:51,840 --> 00:03:56,890
Więc kiedy klikniemy na tej rozpiętości chcemy usunąć tego zrobić lub tego całego kłamstwa.

45
00:03:57,290 --> 00:03:57,530
OK.

46
00:03:57,540 --> 00:03:59,820
Więc to wszystko podstawowe znaczniki musimy.

47
00:04:00,060 --> 00:04:02,750
Zróbmy mały odrobinę stylizacji.

48
00:04:02,790 --> 00:04:09,300
Pierwszą rzeczą, jaką możemy zrobić, to środek ten dział Więc div jest identyfikator kontenera.

49
00:04:09,720 --> 00:04:26,430
Wejdźmy tu zaznaczyć, że w naszym pliku CSSA wybrać porządek pojemnik i dajmy mu ładne tło Szary prostu zacząć i zobaczyć, co mamy.

50
00:04:26,430 --> 00:04:28,670
Możesz zobaczyć div przechodzi przez całą drogę w poprzek.

51
00:04:28,860 --> 00:04:32,590
Idziemy do przodu i dodać w sposób z tak że nie przejść całą drogę po drugiej.

52
00:04:32,820 --> 00:04:41,840
I wtedy będziemy próbować i wyśrodkować go w środku ekranu tak szerokość zrobi to trzysta sześćdziesiąt sześć.

53
00:04:42,120 --> 00:04:48,930
A jeśli mamy zapisać, że to jest po prostu taką samą szerokość, że mam z ostatecznej wersji.

54
00:04:48,930 --> 00:04:53,870
Więc 360 pikseli, a potem następną rzeczą, chcemy oczywiście, że jest ośrodkiem.

55
00:04:54,210 --> 00:04:57,000
A najprostszym sposobem jest użycie tego marginesu podstęp.

56
00:04:57,150 --> 00:05:02,760
Więc ustaw margines na górze i na dole, aby być zerowy, a lewy i prawy być Ahto.

57
00:05:03,570 --> 00:05:07,640
A jeśli odświeżyć teraz mamy piękny ośrodek do listy.

58
00:05:07,680 --> 00:05:11,650
Więc to cały czas się i ocenia, że ​​możemy zrobić, aby rozpocząć tutaj.

59
00:05:11,700 --> 00:05:13,760
Dodamy w niektórych rzeczy, jak my ich.

60
00:05:13,950 --> 00:05:26,470
A potem raz mamy podstawową funkcjonalność dół skupimy się na tworzeniu tego dość i uzyskanie prawa wiesz, animacje i efekty więdnie i szkiełek i dokonywania rzeczy po prostu wyglądać i czuć się o wiele ładniejszy.