Witamy z powrotem w tej lekcji mam zamiar pokazać, jak można napisać.
H m l.
W osobnym pliku i możemy wysłać plik z powrotem w odpowiedzi, a nie to, co robiliśmy do tej pory za pomocą kopciuszek send.
Istnieją trzy główne cele tutaj.
Pierwszym jest użycie redstart oddać czynią go odesłać plik z każdego pliku, który będzie bardziej sensowne, gdy mówimy o tym, co każdy z nas jest.
I to jest następny cel.
Wyjaśnij, co Ejaz jest i dlaczego go używać.
A potem wreszcie przekazać zmienne eJay jako szablony.
Więc zacząć tutaj będę potrzebować nowej Express, aplikacji i mam zamiar przejść przez proces tworzenia podstawową aplikację ekspresowej od podstaw których nie będę kontynuować to w każdym filmie, ale nadal jest dość wcześnie w toku ,
A ja po prostu chcę, aby upewnić się przyzwyczaić do oglądania go i robi to, ponieważ jest to coś, co będziesz robił bez przerwy.
Więc mam katalog o nazwie Więcej Express gdzie będę pracować z tego urządzenia i zrobię nowy katalog wewnątrz to i my po prostu nazwać to eJay nam demo.
A potem zamiast demo Ejaz będziemy uruchamiać KMP w nim, a ja po prostu przyspieszyć przez to.
Tak, że nazwa jest w porządku.
Wersja jest w porządku opis jest pusta.
Zawsze lubię to zmienić na aplikacji.
Tak.
Tylko osobiste preferencje.
Hit wprowadzić jeszcze kilka razy.
Nie trzeba wypełniać żadnej z tych i tam idziemy.
A teraz, jeśli nie pozwalają nam mamy pakiet, który Jason Stwórzmy nasz czyn z j nas, a my również uruchomić NPM instalacji ekspresowej kreska kreska uratować.
No to jedziemy.
Teraz otwórz plik jazzu i rozpocząć dodawanie kodu w tym miejscu.
I zamiast po prostu robi ls a następnie klikając na J.S. i klikając na otwartym Niedawno znalazłem inny sposób to zrobić.
To Cloud 9 ostatnio dodane która jest po wpisaniu C9 przestrzeń, a następnie nazwę pliku lub ścieżkę dostępu do pliku.
Więc C9 aplikacji bazowej.
J Tak, że otworzy go dla was w edytorze.
Jest to o wiele szybciej niż konieczności wpisywania ls a następnie kliknąć na plik, a następnie kliknij przycisk Otwórz.
Więc przejdźmy podstawowy kod wyrazić tutaj tak daleko ekspresowych równości wymaga wyraźnej a następnie var app równa wykonać ją wyrazić jako funkcję.
Jedną rzeczą, która od czasu do czasu zobaczyć, to jest, gdy ktoś powiedział Savar aplikacja równa wymaga wyraźnej a potem po prostu od razu uruchomić go jako funkcja.
Większość ludzi jednak zrobi to tak w dwóch oddzielnych etapach i najczęściej zobaczysz tylko Xpress i aplikacji, które mogą to być cokolwiek.
Teraz przejdźmy do ACT UP.
Posłuchaj dzieje się na samym dole, który będzie uruchomić serwer tak musiałaby port, który jest procesem, który EMV portu, a następnie proces, który D-NV IP i tych, które są zmienne środowiskowe Cloud 9 ustaliła się, że mamy dostęp do portu oraz Adres IP.
A potem dodaję moim zwrotnego, który będzie uruchamiany, gdy serwer został ustanowiony po jej słuchać, a my po prostu zobaczyć, co przychodzi około log.
Serwer nasłuchuje ot tak i będzie oszczędzać.
Teraz dodajmy do naszej pierwszej trasy i zrobimy trasę trasy.
Zawsze lubię tam rozpocząć i to zawsze mylące sformułowanie niektórych z moich studentów, bo to słowo, które wymawiam trasą niektóre z nich będą wymawia się jako root.
Staram się bardzo wyraźnie, kiedy mówię korzenie.
Mówię tylko o R O T, jak w tym.
Trasa korzenia.
OK, więc dodajmy, że w apt korzenia GET lub slash i wtedy nasza funkcja zwrotna zostanie uruchomiony, gdy wniosek, aby uzyskać wnioski składa ciąć i wtedy będzie miał te dwa obiekty wystąpić w odpowiedzi, a my śmiało i po prostu zadzwonić do rez wysłać, a my po prostu zrobić prostą rzecz.
Witamy na stronie głównej.
Podobnie jak ten powinny być w całości przeglądu w tym momencie.
Zacznijmy serwer się tak węzła j.
Wygląda na to wszystko jest dobre.
Załóżmy teraz przejść do strony korzenia tutaj i odświeżyć.
Witamy na stronie głównej.
Oczywiście tego typu zawartości pojedynczej linii tekstu jest dość nudna.
Co możemy zrobić, aby wystroić ją trochę to możemy wrócić tu i zrobić to trochę H-2A Mel.
Jeśli chcieliśmy tak po prostu i wtedy możemy dodać poniżej i H-2, który mówi bla bla.
Właśnie tak.
No to jedziemy.
A jeśli to zapisać i zrestartować serwer.
A potem wrócić tutaj i odświeżyć.
Dostajemy albumy HVM są renderowane do nas, ale to wciąż bardzo bolesne faktycznie wpisać na całą stronę.
Jest to technicznie możliwe, ale byłoby to takie trudne.
To nie tylko dobry pomysł.
Więc na szczęście istnieje prostszy sposób, gdzie możemy napisać wszystko naszego kodu w osobnym pliku cały czas, że chcemy wszystko C SS i tak wszystko przedniej JavaScript, który chcemy wysłać z powrotem do użytkownika, dzięki czemu możemy użyć metody nazywany tynku i czynią, że metoda mieszka w obiekcie odpowiedzi, co będziemy ją nazywać.
W naszym przypadku obrotach więc reszta nie czynią.
A potem nadać mu nazwę pliku w stronę domu lub w domu lub kropka wieku go Dogstar wieku go czy coś takiego.
I oczywiście musimy mieć taki plik stworzony i musi mieć pewne treści w nim.
Ale jeszcze przed nami, że jest mały problem będę pozbyć się tej linii, a problem jest wtedy, gdy używamy Express, nie piszemy zwykłych plików h m l.
Istnieją sposoby, aby to uczynić.
To wymaga nieco więcej konfiguracji, ale większość naszych aplikacji internetowych nie będą po prostu standardowe statyczne pliki Tim, które są wysyłane z powrotem.
Co szukamy są dynamiczne pliki HTML, które nazywane są szablony, aw drugiej połowie tego filmu będziemy wprowadzenia tych.
Ale teraz mam zamiar udać się tutaj i zmienić to EJ s, a wszystko, co powiem o EJ jest to, że oznacza on osadzony javascript, a dowiesz się o wiele więcej o tym w około pięć minut, kiedy to się wniosek został złożony ciąć nasz kod będzie świadczyć plik o nazwie Dogstar.
Tak.
I zmieńmy go do domu tylko dlatego, że większy sens z trasy trasy.
I tak musimy utworzyć ten plik, a my właściwie nie tworzyć go w tym samym katalogu, co faktycznie nas.
Co musimy zrobić, to nowy katalog o nazwie poglądy i że nie jest to dowolna nazwa, która znajduje się w katalogu, które wyrażają będzie szukać.
Więc kiedy tylko renderowania pliku cokolwiek to się nazywa to będzie wyglądać pierwsza w katalogu poglądów i spróbować znaleźć dokładnie ten plik wewnątrz bezpiecznika.
Więc teraz stwórzmy tego.
Więc zrobię odrobiną poglądy slash domu, który Ejay nam tak po prostu.
A potem następną rzeczą, którą chcesz zrobić, to dodać trochę treści.
Warto więc otworzyć ten plik za pomocą tego nowego polecenia C9 C-9 odsłon Slash domu.
E.J ..
I tak, i dodajmy kilka rzeczy tutaj.
To jest strona główna.
Powiedzmy to naprawić.
I niech też dodać zdjęcie i mam obraz chciałbym używać tutaj.
To jest coś, co nazywa się narty dłoni.
Jest to pomorskim i husky mix.
Podobno jest to w pełni rozwinięte Parsky co jest dość szalony, czy to prawda.
To wygląda jak zminiaturyzowany husky lub po prostu stały husky szczeniaka.
Tak więc będziemy skopiuj ten adres URL i wrócić.
I oczywiście można zrobić dowolny obraz, który chcesz.
Nie musisz iść znaleźć tego lub typeless jesteś Ellaby siebie i ocali.
A teraz będziemy zamykać się z tego i powinniśmy być dobrze iść.
Z wyjątkiem jednej rzeczy brakuje, a ja rzeczywiście zamierzał pozwolić wyrazić nam powiedzieć, czego brakuje.
Dostaniemy się komunikat o błędzie.
Więc mam zamiar wyjaśnić to po prostu zrobić trochę więcej miejsca dla ciebie.
A teraz mam zamiar uruchomić serwer.
A kiedy idziemy na trasie trasie będzie zadzwonić tynku metodę, która będzie szukać domu.
Tak.
Wewnątrz katalogu o nazwie widokami.
I wtedy kiedy uzna to zajmie treść i wyślij że już w odpowiedzi więc to wracamy do naszej aplikacji i odświeżyć i otrzymujemy komunikat o błędzie tu jest napisane nie można znaleźć Montreuil.
E.J ..
Tak.
A co to znaczy, że express szuka pakietu zwanego Ejay nam, że musi użyć w celu usprawnienia i plików Ejaz.
Więc musimy zainstalować KMP eJay nas i to wszystko ma sens, dlaczego używamy Ejaz w ciągu zaledwie kilku minut.
Ale teraz po prostu zaufaj mi NPM zainstalować eJay z nami, a my zrobimy kreska kreska uratować.
A kiedyś, że zakończy możemy po prostu zrobić węzeł.
J. S. ponownie i odświeżyć stronę i teraz mamy to na stronie głównej i nasze urocze szczeniaki ostatnim pełnym uprawiane Tomski.
Więc teraz mamy plik h Tm l, że mamy napisane, że jesteśmy teraz wysyłania do użytkownika i to są renderowane w przeglądarce.
I to jest wspaniałe, ale to jest nadal bardzo ograniczony dla aplikacji internetowych.
W ten sposób wysyłać tylko tylna strona dokładnie taki sam za każdym razem iw większości aplikacji internetowych to nie to, co chcemy.
Być może strona główna jest taka sama lub Zaloguj się Strona jest taka sama.
Ale wtedy, gdy użytkownik jest zalogowany na przykład tam zwykle jest komunikat, który mówi, witamy z powrotem połączeń lub welcome back.
Urocza Parsky szczeniaka ukośnik dorosłych.
Pokażę ci, co mam na myśli szybkim przykład.
Więc wrócę i dodać nową trasę, a nasza trasa będzie coś jak Slash.
Zakochaj się, a potem coś takiego Rustie a następnie możemy również przejść do zakochać się w nartach palmowego.
Myślę, że jak to się pisze.
I chcemy plik HMO, który pokaże nam wiadomość zawierającą zmienną z trasy, że parametr path.
Tak byłoby coś powiedzieć jak ty zakochał się zardzewiałe tak zrobić, że trzeba zdefiniować lub uzyskać ukośnik zakochać się Slash rzeczy.
To, co my to nazwać.
A potem musimy nasze żądanie i odpowiedź wewnątrz zwrotnego.
I podobnie jak w poprzednim ćwiczeniu uchwycić coś co będzie rzeczą var jest równa zwrócić się harams rzecz i wtedy możemy zacząć od tego prostego czerwoną kropką wysyłać tak jak zrobiliśmy to z mówienia wykonywania zwierząt.
Świnia mówi kwik.
Krowa mówi moo może zrobić to samo tutaj.
Więc po prostu powiedzieć, że zakochałem się w powiększonej rzeczy.
W porządku.
Więc jest to przegląd i gdybym ponownie uruchomić serwer i teraz wracam i teraz idę do slash zakochać się Slash ske możemy Ci zakochał się w Tomskiego który isnt dokładnie gramatycznie poprawne, ale znowu nie jest Pomps słowo.
Więc wrócę, a teraz to, co chcemy zrobić, to dowiedzieć się, w jaki sposób możemy wysłać do niego H będę plik z powrotem, który mówi, że zakochałem się w miłości z plusem, a następnie niektóre rzeczy możemy rozpocząć od utworzenia pliku, a my 'll po prostu nazywają ten plik w katalogu poglądów i nazwać to, co chcesz, ale oczywiście ja po prostu iść z miłości EJ jak zachować to krótkie i wtedy będziemy wypełniać że.
Więc musimy C-9 odsłon slash.
Kocham to.
Tak, że mamy otwarte i zacznijmy po prostu dodając w tobie zakochał się, a następnie musimy wypełnić puste.
Ale nie wiemy, co umieścić tu jeszcze tak będziemy po prostu zostawić go tak i postawmy notatkę tutaj mówi PS: Jest to miłość, która Ejay nam złożyć tak, że wiesz, że to przychodzi z pliku Ejaz.
Nie jest to wyślij Kopciuszek, że mamy teraz.
W rzeczywistości, aby pozbyć się tego.
Więc to, co chcemy zrobić, to czynią ten plik nie jest więc czytaj renderowania.
A nazwa pliku jest miłość, która E.J ..
Tak będzie automatycznie wyszuka w katalogu poglądów, które jest tuż obok.
Nie pójdziemy mamy dwa pliki zacznijmy serwer się węzeł.
Tak zostanie uruchomiony ponownie i odświeżyć.
OK.
Więc nasz plik jest tutaj.
Jesteś zakochał się i musimy wypełnić puste tutaj.
I wiem, że jest to bardzo prosty przykład, który jest punktem I nie chce mylić z czymś szalonym tylko jeszcze, ale ten rodzaj logiki jest naprawdę ważne, gdzie możemy wypełnić szablon przy użyciu danych wraca z bazy danych lub danych że użytkownik ma zapewniony, gdy to nie jest statyczne pliki zabić.
To jest dokładnie to samo za każdym razem.
My w zasadzie chcesz dodać zmienne do HTL i to, co każdy Tak pozwala nam robić.
Więc EJ S oznacza osadzony javascript.
To pozwala nam osadzić javascript zmienne kodu if pętle wewnątrz H Timo.
Więc jest to w jaki sposób możemy zrobić coś takiego.
Jesteś zakochał się i to tutaj to nie będzie działać tylko jeszcze, ale możemy umieścić nasze zmienna nazywa rzeczą niech po prostu to zrobić we wszystkich zmiennej czapki sprawa.
Ale to nie będzie działać, bo to po prostu traktować go jako zwykłego HMO i będzie po prostu pokazać nam zmienną słowem sprawa.
Musimy coś zrobić, aby powiedzieć, że każdy z nas jest to kod JavaScript nie uczyć się do niego będę traktować to jak javascript.
Na szczęście to tylko daje nam sposób to robić.
To trochę dziwne, gdy widzisz go po raz pierwszy.
To wygląda tak.
Mamy więc nasze uchwyty, a następnie procent znaki i następnie znak równości na wsporniku otwarcia i wszystko idzie między tymi dwoma wspornikami tutaj będzie traktowany jako JavaScript.
Więc pokażę ci, co oznacza, że ​​możemy po prostu użyć coś jak pięć oraz pięć, które w regulaminowym H M L i zrobię faktycznie pokazać pięć oraz pięć.
Bez tych Ejay Tak nawiasach po prostu wydrukować pięć oraz pięć, ale jeśli zrobimy to właśnie tutaj będziemy rzeczywiście dostać 10 wydrukowane.
Więc będę zapisać ten szablon zamknąć lub uruchomić ponownie serwer węzła po J nas i odśwież stronę, a my Ci zakochał się w pięciu powiększonej pięć dziesięć.
I całkowicie rozumiem.
Gdybym wstrzymać Five Ten jest kompletnym catch wszystko w porządku Wszystko w porządku.
Więc wracamy.
Więc nie chcemy pięć Plus pięć być tam drukowane.
Ale tak naprawdę chcę to zmienna rzeczą.
Będziemy po prostu nazwać to VAR rzeczą albo Zróbmy coś daleko.
I to musi pochodzić z naszego kodu tutaj.
Więc co trzeba zrobić, to przekazać tę wartość rzeczy do naszej miłości, że EJ jako szablon i chcemy wydrukować go i póki tu jesteśmy także pozbyć się z pięciu powiększonej o piątej.
Więc Ci zakochał się, a następnie musimy zdefiniować coś daleko i może myślisz, że moglibyśmy po prostu zrobić to var rzeczy.
Var równa zwrócić się ze szczeliny rzeczy.
I może być nadzieją, że wyrażona automatycznie wysyła wszystkie te zmienne jakoś tego szablonu.
A to po prostu wie o rzeczy var.
Niestety tak nie jest, jak to działa.
I powiem wam, że ponowne uruchomienie serwera będę się komunikat o błędzie pokazuje i mówi mi nic var nie jest zdefiniowana.
Więc teraz muszę wrócić i zdefiniować poprzeczkę sprawa.
A sposób, w jaki to zrobić jest faktycznie przekazać je aż do mojej kochanej EJ s szablon i ja, że ​​na kropce czynią linię kiedy przechodzą przez to jako obiekt.
I w tym obiekcie można umieścić wiele fragmentów danych, które chcę mieć w swoim szablonie.
Więc zamiast rzeczy są po prostu będzie nazywać rzeczy aby to jaśniejsze i to tutaj mam zamiar przekazać dane za pośrednictwem a ja powiem w szablonie rzeczą var powinny być równe rzeczy.
Co to będzie zrobić, to wziąć wartość rzeczy i trzymać go tutaj.
Tak będzie wyglądać jak rzeczy daleko jest równa Rusty.
A potem tu rzeczą var zostanie zastąpiony.
Wszystko to zostanie zastąpiony przez zardzewiałe.
OK, więc zostawimy go na to.
Wróć tu i dlaczego nie możemy po prostu zacząć od twardych kodowania go jako Resti tak po prostu i zrestartować serwer i będę odśwież stronę, a ja Ci zakochał się w Rusty.
Więc zamiast robić ciąg następnym krokiem jest po prostu wrócić do tego, co mieliśmy, który jest cały rzeczą zmienną zapisać i przekazać, że będę przez pod paskiem nazwy rzeczy, a potem czynią to tutaj z tam.
EJ otagował to luźna rączka szuka rzeczy.
Ponownie uruchom serwer ponownie wrócić.
Teraz dostaję Ci zakochał się w Parsky.
A jeśli pójdę do ciebie zakochał się w Tater Tots, który jest również odzwierciedlenie tutaj.
Jest to bardzo potężne pojęcie, które będziemy używać.
Tak jak mówiłem, a prawie każda aplikacja stąd na zewnątrz posiadania tych dynamicznych stron o Swędziało mu wszystkie odpowiedzi, które mogą się zmieniać w zależności od tego, co użytkownik poprosił o konkretne kawałki danych we wniosku.
Inna sprawa, pokażę, że jest to po prostu regularne JavaScript.
Więc tu mogę robić takie rzeczy jak na wielkie i to będzie działać, a potem ona wróci coś, co zostanie wydrukowany się jak zardzewiałe.
Więc to tylko regularne javascript i porozmawiamy o tym, co powinno iść tutaj, a czego nie powinien.
Ponieważ istnieją pewne reguły, które nie chcą zaśmiecać wieku go wszystkim swoim szablonie Ejaz z tony i tony javascript.
Aby zachować je do minimum, ale teraz będę to zrobić i zapisać.
A to będzie to ostatnia rzecz, którą robimy.
Uruchom ponownie odświeżenia serwera.
A teraz dostaję skapitalizowanych wersję.
Dobrze więc teraz niech podsumować wszystko, co mówi.
Jest trochę w tej lekcji.
Pierwszą rzeczą jest to, że możemy wysłać z powrotem zawartość pliku przy użyciu redstart renderowanie jak my tu i tu i szablony te muszą istnieć w katalogu automatycznie wyrażają poglądów wygląda tam.
Następną rzeczą, rozmawialiśmy o jego Ejaz co oznacza osadzony javascript i to jest to, co pozwala nam mieć dynamicznych szablonów HDMI OUT, które będą się zmieniać w zależności od pewnych danych, które oferujemy.
Widzieliśmy, że musimy robić za każdym Tak i wtedy nasz plik nazwać czymś DOD Ejay Tak.
A potem potrzebne również do uruchomienia instalacji NPM eJay z nami, a potem ostatnią rzeczą jest to, że możemy korzystać z eJay nam wsporniki, które są bardzo dziwne na pierwszy pisać.
Prawdopodobnie nie są przyzwyczajeni do korzystania z tej części klawiatury aż tak dużo, ale są wsporniki gdzie znak procent i równa, a następnie z drugiej strony to tylko znak procent i wszystko idzie w środku jest traktowany jako kod JavaScript, a następnie cokolwiek to zwraca kod jest następnie drukowane na HMO i przekazywania danych za pośrednictwem.
Możemy przekazać obiekt w czerwonej kropki czynią połączenia gdzie mamy par wartości klucza.
To po prostu zwykły obiekt JavaScript.
Oraz w szablonie dostęp do zmiennych, które określają to właściwości obiektu.
W tym przypadku są rzeczy, które jest równe co wartość rzeczy jest, która zmienia się za każdym razem.
I tutaj możemy zastosować coś dla.
OK, więc wiem, że jest dużo w tym filmie wiele do strawienia.
Będziemy się o wiele więcej praktyki z tych pojęć w szczególności.
E.J ..