Nowoczesne aplikacje klienckie w JavaScript

Czego się nauczysz:

zadbasz o poprawną komunikację z API

skonfigurujesz hierarchię routingu

nauczysz się tworzyć modele domenowe

gdzie i jak poprawnie walidować dane

dowiesz się jak zaimplementować widok logowania

zadbasz o bezpieczeństwo obszaru administracyjnego

dowiesz się jak modyfikować kod zgodnie z dependency injection

poznasz szereg sprawdzonych praktyk programistycznych

Jak dziś tworzymy aplikacje JavaScript?

Czasy statycznych stron www dawno odeszły w niepamięć. Dziś klienci oczekują bogatej funkcjonalności, pełnej interaktywności oraz dużej wydajności. Rolę tradycyjnych stron przejęły więc w dużym stopniu dynamiczne aplikacje klienckie. Dziś nie wystarczy napisanie paru prostych skryptów zagnieżdżonych w dokumencie HTML. Aby osiągnąć sukces w świecie nowoczesnego front-endu musisz posiadać obszerną wiedzę z wielu dziedzin. Musisz wiedzieć jakie narzędzia zastosować w danej sytuacji. Musisz mieć pojęcie na temat architektury aplikacji, technik komunikacji z zapleczem, wzorców projektowych itd.

I tego właśnie nauczysz się z tym kursem. Razem z autorem wykonasz kompletną, realną aplikację, która umożliwia zakup biletów na wydarzenia kulturalne. To świetna okazja aby nabrać doświadczenia, nauczyć się całej masy przydatnych technik oraz zdobyć wiedzę na temat funkcjonowania nowoczesnych aplikacji klienckich JavaScript. To najlepsze co możesz zrobić jeśli chcesz dotrzymać kroku najlepszym developerom w tym niezwykle szybko zmieniającym się świecie nowoczesnego front-endu.

Dobre praktyki programistyczne

W kursie duży nacisk położono na omówienie dobrych praktyk oraz wzorców projektowych dla nowoczesnych aplikacji JavaScript. Dzięki nim będziesz mógł w przyszłości łatwo rozbudowywać swoje aplikacje, unikniesz redundancji kodu i po prostu będziesz pracować szybciej. A wszystko to pokaże Ci praktyk front-endu z wieloletnim doświadczeniem.

Jeden framework o wielu możliwościach

Dla osiągnięcia sukcesu kluczowe znaczenie ma wybór odpowiedniego frameworku do tworzenia aplikacji. Warto poważnie rozważyć użycie kompletnego rozwiązania, które pozwoli na efektywne pisanie kodu bez konieczności używania dziesiątek zależności i dodatkowych bibliotek. Takim rozwiązaniem jest m.in. framework Aurelia, na którym oparta została tworzona w kursie aplikacja. Dzięki niemu w rozsądnym czasie będziesz mógł stworzyć w pełni funkcjonalny projekt i łatwo dostosować każdy jego element do własnych wymagań.

Sprawne i szybkie kodowanie

Mnogość dostępnych możliwości niekoniecznie musi oznaczać konieczność pracy z trudnymi programistycznymi konstrukcjami. Framework, z którym będziesz pracował powstał według zasady “convention over configuration”. W praktyce oznacza to dla Ciebie mniej czasu spędzonego nad konfigurację a więcej nad kluczowymi funkcjonalnościami aplikacji. Zobaczysz jak niewielka ilość kodu potrafi wystarczyć do zaimplementowania różnych skomplikowanych mechanizmów!

TypeScript oraz silne typowanie

W kursie będziemy pracowali z TypeScript, który jest popularnym nadzbiorem JavaScript. Umożliwia on w praktyce pisanie prostego, zrozumiałego i zorientowanego obiektowo kodu. Oferuje on szereg niezwykle ciekawe możliwości: dziedziczenie, klasy generyczne, klasy abstrakcyjne czy interfejsy. Z kursem dowiesz się jak wykorzystać TypeScipt do efektywnej pracy, jak tworzyć łatwo rozszerzalny kod oraz jak unikać błędów dzięki silnemu typowaniu.

Zdobądź komplet umiejętności

Ten kurs stworzyłem z myślą o front-end deweloperach, którzy chcą zdobyć umiejętności pozwalające na zakodowanie kompletnej i funkcjonalnej aplikacji klienckiej. Jeżeli chcesz dowiedzieć się również jak przygotować wydajny backend pod taką aplikację, sprawdź szkolenie Piotra Gankiewicza - ASP.NET Core - budowa aplikacji

Materiały dodatkowe

Do szkolenia dołączyłem wszystkie materiały, które będą niezbędne, aby razem ze mną tworzyć front naszej aplikacji Evento. Oprócz tego w kursie znajdziesz również liczne testy i ćwiczenia, które pozwolą Ci sprawdzić i utrwalić zdobytą wiedzę.

Tworzenie funkcjonalnych aplikacji

Narzędzia webowe

Liczne komponenty

Praktyczny projekt

ZOBACZ WIĘCEJ

Program nauczania

1 Wprowadzenie

Wprowadzenie 02m 21s

Jak korzystać z materiałów dołączonych do kursu? 01m 59s

Czym jest Aurelia? 04m 34s

Czym jest TypeScript? 03m 26s

Instalacja zależności Podgląd 06m 40s

Generowanie projektu z Aurelia CLI 03m 58s

Omówienie struktury projektu 14m 18s

Uruchomienie projektu 03m 48s

Podsumowanie 01m 44s

2 Bazowa architektura aplikacji

Organizacja plików 03m 03s

Implementacja routingu 12m 49s

Tworzenie routingu potomnego Podgląd 05m 45s

Instalacja bootstrap 08m 14s

Implementacja widoku rejestracji użytkwonika 15m 52s

Podsumowanie 02m 38s

3 Komunikacja z API

Instalacja aurelia-fetch-client 08m 37s

Implementacja serwisu bazowego 14m 43s

Implementacja serwisu użytkowników 12m 59s

Omówienie wzorca dependency injection 08m 41s

Modyfikacja kodu zgodna z dependency injection 09m 37s

Podsumowanie 02m 01s

4 Walidacja danych

Gdzie powinniśmy walidować dane? 03m 38s

Instalacja aurelia-validation 03m 44s

Definicja reguł walidacyjnych dla widoku rejestracji użytkownika 22m 40s

Proste notyfikacje z toastr.js Podgląd 09m 42s

Podsumowanie 01m 45s

5 Bezpieczeństwo aplikacji

Impementacja widoku logowania użytkownika 17m 19s

Tworzenie uniwersalnego komponentu walidacyjnego 07m 46s

Na czym polega logowanie do aplikacji internetowej? 03m 07s

Implementacja procesu logowania użytkownika 21m 14s

Przechowywanie tożsamości użytkownika 25m 50s

Zabezpieczenie obszaru administracyjnego 17m 46s

Podsumowanie 01m 32s

6 Implmentacja procesów biznesowych

Implementacja widoku wydarzeń organizatora 21m 58s

Omówienie cyklu życia View-Modelu 04m 31s

Formatowanie daty przy użyciu ValueConverter oraz moment.js 06m 38s

Implementacja formy wydarzenia cz.1 16m 37s

Implementacja formy wydarzenia cz.2 27m 17s

Implementacja strony głównej. Omówienie bining-bahaviors oraz observable 18m 55s

Implementacja uniwersalnej strony wydarzenia 38m 09s

Prace końcowe 04m 28s

Podsumowanie 04m 11s

Ocena uczestników

90%

Recenzje użytkowników (14)

Paweł Wilczek

12 lutego 2019

Bardzo dobry kurs pokazujący w rewelacyjny sposób kulisy tworzenia frontend-u w ciekawym, a nawet powiedziałbym może, że w dość egzotycznym frontend-owym framework-u jakim jest AureliaJS. Kurs jest przy okazji uzupełnieniem do kursu dotyczącego budowania aplikacji… Czytaj więcej

Rafał Dziedzic 19 stycznia 2019

Język JavaScript z dnia na dzień zyskuje coraz bardziej na popularności. Przerobienie tego kursu pozwoliło mi samodzielnie przygotować aplikację w JavaScript. Jeśli chcesz stworzyć praktyczną aplikację ten kurs jest zdecydowanie dla Ciebie.

Kamil Rogala 5 grudnia 2018

Bardzo przyjemny w odbiorze kurs, który systematyzuje dotychczasową wiedzę, ale też (co jest mega) otwiera oczy na świat JS, na jego obecne możliwości i to jak można stworzyć z jego użyciem coś naprawdę ciekawego.

marcin urbaszewski 17 października 2018

Bardzo dobry kurs tworzenia aplikacji Nowoczesne aplikacje klienckie w JavaScript W tym kursie nauczyłam się tworzyć aplikacje oparte o język JavaScript aplikacji jest internetow. Struktura kodu jest doskonale omówiona. Nie mam żadnych zasztrzezeñ. Co do tego… Czytaj więcej

Andrzej Karasiński 4 kwietnia 2018

Kurs świetnie przygotowany. Polecam jednak zapoznanie się najpierw z kursami o JavaScript, node.js czy typescript, żeby mieć ogólny zarys co i jak jest kodowane. Jeszcze raz gorąco polecam!

WIĘCEJ RECENZJI

Informacje o szkoleniu

14 recenzji

7,5 godziny

42 wykładów

6 materiałów szkoleniowych

Nielimitowany dostęp
Możliwość pobrania pliku
Testy, ćwiczenia
Dostęp z urządzeń mobilnych

89 zł

Zacznij naukę teraz, zapłać w ciągu 21 dni!