Podstawy JavaScript. Dawid Poªap. Dawid Poªap Technologia informacyjna Grudzie«, / 13

Transkrypt

1 Podstawy JavaScript Dawid Poªap Dawid Poªap Technologia informacyjna Grudzie«, / 13

2 Plan na reszt zaj z TI Dzisiaj podstawy podstaw programowania w konsoli. W nowym roku na stronie internetowej ;). Dawid Poªap Technologia informacyjna Grudzie«, / 13

3 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«, / 13

4 Kilka sªów o JavaScript ;) Dawid Poªap Technologia informacyjna Grudzie«, / 13

5 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«, / 13

6 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«, / 13

7 Pierwszy skrypt W pliku skrypt.js zapisujemy console.log(hello world); Dawid Poªap Technologia informacyjna Grudzie«, / 13

8 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«, / 13

9 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«, / 13

10 Zmienne Zmienne Zmienne to pudeªka, które mog przechowywa konkretne warto±ci. Dawid Poªap Technologia informacyjna Grudzie«, / 13

11 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«, / 13

12 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«, / 13

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«, / 13

14 Zadanie I Przetestuj wszystkie operatory i zapoznaj si z ich dziaªaniem. Dawid Poªap Technologia informacyjna Grudzie«, / 13

15 Instrukcje warunkowe if (warunek) {...instrukcje je»eli warunek jest poprany } else {...w innych przypadku } Dawid Poªap Technologia informacyjna Grudzie«, / 13

16 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«, / 13

17 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«, / 13

18 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«, / 13

19 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«, / 13

20 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 x x x = 0 Dawid Poªap Technologia informacyjna Grudzie«, / 13

21 Koniec Wesoªych wi t ;) Dawid Poªap Technologia informacyjna Grudzie«, / 13