Witamy spowrotem.
Więc ten film stanowi dość duży przełom w tej klasie.
Ruszamy z technologii czysto front-end do naszego pierwszego smaku tyłu i tworzenie stron internetowych.
Więc mamy zamiar nadal korzystać z wszystkiego, co nauczyliśmy się.
To G-mail CSSA javascript, ale mamy zamiar nauczyć się nowych technologii, które pomogą nam dokonać pełnych aplikacji internetowych.
Oczywiście przed rozpoczęciem pisania kodu mamy kilka innych rzeczy musimy dbać.
Zaczniemy od przeglądu, jak działa Internet.
Wtedy będziemy rozmawiać o statycznych kontra dynamicznych stron i gdzie Front End pasuje i gdzie wygodnie i pasuje i przeważnie Porozmawiamy bardziej dogłębnie o konkretnych tyłu i technologii, które mamy zamiar pracować.
OK, więc zacznijmy od 60 drugiej wersji, jak działa Internet.
Kiedy idziemy do Euro tutaj, żeby mnie Dot Com kursów slash jest kilka rzeczy, które zdarzają się za kulisami.
Pierwszą rzeczą jest to, że nasz komputer musi dowiedzieć się, jaki adres IP, aby wysłać żądanie.
Więc potrzeba nam, że R-OH do zapoznania się przyjść robi prawidłowego adresu IP, który jest unikalny lokalizator dla ciebie i mnie serwerze.
Potem raz mamy, że adres IP i żądania New Age TTP jest wysyłany.
Więc wniosek jest wysyłany na ten adres IP i nie jest to tylko puste prośba.
Ma kilka informacji.
Porozmawiamy więcej o konkretne szczegóły, które są w tym wniosku w następnym filmie.
Ale wersja skrócona jest to, że takie rzeczy jak adres IP własnego czasu, że jesteś wysłanie go na tego typu żądania.
A co najważniejsze specyficzna strona, która prosisz.
Więc w tym przypadku mamy z prośbą o stronie kursu jest.
Tak, że jest zakodowany w żądaniu, który jest wysyłany obok mnie dostaje się do tego wniosku i domyśla się, co robić.
A następnie reaguje z czymś.
Jeśli więc pytasz kursów Slash serwer Tomy będzie dowiedzieć się, co musi iść na stronie przedmiotu.
Więc zakładam, że idzie do bazy danych i chwyta grono kursów i obrazów zestawia je w tym jeden długi plik HTL z pewnym powodzeniem, a niektóre javascript, a potem w końcu odesłać do mnie do mojego komputera ma odpowiedź HTP a następnie robi do przeglądarki, której zadaniem jest uczynić stronę.
Więc to rzeczywista zawartość wygląda przed nasza przeglądarka dba o nią i czyni ją dla nas jako ludzi.
To, co komputer widzi tylko HMO sukces w javascript.
Podsumowując to wszystko, kiedy idę do adresu URL i naciśnij enter pierwszą rzeczą, która się dzieje, musimy znaleźć adres IP dla danej domeny, a następnie wysłać wniosek HTP prośbą o danej stronie do tego adresu IP i wtedy serwer otrzyma takiego wniosku.
To domyśla się, co robić, co odpowiedzieć.
A następnie reaguje z powrotem H.M. SS w javascript.
Następną rzeczą, którą chcę omówić jest różnica między statycznych i dynamicznych stron internetowych.
Rozmawialiśmy o tym również w jednym z wczesnych filmów o tym, jak działa Internet.
Chcę zrobić krótkie podsumowanie, ponieważ ważne jest, aby tylny koniec dyskusji, że jesteśmy o krok.
Tak więc istnieją dwa różne rodzaje stron internetowych stron statycznych i dynamicznych stron dynamicznych stron internetowych są strony, które zostały opracowane na stronie serwera, na którym serwer jest ciągnięcie razem lub tworząc stronę internetową, zanim zostanie odesłana jako odpowiedź.
Wszystko, co napisałem do tej pory był statyczny.
Więc nawet coś takiego, że nie wygląda to statyczne, bo nie dynamicznej zawartości.
Dostajemy losowych kolorów za każdym razem i to jest gra.
To nie wydaje się statyczna jako strona sieci Web, która restauracja przykład kiedyś na wcześniejszym filmie na ten temat, ale nadal jest statyczna, ponieważ jest to ten sam HMO Css w javascript.
Za każdym razem.
Tak to wygląda inaczej, ponieważ mamy kilka losowych kolorów, ale to te same podstawowe elementy za każdym razem, że jesteśmy otwarcie w przeglądarce na dynamicznej strony internetowej.
Możemy mieć różne JavaScript lub inny Css inny każdy zespół, który jest wysyłany z powrotem za każdym razem.
Więc kiedy idziemy do czegoś podobnego Reddit na przykład i odśwież stronę mogę tu dostać inną treść.
I rzeczywiście zrobić za każdym razem jesteś świeża strona dostaniesz nowe treści, a więc jest to baza danych, która jest kompilacją rzeczy.
Jest tam niektóre kody kontrolne, jeśli nie jesteś zalogowany, a jeśli jesteś zalogowany to nie pokaże się formularz tutaj, ale pokaże przycisku Wyloguj.
A jeśli nie jesteś zalogowany to pokazuje formę i to pokazuje zaloguj się lub zarejestruj się przyciski.
Więc ta strona nie jest dokładnie to samo G H L M C Ss w JavaScript, który wysłał do mnie za każdym razem, gdy serwer jest rzeczywiście podejmowaniu decyzji co do odesłania.
Budując stronę internetową przed wysłaniem go do mnie w porównaniu do tej strony jest tak samo dokładna zawartość za każdym razem.
OK, więc skupmy się nieco więcej na tylnym końcu teraz.
Więc ten schemat jest rodzajowy stosu i stosu to termin, który jest używany w odniesieniu do wszystkich technologii, które dana aplikacja internetowa używa.
Więc H.T. Melchior mówi w javascript zawsze są prawie zawsze częścią stosu dziś o wielkich fantazyjnych aplikacji internetowych.
Technicznie moglibyśmy mieć stronę internetową, która nie ma żadnych sukcesów.
Byłoby to po prostu ohydne.
Mogliśmy mieć stronę internetową, która nie ma żadnego klienta JavaScript po stronie, jak również i to po prostu nie byłoby bardzo interaktywne.
Ale możemy jeszcze zrobić idealnie dobrą stronę internetową, jak to zrobiliśmy z oryginalnym portfel stock miejscu po prostu każdy zespół Elizeusz nam, ale większość aplikacji internetowych jak wspomniałem mają HDMI elsea mówi i JavaScript, który jest wysyłanych z powrotem na backend jest gdzie widzimy dużo więcej wariantów.
Tak więc istnieją różne języki, które możemy napisać kod po stronie serwera i możemy pisać lub do tyłu i przy użyciu Ruby lub Python lub Skala lub Java lub JavaScript lub THP.
Jest tak wiele opcji tam.
Istnieje wiele różnych baz danych tam.
Post-kryzysu i kontynuacja w moim, jak również i Mongo i tam jest tak wiele możliwości wyboru.
Więc stos termin ten odnosi się do tego, co twórcy poszczególnych wyborów dokonanych i co dokładnie technologie, których używają.
Jest to bardzo częste pytanie dla twórców zadać sobie nawzajem.
Jaki jest twój stack w tym spółki lub co stosu używasz na tym konkretnym projekcie.
Tak tu jest prawdziwym przykładem życia Reddit stosie.
To są tylko niektóre z technologii, które Reddit używa na swojej stronie internetowej.
Więc witryna jest napisana w Pythonie za pomocą ramy o nazwie kolby.
Jest zbudowany na serwerze Silnik X i wykorzystuje postscripts w swojej bazie danych.
Jest rzeczywiście strona internetowa poświęcona udostępniania różnych firm stosy zwane akcje stosie.
Więc mam go otworzyć tutaj i to jest strona Reddit na tekstury i widzimy wszystkie różne technologie, z których korzystają.
I genetyki Python po Gresse Amazon S3.
I mówi, poniżej trochę o tym, co oni służą.
Nie daj się przytłoczony ilu ikony istnieją.
Ilu nazwy i wszystkie te różne kategorie i te wszystkie inne warunki.
To nie koncentruje się tutaj.
Chcę tylko pokazać, że różne strony internetowe wykorzystują różne technologie.
Więc kliknij na stosach i możemy spojrzeć na niektóre inne stosy firmy.
Na przykład powietrzu B i B można zobaczyć, że FBN B używa szyny i Ruby, które wykorzystują mój eSKY również wiele do javascript Java.
Wykorzystują całą masę różnych technologiach.
Więc wróćmy do naszych zjeżdżalni tutaj.
Kolejną rzeczą, którą chcemy przywołać to, że to właśnie tutaj niebieska linia oznacza granicę między tylnym końcem i przód.
Więc rozmawialiśmy o tym jak dynamiczna strona jest zbudowana przez serwer na backend.
Więc to tu ta część wykresu, gdzie jest dynamiczna część terenu przychodzi.
Więc to wszystko jest logika napisany w Pythonie na czerwono to przypadek, że domyśla się, jeśli użytkownik jest zalogowany, jeśli musimy pokazać formę, co dodać, aby dodać do strony jakie obrazy, aby umieścić w razie musimy mieć znak i zablokować przycisku lub przycisku Wyloguj.
Wszystko to odbywa się w tył iw tej części wykresu, a następnie odsyła godz tim L S S C i JavaScript.
Więc oto stos, że będziemy się uczyć.
Mamy zamiar użyć węzła j.
Tak.
Więc będziemy wciąż pisząc skrypt, ale będziemy pisać je na backend.
Mamy zamiar wykorzystać ramy o nazwie Express mamy również zamiar użyć Mangu DBI w naszej bazie danych.
I wtedy oczywiście będziemy mieć również h t m l c e s i JavaScript podobnie jak używaliśmy w ciągu ostatnich kilku jednostek.
Więc teraz w tym momencie w trakcie może uważasz się za front-end developer lub front-end developer w szkoleniu, gdzie omówiliśmy wszystko, co musisz wiedzieć, aby zacząć przód stron internetowych.
Teraz mamy zamiar zacząć mówić o powrót w tworzeniu stron internetowych i raz wnosimy te dwa razem pod koniec kursu gdziekolwiek pisania kodu po stronie serwera przy pomocy Express A.J. jak Mongo D-B mamy dziennik użytkownika w ale jesteśmy również pisanie po stronie klienta lub przedni koniec JavaScript.
H Tim L i C Ss.
To, co nazwalibyśmy internetowej rozwoju pełnego stosu.
Określenie pełnego stosu Web Development odnosi się do pisania kodu na wszystkich częściach komina tylny koniec i przedni koniec.
Poniżej przedstawiono schemat niektórych funkcji, które można zrealizować w koszu.
I to jest przy użyciu Reddit jako przykład ponownie widać mamy funkcje, takie jak sprawdzenie, czy użytkownik jest zalogowany sign up użytkownikowi dodać nowy wpis do bazy danych utworzyć nowy komentarz usunąć post z rodzaju bazy danych i pozycjonowanie słupki stworzyć nowy sub Reddit dodać abonenta do newslettera i zapisać, że w bazie danych.
A najważniejszy jest oczywiście dowiedzieć się, co każdy zespół będzie zobaczyć oceny w javascript wysłać z powrotem do użytkownika, który jest następnie wysłany z powrotem.
Przekraczając tę ​​niebieską linię, gdzie jesteśmy teraz idzie do przodu, że H.M.S. zabójcy i Javascript został wysłany z powrotem do mnie, a potem widzę to w mojej przeglądarce.
Mam jeszcze jeden schemat tutaj również rozmowy na temat czołowy kontra back-end, ale to nieco inaczej sformatowany.
Ten diagram sekwencji zdarzeń między przedniej i tylnej iw ciągu kilku załadowaniu strony.
Tak na przednim końcu jeśli pójdę ją przeczytać dot com i odświeżyć.
Wysyłam prośbę o stronie Reddit, a następnie, że idzie go odczytać.
To sprawia, że ​​żądania do serwera, a serwer widzi, że pytam na stronie głównej.
Więc jest jakiś server side logika chwyta górny słupek z bazy danych i sprawia, że ​​przez cały czas LNC SS i JavaScript że widzę tutaj, a następnie wysyła je z powrotem do mnie którą następnie wyświetlić w przeglądarce.
Następnym krokiem jest to, że mogę coś wpisać w polu wyszukiwania, takich jak psy, które zrobię teraz wpisywać psy tutaj i naciśnij Enter.
A kiedy uderzę wprowadzić nowy wniosek jest odsyłany do serwera Reddit tym razem mówiąc, że szukam dla psów.
Więc serwer ma jakąś logikę, która pobiera moje wyszukiwanie utrzymujące psy i wyszukuje wszystkie posty, które pasują do tego terminu w bazie danych, a następnie sprawia mi jakąś nową wieku mężczyzn ocenia we JavaScript do strony z wynikami psa, a następnie wysyła je z powrotem do mnie ,
A potem moja przeglądarka renderuje go i widzę to, że jest bardzo, bardzo uproszczoną wersję oczywiście.
Jest o wiele więcej dzieje się za kulisami i Reddit będą faktycznie tworząc własną wersję aplikacji bardzo podobny do lektury.
Gdy dowiadujemy się więcej o Express i wiem J.S. i Mongo DB I będziemy dokonanie pełnego stosowania stosu.