Masz już konto? Zaloguj się

Nowoczesne Aplikacje Webowe

Poznaj framework JavaScript MV* Backbone.js od A do Z i przygotuj razem z autorem praktyczną, nowoczesną aplikację webową napędzaną danymi.

82 lekcji

11h 32min

5 (16 oceny)

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.

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!

Zawartość

Nowoczesne Aplikacje Webowe

23 rozdziały 82 lekcji 11h 32min

  • Wstęp

    17min

    Wprowadzenie

    Podgląd lekcji

    3min

    Czym jest Backbone.js?

    Podgląd lekcji

    6min

    Instalacja Backbone.js

    Podgląd lekcji

    6min

    Prośba od autora

    2min

  • Modele

    25min

    Czym jest model?

    3min

    Tworzenie nowego modelu

    8min

    Przypisywanie, odczytywanie i usuwanie właściwości modelu

    5min

    Walidacja danych w modelu

    6min

    Funkcje Underscore.js dla modeli

    4min

  • Kolekcje

    26min

    Czym jest kolekcja?

    2min

    Tworzenie nowej kolekcji

    6min

    Dodawanie i usuwanie modeli z kolekcji

    7min

    Sortowanie danych w kolekcji

    6min

    Funkcje Underscore.js dla kolekcji

    5min

  • Widoki

    35min

    Czym jest widok?

    3min

    Tworzenie nowego widoku

    18min

    Praca z szablonami Underscore.js

    7min

    Zdarzenia DOM w widoku

    6min

  • Zdarzenia

    22min

    Czym są zdarzenia?

    3min

    Obsługa zdarzeń

    13min

    Własne zdarzenia

    6min

  • Routery

    23min

    Czym jest router?

    2min

    Tworzenie nowego routera

    6min

    Dynamiczne parametry adresu

    11min

    Inne sposoby przypisywania adresów

    4min

  • RESTful API

    30min

    Jak działa REST?

    5min

    Odczytywanie danych z serwera

    12min

    Zapisywanie danych na serwerze

    7min

    Aktualizacja danych na serwerze

    3min

    Usuwanie danych z serwera

    3min

  • Wprowadzenie do praktycznego projektu

    40min

    Omówienie projektu

    10min

    Instalacja Express.js

    8min

    Wstępna konfiguracja back-endu

    5min

    Instalacja MongoDB dla Mac OS

    5min

    Instalacja MongoDB dla Windows

    8min

    Instalacja sterownika MongoDB dla Node.js

    4min

  • Praca z bazą danych MongoDB

    22min

    Dodawanie danych

    6min

    Odczytywanie danych

    6min

    Aktualizacja danych

    7min

    Usuwanie danych

    3min

  • Wypożyczalnia filmów - Widok listy

    1h

    Wstępna konfiguracja

    9min

    Wyświetlanie listy filmów

    25min

    Wyswietlanie listy aktorów zadanie

    11min

    Rozwiązanie zadania

    3min

    Obsługa nawigacji

    13min

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

    21min

    Wyswietlanie szczególów filmu zadanie

    18min

    Rozwiązanie zadania

    2min

  • Wypożyczalnia filmów - Obsługa edycji

    24min

    Obsluga edycji filmu zadanie

    19min

    Rozwiązanie zadania

    5min

  • Wypożyczalnia filmów - Obsługa dodawania

    18min

    Obsluga dodawania filmu zadanie

    15min

    Rozwiązanie zadania

    2min

  • Wypożyczalnia filmów - Obsługa usuwania

    8min

    Obsluga usuwania filmów zadanie

    7min

    Rozwiązanie zadania

    1min

  • Dodatki w interfejsie

    27min

    Autocomplete listy

    21min

    Datepicker

    7min

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

    1h 1min

    Wyświetlanie listy wypożyczeń

    28min

    Wyświetlanie szczegółów wypożyczenia

    6min

    Obsługa edycji wypożyczenia

    16min

    Obsługa dodawania wypożyczenia

    4min

    Poprawki w szczegółach filmu

    7min

  • Dodatkowe moduły

    1h 6min

    Paginacja dla listy filmów zadanie

    23min

    Rozwiązanie zadania

    2min

    Sortowanie dla listy filmów zadanie

    12min

    Rozwiązanie zadania

    3min

    Wyszukiwarka

    27min

  • Walidacja danych

    17min

    Obsługa walidacji modeli

    9min

    System kominikatów na stronie

    8min

  • Dodatkowe widgety

    34min

    Widget ostatnie wypożyczenia

    13min

    Widget ze statusem

    7min

    Widget breadcrumbs

    14min

  • Refaktoryzacja kodu

    1h 10min

    Refaktoryzacja serwera

    21min

    Refaktoryzacja routera cz.1

    13min

    Refaktoryzacja routera cz.2

    8min

    Ujednolicenie metod CRUD

    11min

    Ujednolicenie systemu kominikatów

    7min

    Uproszczenie dodatków w interfejsie

    8min

    Metody do formatowania daty

    3min

  • Przygotowanie aplikacji do produkcji

    29min

    Minifikacja i łączenie plików z Grunt.js

    15min

    Prekompilacja szablonów Underscore.js

    15min

  • Podsumowanie

    7min

    Podsumowanie aplikacji

    5min

    Zakończenie

    1min

  • BONUS

    9min

    Czym są Zombie w Backbone.js?

    9min

Autor kursu

Piotr Palarz

Web Developer

Średnia ocen autora: 5

Bio
Web Developer. Na co dzień tworzy strony i aplikacje internetowe. Pasjonat technologii webowych, miłośnik JavaScriptu oraz grafik hobbysta. W wolnych chwilach stale poszerza swoją wiedzę, czyta, publikuje w Internecie, a także stara się aktywnie spędzać czas z dala od ekranu monitora.
Inne kursy tego autora
Kurs JavaScript Narzędzia Deweloperskie w Przeglądarce Kurs Visual Studio Code Kurs Laravel Kurs Vue.js

Dołącz do ponad 10 tys. zadowolonych z naszych kursów

Kursy autorstwa Piotra Palarza kupujcie w ciemno nauczycie się wszystkiego od A do Z w bardzo przystępny sposób. Szkoda kasy na książki w tej tematyce.

Bartosz Świerczek

11 lutego 2015

Jestem tego samego zdania co Pan Bartosz! Może warto stworzy przez Pana Piotra kurs JavaScript od podstaw?

Damian Moliński

27 lutego 2015

Popieram, kurs JavaScript od podstaw od Pana Piotra PILNIE POSZUKIWANY! :)

Rafal Drab

2 marca 2015

Z tym autorem kurs na najwyższym poziomie

Slawomir Sowiński

26 marca 2015

Jestem w połowie i co tu dużo mówić - to jeden z najlepszych kursów, z jakimi miałem do czynienia. Posiadam pokaźną kolekcję wydawnictwa strefakursow.pl, więc mam porównanie. Ogromna dawka satysfakcji z rozumienia kolejnych konceptów, nie nudzę się, wciąga mnie, nie patrzę, tak jak przy niektórych kursach, za ile koniec. Być może jest to też kwestia interesującej tematyki tego kursu, ale przede wszystkim bohaterem jest autor: Pan Piotr Palarz. Podpisuję się również pod wypowiedzią poniżej(pana Adama Kowala): gdyby dostępny był taki kurs AngularJS pana Piotra, myślę, że dałbym nawet 3 razy więcej niż teraz - w ten sposób dopłaciłbym za kurs backbone.js, który uważam, że jest więcej warty niż obecnie. Naprawdę jestem bardzo wdzięczny za ten kurs!

arkadiusz śliwa

27 kwietnia 2015

:D

Marcin Lewtak

7 sierpnia 2015

świetny kurs

Marcin Lewtak

12 sierpnia 2015

Dobrze znać te mechaniznmy rządzące się wyszukiwarkami.

Sebastian Żarnowski

13 stycznia 2016

Widziałem już wiele kursów o różnych frameworkach JS. Zarówno na polskich (eduweb, strefakursow) jak i zagranicznych (lynda) serwisach. Ale kursy Piotra Palarza są zdecydowanie najlepsze:) A ten kurs Backbone to majstersztyk. Pewnie też po części dlatego, że temat jest wdzięczny (w porównaniu choćby z Angularem) - ale przede wszystkim dlatego, że Piotr tłumaczy wszystko niezwykle prosto, wyciąga esencję.

Tomek Rózalski

28 stycznia 2016

Teraz to jest na stronie: https://www.google.pl/trends/explore#q=herbata z "herbatą"

Anna Żurek

2 lutego 2016

Ciekawy link.

Marcin Lewtak

5 lutego 2016

Bardzo interesujący materiał.

Marcin Lewtak

18 września 2016

Pamiętam, że kurs bardzo mi się spodobał. Przygotowanie autora do tematu oraz zawartość merytoryczna jest na wyjątkowo wąskim poziomie. Zabrakło w nim tylko wyłożenia różnic między routingiem Backbone a Express. Dopiero po długim czasie zdecydowałem się na dodanie niniejszej oceny, ponieważ złapałem się na pewnej refleksji. Otóż kurs Piotra oraz sam framework wymuszają myślenie. Rozumiem, że przez ostatnie 3 lata powstało dużo świetnych, wydajniejszych narzędzi. Udoskonalonych pod każdym względem i Backbone ostatecznie przegrał wojnę frameworków. Aczkolwiek Backbone zmuszał do rozumienia i samego programowania w JavaScript. O czym dziś często się zapomina. Bo czy warto być specjalistą Angular albo React ? Czy może, jednak warto umieć programować ? Stać się programistą i po prostu nim być ?

Jakub Szlenk

10 lipca 2017

Tak warty obejrzenia kurs!

Lukasz S Pierwola

1 sierpnia 2017

Kolejny świetny kurs Piotra!

Rafał Orłowski

2 września 2017

Super kurs. Jest tylko kilka drobnych problemów w nowszych wersjach oprogramowania, ale ogólnie to jak najbardziej pozytywnie oceniam ten kurs.

Mateusz Iwanek

18 grudnia 2017

Kurs Nowoczesne Aplikacje Webowe

  • 82 lekcji wideo

  • 11h 32min materiału

  • Certyfikat w ramach ścieżek

  • Dostęp z urządzeń mobilnych

Dlaczego wybrać właśnie ten kurs?

Efektywna nauka

Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!

Wiedza ekspertów

Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.

Praktyczne przykłady

Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.

Pytania i odpowiedzi

Przeczytaj najczęściej zadawane pytania

Masz więcej pytań?

Porozmawiaj z nami na na czacie

Wyślij nam e-mail

Zadzwoń +48 880880606

Czy każdy kurs ma pliki źródłowe?

Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.

Jak jest skonstruowany kurs?

Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.

Jak najlepiej wykorzystać kurs?

Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!

Jak mogę uzyskać dostęp do kursu?

Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.

Czy kurs jest aktualny?

Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.

Czym się różni kurs od warsztatu i ścieżki?

Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.

We frontendzie nie można stać w miejscu, niezależnie od tego, czy jest się początkującym, czy zaawansowanym. Narzędzia i techniki się zmieniają, więc trzeba cały czas trzymać rękę na pulsie. Jako twórca kursów i programista mogę spokojnie polecić eduweb.pl jako aktualne i dobre źródło wiedzy.

Adam Romański

helloroman.com

Zacznij naukę w Nowoczesne Aplikacje Webowe

  • 82 lekcji wideo

  • 11h 32min materiału

  • Certyfikat w ramach ścieżek

  • Dostęp z urządzeń mobilnych