1

2 JavaScript informatyka +JavaScript, to język programowania, obsługiwany przez wiele współczesnych przeglądarek WWW Internet Explerer Opera Safari Firefox Google Chrome Konqueror Tak naprawdę, to JavaScript składa się z kilku elementów. Jednym z nich jest język programowania ECMAScript (standard ECMA-262). Drugim elementem jest interfejs programistyczny (API) służący do obsługi HTML. Dodatkowo są w nim biblioteki standardowe (np. Math) i API do obsługi przeglądarki (back, forward, history, ...) JavaScript jest wykorzystywany nie tylko w przeglądarkach, ale również w innych zastosowaniach. Można go na przykład wykorzystywać po stronie serwera tworząc serwisy WWW, działa wtedy podobnie do PHP. Nie wszystkie przeglądarki implementują pełną specyfikację JavaScriptu, a na dodatek specyfikacja ta nie jest precyzyjna. Do tego wykładu dołączone jest kilkanaście przykładów. Sugeruję przeplatać je ze slajdami. Sprawdzałem działanie przykładów na Firefoksie 3.5. Fajnie by było mieć podczas wykładu jakiś edytor tekstu lepszy niż notatnik. informatyka + 2

3 Na co pozwala? informatyka + JavaScript (JS) pozwala m. in. na:dynamiczne modyfikowanie zawartości stron reagowanie na akcje podejmowane przez użytkownika (kliknięcie, wpisanie tekstu, ruch myszką) przeprowadzanie obliczeń Podczas tych zajęć pokażemy wykorzystanie wszystkich tych elementów JS pozwala na wiele więcej, ale są to zaawansowane wiadomości. Można w nim m.in. ustawiać ciasteczka, wykonywać asynchroniczne żądania HTTP, obsługiwać wtyczki, tworzyć animacje (np. animując SVG), wyświetlać filmy (w połączeniu z tagiem video), itd. Nie można za pomocą JS bez użycia dodatkowych wtyczek zapisywać plików na dysku, obsługiwać baz danych (to się zmieni wraz z rozwojem HTML5 i technologii typu Google Gears) wysyłać maili bez pośredniego serwera przechwytywać video z kamerki internetowej przechwytywać audio z mikrofonu informatyka + 3

4 informatyka + Wykorzystajmy JS jako kalkulator: To jest przykład p1.html. Na następnym slajdzie jest opis tego skryptu. Ciekawe rzeczy dzieją się w momencie kiedy dopiszemy coś do HTML przed lub po skrypcie. To co jest po pokaże się dopiero w momencie kiedy zamkniemy okienko z wynikiem obliczeń. Na tym slajdzie należy zwrócić uwagę na to, że instrukcje oddzielamy średnikami, ale tak nie musi być. W JS przejście do nowego wiersza oznacza to samo co średnik, więc można by te średniki ominąć i program nadal by działał. Można poeksperymentować z wcięciami i sprawdzić, że białe znaki nie mają wpływu na zachowanie programu. Można wpisać inną formułę używająć +,-,*,/,%(modulo) i nawiasów. informatyka + 4 { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://slideplayer.pl/839175/2/images/4/informatyka+%2B+Wykorzystajmy+JS+jako+kalkulator%3A+%3Chtml%3E.jpg", "name": "informatyka + Wykorzystajmy JS jako kalkulator: ", "description": "kalkulator