Kurs Technologie Web Developera

Kurs Technologie Web Developera przedstawia narzędzia niezbędne do tworzenia profesjonalnych, skalowalnych i responsywnych aplikacji webowych.

8 godz. 39 min wideo46 lekcji5 modułów

Arek Kalbarczyk

Czego się nauczysz

  • Omówienie technik EcmaScript6
  • Rozwój w AngularJS z ES6
  • Stylowanie aplikacji w Angular Material
  • Konfiguracja srodowiska developerskiego
  • Automatyzacja i optymalizacja pracy z Webpackiem
  • Praca z systemem kontroli wersji Git
  • Podejscie Test Driven Development (TDD)
  • Praktyczny przyklad cyklu tworzenia aplikacji

Technologie Web Developera - Webpack, ES6, AngularJS

Kurs Technologie Web Developera przedstawia narzędzia niezbędne do tworzenia profesjonalnych, skalowalnych i responsywnych aplikacji webowych. Autorzy, doświadczeni front-end developerzy, na co dzień pracujący przy komercyjnych projektach, bazując na nowoczesnych narzędziach jak Webpack i Git, standardzie EcmaScript6 i frameworkach Angular i Angular Material, pokażą Ci jak wygląda proces ich pracy na przykładzie praktycznej aplikacji. Kurs zawiera również wiedzę niezbędną do pisania testów w oparciu o TDD.

Pierwsza część kursu obejmuje zagadnienia związane z instalacja Node.js oraz jego modułów z pomocą npm. Dowiesz się jak skonfigurować środowisko Node.js a następnie zainstalujesz wszelkie niezbędne komponenty. Następnie zajmiemy się kontrolą wersji w najbardziej popularnym systemie Git w którym stworzymy repozytorium dla naszych projektów. Dowiesz się jakie są dobre praktyki w tym zakresie a także jak można hostować własne repozytorium w serwisie Bitbucket.

WebPack w Praktyce

W części poświeconej Webpack'owi przejdziemy krok po kroku przez proces konfiguracji całego środowiska, które stanowi gotowe rozwiązani dla pracy nad tworzeniem i rozwijaniem aplikacji webowej. W pierwszych lekcjach stworzymy podstawową konfigurację, która będzie rozwijana w kolejnych częściach.

Z każdą kolejną lekcją będziemy dodawać rozwiązania umożliwiające między innymi automatyzację procesu budowania projektu, kompilację kodu HTM i styli - czy odpowiednie zarządzanie strukturą projektu. Mając gotową konfigurację, zajmiemy się optymalizacją samego procesu budowania projektu, przygotowaniem konfiguracji dla procesu wdrożenia aplikacji oraz innymi praktycznymi zagadnieniami. Wszystkie lekcje, oprócz niezbędnej wiedzy, będą również miały za zadanie pokazać Ci dobre praktyki stosowane podaczs tworzenia środowiska opartego na Webpacku.

W tej części zgłębimy też zagadnienia optymalizacji i automatyzacji procesu budowania projektu co przełoży się na zwiększenie Twojej wydajności i produktywności podczas pisania kodu. Na koniec tej sekcji pokażemy jak  przygotować projekt do produkcyjnego wdrożenia aplikacji i przekazania go klientowi.

Praktyczna aplikacja z AngularJS

Kolejną część poświęcimy na stworzenie aplikacji z pomocą Angular, dowiesz się także co nowego pojawiło się w standardzie EcmaScript6. Będziemy tworzyć aplikację z pomocą wersji 1 Angulara, ponieważ jej ekosystem jest dojrzały i prosty do zrozumienia nawet dla osób bardziej początkujących. Jeśli jednak znasz inne frameworki i chcesz w nich pisać tą część naszej aplikacji, np. w Backbone czy Angular2 - nie ma ku temu przeszkód.

Nowości w EcmaScript 6

Nauczysz się najnowszych elementów składni JavaScriptu wzbogacających typy, operatory oraz funkcje. Poruszymy także temat podejścia klasowego, znanego programistom języków takich jak Java czy C#. Wzbogacimy twoja wiedzę na temat asynchronicznego działania aplikacji internetowej. Promise’y pozwolą Ci zapomnieć o bolączkach związanych z asynchronicznością kodu.

W tej części pokażemy Ci także jak wykorzystać potencjał bibliotek takich jak Angular Material. Dzięki tej technologii łatwo ostylujemy naszą aplikację i dodamy do niej mikrointerakcje. Każda lekcja, oprócz wiedzy technicznej zawiera również dobre praktyki zabrane przez autorów.

Test-Driven Development - testy jednostkowe

Każdy programista powinien zdawać sobię sprawę jak ważne jest testowanie pisanego przez siebie kod, pozwala to uniknąć podstawowych błędów przekładających się na opóźnienia w projekcie. W części poświęconej testom najpierw poznasz teoretyczne podstawy Unit Testów oraz TDD, a następnie zobaczysz, w jaki sposób pisać testy jednostkowe kontrolerów, serwisów i dyrektyw angularowych. Duży nacisk położymy na pisanie testów jednostkowych przy pomocy frameworka Jasmine, wykorzystującego środowisko KarmaJs.

Dla kogo jest ten kurs?

Kurs ten jest dla wszystkich osób, które dobrze czują się w technologiach frontendowych, tj. HTML, CSS i JavaScript. W celu maksymalnego wykorzystania zawartej tu wiedzy warto również posiadać elementarną wiedzę na temat pracy z AngularJS.

Kurs Technologie Web Developera

5 rozdziałów46 lekcji8h 39min

Wstęp do kursu

5min
  • Wprowadzenie3min(zablokowana)
  • Czego nauczysz się w kursie?2min(zablokowana)

Narzędzia ułatwiające prace

1h
  • Praca z Node.js oraz NPM14min(zablokowana)
  • Wprowadzenie do pracy z Git2min(zablokowana)
  • Dodawanie zmian w repozytorium13min(zablokowana)
  • Zarządzanie zmianami10min(zablokowana)
  • Zdalne repozytoria kodu5min(zablokowana)
  • Strategie merge'owania15min(zablokowana)

Środowisko pracy z Webpack

2h 34min
  • Wprowadzenie do Webpacka6min(zablokowana)
  • Pierwsze uruchomienie10min(zablokowana)
  • Konfiguracja Webpacka15min(zablokowana)
  • Transformacja kodu projektu - loadery21min(zablokowana)
  • Praca z modułami - pluginy9min(zablokowana)
  • Integracja zewnętrznych bibliotek7min(zablokowana)
  • Automatyczne budowanie i odświeżanie11min(zablokowana)
  • Optymalizacja procesu budowania projektu13min(zablokowana)
  • Optymalizacja kompilowanego kodu9min(zablokowana)
  • Przetwarzanie styli11min(zablokowana)
  • Wstrzykiwanie zewnętrznego kodu18min(zablokowana)
  • Budowanie finalnej wersji z użyciem Webpacka19min(zablokowana)
  • Ingerencja w kod projektu z poziomu Webpacka5min(zablokowana)

Development aplikacji z AngularJS i ES6

2h 40min
  • Wprowadzenie do działu4min(zablokowana)
  • Lokalne zestawianie projektu3min(zablokowana)
  • Nowe zmienne w ES65min(zablokowana)
  • Funkcje i operatory w ES616min(zablokowana)
  • Wzbogacone łańcuchy znaków5min(zablokowana)
  • Moduły i modularyzacja7min(zablokowana)
  • Wprowadzenie do klas11min(zablokowana)
  • Zaawansowane użycie klas11min(zablokowana)
  • Dziedziczenie i serwisy13min(zablokowana)
  • Domknięcia klas7min(zablokowana)
  • Promise'y czyli obietnice11min(zablokowana)
  • Zaawansowane promise'y13min(zablokowana)
  • Widok główny aplikacji8min(zablokowana)
  • Widok listy filmów i debugowanie12min(zablokowana)
  • Rozbudowa widoków z Angular Material11min(zablokowana)
  • Tworzenie widoku detalu filmu22min(zablokowana)

Testy jednostkowe

2h 20min
  • Czym są unit testy i po co je pisać?12min(zablokowana)
  • Konfiguracja aplikacji Angularowej do testów14min(zablokowana)
  • Przygotowanie kontrolera do testów16min(zablokowana)
  • Testy kontrolera19min(zablokowana)
  • Testowanie serwisów25min(zablokowana)
  • Testowanie komponentów wykorzytujących promise'y17min(zablokowana)
  • Przygotowanie dyrektywy do testów14min(zablokowana)
  • Testy dyrektyw15min(zablokowana)
  • Testowanie z użyciem timeoutów9min(zablokowana)

Ten kurs jest w bazie eduweb

Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.

Wykup dostęp do bazy

Autor kursu

Arek Kalbarczyk
Średnia ocen autora: 4