Podstawy języka Javascript - języka przeglądarek internetowych

Kurs e-learningowy stworzony na potrzeby projektu pt. "Nauka? Taką - to ja lubię! - popularyzacja matematyki, fizyki i informatyki" w ramach programu: Społeczna Odpowiedzialność Nauki, moduł: Popularyzacja nauki i promocja sportu.

Ten interaktywny kurs e-learningowy pod nazwą "Podstawy języka JavaScript - języka przeglądarek internetowych" jest stworzony dla początkujących programistów, którzy chcą nauczyć się podstaw języka JavaScript. W trakcie tego kursu uczestnicy poznają zasady działania języka JavaScript i jego zastosowanie w tworzeniu dynamicznych aplikacji internetowych.

Kurs zaczyna się od wprowadzenia do języka JavaScript, w tym jego historii i zastosowań. Następnie uczestnicy będą uczyć się podstawowych koncepcji takich jak zmienne, operatory, instrukcje warunkowe i pętle. Będą również uczyć się, jak tworzyć funkcje i obiekty w JavaScript, co jest kluczowe dla zrozumienia, jak działają aplikacje internetowe.

Kurs zawiera również sekcje poświęcone tworzeniu interaktywnych elementów na stronie internetowej, takich jak formularze i elementy nawigacji. Uczestnicy będą uczyć się, jak łączyć JavaScript z HTML i CSS, aby tworzyć dynamiczne i interaktywne strony internetowe.

Cały kurs jest oparty na praktycznych ćwiczeniach i projektach, które pozwolą uczestnikom wykorzystać swoją wiedzę w praktyce i zrozumieć jak działają aplikacje internetowe. Po ukończeniu tego kursu, uczestnicy będą mieć solidne podstawy języka JavaScript i będą gotowi do dalszej nauki i tworzenia bardziej zaawansowanych aplikacji internetowych.

Zapraszamy na nasz kurs e-learningowy "Podstawy języka JavaScript - języka przeglądarek internetowych", jeśli jesteś gotów nauczyć się jednego z najważniejszych języków programowania i rozpocząć swoją karierę jako programista aplikacji internetowych.

WYMAGANIA WSTĘPNE

Aby przystąpić do realizacji kursu wymagane są:

1. Dostęp do komputera i stabilnego łącza internetowego: kurs jest dostępny online i wymaga dostępu do komputera i stabilnego łącza internetowego w celu wykonywania ćwiczeń i projektów.

2. Zainteresowanie i motywacja: uczestnicy powinni być zainteresowani nauką języka JavaScript oraz rozwijaniem swoich umiejętności programistycznych.

CELE KURSU

• Zdobędziesz praktyczne umiejętności programowania z wykorzystaniem języka JavaScript.

• Poznasz podstawy składni języka, a także jego funkcjonalność i możliwości.

• Dowiesz się, jak korzystać z JavaScript, aby tworzyć interaktywne elementy na stronach internetowych.

• Przekonasz się o mocy języka JavaScript i jego zastosowaniach w programowaniu aplikacji internetowych.

• Nauczysz się, jak wykorzystywać JavaScript w połączeniu z HTML i CSS, aby stworzyć dynamiczne i interaktywne strony internetowe.

PORUSZANE ZAGADNIENIA

MODUŁ 1 - Struktura języka JavaScript. Pojęcie zmiennej w programowaniu

Skupia się na podstawach języka i jego składni. W tym module uczestnicy dowiedzą się o pojęciu zmiennych w programowaniu i jak wykorzystywać je w JavaScript.

Pojęcie zmiennej w programowaniu jest niezbędne dla każdego programisty. Zmienna jest to miejsce w pamięci komputera, w którym można przechowywać wartości, takie jak liczby, ciągi znaków i inne dane. W JavaScript zmienne są używane do przechowywania i manipulowania danymi w aplikacji.

W trakcie tego modułu uczestnicy nauczą się, jak tworzyć zmienne w JavaScript, jak je przypisywać i jak wykorzystywać je w swoich aplikacjach. Będą też poznawać różne typy danych, takie jak liczby, ciągi znaków i wartości logiczne, oraz jak je przetwarzać.

Moduł ten jest kluczowy dla rozpoczęcia pracy z językiem JavaScript i jest niezbędny dla dalszego rozwijania umiejętności programistycznych.

MODUŁ 2 - Tablice w języku Javascript

Moduł "Tablice w języku JavaScript" poświęcony jest pojęciu tablic w programowaniu. Tablice są to specjalne rodzaje zmiennych, które pozwalają na przechowywanie wielu wartości jednocześnie.

W trakcie tego modułu uczestnicy nauczą się, jak tworzyć tablice w JavaScript, jak dodawać, usuwać i modyfikować elementy w tablicach oraz jak wykorzystywać tablice do realizacji swoich projektów.

Dzięki temu modułowi uczestnicy poznają różne sposoby przetwarzania danych w tablicach, takie jak sortowanie, wyszukiwanie i filtrowanie danych. Będą też poznawać różne funkcje i metody, które umożliwiają manipulowanie tablicami, a także jak wykorzystywać tablice w połączeniu z pętlami, aby automatyzować swoje aplikacje.

Ten moduł jest kluczowy dla każdego programisty, ponieważ tablice są jednym z najważniejszych narzędzi w programowaniu i są używane we wszystkich językach programowania.

MODUŁ 3 - Pojęcie obiektu w JavaScript

Moduł "Pojęcie obiektu w JavaScript" jest poświęcony pojęciu obiektów w programowaniu. Obiekty to specjalne rodzaje zmiennych, które pozwalają na przechowywanie złożonych danych i funkcji.

W trakcie tego modułu uczestnicy nauczą się jak tworzyć obiekty w JavaScript, jak dodawać właściwości i metody do obiektów, oraz jak wykorzystywać obiekty w swoich aplikacjach.

Dzięki temu modułowi uczestnicy poznają koncept dziedziczenia obiektów, a także jak tworzyć i modyfikować obiekty za pomocą różnych wzorców projektowych, takich jak wzorzec konstruktora i prototypu.

Ten moduł jest kluczowy dla każdego programisty, ponieważ obiekty są fundamentalnym elementem języka JavaScript i są używane we wszystkich rodzajach aplikacji. Poznając pojęcie obiektów, uczestnicy będą w stanie tworzyć bardziej złożone i elastyczne aplikacje.

MODUŁ 4 - Język znaczników HTML. Struktury warunkowe w JavaScript

Moduł "Język znaczników HTML. Struktury warunkowe w JavaScript" skupia się na podstawach języka HTML oraz nauce o podstawowych konstrukcjach programistycznych, które pozwalają na wykonywanie różnych działań w zależności od określonych warunków.

W tym module uczestnicy poznają podstawowe znaczniki HTML, takie jak head, body, div, p, a, img i inne, które są niezbędne do stworzenia prostych stron internetowych. Poznają również, jak zastosować style CSS do określenia wyglądu strony.

Uczestnicy nauczą się również, jak korzystać z warunków w JavaScript, aby wykonywać różne instrukcje w zależności od określonych warunków. Dzięki temu modułowi uczestnicy będą w stanie tworzyć aplikacje, które będą reagować na różne warunki. To ważna umiejętność, która jest niezbędna w codziennym programowaniu.

MODUŁ 5 - Struktury cykliczne oraz pojęcie funkcji w JavaScript

Moduł "Struktory cykliczne oraz pojęcie funkcji w JavaScript" skupia się na tworzeniu funkcji w tym języku jako podprogramy, które mogą być użyte w wielu miejscach programu.

Podane zostaną różne rodzaje pętli, takie jak pętla for, while, i do-while, aby wykonywać pewne działania wiele razy.

W tym module uczestnicy poznają pojęcie funkcji i nauczą się, jak tworzyć i wywoływać funkcje. Dowiedzą się także, jak funkcje pomagają w modularnym i zorganizowanym programowaniu oraz jak funkcje mogą być wykorzystywane do wielokrotnego wykorzystywania kodu.

Uczestnicy poznają również koncepcję argumentów funkcji oraz jak funkcje mogą zwracać wartości, co jest bardzo ważne w procesie pisania skomplikowanych aplikacji.

Ten moduł jest ważnym elementem dla każdego programisty, który chce nauczyć się języka JavaScript, ponieważ funkcje są podstawowym konstruktem programistycznym i są używane w każdej aplikacji napisanej w tym języku.

MODUŁ 6 - Pojęcie DOM w JavaScript

Moduł "Pojęcie DOM w JavaScript" skupia się na pojęciu DOM (Modelu Obiektowego Dokumentu) w JavaScript.

Kolejnym ważnym aspektem tego modułu jest pojęcie DOM, które jest fundamentalne w programowaniu JavaScript na stronach internetowych. Uczestnicy dowiedzą się, jak manipulować elementami HTML za pomocą JavaScript, jak odnajdywać i zmieniać elementy na stronie oraz jak reagować na zdarzenia użytkownika na stronie.

Ten moduł jest ważnym elementem dla każdego programisty, który chce nauczyć się JavaScript w kontekście aplikacji internetowych, ponieważ HTML i DOM są niezbędne do stworzenia interaktywnych stron internetowych.

MODUŁ 7 - Programowanie imperatywne w JavaScript

Moduł "Programowanie imperatywne w JavaScript" koncentruje się na aspektach programowania imperatywnego w języku JavaScript, zwłaszcza na funkcjach setTimeout i setInterval.

W tym module uczestnicy poznają sposób, w jaki można wykorzystać funkcję setTimeout do wywoływania funkcji po upływie określonego czasu. Dowiedzą się również, jak używać funkcji setInterval, aby wywoływać funkcję w określonych interwałach czasu.

Ten moduł jest szczególnie przydatny dla programistów tworzących aplikacje internetowe z dynamicznym zawartością, takie jak animacje, pasek postępu i aktualizacje danych na żywo.

Poprzez ćwiczenia i przykłady uczestnicy będą mieli okazję wykorzystać zdobytą wiedzę i nauczą się, jak tworzyć interaktywne aplikacje internetowe, korzystając z funkcji setTimeout i setInterval.

MODUŁ 8 - Tworzenie gier w JavaScript

Moduł "Tworzenie gier w JavaScript: gry wisielec i odnajdź płonący skarb" koncentruje się na tworzeniu gier w języku JavaScript.

Uczestnicy poznają sposób na stworzenie gry wisielec i gry odnajdź płonący skarb, korzystając z wiedzy zdobytej w poprzednich modułach, takich jak funkcje, warunki i cykle.

Ten moduł pozwala uczestnikom zastosować swoją wiedzę i umiejętności w praktyce, co jest niezwykle ważne dla rozwijania kompetencji programistycznych.

Poprzez krok po kroku instrukcje i ćwiczenia, uczestnicy będą mieli okazję stworzyć swoje własne gry i zdobyć praktyczne doświadczenie w programowaniu gier w języku JavaScript. Po zakończeniu tego modułu uczestnicy będą mieli solidne podstawy, aby tworzyć swoje własne gry i rozwijać swoje umiejętności programistyczne.

ZALECANA LITERATURA

Kurs został przygotowany na podstawie książki N. Morgan, JavaScript for Kids, Wyd. No stratch Press, 2014. Ponadto zalecamy dodatkowo następujące pozycje: 

• D. Flanagan, JavaScript. Przewodnik. Poznaj język mistrzów prgoramowania, Wyd. PWN, 2021
• Strona dokumentacji języka JavaScript

WARUNKI ZALICZENIA

Każdy z modułów zawiera dwa elementy ćwiczeń. Pierwszy z nich to test wiedzy. Jest to test składający się z pytań wielokrotnego lub jednokrotnego wyboru, sprawdzający wiedzę z teorii. Następnie jest spis zadań programistycznych, które kursant powinien wykonać samodzielnie jako zadanie domowe. Warunkiem zaliczenia kursu będzie zaliczenie testów wiedzy. Zadania programistyczne zostawiamy kursantowi jako zadania domowe do wykonania samodzielnie. W ramach problemów warto kontaktować się na adres email: mateusz.miotk@ug.edu.pl.

Warunkiem ukończenia kursu jest pozytywnie zaliczenie testów wiedzy. Przewidziano maksymalnie 3 próby rozwiązania każdego pytania w teście wiedzy.

WARUNKI OTRZYMANIA ZAŚWIADCZENIA

Warunkiem otrzymania zaświadczenia jest ukończenie kursu i zaliczenie testów wiedzy na poziomie minimum 50%.

Zaświadczenie będzie dostępne od razu po pozytywnym zaliczeniu testów wiedzy na poziomie minimum 50%.

KADRA KURSU

mgr Mateusz Miotk

Asystent, Uniwersytet Gdański, Wydział Matematyki, Fizyki i Informatyki

Pracownik badawczo-dydaktyczny w Instytucie Informatyki na wydziale Matematyki, Fizyki i Informatyki Uniwersytetu Gdańskiego. Z zawodu programista i tester oprogramowania. Obecnie skupiony na procesie wytwarzania aplikacji internetowych z wykorzystaniem języka JavaScript. Ponadto ogromny entuzjasta języka Python. Naukowo zajmuje się zagadnieniami z związanymi z grafami dwudzielnymi w teorii grafów.