JavaScript to skryptowy język programowania, który umożliwia rozbudowę strony internetowej o elementy interaktywne. Typowe przykłady zastosowania to sprawdzanie poprawności danych w formularzu, tworzenie atrakcyjnych galerii lub elementów nawigacyjnych. JavaScript pozwala zamienić zwykłą, statyczną witrynę w złożoną aplikację, która potrafi komunikować się z użytkownikiem oraz reagować na zdarzenia przez niego wywołane. Znajomość tego języka wraz z technologiami typu Ajax lub jQuery jest praktycznie niezbędna każdej osobie, która chce stworzyć nowoczesną i atrakcyjną stronę internetową.

Kurs przygotowaliśmy z myślą o praktycznym zastosowaniu języka JavaScript. Poznasz m.in. obiektowy model dokumentu (DOM), który umożliwia manipulowanie dowolnym elementem witryny. Dowiesz się jak za pomocą JavaScript wprowadzać nową zawartość do strony, jak ją modyfikować i usuwać.

Do kursu dołączyliśmy pliki źródłowe, które możesz otworzyć w swoim ulubionym edytorze i powtarzać czynności pokazane na filmach. To z pewnością najszybsza i najbardziej efektywna metoda nauki.

Walidacja formularzy

Nauczysz się także tworzyć skrypty, które reagują na zdarzenia wywołane przez użytkownika (np. kliknięcie w wybranym miejscu witryny albo umieszczenie kursora nad obrazkiem). Przy okazji nauczysz się tworzyć okienka które wyświetlają informacje i pobierają dane od użytkownika. Całą grupę rozdziałów poświęciliśmy na omówienia tzw. walidacji formularzy. Stworzymy skrypty, które nie tylko sprawdzają czy użytkownik wprowadził dane do pola ale również weryfikują ich poprawność informując jednocześnie o popełnionych błędach. Poznasz możliwości JavaScript w oparciu o proste ale praktyczne przykłady.

Efektywne aplikacje w JavaScript

Nasz kurs pozwoli ci poznać najważniejsze elementy składowe języka. Dowiesz się jak używać zmiennych oraz tablic. Poznasz takie zagadnienia jak pętle i instrukcje warunkowe. Pokażemy ci jak tworzyć własne funkcje, które umożliwią wielokrotne wykorzystanie kodu i ułatwią tworzenie wydajnych skryptów. Duży nacisk położyliśmy na omówienie obiektowych aspektów języka, których znajomość jest niezbędna do tworzenia efektywnych aplikacji internetowych w JavaScript. Będziemy tworzyli klasy, obiekty i metody.

Dynamiczne skrypty

W kolejnych rozdziałach poznasz najważniejsze obiekty wbudowane, które zapewniają dostęp do wielu przydatnych funkcji i właściwości. Znajomość takich zagadnień pozwoli na bezproblemową pracę z ciągami znaków, dokonywanie różnego rodzaju obliczeń oraz prawidłową obsługę daty i czasu.

Przykładowy film

Spis treści

Podstawy

1. Wstęp (00:59)

2. Edytory (02:47)

3. Pierwszy skrypt (07:56)

4. Osadzanie kodu w HTML (06:15)

5. Komentarze (05:19)

Zmienne

6. Wprowadzenie do zmiennych (05:22)

7. Prawidłowe nazwy zmiennych (05:09)

8. Operatory arytmetyczne (05:39)

9. Inkrementacja (05:11)

10. Konkatenacja (04:26)

11. Operator przypisania (05:26)

12. Stałe (03:53)

Instrukcje warunkowe

13. Instrukcja IF (07:40)

14. Instrukcja ELSE IF (07:49)

15. Instrukcja SWITCH CASE (07:30)

16. Operatory relacyjne (06:07)

17. Operatory logiczne (11:26)

18. Wyrażenia warunkowe (05:54)

Tablice

19. Tablice – wprowadzenie (04:25)

20. Inicjalizacja tablic (05:03)

Pętle

21. Pętla FOR (07:06)

22. Pętle i tablice (09:45)

23. Pętla WHILE (09:13)

24. Zagnieżdżanie pętli (03:49)

25. Instrukcje BREAK i CONTINUE (09:11)

Funkcje

26. Wprowadzenie do funkcji (06:57)

27. Funkcja z parametrem (08:45)

28. Funkcja zwracająca wartość (07:08)

29. Funkcja wywołująca funkcje (03:40)

30. Zakres zmiennych (06:40)

Obiekty

31. Obiekty – wstęp (06:56)

32. Konstruktor (06:31)

33. Metody (11:07)

34. Funkcje anonimowe (09:28)

35. Klasy w JavaScript (08:18)

36. Stałe klasowe (07:02)

Obiekty wbudowane

37. Obiekt MATH (10:11)

38. Obiekt ARRAY (14:57)

39. Obiekt DATE – inicjalizacja (08:49)

40. Obiekt DATE – metody (08:50)

41. Obiekt STRING (14:22)

42. Obiekt STRING – formatowanie (06:02)

43. Wyrażenia regularne (08:32)

44. Wyrażenia regularne – rozwinięcie (12:29)

Obiektowy model dokumentu

45. DOM – wprowadzenie (05:02)

46. Odwołania do węzłów (08:37)

47. Typy węzłów (05:36)

48. Drzewo węzłów (10:25)

49. Tworzenie nowych węzłów (05:55)

50. Metoda GET ELEMENTS BY TAG NAME (05:14)

Zdarzenia i okienka

51. Zdarzenia – wprowadzenie (06:35)

52. Zdarzenie ON MOUSE OVER (05:19)

53. Okienka (07:01)

Walidacja formularzy

54. Formularze – wstęp (07:46)

55. Pole typu CHECKBOX (05:35)

56. Sprawdzanie wartości liczbowych (06:18)

57. Weryfikacja adresu Email (06:29)

58. Zdarzenia ON FOCUS i ON BLUR (06:57)

Różne

59. JavaScript i CSS (05:10)

60. Otwieranie okien (05:56)

61. Liczniki Czasu (05:46)

galeria