Witamy spowrotem.
Więc w tym filmie mamy zamiar skupić się na przednim końcu.
Jedziemy, aby dowiedzieć się o sobie TMLC oceniana w javascript na wysokim poziomie nie będziemy rzeczywiście napisać jeszcze żadnego kodu, ale będziemy widząc kodu po raz pierwszy.
Więc tam dwa duże rzeczy, które chcesz wiedzieć, co jest, co różni się pomiędzy przednim i tylnym końcu.
I wtedy też jaka jest różnica między H.M.S. SS oraz Javascript i jakie są ich role.
Więc zacznijmy od omówienia Czołowy kontra Bacot.
Więc kiedy iść do wiesz powiedzmy Przejdź do Facebooka uderzę Facebook dot com i naciśnij Enter.
A jeśli będziesz pamiętać, powrót do filmu o tym, jak działa web tworzę wniosek HTP prośbą o Facebooku kropka com i że idzie do serwera Facebooka lub ewentualnie Facebook następnie decyduje, jaka strona wysłać mnie z powrotem.
Tak więc w przypadku Facebook musi dowiedzieć się, jakie obrazy jakie historie, ile głosów mają co mam przyjaciół, co posty są na szczycie wszystkich moich ustawień zdjęcia wysokiej profil Wszystkie rzeczy, które odnosi się do mnie.
A następnie wysyła go do mnie wysyła mnie h tim elsea mówi w javascript moja przeglądarka wyświetla, że ​​dla mnie.
Więc ten schemat tutaj niby właśnie wyjaśnia różnicę między przednim i tylnym końcu, gdzie wszystko, co mogę wrócić, że widzę w przeglądarce jest tylko H.M.S. Tak.
I javascript tylko wierzchołek góry lodowej.
Ale to, co moja przeglądarka widzi to przód lub po stronie klienta.
Jest skonstruowany przez backend.
Wszystko inne, co dzieje się cały logiki.
Zastanawianie się, czy jestem zalogowany dowiedzieć się, kim są moi przyjaciele są zdjęcia co mam, co posty mam napisali ile głosów mają.
Wszystko to pochodzi z backend lub logiki po stronie serwera.
Więc widać, istnieje wiele więcej tutaj.
Technologia ta jest tak wiele możliwości wyboru na przednim końcu nie jest.
To zawsze CSS HTML i JavaScript w tylnym końcu pan dostał w różnych językach, takich jak Python ph P Ruby javascript rzeczywistości, która jest co będziemy używać.
Jest różnych baz danych masz dobry postgrads i Mongo i kanapy D.B i Mya.
P No i sequel Lightener tam jest tak wiele możliwości.
Więc to trochę przytłaczający.
Idziemy na pewno mówić dużo więcej o tylnym końcu, gdy mamy do tej jednostki.
Ale teraz po prostu pamiętać, że tylny koniec co konstruuje H do stopienia i C S, który jest wysyłany z powrotem.
Więc weźmy przykład tutaj co moja ulubiona restauracja w San Francisco nazywa leniwy miś.
Oto strona restauracji.
Ta strona jest zawsze taki sam.
Znaczy to może zostać zmienione.
Jednak aby nie ulec zmianie.
Deweloper musi iść do H.T. wyniosą i ręcznie zmienić.
Więc zasadniczo odświeżyć stronę za każdym razem dostaję tę samą stronę uzyskać ten sam często zadawane pytania samo o kontakt strona.
To nie jest złe, ale nie trzeba zmieniać.
To tylko restauracja na stronie.
Jednak strona Yelp dla leniwego niedźwiedzia jest dynamiczna.
To nie zmienia, więc w każdej chwili nowa ocena jest napisane, że będzie pojawiać się tu za każdym razem, a powiedzmy, że w tym przypadku niech oceń mu 5 gwiazdek.
Czytałem recenzję.
No pewnie odrzucić moją recenzję, ale jeśli napisałem recenzję byłoby pokazać się tutaj.
Rzeczy są dynamiczne oni dzieje przez cały czas, więc mogę powiedzieć, oh to było użyteczne recenzji.
To było zabawne recenzji.
A te głosy, które dodałem są przechowywane w bazie danych.
Coś się dzieje, jestem interakcji z tym i to jest utrzymująca się.
Więc jeśli odświeżyć stronę teraz to nie różni się bardzo różne.
Ale podczas gdy wcześniej nie miałem, że to było zabawne teraz pamięta.
Myślałem, że to zabawne.
Więc w zasadzie chodzi o to, kiedy idę do tej strony proszę o to, że AREL Yelp nie po prostu zawsze wysyłać dokładnie to samo z powrotem.
To się dzieje, aby dowiedzieć się OK, to użytkownik zalogowany.
Jeśli więc chcemy umieścić swoje zdjęcie profilowe tutaj.
Ma on głosował na niczym.
Tak.
OK, niech upewnij się, że wiesz, wyróżnić go prawidłowo.
Zmiana koloru.
Nie pozwól mu głosować ponownie i tak dalej.
A potem, że konstruuje się do niego mówi i elsea JavaScript i wysyła je z powrotem.
Tak więc kolejny przykład strony, która jest zdecydowanie dynamiczny jest Google News.
Za każdym razem, gdy odświeżyć To znaczy prawie co pięć minut coś się zmienia tu czy to pogoda tutaj NFL punktów.
Znaczy to na żywo aktualizacje.
Może to nowa historia nie łamie zmiany wiadomością coś.
To jest bardzo, bardzo różni się za każdym razem.
Jednak jest zawsze taki sam.
Więc znowu różnica jest dwie rzeczy.
Jednym z nich jest statyczna strona kontra dynamiczne strony.
Obie z nich są strony internetowe.
Obaj są TMLC s s oraz Javascript wraca.
Jedno się nie zmieni opiera się jakiegoś kodu po stronie serwera coś na tylnym końcu.
Tak Lubię również tę analogię z restauracji.
Więc jeśli magicznie udać się do restauracji, trzeba usiąść.
Powiedzmy zamówić stek kiedy zarządzić stek robisz wniosek, że idzie z powrotem do kuchni w kuchni przygotowuje dla ciebie wszystko.
To rodzaj back-end.
To decyduje o tym jakie składniki, aby uzyskać jak długo należy je gotować.
Wszystko na talerzu, a potem kelner lub kelnerka przychodzi i przynosi, że do stolika.
Więc to jest bardzo podobne.
Możesz złożyć zamówienie lub kucharz kuchnia jest serwer.
Ta część góry lodowej, który jest wymyślenie wszystkiego gotowaniem wprowadzenie go razem i wreszcie jest odsyłany do tabeli, która jest ci po stronie klienta.
Więc teraz niech rozbić te trzy kawałki go wieku.
Mówi w JavaScript.
Więc mamy zamiar iść na wiele szczegółów na temat każdego z tych elementów.
Istnieją oddzielne sekcje i zespoły, ale HDMI będzie istniała zacząć.
Stojaki na hipertekstowy język znaczników zasadzie.
Wyobraź sobie, że.
I to jest to, co naprawdę wydarzyło się w pierwszych dniach w Internecie.
Nie ma znormalizowanego sposobu przesyłania informacji oraz do wysyłania dokumentów.
Więc początkowo wiesz, że Internet był wykorzystywany do wysyłania do komunikacji między uczelniach, a także jako narzędzie wojskowej.
Więc powiedzmy, że chciałam wysłać Chciałem wysłać do przyjaciela.
Muszę powiedzieć, OK, to pogrubione.
Są to małe wypunktowania.
Mam trochę tekstu i cytatów wokół tego.
Muszę sposób złamać, że w dół i opisać to, aby wysłać do kogoś innego.
I roztwór HMO tak HMO jest to faktycznie najłatwiej, że będziemy się uczyć, by nie powiedzieć, że to szaleństwo łatwe, ale jest to bardzo proste, że po prostu opisać to, co chcemy i co piszesz to co masz.
Więc HMO jest często określane jako rzeczownik na strony WWW.
Jest to struktura.
Niektórzy ludzie twierdzą, że szkielet w zasadzie powiedzieć umieścić obraz tutaj umieścić podpunkt tutaj umieścić nagłówek tutaj umieścić nieco mniejszy pozycji tuż poniżej.
Pozwala opisać strukturę CSSA strony, z drugiej strony jest to, w jaki sposób opisać styl strony muszę HVM jak używać ocenić CSSA na własną rękę tak naprawdę nie robić nic w ogóle.
Każda strona ma HMO Niektóre strony internetowe nie mają C S Niektórzy nie mają JavaScript.
To nie jest obowiązkowe.
H Tim L jest tak c S stylów kaskadowych arkuszy będą uczyć się dokładnie tam, gdzie nazwa pochodzi i trochę.
Zasadniczo jest to style istniejące HMO więc można powiedzieć takie rzeczy jak zrobić te wszystkie wypunktowania zielono.
Podaj pierwszy obraz żółtą ramkę dać ostatni obraz duży różowy granicy z myślnikami przez nią.
Jest często uważane za przymiotników strony internetowej lub niektórzy ludzie powiedzieliby skórę do H.T. płci męskiej szkielet i ostatni kawałek tutaj jest JavaScript.
JavaScript jest prawdopodobnie jego zdecydowanie najbardziej skomplikowane rzeczy z tych trzech.
To, w jaki sposób dodać Bahjat i interaktywność do strony.
Więc z nami i JavaScript możemy zrobić piękny wygląd strony, ale to nie będzie nic robić naprawdę możemy zrobić proste animacje, ale możemy pobrać dane z innego miejsca.
Nie można dokonać rzeczy interaktywne nie możemy dodać logikę lub zagrać z javascript możemy korzystać z niektórych przykład mam tutaj lub zrobić kilka matematyki zmieniają kolor, gdy użytkownik kliknie obciążenia.
Nowe dane z Twittera uzyskać aktualną pogodę.
Obecne wyniki NFL.
Jeśli h Tim L jest rzeczowniki C SS to przymiotniki następnie JavaScript jest czasowniki są działania na stronie.
Więc mam to wszystko ładnie opakowane w kodzie i tak kod pióro jest wspaniałym widokiem.
Nie zamierzamy używać dużo, ale dlatego, że tak naprawdę nie zaczął pisać H-2 mu LCS i JavaScript.
Zamierzam wykorzystać to jako przykład i co to robi to pozwala wystarczy napisać proste strony w przeglądarce, więc nie trzeba używać linii tekstu po prostu napisać go w przeglądarce i mogę podzielić się z wami bardzo z łatwością.
Mam trzech sekcji H TMLC SS i JavaScript.
Znowu sam kod nie jest tym, co jest tu ważne.
Jest pojęcia.
Warto więc spojrzeć i zamierzam faktycznie pozbyć mojego C-S z nami.
Mam zamiar pozbyć z moich prac, a zobaczysz co mamy z lewej.
Zwykły czarny i biały materiał konstrukcyjny.
Jestem podając moje treści więc są to moje słowa, a ja owijania że zawartość poszczególnych elementów konstrukcyjnych, tak w H1.
I znowu jest to jeden z tych czasów.
Nie martw się o specyficznej składni.
Mamy tak wiele filmów na prowadzenie, które będą iść w szczegóły i każdy z nich.
Ale w zasadzie to mówiąc zrobić duże tekst tutaj.
Ten mówi, zrób listę i sprawiają, że poszczególne element listy, które mówi Make me punkt zęby i jeszcze jeden, który mówi mi zrobić kolejny podpunkt a następnie zrobić przycisk z napisem Make me przycisk tutaj.
Jak widać więc na swój własny, który jest po prostu struktura.
Więc teraz chodźmy na lub zobaczyć nas widok.
Można zobaczyć, co robię tutaj mówię.
Wykorzystaj H-1, które sprawiają, że jest tutaj fioletowy więc możemy to zmienić, aby być zielone i zmienia kolor na zielony, a ja też mówiąc sprawiają przycisk mieć obramowanie mają kolor tła i kolor tekstu bieli, dzięki czemu możemy zmienić że aby być zielony kolor tekstu.
Trudno, aby zobaczyć, co to zmienia na zielono.
Mogę dać mu znacznie większy granicy 20 pikseli widziała tam tak, że istnieją przymiotniki i ostatni kawałek jest nasza JavaScript.
Więc bez javascript, że przycisk nie robi nic.
Teraz to, co zrobiliśmy jest napisane javascript, który mówi, gdy użytkownik kliknie przycisk.
Wybrać losowy kolor i zmienić kolor tła, żeby tego losowego koloru tak, że można kliknąć i uzyskać losowy kolor.
Więc jeśli pozbyłem tego javascript i starałem się zrobić to jeszcze raz nic się nie dzieje, ponieważ nie mam żadnych czasowników.
To tylko rzeczowniki i dodatki.
Wystarczy szkielet strukturalny i trochę skóry na górnej, jak mogę dodać moje JavaScript, mogę dodać logikę.
Więc javascript naprawdę ważne.
To nie jest dokładnie to, co byś zrobił, najprawdopodobniej na prawdziwym zakładzie produkcyjnym, ale trzeba być może gra może dokonać Saper.
To może być Facebook Chat może być formą do zarejestrowania się na stronie.
Za pomocą javascript, aby uczynić go interaktywne.
Więc jeszcze raz zachęcam do zabawy na kodzie pióra.
Trzeba odwołuje się do tego i zbadać trochę.
Nie ma pośpiechu, aby przesunąć krawędź następnego filmu.
Spróbuj zmienić niektóre z tych kolorów, jeśli chcesz.
Spróbuj zmienić niektóre z tego.
Nie skupiaj się na kodzie.
To tylko zabawa bawić się, ale nie ma ciśnienia, żeby cokolwiek z tego rozumieją.
Niezależnie od przegląd bardzo wysokim poziomie, co robi, co robi HDMI C S i co robi javascript.