Nowoczesne Aplikacje Webowe

Wprowadzenie

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

16 ocen

Wprowadzenie

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!

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

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.

Dlaczego wybrać właśnie ten kurs?

  1. 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!
  2. 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.
  3. 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ń.

Autor: Piotr Palarz

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.

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.

5

Średnia ocen autora

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje

Autor: Piotr Palarz

Czas: 11 godzin 32 minut

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wstęp

  • Wprowadzenie

  • Czym jest Backbone.js?

  • Instalacja Backbone.js

  • Prośba od autora

Modele

  • Czym jest model?

  • Tworzenie nowego modelu

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

  • Walidacja danych w modelu

  • Funkcje Underscore.js dla modeli

Kolekcje

  • Czym jest kolekcja?

  • Tworzenie nowej kolekcji

  • Dodawanie i usuwanie modeli z kolekcji

  • Sortowanie danych w kolekcji

  • Funkcje Underscore.js dla kolekcji

Widoki

  • Czym jest widok?

  • Tworzenie nowego widoku

  • Praca z szablonami Underscore.js

  • Zdarzenia DOM w widoku

Zdarzenia

  • Czym są zdarzenia?

  • Obsługa zdarzeń

  • Własne zdarzenia

Routery

  • Czym jest router?

  • Tworzenie nowego routera

  • Dynamiczne parametry adresu

  • Inne sposoby przypisywania adresów

RESTful API

  • Jak działa REST?

  • Odczytywanie danych z serwera

  • Zapisywanie danych na serwerze

  • Aktualizacja danych na serwerze

  • Usuwanie danych z serwera

Wprowadzenie do praktycznego projektu

  • Omówienie projektu

  • Instalacja Express.js

  • Wstępna konfiguracja back-endu

  • Instalacja MongoDB dla Mac OS

  • Instalacja MongoDB dla Windows

  • Instalacja sterownika MongoDB dla Node.js

Praca z bazą danych MongoDB

  • Dodawanie danych

  • Odczytywanie danych

  • Aktualizacja danych

  • Usuwanie danych

Wypożyczalnia filmów - Widok listy

  • Wstępna konfiguracja

  • Wyświetlanie listy filmów

  • Wyswietlanie listy aktorów zadanie

  • Rozwiązanie zadania

  • Obsługa nawigacji

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

  • Wyswietlanie szczególów filmu zadanie

  • Rozwiązanie zadania

Wypożyczalnia filmów - Obsługa edycji

  • Obsluga edycji filmu zadanie

  • Rozwiązanie zadania

Wypożyczalnia filmów - Obsługa dodawania

  • Obsluga dodawania filmu zadanie

  • Rozwiązanie zadania

Wypożyczalnia filmów - Obsługa usuwania

  • Obsluga usuwania filmów zadanie

  • Rozwiązanie zadania

Dodatki w interfejsie

  • Autocomplete listy

  • Datepicker

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

  • Wyświetlanie listy wypożyczeń

  • Wyświetlanie szczegółów wypożyczenia

  • Obsługa edycji wypożyczenia

  • Obsługa dodawania wypożyczenia

  • Poprawki w szczegółach filmu

Dodatkowe moduły

  • Paginacja dla listy filmów zadanie

  • Rozwiązanie zadania

  • Sortowanie dla listy filmów zadanie

  • Rozwiązanie zadania

  • Wyszukiwarka

Walidacja danych

  • Obsługa walidacji modeli

  • System kominikatów na stronie

Dodatkowe widgety

  • Widget ostatnie wypożyczenia

  • Widget ze statusem

  • Widget breadcrumbs

Refaktoryzacja kodu

  • Refaktoryzacja serwera

  • Refaktoryzacja routera cz.1

  • Refaktoryzacja routera cz.2

  • Ujednolicenie metod CRUD

  • Ujednolicenie systemu kominikatów

  • Uproszczenie dodatków w interfejsie

  • Metody do formatowania daty

Przygotowanie aplikacji do produkcji

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

  • Prekompilacja szablonów Underscore.js

Podsumowanie

  • Podsumowanie aplikacji

  • Zakończenie

BONUS

  • Czym są Zombie w Backbone.js?

}