Ta lekcja jest w bazie eduweb

Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.

Lekcja 29/ 82Aktualizacja danych na serwerze

0:00 / 0:00

Nowoczesne Aplikacje Webowe: Aktualizacja danych na serwerze

11 godz. 32 min wideo82 lekcje23 moduły

Czego się nauczysz

  • Framework Backbone.js od A do Z
  • Tworzenie kompletnej, wielokomponentowej aplikacji
  • Praktyczne zadania i wskazówki
  • Omówienie dzialania REST
  • Praca z baza danych MongoDB
  • Framework Express.js dla Node.js
  • Refaktoryzacja i przygotowanie do produkcji
  • i wiele, wiele wiecej na przestrzeni ponad 11 godzin!

Nowoczesne Aplikacje Webowe - w Backbone.js

Poznaj framework JavaScript MV* Backbone.js od A do Z i przygotuj razem z autorem praktyczną, nowoczesną aplikację webową napędzaną danymi. Kurs, który dla Ciebie przygotowaliśmy, pozwoli Ci wkroczyć w fascynujący świat tworzenia aplikacji webowych działających po stronie klienta! To podstawy które stanowią wprowadzenie do wszystkich tego typu materiałów na eduweb.pl i poza Backbone zawiera on cały proces przygotowania, wdrożenia aplikacji, refaktoryzacji kodu i wiele więcej! Będziemy pracować między innymi z technologiami Node.js, REST, Express.js czy MongoDB!

Praktyczna Aplikacja od Podstaw!

Zaawansowane funkcje aplikacji

Tworząc aplikację będziemy przeskakiwać pomiędzy kodem po stronie klienta i serwera, a każda podjęta decyzja będzie dokładnie wytłumaczona. Zaimplementujemy wiele elementów, które wspólnie stworzą ciekawą całość. Będzie to m. in. wyświetlanie listy filmów, aktorów, kategorii, klientów czy wypożyczeń. Każdy element z tych kolekcji będzie można podejrzeć w osobnym widoku, edytować usunąć, a także dodać całkiem nowy.Ponadto dowiesz się jak zaimplementować paginację listy, sortowanie czy wyszukiwarkę. A kiedy główne elementy aplikacji będą już gotowe, przejdziemy do stworzenia dodatkowych Widgetów, które pozwolą nam wyświetlać m. in. listę ostatnich wypożyczeń, status z ilością filmów, wypożyczeń i klientów, a także dynamiczną ścieżkę powrotu, która reagować będzie na zmiany widoków.

Tworzenie intuicyjnego kodu i refaktoryzacja

Tworząc aplikację będziemy zwracać uwagę głównie na czytelność kodu i zbyt wcześnie nie będziemy podejmować daleko idących dezycji. Dzięki temu będziesz na bieżąco rozumiał co w danej chwili realizujemy. Dopiero kiedy aplikacja będzie gotowa, przejdziemy przez cały proces refaktoryzacji kodu. Najpierw usuniemy zbędne powtórzenia kodu po stronie serwera oraz dodamy kilka pomocniczych funkcji. Następnie zrefaktoryzujemy aplikację po stronie klienta, również pozbywając się wielu linijek niepotrzebnego kodu, tworząc w naszej aplikacji wiele przydatnych metod, których można swobodnie używać z innymi obiektami. Dodamy również kila przydatnych metod do wyświetlania elementów interfejsu użytkownika.

Wdrożenie Aplikacji

To jeszcze nie wszystko! Choć na tym etapie nasza aplikacja będzie już działać, to przygotujemy ją również do produkcji. W tym celu skorzystamy z automatora zadań Grunt.js i połączymy oraz zminifukujemy wiele plików JavaScript, CSS, a także HTML. Dzięki temu nasza aplikacja będzie o wiele “lżejsza”, natomiast nie wpłynie to zupełnie na sposób jej działania. Dowiesz się również jak prekompilować szablony Underscore.js, aby odciążyć przeglądarkę z tego zadania, za każdym razem, gdy nasza aplikacja jest wczytywana.

Praktyczne zadania do wykonania

W kursie na każdym etapie będziesz zachęcany do pracy razem z prowadzącym, byś mógł wszystko dobrze zrozumieć i być na bieżąco. Aby jak najlepiej poznać omawiane zagadnienia przygotowaliśmy dla Ciebie szereg zadań, które będziesz mógł wykonać samodzielnie. Nie pozostawimy Cię także samego z zadaniami - poza serią przydatnych wskazówek otrzymasz od nas dodatkowe lekcje w których znajdziesz rozwiązania zadań.Kurs ten to zatem nie tylko dokładne omówienie frameworka Backbone.js, ale także praca z Back-Endem z Express.js i MongoDB, wiedza i praktyka na temat działania REST, a także niezliczona ilość porad i sztuczek jak skutecznie budować nowoczesne aplikacje webowe.

Podsumowując, kurs zawiera między innymi:

  • Framework Backbone.js od A do Z
  • Tworzenie kompletnej, wielokomponentowej aplikacji
  • Praktyczne zadania i wskazówki
  • Omówienie działania REST
  • Praca z bazą danych MongoDB
  • Framework Express.js dla Node.js
  • Refaktoryzacja i przygotowanie do produkcji
  • i wiele, wiele więcej na przestrzeni ponad 11 godzin!

Dla kogo jest ten kurs?

Kurs jest dla wszystkich osób, które zajmują się tworzeniem stron i aplikacji internetowych i chcą rozwinąć swoje umiejętności w tym zakresie. Aby dobrze zrozumieć przygotowany materiał, należy znać HTML, CSS, jQuery oraz JavaScript, natomiast w żadnej z tych technologii nie trzeba być ekspertem, gdyż niemal każda linijka kodu czy podjęta decyzja, są dokładnie wytłumaczone.

Kurs Nowoczesne Aplikacje Webowe

23 rozdziały82 lekcje11h 32min

Wstęp

17min
  • Wprowadzenie3min(zablokowana)
  • Czym jest Backbone.js?6min(zablokowana)
  • Instalacja Backbone.js6min(zablokowana)
  • Prośba od autora2min(zablokowana)

Modele

25min
  • Czym jest model?3min(zablokowana)
  • Tworzenie nowego modelu8min(zablokowana)
  • Przypisywanie, odczytywanie i usuwanie właściwości modelu5min(zablokowana)
  • Walidacja danych w modelu6min(zablokowana)
  • Funkcje Underscore.js dla modeli4min(zablokowana)

Kolekcje

26min
  • Czym jest kolekcja?2min(zablokowana)
  • Tworzenie nowej kolekcji6min(zablokowana)
  • Dodawanie i usuwanie modeli z kolekcji7min(zablokowana)
  • Sortowanie danych w kolekcji6min(zablokowana)
  • Funkcje Underscore.js dla kolekcji5min(zablokowana)

Widoki

35min
  • Czym jest widok?3min(zablokowana)
  • Tworzenie nowego widoku18min(zablokowana)
  • Praca z szablonami Underscore.js7min(zablokowana)
  • Zdarzenia DOM w widoku6min(zablokowana)

Zdarzenia

22min
  • Czym są zdarzenia?3min(zablokowana)
  • Obsługa zdarzeń13min(zablokowana)
  • Własne zdarzenia6min(zablokowana)

Routery

23min
  • Czym jest router?2min(zablokowana)
  • Tworzenie nowego routera6min(zablokowana)
  • Dynamiczne parametry adresu11min(zablokowana)
  • Inne sposoby przypisywania adresów4min(zablokowana)

RESTful API

30min
  • Jak działa REST?5min(zablokowana)
  • Odczytywanie danych z serwera12min(zablokowana)
  • Zapisywanie danych na serwerze7min(zablokowana)
  • Aktualizacja danych na serwerze3min(zablokowana)
  • Usuwanie danych z serwera3min(zablokowana)

Wprowadzenie do praktycznego projektu

40min
  • Omówienie projektu10min(zablokowana)
  • Instalacja Express.js8min(zablokowana)
  • Wstępna konfiguracja back-endu5min(zablokowana)
  • Instalacja MongoDB dla Mac OS5min(zablokowana)
  • Instalacja MongoDB dla Windows8min(zablokowana)
  • Instalacja sterownika MongoDB dla Node.js4min(zablokowana)

Praca z bazą danych MongoDB

22min
  • Dodawanie danych6min(zablokowana)
  • Odczytywanie danych6min(zablokowana)
  • Aktualizacja danych7min(zablokowana)
  • Usuwanie danych3min(zablokowana)

Wypożyczalnia filmów - Widok listy

1h 1min
  • Wstępna konfiguracja9min(zablokowana)
  • Wyświetlanie listy filmów25min(zablokowana)
  • Wyswietlanie listy aktorów zadanie11min(zablokowana)
  • Rozwiązanie zadania3min(zablokowana)
  • Obsługa nawigacji13min(zablokowana)

Wypożyczalnia filmów - Widok szczegółów

21min
  • Wyswietlanie szczególów filmu zadanie18min(zablokowana)
  • Rozwiązanie zadania2min(zablokowana)

Wypożyczalnia filmów - Obsługa edycji

25min
  • Obsluga edycji filmu zadanie19min(zablokowana)
  • Rozwiązanie zadania5min(zablokowana)

Wypożyczalnia filmów - Obsługa dodawania

18min
  • Obsluga dodawania filmu zadanie15min(zablokowana)
  • Rozwiązanie zadania2min(zablokowana)

Wypożyczalnia filmów - Obsługa usuwania

8min
  • Obsluga usuwania filmów zadanie7min(zablokowana)
  • Rozwiązanie zadania1min(zablokowana)

Dodatki w interfejsie

27min
  • Autocomplete listy21min(zablokowana)
  • Datepicker7min(zablokowana)

Wypożyczalnia filmów - Widok wypożyczeń

1h 1min
  • Wyświetlanie listy wypożyczeń28min(zablokowana)
  • Wyświetlanie szczegółów wypożyczenia6min(zablokowana)
  • Obsługa edycji wypożyczenia16min(zablokowana)
  • Obsługa dodawania wypożyczenia4min(zablokowana)
  • Poprawki w szczegółach filmu7min(zablokowana)

Dodatkowe moduły

1h 6min
  • Paginacja dla listy filmów zadanie23min(zablokowana)
  • Rozwiązanie zadania2min(zablokowana)
  • Sortowanie dla listy filmów zadanie12min(zablokowana)
  • Rozwiązanie zadania3min(zablokowana)
  • Wyszukiwarka27min(zablokowana)

Walidacja danych

17min
  • Obsługa walidacji modeli9min(zablokowana)
  • System kominikatów na stronie8min(zablokowana)

Dodatkowe widgety

34min
  • Widget ostatnie wypożyczenia13min(zablokowana)
  • Widget ze statusem7min(zablokowana)
  • Widget breadcrumbs14min(zablokowana)

Refaktoryzacja kodu

1h 10min
  • Refaktoryzacja serwera21min(zablokowana)
  • Refaktoryzacja routera cz.113min(zablokowana)
  • Refaktoryzacja routera cz.28min(zablokowana)
  • Ujednolicenie metod CRUD11min(zablokowana)
  • Ujednolicenie systemu kominikatów7min(zablokowana)
  • Uproszczenie dodatków w interfejsie8min(zablokowana)
  • Metody do formatowania daty3min(zablokowana)

Przygotowanie aplikacji do produkcji

29min
  • Minifikacja i łączenie plików z Grunt.js15min(zablokowana)
  • Prekompilacja szablonów Underscore.js15min(zablokowana)

Podsumowanie

7min
  • Podsumowanie aplikacji5min(zablokowana)
  • Zakończenie1min(zablokowana)

BONUS

9min
  • Czym są Zombie w Backbone.js?9min(zablokowana)

Ten kurs jest w bazie eduweb

Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.

Wykup dostęp do bazy

Autor kursu