Programowanie w JavaScript, jQuery i AngularJS

Program szkolenia

1. Wstęp do JavaScript
   1. Zastosowania
      1. JS w przelądarce
      2. JS w Node.js
      3. JS w animacjach 3D
      4. Itp.
   2. Wstęp
      1. Klauzula ‘use strict’
2. Proste typy zmiennych
   1. Liczbowe
   2. Tekstowe
   3. Logiczne
   4. Daty
   5. Proste konwersje typów
   6. Problematyczne konwersje
3. Operatory i instrukcje warunkowe
   1. Operatory
      1. Arytmetyczne
         1. Przypisania „=”
         2. Porównania „==” i „===”
         3. Nierówności „!=” i „!==”
         4. Większości i mniejszości „<” i „>”
         5. Większe/mniejsze równe „>=”, „<=”
      2. Logiczne
         1. Operator „&&”
         2. Operator „||”
         3. Operator „!”
      3. Operatory bitowe
      4. Porównywanie różnych typów zmiennych
   2. Instrukcja IF i jej pochodne
   3. Instrukcja Switch
   4. Trójargumentowiec
4. Pętle
   1. Pętla For
   2. Pętla While
   3. Pętla Do/While
   4. Pętla For/in
   5. Słowa kluczowe „break” i „continue”
5. Tablice
   1. Tworzenie tablic
   2. Tablice asocjacyjne
   3. Podobieństwo do obiektów
   4. Jak poprawnie tworzyć tablice
6. Tworzenie funkcji
   1. Tworzenie funkcji
   2. Funkcje anonimowe
7. Zdarzenia
   1. OnChange
   2. OnClick
   3. onMouseOver
   4. onMouseOut
   5. onKeyDown
   6. onKeyUp
   7. onLoad
   8. OnMouseEnter
   9. OnMouseLeave
   10. OnMouseMove
   11. Inne
8. Praca z drzewem DOM
   1. getElementById
   2. getElementsByTagName
   3. getElementsByClassName
   4. Zamiana elementów
      1. .innerHTML
      2. .attribute
      3. setAttribute
      4. style
   5. Dodawanie i usuwanie elementów
      1. createElement
      2. removeChild
      3. appendChild
      4. replaceChild
   6. Podpinanie zdarzeń
9. Obsługa formularzy
   1. Dostęp do formularzy
10. Walidacja i wyrażenie regularne
    1. Walidacja danych
    2. Proste wyrażenia regularne
    3. Wyrażenia regularne na przykładach
11. Praca z przeglądarką
    1. Właściwość „screen”
    2. Właściwość „window”
    3. Właściwość „location”
    4. Właściwość „history”
    5. Właściwość „nawigator”
    6. Zdarzenia czasowe (setTimeOut, setInterval)
    7. Cookies
    8. LocalStorage, WebWorkers, WebSockets
    9. Inne właściwości
12. AJAX
    1. Żądanie GET
    2. Żądanie POST
13. Obiekty w JavaScript
    1. Tworzenie obiektów
    2. Przetwarzanie obiektów
    3. Dziedziczenie
14. Try…Catch, czyli obsługa błędów
15. JavaScript Closures
16. Prototypy i rozszerzanie wbudowanych obiektów
17. Omówienie narzędzi developerskich (WebKit)
    1. Zakładka „Elements”
    2. Zakładka „Sources”
    3. Zakładka „Network”
    4. Zakładka „Timeline”
    5. Zakładka „Profiles”
    6. Zakładka „Resources”
    7. Zakładka „Audits”
    8. Zakładka „Console”
    9.  
18. Wprowadzenie do jQuery
    1. Biblioteka JQuery – postać źródłowa, skompresowana, CDN
    2. Składnia komendy JQuery – method-chaining
    3. Podstawowe selektory, służące do odwoływania się do elementów DOM
19. Zdarzenia w JQuery
    1. Podstawowe przypinanie zdarzeń
    2. Zdarzenia pól formularzy
    3. Nowe zdarzenia wprowadzone przez JQuery
20. Manipulacja stylami i animacje
    1. Najczęstsze modyfikacje – hide, show, toggle
    2. Zmiana pojedynczej właściwości
    3. Zmiany wielu właściwości
    4. Animacje – zmiana właściwości CSS w określonym czasie
    5. Najprostsze animacje: slide i fade
21. Poruszanie się i modyfikacja drzewa HTML
    1. Wpisywanie zawartości w element – treść HTML i zwykły tekst
    2. Wyszukiwanie elementów wśród przodków, dzieci i rodzeństwa tagu HTML
    3. Dodawanie elementów HTML w konkretne miejsca dokumentu
    4. Usuwanie elementów HTML z dokumentu
    5. Metody pomocnicze w JQuery
    6. Modyfikacje atrybutów
    7. Modyfikacje klas elementu
    8. Otaczanie wybranych elementów dodatkową treścią
    9.  
22. AJAX w JQuery
    1. Wprowadzenie – czym jest AJAX i do czego może służyć
    2. Najprostsze użycie metody load()
    3. Filtrowanie wyników metodą load()
    4. Metody $.post() i $.get(). Obsługa parametrów żądania
    5. Callback po wykonaniu AJAX – ograniczenia
    6. Wykorzystanie formatu JSON
    7. Metoda $.ajax() dokładniejsze ustawienia parametrów żądania
    8. Serializacja formularzy i AJAX synchroniczny.
23. Wprowadzenie do AngularJS
24. Wzorzec budowy MVC / MVVC / MVVW
25. Modele
26. Objaśnienie działania modeli w AngularJS
27. Wiązanie modeli dwu i jednostronne
28. $scope i $rootScope - zastosowanie
29. Widoki
30. Omówienie zasady działania widoków (ng-include)
31. Podstawowe dyrektywy: ng-repeat, ng-class, ng-if, ng-show
32. Tworzenie własnych dyrektyw
33. Filtrowanie, tworzenie własnych filtrów
34. Walidacja formularzy
35. Wbudowana walidacja
36. Własna walidacja
37. Style błędów
38. Obsługa zdarzeń
39. Serwisy
40. Omówienie zasady działania serwisów
41. Wstrzykiwanie serwisów do kontrolerów
42. Omówienie $http, $routeParams
43. Interfejs REST jako Angular Web Service
44. Routing
45. Ładowanie konkretnych widoków na podstawie url
46. Wiele widoków dla jednego i wielu kontrolerów
47. Ładowanie zewnętrznych bibliotek do AngularJS
48. Animacje w Angular-JS: angular-animate
49. Łączenie AngularJS z jQuery:
50. Kiedy i do czego stosować jQuery w aplikcjach korzystających z AngularJS
51. Prezentacja danych
52. Wykresy: Angular d3, canvas, Chart.js