Kurs 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
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
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
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
Zadzwoń +48 880880606
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
Kursy które mogą Cię również zainteresować
Nowoczesny React
Michał Jabłoński
Podstawy pracy z Cursor IDE
Adam Gospodarczyk
Nowości w NextJS13
Daniel Noworyta
Tailwind CSS
Daniel Noworyta
NestJS od Podstaw
Adam Gospodarczyk
Szeroka Perspektywa Full-Stack Web Developmentu
Adam Gospodarczyk
Narzędzia JavaScript Full-Stack Web Developera
Adam Gospodarczyk