Podstawy JavaScript Dawid Poªap Dawid Poªap Technologia informacyjna Grudzie«, 2017 1 / 13
Plan na reszt zaj z TI Dzisiaj podstawy podstaw programowania w konsoli. W nowym roku na stronie internetowej ;). Dawid Poªap Technologia informacyjna Grudzie«, 2017 2 / 13
Plan na reszt zaj z TI Dzisiaj podstawy podstaw programowania w konsoli. W nowym roku na stronie internetowej ;). Plan na pozostaªe zaj cia z technologi informacyjnej to 1 Podstawy JavaScript w konsoli, 2 Podstawy JavaScript na stronie internetowej, 3 Praca nad projektem, 4 Praca nad projektem/dokumentacj i jego ocena. Dawid Poªap Technologia informacyjna Grudzie«, 2017 2 / 13
Kilka sªów o JavaScript ;) Dawid Poªap Technologia informacyjna Grudzie«, 2017 3 / 13
Pierwszy skrypt 1 Podobnie jak plik CSS, tworzymy nowy plik o nazwie skrypt.js i zapisujemy go w miejscu gdzie znajduje si nasza strona internetowa. Dawid Poªap Technologia informacyjna Grudzie«, 2017 4 / 13
Pierwszy skrypt 1 Podobnie jak plik CSS, tworzymy nowy plik o nazwie skrypt.js i zapisujemy go w miejscu gdzie znajduje si nasza strona internetowa. 2 Dopisujemy wpliku html w obszarze head nast puj c linijk o doª czeniu pliku zewn trzengo <script src="skrypt.js"></script> Dawid Poªap Technologia informacyjna Grudzie«, 2017 4 / 13
Pierwszy skrypt W pliku skrypt.js zapisujemy console.log(hello world); Dawid Poªap Technologia informacyjna Grudzie«, 2017 5 / 13
Pierwszy skrypt W pliku skrypt.js zapisujemy console.log(hello world); Aby sprawdzi, czy nasz skrypt dziaªa: 1 Otwieramy nasz stron html w przegl darce Chrome. Dawid Poªap Technologia informacyjna Grudzie«, 2017 5 / 13
Pierwszy skrypt W pliku skrypt.js zapisujemy console.log(hello world); Aby sprawdzi, czy nasz skrypt dziaªa: 1 Otwieramy nasz stron html w przegl darce Chrome. 2 Klikamy F12. Dawid Poªap Technologia informacyjna Grudzie«, 2017 5 / 13
Zmienne Zmienne Zmienne to pudeªka, które mog przechowywa konkretne warto±ci. Dawid Poªap Technologia informacyjna Grudzie«, 2017 6 / 13
Zmienne Zmienne Zmienne to pudeªka, które mog przechowywa konkretne warto±ci. var zmienna1 = 5; var zmienna2 = 10; var zmienna3 = zmienna1 + zmienna2; console.log(zmienna3); Dawid Poªap Technologia informacyjna Grudzie«, 2017 6 / 13
Zmienne Zmienne Zmienne to pudeªka, które mog przechowywa konkretne warto±ci. var zmienna1 = 5; var zmienna2 = 10; var zmienna3 = zmienna1 + zmienna2; console.log(zmienna3); var zmienna4 = "Cze± "; console.log(zmienna4); Dawid Poªap Technologia informacyjna Grudzie«, 2017 6 / 13
Operatory Operator Dziaªanie Przykªad zapisu Dziaªanie + dodawanie a+ =b a =a+b - odejmowanie a =b a =a-b * mno»enie a =b a =a*b / dzielenie a/ =b a = a/b % modulo a% =b a = a%b Dawid Poªap Technologia informacyjna Grudzie«, 2017 7 / 13
Zadanie I Przetestuj wszystkie operatory i zapoznaj si z ich dziaªaniem. Dawid Poªap Technologia informacyjna Grudzie«, 2017 8 / 13
Instrukcje warunkowe if (warunek) {...instrukcje je»eli warunek jest poprany } else {...w innych przypadku } Dawid Poªap Technologia informacyjna Grudzie«, 2017 9 / 13
Instrukcje warunkowe if (warunek) {...instrukcje je»eli warunek jest poprany } else {...w innych przypadku } Przykªad: Je»eli liczba a jest podzielna przez dwa, wydrukuj odpowiedz Podzielna przez 2., w innym przypadku Nie jest podzielna przez 2.. var a = 10; if(a%2==0) { console.log("podzielna przez 2."); } else { console.log("nie jest podzielna przez 2.")} Dawid Poªap Technologia informacyjna Grudzie«, 2017 9 / 13
Zadanie II Napisz program, który sprawdzi ile jest miejsc zerowych funkcji kwadratowej. var a=10; var b=4; var c=4;?? Dawid Poªap Technologia informacyjna Grudzie«, 2017 10 / 13
P tla for P tle stosujemy do powtarzania danej operacji n razy. for(inicjalizacja it warunek stopu; krok iteratora) { dziaªanie w p tli } Dawid Poªap Technologia informacyjna Grudzie«, 2017 11 / 13
P tla for P tle stosujemy do powtarzania danej operacji n razy. for(inicjalizacja it warunek stopu; krok iteratora) { dziaªanie w p tli } Przykªad: Wydrukuj w konsoli wszystkie liczby parzyste od 1 do 30. for(var i=1;i<31;i++) { console.log(i); } Dawid Poªap Technologia informacyjna Grudzie«, 2017 11 / 13
Zadania Zadanie III Wydrukuj wszystkie liczby podzielne przez 2,3 i 6 z przedziaªu 10, 1000 Zadanie IV Znajd¹ wszystkie liczby caªkowite x 0, 30 które speªniaj nast puj ce równanie x 5 46x 4 + 644x 3 3074x 2 + 2475x = 0 Dawid Poªap Technologia informacyjna Grudzie«, 2017 12 / 13
Koniec Wesoªych wi t ;) Dawid Poªap Technologia informacyjna Grudzie«, 2017 13 / 13