Witamy spowrotem.
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.
Więc elementów, które potrzebujemy do naszej listy zadań do wykonania.
Zacznijmy od przyjrzenia się ostatecznej wersji, że pracujemy w kierunku w trakcie trwania tej jednostki.
Więc oto ostateczna lista rzeczy do zrobienia.
A duże elementy, które mamy tutaj mamy pozycją tutaj.
Masz przycisk tutaj jakiegoś elementu.
Mamy wprowadzania tekstu tutaj input type równa tekst i to jest dobrze, a każdy z nich jest sojusznikiem w tym ul.
I wtedy każdy przycisk tutaj jest rozpiętość że jesteśmy pokazując i ukrywając i zmieniając się dalej.
I my również potrzebujemy jakiegoś elementu, który ma zawierać wszystko, a my po prostu korzystać z urządzeń, aby to zrobić.
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ż.
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.
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.
OK.
Więc zacznijmy HD.
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.
Więc input type równa tekst.
I niech po prostu zobaczyć, jak to się kształtuje się.
Mam zamiar pozbyć się purpurowy na teraz i chodźmy tutaj.
A ja też zamiar pozbyć się tego alertu.
Więc zróbmy to teraz.
No to jedziemy.
OK.
Więc mamy wejście mamy tekst dla H-1.
Chyba powinniśmy zrobić to do Dasht zrobić listę.
A potem następną rzeczą, zrobimy to dodać ul.
Więc zróbmy te zmiany Dasch zrobić listę.
A potem dodamy w naszym UL i każdy zrobić, to leżą wewnątrz tam.
I zacznijmy dodając w trzech lub czterech rozrusznika Tutu jest.
Więc będę musiał iść do klasy eliksirów nowych szatach, a my również dodać odwiedzić Hagrida.
W porządku.
Mamy więc trzy to zrobić na naszej liście.
Bardzo nijaki listę tak daleko, ale mamy H-1 nasz ± i nasze trzy sojuszników w jej wnętrzu.
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.
Jedziemy po prostu mają prostszą przycisk i to faktycznie nawet nie będzie przycisk.
To po prostu będzie wyglądać następująco.
Więc literą X, że możemy przejrzeć i jeśli kliknięciu na tym, że X będzie usuwać, że do zrobienia.
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.
Więc niech kopią dół.
Mamy trzy spand.
Każdy z nich ma literę X istnieje odświeżyć.
Nic nie wygląda inaczej.
Ale teraz możemy zaznaczyć, że rozpiętość oddzielnie i będziemy dodawać szybki słuchacza.
Więc kiedy klikniemy na tej rozpiętości chcemy usunąć tego zrobić lub tego całego kłamstwa.
OK.
Więc to wszystko podstawowe znaczniki musimy.
Zróbmy mały odrobinę stylizacji.
Pierwszą rzeczą, jaką możemy zrobić, to środek ten dział Więc div jest identyfikator kontenera.
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.
Możesz zobaczyć div przechodzi przez całą drogę w poprzek.
Idziemy do przodu i dodać w sposób z tak że nie przejść całą drogę po drugiej.
I wtedy będziemy próbować i wyśrodkować go w środku ekranu tak szerokość zrobi to trzysta sześćdziesiąt sześć.
A jeśli mamy zapisać, że to jest po prostu taką samą szerokość, że mam z ostatecznej wersji.
Więc 360 pikseli, a potem następną rzeczą, chcemy oczywiście, że jest ośrodkiem.
A najprostszym sposobem jest użycie tego marginesu podstęp.
Więc ustaw margines na górze i na dole, aby być zerowy, a lewy i prawy być Ahto.
A jeśli odświeżyć teraz mamy piękny ośrodek do listy.
Więc to cały czas się i ocenia, że ​​możemy zrobić, aby rozpocząć tutaj.
Dodamy w niektórych rzeczy, jak my ich.
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.