Nowoczesne Aplikacje Webowe

Wprowadzenie

Lekcje
  • Opis
  • Recenzje
  • Autor
  • Transkrypt

16 ocen

Lubię to! 336

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!

Kiedy będziesz już miał solidne podstawy tego frameworka, a także rozumiał jak działa REST, przejdziemy do drugiej części tego kursu, gdzie przygotujemy praktyczną aplikację. Będzie to system wypożyczalni filmów, który po stronie Front-Endu zbudujemy z użyciem Backbone.js. Aby wszystko mogło działać poprawnie, stworzymy również od podstaw cały Back-End aplikacji, korzystając z Node.js i popularnego frameworka Express.js, który również dobrze poznasz. To jednak nie wszystko, gdyż do przechowywania danych użyjemy NoSQL-owej bazy danych MongoDB. Abyś mógł dobrze zrozumieć późniejsze operacje, poświęcimy cały oddzielny rozdział omówieniu tej bazy. Dowiesz się jak zainstalować MongoDB, jak utworzyć nową bazę danych czy kolekcje, a także jak dodawać, odczytywać, aktualizować oraz usuwać z nich dane.

Zobacz prezentację aplikacji którą stworzymy w kursie >>

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ę z tworzonych projektów.
  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 przygotować ciekawe projekty w HTML i JavaScript z użyciem Backbone.js.
  3. Uczysz się na praktycznych przykładach. Zebrane techniki wynikają z praktyki a same dodatki które stworzymy są omówione kompleksowo. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także skrótów, które oszczędzą Ci godziny pracy i poszukiwań.
10 godzin

Kurs EcmaScript 6
Nowy Standard JavaScript

Kurs, który masz przed sobą, to 10-godzinna przygoda z najnowszą edycją języka JavaScript. Mowa tutaj konkretnie o specyfikacji EcmaScript 2015, która do języka JavaScript wprowadziła bardzo wiele nowości. Jeśli zatem spotkałeś się z określeniem ES6 lub EcmaScript 6, to chodzi właśnie o tę specyfikację. Nowości, które zostały dodane do języka to z jednej strony nowy, ulepszony zapis, który pozwala realizować dokładnie te same zadania, które mogliśmy wykonać do tej pory, a z drugiej strony pewne nowe konstrukcje, których działania nie da się odwzorować w starszej wersji języka. Pisanie kodu ES6 to dzisiaj standard, a znajomość tej specyfikacji to konieczność, aby utrzymać się na rynku pracy lub postawić na nim pierwsze kroki. Warto zatem poznać wszystkie nowości, które się z nią wiążą.

Piotr Palarz

8 godzin

Kurs Programowanie w jQuery
w Praktyce

Poznaj jQuery, czyli najbardziej popularną bibliotekę JavaScript na Świecie! Z jQuery korzystają niemal wszystkie nowoczesne serwisy WWW, a nasz Kurs stanowi niezwykle praktyczne i wyczerpujące omówienie tej biblioteki od podstaw, aż po bardziej zaawansowane techniki. Jeśli znasz już HTML i CSS oraz przynajmniej podstawy JavaScript, jQuery to kolejna obowiązkowa pozycja na Twojej drodze do tworzenia świetnych serwisów internetowych.

Piotr Palarz

10 godzin

Kurs JavaScript
w Praktyce

Kurs ten jest dopełnieniem wiedzy z zakresu języka JavaScript i Obiektowego Modelu Dokumentu z kursu “JavaScript od Podstaw”. Poprzedni kurs nie jest wymagany, lecz jego przerobienie z pewnością pozwoli dużo lepiej przyswoić wiedzę z tego kursu, gdyż były one przygotowywane równocześnie. Oba te materiały, pozwolą od zera, wskoczyć na naprawdę wysoki poziom rozumienia języka, a także dobrych praktyk pisania kodu. Do tego kursu mogą jednak przystąpić wszystkie osoby, które znają już podstawy języka HTML, CSS i JavaScript i chcą poszerzyć swoją wiedzę, a także spojrzeć zupełnie inaczej na ten język.

Piotr Palarz

11 godzin

Kurs JavaScript
od Podstaw

Kurs traktuje o jednym z najpopularniejszych języków programowania na świecie. Materiał przeznaczony jest dla wszystkich osób, które znają już podstawy HTML i CSS i chciałyby przejść poziom wyżej i dodać do swoich stron dynamiczności. W kursie nie brakuje praktycznych przykładów, które celowo zostały ułożone tak, aby wykorzystać w nich jak najwięcej zdobytej wiedzy. Ponadto, oprócz podstaw samego języka JavsScript, poruszamy również tematy zawiązane z Obiektowym Modelem Dokumentu. Dzięki wyraźnemu rozdzieleniu tych dwóch zagadnień, będziesz mógł w przyszłości wykorzystać język JavaScript także do innych zastosowań, nawet poza przeglądarką internetową!

Piotr Palarz

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!

Piotr Palarz

60 minut

Co nowego w EcmaScript 2018

EcmaScript 2015 to standard znany szerzej pod skrótem ES6. To jak do tej pory największa jednorazowa zmiana w specyfikacji, na której bazuje język JavaScript. Co ważne, standard ten zapoczątkował ruch w kierunku ciągłego rozwoju tego języka, a twórcy specyfikacji podjęli wyzwanie wydawania kolejnych wersji każdego roku. I tak w 2016 i 2017 roku otrzymaliśmy kilka nowości. Nie były one przełomowe, nie było ich również tak wiele, jak w roku 2015. Taki bowiem był cel, aby wydawać nowe standardy częściej, ale z mniejszą liczbą zmian. <br><br> W roku 2018 planowane jest wydanie kolejnej wersji standardu - EcmaScript 2018. I choć prace nad nim nie zostały jeszcze ukończone, to już kilka propozycji znalazło się w fazie 4, a więc są zatwierdzone, a kilka wciąż pozostaje w fazie 3, mając szansę na dostanie się do standardu. <br><br> W tym warsztacie przyjrzymy się wszystkim nowościom, z których już dziś można korzystać, usprawniając swoją pracę z kodem JavaScript. Poprzednie wersje, tj. 2015+ omówliśmy już szczegółowo w <a href="https://eduweb.pl/kursy/javascript/ecmascript6-nowy-standard-javascript.html">kursie EcmaScript 2015</a>. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

60 minut

Progressive Web Apps - Service Workers

Progressive Web Apps to termin określający aplikacje internetowe, spełniające pewne kryteria. Aplikacje te powinny być niezawodne, szybkie i angażujące. Pod tymi słowami kluczowymi kryją się jednak konkretne techniki i technologie, które należy zastosować, by aplikację określić tym mianem. Jedną z nich jest serwowanie treści zawsze z użyciem bezpiecznego protokołu HTTPS, dostosowanie widoku do urządzeń mobilnych czy możliwość wyświetlania treści bez aktywnego połączenia z internetem.<br><br> W tym warsztacie omówimy po krótce całą "checklistę" dla PWA, a także skupimy się dokładniej na jednym z aspektów takich aplikacji - na ich działaniu w trybie offline. Przyjrzymy się technologii o nazwie Service Workers, która takie zadanie umożliwia. Zobaczysz jak zarejestrować "workera", a także jak za jego pomocą serwować treści z pamięci podręcznej. Zareagujemy również na ponowne połączenie z internetem, by prezentować użytkownikom aktualne treści, gdy tylko to możliwe.<br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

110 minut

Co nowego w ES6

ES6 to potoczna nazwa, która określa najnowszą wersję specyfikacji EcmaScript, na której z kolei bazuje język JavaScript. Specyfikacja ta oficjalnie zadebiutowała w 2015 roku pod nazwą EcmaScript 2015, wnosząc do języka bardzo wiele nowych funkcji oraz poprawek. I choć wydana została już kolejna wersja EcmaScript 2016 i corocznie wydawane będą następne wersje, to nie wnoszą one jednorazowo tak wiele zmian jak ta z 2015 roku. <br><br> W warsztacie tym przyjrzymy się większości z nowych funkcjonalności w ES6, takim jak nowe słowa kluczowe do tworzenia zmiennych, zmiany w funkcjach czy nowy zapis dla klas. Dowiesz się również jak pracować z modułami, jak korzystać z operatorów rest i spread, jak dekomponować obiekty, wykorzystywać iteratory czy tworzyć tzw. promise. <br><br> I choć nowoczesne przeglądarki świetnie wspierają nowy standard, to wciąż bezpieczną i dobrą praktyką jest transpilowanie kodu napisanego w ES6 do poprzedniego standardu - ES5. Dowiesz się zatem jak takie zadanie wykonać automatycznie z użyciem Babel. To najlepszy czas na to, by tworzyć nowoczesny kod z użyciem najnowszych funkcji języka JavaScript! <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

104 minut

Nowoczesny Workflow z Webpack 2

Webpack to narzędzie, które w ostatnim czasie zyskuje ogromne uznanie wśród Front-end Developerów. Nie dzieje się tak jednak bez przyczyny, gdyż korzystanie z webpacka znacznie ułatwia tworzenie nowoczesnych, rozbudowanych aplikacji internetowych, a narzędzie to stało się nawet częścią angular-cli dostępnego w <a href="https://eduweb.pl/kursy/javascript/angular2-od-podstaw.html">Angular 2</a>. <br><br> W warsztacie tym poznasz narzędzie webpack 2 od podstaw. Napiszemy wspólnie każdą potrzebną linijkę w pliku konfiguracyjnym, a poszczególne zagadnienia rozłożymy na czynniki pierwsze. Zrozumienie idei, jaka kryje się za webpackiem, jest kluczowe do odpowiedniego wykorzystania tego narzędzia. Jest to bowiem tzw. bundler kodu. Ale co to oznacza? Czym różni się od <a href="https://eduweb.pl/live/automatyzacja-z-gulp.js">Gulpa</a> czy <a href="https://eduweb.pl/live/wprowadzenie-do-grunt-js">Grunta</a>? Ten warsztat odpowie na wszystkie te pytania. Dodatkowo dowiesz się jak pracować z modułami ES6, jak transpilować kod ES6 do ES5 z użyciem Babel oraz jak pracować z kodem SASS wprost w swoich modułach. <br><br> Kiedy zrozumiesz jak działa webpack, bez trudu stworzysz swój wymarzony workflow! <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

60 minut

Tworzenie Aplikacji CMS z KeystoneJS cz.2

Zobaczysz jak przygotowaną w <a href="http://eduweb.pl/live/tworzenie-aplikacji-cms-z-keystonejs-cz.-1">poprzednim warsztacie (klik)</a> bazę rozwinąć o nowe możliwości. Dodamy funkcjonalności pozwalające na rejestrację zewnętrznych użytkowników, a także dodawanie przez nich ogłoszeń, którymi będzie można zarządzać wprost z przyjaznego panelu administracyjnego. <br><br> Te dwa warsztaty pokażą Ci niemal wszystko co jest potrzebne, by tworzyć zaawansowane aplikacje CMS z użyciem KeystoneJS. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

60 minut

Tworzenie Aplikacji CMS z KeystoneJS cz. 1

Node.js to świetna platforma do tworzenia nowoczesnych oraz wydajnych aplikacji webowych. Wraz z jej rozwojem, pojawiają się nowe projekty, moduły czy frameworki, które jeszcze bardziej ułatwiają budowanie takich aplikacji. Jednym z najciekawszych frameworków zbudowanych na tej platformie jest KeystoneJS, który umożliwia łatwe tworzenie systemów CMS. Z tego warsztatu dowiesz się jak zainstalować KeystoneJS, a także jak na bazie tego frameworku zbudować prosty blog z możliwością zarządzania treścią. Następnie stworzymy własny typ wpisów - ogłoszenie - i będzie to baza pod drugą część tego warsztatu, <a href="http://eduweb.pl/live/tworzenie-aplikacji-cms-z-keystonejs-cz.2">którą znajdziesz tutaj (klik)</a>. <br><br> Zobaczysz, że tworzenie aplikacji z dostępnym panelem administracyjnym może być naprawdę proste i przyjemne. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

60 minut

Techniki budowania biblioteki JavaScript

jQuery to najpopularniejsza biblioteka JavaScriptowa na świecie. Nie byłoby tak jednak, gdyby nie fakt, iż jest ona bardzo dobrze zbudowana, funkcjonalna i ciągle rozwijana. Sam być może znasz już język JavaScript, lecz zastanawiasz się, w jaki sposób tworzone są tak znakomite projekty jak jQuery.<br><br> W tym warsztacie poznasz co nieco historii biblioteki jQuery, a także dowiesz się, w jaki sposób została zbudowana. Przyjrzymy się najlepszym praktykom budowania własnej biblioteki JavaScriptowej, sposobom pracy nad jej kodem przez wiele osób, a także jej dystrybucji.<br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

63 minut

Logowanie i autentykacja użytkowników w Express.js

Tym razem poszerzymy wiedzę zdobytą w kursie <a style="color: #1696c5" href="http://eduweb.pl/kursy/javascript/nowoczesne-aplikacje-webowe-backbone.html">Nowoczesne Aplikacje Webowe z Backbone.js</a> o tematy związane z logowaniem i autentykacją użytkowników. <br><br> Dowiesz się jak przechowywać w bazie danych MongoDB dane użytkownika wraz z zaszyfrowanym hasłem, jak stworzyć mechanizm logowania wykorzystujący w połączeniu z Express.js sesje, a także jak to wszystko połączyć z aplikacją bazującą na Backbone.js, którą stworzyliśmy we wspomnianym kursie. <br><br> Na warsztat zaprasza Piotr Palarz. </body> </html>

Piotr Palarz

88 minut

Wprowadzenie do CoffeeScript

Spędzasz dużo czasu na pisaniu aplikacji w JavaScript? A może nie kodujesz w JS bo nie podoba Ci się jego składnia? W takim razie musisz sprawdzić CoffeeScript! CoffeScript to język programowania kompilowany do JavaScriptu. Aby zwiększyć czytelność kodu, jego składnia jest inspirowana Rubym oraz Pythonem. Pisząc aplikacje w CoffeScript, twój kod może być krótszy o 1/3 w porównaniu do jego JavaScriptowego odpowiednika, a to wszystko bez utraty wydajności! W trakcie tego warsztatu, poznasz podstawową składnię tego języka, a także zobaczysz jak CoffeeScript sprawdza się w praktyce podczas tworzenia aplikacji todo-listy "CoffeeTasks". Pracujesz na codzień z jQuery? To świetnie, podczas warsztatu dowiesz się jak pisać aplikacje w CoffeeScript z wykorzystaniem biblioteki jQuery. <br/><br/> Serdecznie zapraszam, Maciej Żukiewicz

Maciek Zukiewicz

60 minut

Optymalizacja Stron WWW dla Urządzeń Mobilnych

W dobie coraz szybszego internetu często zapominamy o dobrej optymalizacji tworzonych przez nas stron i aplikacji internetowych. Powodów jest wiele: niewiedza, ignorancja, brak czasu. Ważna jest jednak świadomość, jak źle zoptymalizowane witryny, a dokładnie czas ich ładowania, wpływają na straty w prowadzonym biznesie. <br><br> Wiele z przeprowadzonych badań mówi jasno: internauci są dość wymagający i czas ładowania strony dłuższy niż 3 sekundy, potrafi ich skutecznie zniechęcić do dalszego oczekiwania. I co ciekawe, mówimy tutaj o czasie ładowania na urządzeniach mobilnych. Jednak nie tylko odwiedzający nasze witryny stawiają dla nas wysokie wymagania, gdyż od jakiegoś czasu również mechanizmy indeksujące wyszukiwarek internetowych gratyfikują strony dostosowane do urządzeń przenośnych, ale także dobrze zoptymalizowane. <br><br> Jeśli zatem jesteś osobą prowadzącą biznes online lub Web Developerem, który chce dobrze wykonać swoją pracę, powinieneś znać wszystkie tajniki optymalizacji stron internetowych dla urządzeń mobilnych. <br><br> W warsztacie tym poznasz więcej danych pochodzących z badań i statystyk, a następnie dowiesz się jakie kroki należy podjąć aby zbadać poziom zoptymalizowania witryny za pomocą popularnych narzędzi. Nie zabraknie również solidnego omówienia technicznych aspektów, które wpływają na czas ładowania się witryn internetowych, a także wielu przydatnych technik, które pozwolą się z tymi problemami uporać. <br><br> Jeśli zatem chcesz zoptymalizować swoją stronę internetową, by bardzo szybko wczytywała się na urządzeniach mobilnych, nawet podłączonych do sieci 3G, to koniecznie powinieneś wziąć udział w tym warsztacie. <br><br> Do usłyszenia, <br> Piotr Palarz

Piotr Palarz

92 minut

Wprowadzenie do Grunt JS

W dzisiejszych czasach aplikacje webowe stają się coraz poważniejsze i liczą coraz więcej linijek kodu. Z tego powodu coraz trudniej pracuje się nad dużymi projektami, szczególnie, gdy wiele żmudnych zadań wykonujemy za każdym razem własnoręcznie. Tak jednak nie musi być, gdyż wraz z rozwojem branży, pojawiają się również nowe narzędzia, które ułatwiają nam wszystkim pracę. <br><br>Takim właśnie narzędziem jest Grunt.JS. To automator zadań, który wykona wiele z powtarzających się czynności za nas. Wystarczy, że odpowiednio skonfigurujemy nasz projekt instalując moduły i dostosowując zadania. Zobacz wprowadzenie do Warsztatu: <br><br> <iframe width="640" height="360" src="//www.youtube.com/embed/YJrOSEsFQLU?list=UUlpH0qhrmiq2HWO_FkUuTTg" frameborder="0" allowfullscreen></iframe> <br><br> Czas poświęcony w naukę tego narzędzia zwróci się w przyszłości wielokrotnie. Mniej frustracji, więcej wolnego czasu! <br><br> Na warsztat zaprasza Piotr Palarz.

Grzegorz Róg

60 minut

Techniki Ładowania CSS i JS - Script Loaders

Czy zastanawiałeś się kiedyś, jaka jest prawidłowa kolejność umieszczenia skryptów oraz ich referencji w pliku HTML? Odpowiednie ładowanie skryptów ma ogromne znaczenie w kontekście wydajności Twojej witryny. Dowiedz się, jak przeglądarka parsuje pliki, czym są mechanizmy asynchroniczne a także jakie są sztuczki oraz techniki ładowania dodatkowych skryptów, które pozwolą Twojej witrynie działać sprawniej. <br><br> W tym warsztacie zajmiemy się tematem Script Loaderów, czyli narzędzi pozwalających na dynamiczne doładowywanie skryptów JavaScript czy też CSS. Poznasz takie rozwiązania jak LabJS, LazyLoad, BasketJS, YeapNope czy RequireJS. Dowiesz się również, jakie są różnice między tymi narzędziami oraz jak wybrać to odpowiednie, które pozwoli świadomie ładować skrypty w locie lub doładowywać je wtedy, gdy użytkownik wykonuje inne czynności na stronie. To wszystko znacznie zwiększy wydajność Twojej witryny. <br><br> Na Warsztat zaprasza Maciej Żukiewicz

Piotr Palarz

90 minut

Efekt Parallax na Stronie WWW

W tym Warsztacie poznasz od podstaw bardzo modny efekt Parallax, który możesz zastosować na swojej stronie WWW. Zajmiemy się dokładnym omówieniem podstawowych schematów wykorzystania Parallax na praktycznych przykładach. Przerobimy między innymi: <ul class="livelist"> <li>Poruszanie obiektami w zależności od położenia kursora myszy</li> <li>Scrollowanie stron z efektem Parallax</li> <li>Slider z wykorzystaniem jQuery Parallax i CSS3</li> </ul> <br> Przykłady zastosowania efektu Parallax znajdziesz na tych stronach WWW: <br> <p> <a href="http://www.zensorium.com/tinke/">http://www.zensorium.com/tinke/</a><br> <a href="http://www.ok-studios.de/home/">http://www.ok-studios.de/home/</a><br> <a href="http://www.intacto10years.com/">http://www.intacto10years.com/</a><br> </p> Na Warsztat zaprasza Maciej Żukiewicz.

Grzegorz Róg

76 minut

Pluginy do jQuery

Jeśli na co dzień korzystasz z biblioteki jQuery, jest niemal pewne, że wykorzystujesz również stworzone przez aktywną społeczność wtyczki (pluginy), które w prosty sposób rozszerzają możliwości podstawowej biblioteki. Wtyczki bywają mniej lub bardziej zaawansowane i być może do tej pory sądziłeś, że stworzenie własnego rozszerzenia jest zadaniem trudnym i skomplikowanym. <br><br> Pocieszę Cię, to wcale nie prawda! W warsztacie, który masz przed sobą, dowiesz się w jaki sposób stworzyć własną wtyczkę do jQuery. Zaczniemy od absolutnych podstaw i omówienia dobrych praktyk, którymi należy się kierować, by tworzyć dobry kod. Następnie stworzymy kilka prostych przykładowych wtyczek (zaczerpniętych z codziennej pracy), dzięki którym zrozumiesz mechanizm działania pluginów jQuery oraz dowiesz się kiedy i dlaczego warto zamiast standardowych funkcji tworzyć rozszerzenia. <br><br> Zapraszam, Piotr Palarz

Maciek Zukiewicz

60 minut

JavaScript i Ajax - Wprowadzenie

Zobacz Warsztat na temat połączenia JavaScriptu z metodyką Ajax, która pozwala na asynchroniczne przesyłanie danych z serwera, bez konieczności odświeżania strony WWW. Ajax to bardzo popularna technologia, którą można spotkać niemal na wszystkich dynamicznych stronach. Przykładem może być umieszczanie zakupów w koszyku. W warsztacie poznamy podstawy komunikacji Ajax oraz zajmiemy się opracowaniem kilku praktycznych przykładów. <br><br> Na Warsztat zaprasza Maciej Żukiewicz.

Maciek Zukiewicz

Recenzje Nowoczesne Aplikacje Webowe

5

16 dodanych ocen

2015-02-11

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

2015-02-27

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

Damian Moliński

2015-03-02

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

Rafal Drab

2015-03-26

Z tym autorem kurs na najwyższym poziomie

Slawomir Sowiński

2015-04-27

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

2015-08-07

:D

Marcin Lewtak

2015-08-12

świetny kurs

Marcin Lewtak

2016-01-13

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

Sebastian Żarnowski

2016-01-28

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

2016-02-02

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

Anna Żurek

2016-02-05

Ciekawy link.

Marcin Lewtak

2016-09-18

Bardzo interesujący materiał.

Marcin Lewtak

2017-07-10

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

2017-08-01

Tak warty obejrzenia kurs!

Lukasz S Pierwola

2017-09-02

Kolejny świetny kurs Piotra!

Rafał Orłowski

2017-12-18

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

Mateusz Iwanek

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
Wykup w abonamencie od 79zł
Przetestuj za darmo przez 7 dni!

Autor: Piotr Palarz

Czas: 11 godzin

Wersja:

  • Pliki źródłowe
  • Certyfikat Ukończenia
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół

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?