Aplikacje i usługi internetowe
|
|
|
- Witold Górecki
- 6 lat temu
- Przeglądów:
Transkrypt
1 Aplikacje i usługi internetowe Podstawy Programowania Iwona Kochańska
2 Statyczne strony Statyczny HTML Serwowanie tej samej treści wszystkim użytkownikom przy każdym żadaniu danego zasobu Zmiana treści wymaga modyfikacji zawartości pliku po stronie serwera Style CSS Statyczne reguły stylów dla elementów dokumentów HTML Style uzależnione od akcji użytkownika na stronie Brak możliwości modyfikowania struktury dokumentu HTML Aplikacje i usługi internetowe 2016/17 2/87
3 Dynamiczne strony Dynamika po stronie klienta przegladarki Modyfikowanie treści, struktury, wygladu dokumentu HTML już po jego załadowaniu w przegladarce - bez komunikacji z serwerem, JavaScript. Dynamika po stronie serwera Generowanie dokumentu HTML przez aplikację działajac a po stronie serwera, Serwowanie różnych treści, np. w zależności od użytkownika, dnia tygodnia, etc., PHP, Ruby on Rails, Python, ASP.NET MVC, Java,... Aplikacje i usługi internetowe 2016/17 3/87
4 Język JavaScript JavaScript to język programowania, który umożliwia wzbogacenie kodu HTML o: interaktywność, animacje, dynamiczne efekty wizualne. Pierwsza wersja rok 1995, przegladarka Netscape Navigator 2.0 Pierwotna nazwa: LiveScript JavaScript nazwa marketingowa (przyciagnięcie uwagi deweloperów na fali szybko rosnacej popularności języka Java) JavaScript i Java to dwa odrębne, niezależne języki programowania! Aplikacje i usługi internetowe 2016/17 4/87
5 Język JavaScript JScript Internet Explorer 3.0, 1996 rok bazował na języku JavaScript i oferował własne rozszerzenia, był niekompatybilny z językiem JavaScript (różnice w API) ECMAScript specyfikacja (standard) języka skryptowego (Ecma International, prace rozpoczęte po koniec 1996 roku definiuje jednolity standard unifikujacy języki JavaScript i JScript kompatybilność między przegladarkami Aplikacje i usługi internetowe 2016/17 5/87
6 Język JavaScript Wszystkie popularne przegladarki interpretuja JavaScript Wszystkie implementacje bazuja na standardzie ECMAScript Różne implementacje dostarczaja własne rozszerzenia, np. dodatkowe API, metody rozszerzajace istniejace API Problemy z kompatybilnościa w różnych przegladarkach! Aplikacje i usługi internetowe 2016/17 6/87
7 Język JavaScript - typowe zastosowania Modyfikowanie struktury i treści dokumentu po załadowaniu strony (API DOM), Reagowanie na działania użytkownika w przegladarce np. kliknięcie przycisku, wskazanie elementu kursorem, Walidacja danych w formularzach bez wysyłania żadań do serwera, Wyświetlanie reklam np. Google AdWords, Amazon Advertising, Statystyki odwiedzin np. Google Analytics. Aplikacje i usługi internetowe 2016/17 7/87
8 Podstawowa struktura strony HTML HTML - organizacja treści CSS - prezentacja JavaScript - interakcja z użytkwonikiem zrodło: Aplikacje i usługi internetowe 2016/17 8/87
9 Gdzie umieścić kod JavaScript? HTML 4 <! doctype html> <html> <head> <meta charset="utf -8"> < t i t l e > T i t l e < / t i t l e > < script type="text/javascript">... < / script> < / head> <body> Content < / body> < / html> HTML 5 <! doctype html> <html> <head> <meta charset="utf -8"> < t i t l e > T i t l e < / t i t l e > < script>... < / script> < / head> <body> Content < / body> < / html> Aplikacje i usługi internetowe 2016/17 9/87
10 Gdzie umieścić kod JavaScript? Kod JavaScript w kodzie HTML <! doctype html> <html> <head> <meta charset="utf -8"> < t i t l e > T i t l e < / t i t l e > < script> document. w r i t e ( "<p> Hello World!</p>" ) ; < / script> < / head> <body> Content < / body> < / html> Kod JavaScript w osobnym pliku (helloworld.js) <! doctype html> <html> <head> <meta charset="utf -8"> < t i t l e > T i t l e < / t i t l e > < script src = "helloworld.js"> < / script> < / head> <body> Content < / body> < / html> Aplikacje i usługi internetowe 2016/17 10/87
11 Literatura I Specyfikacja języka ECMAScript JavaScript Tutorial na David Sawyer McFarland, JavaScript i jquery. Nieoficjalny podręcznik. Wydanie III, Helion, 2013 Aplikacje i usługi internetowe 2016/17 11/87
12 Instrukcje Instrukcja to podstawowa jednostka języka programowania Instrukcje moga być: uniwersalne (np. isnan()) specyficzne dla przegladarek (np. alert(), document.write()) Każda instrukcja JavaScript kończy się średnikiem Instrukcja może zajmować kilka linii kodu, np: var text = Adam ma psów + i koty ; Aplikacje i usługi internetowe 2016/17 12/87
13 Zmienne Zmienne sa to konstrukcje programistyczne pozwalajace na przechowywanie danych. Każda zmienna posiada: nazwę, dzięki której można się do niej odwoływać w kodzie skryptu, typ, który określa, jakiego rodzaju dane może przechowywać zmienna. Nazwy zmiennych powinny powinny być jasne i znaczace! Przykłady zmiennych: var indeks ; var name = " Thomas Edison "; var liczba = 42, licznik, liczba_stron = 10; var tablica = [" Ala ", " Zosia ", " Ania "]; Aplikacje i usługi internetowe 2016/17 13/87
14 Nazwy zmiennych Nazwa jest nadawana zmiennej przez programistę Może być dowolna, jednak musi spełniać następujace zasady: musi zaczynać się od litery, znaku $ lub _ może zawierać jedynie litery, cyfry, znak $ i _ może zawierać znaki narodowe (czyli np. polskich liter a, ź czy ć) W nazwach wolno stosować zarówno duże, jak i małe litery, ale sa one rozróżniane Znak $ - mimo że jest dopuszczalny, lepiej go nie używać (korzystaja z niego często narzędzia do automatycznego generowania i optymalizacji kodu) Należy unikać słów kluczowych jako nazw zmiennych Aplikacje i usługi internetowe 2016/17 14/87
15 Słowa kluczowe języka JavaScript break else instanceof true case false new try catch finally null typeof continue for return var default function switch void delete if this while do in throw with Aplikacje i usługi internetowe 2016/17 15/87
16 Słowa zarezerwowane dla przyszłych wersji ECMAScript abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public Aplikacje i usługi internetowe 2016/17 16/87
17 Słowa zarezerwowane na potrzeby przegladarek alert history open screeny blur innerheight outerheight statusbar closed innerwidth outerwidth window document length parent focus location screen frames navigator screenx Aplikacje i usługi internetowe 2016/17 17/87
18 Tworzenie zmiennych Deklaracja zmiennej - za pomoca słowa kluczowego var var typ_zmiennej nazwa_zmiennej = wartosc ; Przykład: var zmienna1 ; var zmienna2 = 100; Deklaracja zmiennej bez słowa kluczowego var - zmienna jest globalna: zmienna = 100; Takiej deklaracji unikamy! Aplikacje i usługi internetowe 2016/17 18/87
19 Tworzenie zmiennych Deklaracja kilku zmiennych w jednej instrukcji: var waga = 40, wiek, imie = Alicja ; lub: var waga = 40, wiek, imie = Alicja ; Po utworzeniu zmiennej można zapisać w niej dane dowolnego typu var wiek ; wiek = 10; Wartość zapisana w zmiennej można pobrać za pomoca nazwy tej zmiennej console. log ( wiek ); Aplikacje i usługi internetowe 2016/17 19/87
20 Funkcja console.log() Obiekt console nie jest standardowym obiektem języka JavaScript, jest jednak obsługiwany przez konsole w różnych przegladarkach console.log() powoduje wyświetlenie wiadomości w konsoli Umożliwia logowanie wiadomości na różnych poziomach: console. log (" log test "); console. error (" error test "); console. warn (" warn test "); console. info (" info test "); console. debug (" debug test "); Aplikacje i usługi internetowe 2016/17 20/87
21 Konsola debuggera Przegladarka Mozilla Firefox: klawisz F12 Aplikacje i usługi internetowe 2016/17 21/87
22 Wypisanie wartości zmiennych Na stronie HTML: var text = " Ala ma kota "; document. write ( text ); Wraz ze znacznikami HTML: var text = " Ala ma kota "; document. write ("<p style = font - weight : bold >"); document. write ( text + " </p>"); Aplikacje i usługi internetowe 2016/17 22/87
23 Wypisanie wartości zmiennych Wewnatrz elementu strony HTML: <! DOCTYPE html > <html > <body > <p id=" komunikat " ></p> <script > var text = " Ala ma kota "; document. getelementbyid (" komunikat "). innerhtml = text ; </ script > </body > </html > Aplikacje i usługi internetowe 2016/17 23/87
24 Typy danych W językach programowania przetwarzanie danych przebiega w odmienny sposób w zależności od ich typu Typy danych w języku JavaScript: + dwa typy/wartości specjalne: Null (jedna wartość null) i Undefined (jedna wartość undefined). Aplikacje i usługi internetowe 2016/17 24/87
25 Typ Number Liczby w języku JavaScript to zawsze 64-bitowe liczby zmiennoprzecinkowe w formacie binary64 (IEEE 754 double-precision binary floating-point format) źródło: Wartość liczby zmiennoprzecinkowej jest obliczana według wzoru: x = SMB E gdzie: S - znak liczby (1 lub -1), M - mantysa (znormalizowana liczba ułamkowa) B - podstawa systemu liczbowego (2 dla systemów komputerowych) E - cecha (wykładnik) Aplikacje i usługi internetowe 2016/17 25/87
26 Typ Number Liczby w wyrażeniach moga być zapisane w postaci całkowitej lub rzeczywistej. Możliwy jest także zapis tzw. naukowy. var a = 10; var b = 3.14; var c = e33 ; Precyzja liczb całkowitych to 15 cyfr: var a = 1e15-1; // a = var b = 1e16-1; // b = Maksymalna precyzja liczb rzeczywistych to 17 miejsc dziesiętnych var a = ; // a = var b = (0.3 * * 10) /10; // b = 0.9 Aplikacje i usługi internetowe 2016/17 26/87
27 Typ Number Liczba interpretowana jest jako zapisana w systemie szesnastkowym, jeśli rozpoczyna się ona od znaków 0x var x = 0 xab ; // x = 171 Reprezentacja w różnych systemach pozycyjnych za pomoca metody tostring(): var a = 171; a. tostring (16) ; // a = AB a. tostring (8) ; // a = 253 a. tostring (2) ; // a = Aplikacje i usługi internetowe 2016/17 27/87
28 Typ Number Infinity - nieskończoność. Wartość, jaka zwróci JavaScript w przypadku przekroczenia zakresu liczby var a = 1 / 0; // Infinity var b = -2 / 0; // - Infinity NaN (Not a Number) var a = 100 / " liczba "; // NaN ( Not a Number ) var a = 100 / "10"; // 10 Aplikacje i usługi internetowe 2016/17 28/87
29 Typ Number - metody tostring() var x = 326; x. tostring (); // "326" (326). tostring (); // "326" ( ). tostring (); // "326" toexponential() var x = 5.656; x. toexponential (2) ; // 5.66 e+0 x. toexponential (4) ; // e+0 Aplikacje i usługi internetowe 2016/17 29/87
30 Typ Number - metody tofixed() var x = 5.656; x. tofixed (0) ; // 6 x. tofixed (2) ; // 5.66 toprecision() var x = ; x. toprecision (2) ; // 3.3 x. toprecision (4) ; // Aplikacje i usługi internetowe 2016/17 30/87
31 Konwersja zmiennych do liczb Number() Number ( true ); // 1 Number ("10"); // 10 Number ("10 20"); // NaN ParseInt() parseint ("10"); // 10 parseint (" "); // 10 parseint (" "); // 10 ParseFloat() parsefloat ("10"); // 10 parsefloat (" "); // Aplikacje i usługi internetowe 2016/17 31/87
32 Własności typu Number MAX_VALUE MIN_VALUE NEGATIVE_INFINITY POSITIVE_INFINITY NaN największa możliwa wartość liczby w JS najmniejsza możliwa wartość liczby w JS minus nieskończoność plus nieskończoność Not-a-Number var x1 = Number. MAX_VALUE ; // e +308 var x2 = Number. MIN_VALUE ; // 5e -324 var x3 = Number. NEGATIVE_INFINITY ; // - Infinity var x4 = Number. NaN ; // NaN Aplikacje i usługi internetowe 2016/17 32/87
33 Typ Boolean (logiczny) Typ Boolean reprezentuje dwie wartości: true oraz false Funkcja Boolean() zwraca wartość logiczna wyrażenia Boolean (5 >2) ; // true // lub bez jawnie wywolanej nazwy funkcji : 5 > 2; // true Liczby maja wartość true, z wyjatkiem 0, null oraz NaN: var a = 100; Boolean (a); // true var b = 0; Boolean (b); var c = null ; Boolean (c); // false // false var d = 10/ " kot "; Boolean (d); // false Aplikacje i usługi internetowe 2016/17 33/87
34 Typ Boolean (logiczny) Łańcuch znaków ma wartość true, chyba że jest to łańcuch pusty: var str = " Alicja "; Boolean ( str ); // true var str = ""; Boolean ( str ); // false Zmienna niezdefiniowana ma wartość logiczna false: var x; Boolean (x); // false Aplikacje i usługi internetowe 2016/17 34/87
35 Typ String (łańcuch znaków) Zmienna typu String przyjmuje wartości będace łańcuchami znaków. Łańcuchy znaków definiowane sa za pomoca cudzysłowia lub apostrofów: var imie = " Alicja "; var nazwisko = Nowak ; Cudzysłów w cudzysłowiu: var zdanie1 = " Tytul lektury to Zbrodnia i kara "; var zdanie2 = Tytul lektury to " Zbrodnia i kara " ; var zdanie3 = " Tytul lektury to \" Zbrodnia i kara \""; Aplikacje i usługi internetowe 2016/17 35/87
36 Typ String (łańcuch znaków) Znaki specjalne w łańcuchach znaków: \ apostrof \ cudzysłów \\ backslash \b backspace (usuwa poprzedzajacy znak) \n nowy wiersz \r powrót do poczatku wiersza (powrót karetki) \f wysunięcie strony \t tabulator poziomy \v tabulator pionowy \0ooo znak (ooo) napisany za pomoca liczby w systemie ósemkowym \xhh znak (hh) napisany za pomoca liczby w systemie szesnastkowym Aplikacje i usługi internetowe 2016/17 36/87
37 Typ String (łańcuch znaków) Łamanie długich łańcuchów znaków zgodnie ze standardem ECMAScript var zdanie = " Tytul lektury to \" Zbrodnia i kara \", jej autorem jest Fiodor Dostojewski "; var zdanie = " Tytul lektury to \" Zbrodnia i kara \"," + " jej autorem jest Fiodor Dostojewski "; Niezgodnie ze standardem ECMAScrpit var zdanie = " Tytul lektury to \" Zbrodnia i kara \", \ jej autorem jest Fiodor Dostojewski "; Aplikacje i usługi internetowe 2016/17 37/87
38 Metody klasy String Długość łańcucha znaków: metoda length() var str = " Tytul lektury to \" Zbrodnia i kara \","; document. write ( str. length ); Wynik: 35 Szukanie łańcucha znaków w łańcuchu znaków (Indeks pierwszego znaku to 0!) var str = " Ala ma kota i ten kot jest czarny."; // indeks pierwszego wystapienia : var i = str. indexof (" kot "); // 7 var i = str. indexof (" pies "); // -1 var i = str. search (" kot "); // 7 // indeks ostatniego wystapienia : var i = str. lastindexof (" kot "); // 18 var i = str. lastindexof (" pies "); // -1 Aplikacje i usługi internetowe 2016/17 38/87
39 Metody klasy String Wycinanie fragmentów łańcuchów znaków slice(start, end) - wycina fragment łańcucha znaków i zwraca ten fragment jako nowy string. var str = " Ala ma kota i ten kot jest czarny."; var str2 = str. slice (18, 21) ; //"kot " var str3 = str. slice ( -15, -12); //"kot " var str4 = str. slice (18) ; //" kot jest czarny." start - indeks poczatku wycinanego fragmentu, end - indeks końca wycinanego fragmentu, jeśli indeks jest ujemny, pozycja liczona jest od końca łańcucha znaków, przy braku drugiego parametru końcem fragmentu jest koniec oryginalnego łańcucha, ujemne indeksy nie działaja w przegladarce Internet Explorer 8 i wcześniejszych! substring(start, length) - wycina fragment łańcucha znaków i zwraca ten fragment jako nowy string. Działa tak samo jak slice(), jednak parametry wejściowe nie moga być ujemne. Aplikacje i usługi internetowe 2016/17 39/87
40 Metody klasy String Wycinanie fragmentów łańcuchów znaków substr(start, length) - wycina fragment łańcucha znaków i zwraca ten fragment jako nowy string. var str = " Ala ma kota i ten kot jest czarny."; var str2 = str. substr (18, 3); //"kot " var str3 = str. substr ( -15, 3); //"kot " var str4 = str. substr (18) ; //" kot jest czarny." start - indeks poczatku wycinanego fragmentu, length - liczba znaków wycinanego fragmentu jeśli indeks poczatku jest ujemny, pozycja liczona jest od końca łańcucha znaków. przy braku drugiego parametru końcem fragmentu jest koniec oryginalnego łańcucha Aplikacje i usługi internetowe 2016/17 40/87
41 Metody klasy String replace(str1, str2) - zastępuje fragment łańcucha znaków innym łańcuchem var str = " Ala ma kota i ten kot jest czarny."; var str2 = str. replace (" kot ", " smok "); // Wynik : Ala ma smoka i ten kot jest czarny. var str3 = str. replace (/ kot /g," smok "); // Wynik : Ala ma smoka i ten smok jest czarny. touppercase() i tolowercase() - zamiana małych liter na wielkie: var str = " Ala ma kota i ten kot jest czarny."; var str2 = str. touppercase (); // Wynik : ALA MA KOTA I TEN KOT JEST CZARNY. var str3 = str. tolowercase (); // Wynik : ala ma kota i ten kot jest czarny. Aplikacje i usługi internetowe 2016/17 41/87
42 Metody klasy String concat(str) - łaczenie łańcuchow znaków var str1 = " Ala ma kota "; var str2 = " i ten kot jest czarny."; var str3 = str1. concat (" ",str2 ); // Wynik : Ala ma kota i ten kot jest czarny. var str4 = str1 + " " + str2 ; // Wynik : Ala ma kota i ten kot jest czarny. charat(pos) i charcodeat(pos) - pobranie znaku z łańcucha znaków var str = " Ala ma kota i ten kot jest czarny."; str. charat (0) ; // znak : A str. charcodeat (0) ; // kod ASCII : 65 Aplikacje i usługi internetowe 2016/17 42/87
43 Operatory i przypisania Operatory i przypisania należa do najważniejszych elementów JavaScript. przypisania nadaja wartości zmiennym, operatory wykonuja rozmaite typy operacji Rodzaje operatorów: przypisania przypisania bitowe porównania inkrementacji i dekrementacji logiczne arytmetyczne Aplikacje i usługi internetowe 2016/17 43/87
44 Operatory przypisania operator przykład tożsamy z działaniem = x = y x = y += x += y x = x + y -= x -= y x = x - y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y var x1 = 5; var x2 = 2; var x3 = "5"; var x4 = " Ala "; x1 += 2; //7 x3 += 2; // 52 x3 /= x2; // 26 x4 += x1; // Ala7 x2 %= x3; // 2 Aplikacje i usługi internetowe 2016/17 44/87
45 Operatory przypisania bitowe operator przykład tożsamy z działaniem znaczenie <<= x <<= y x = x << y przesunięcie w lewo >>= x >>= y x = x >> y przesunięcie w prawo >>>= x >>>= y x = x >>> y przesunięcie w prawo ze znakiem var n = 48; // 48 = n >>= 2; // 12 = n <<= 1; // 24 = var n1 = -13, n2 = -13; // -13= n1 >>= 2; // -4= n2 >>>= 2; // = Aplikacje i usługi internetowe 2016/17 45/87
46 Operatory bitowe operator przykład tożsamy z działaniem znaczenie ~ x=~y x=~y NOT &= x &= y x = x & y AND ^= x ^= y x = x ^ y XOR = x = y x = x y OR NOT AND 0 1 XOR 0 1 OR Aplikacje i usługi internetowe 2016/17 46/87
47 Operatory bitowe Jak wyświetlić liczby w postaci binarnej? ( parseint ( , 2) & parseint ( 1111, 2)). tostring (2) // 1010 ( parseint ( , 2) parseint ( 1111, 2)). tostring (2) // ( parseint ( , 2) ^ parseint ( 1111, 2)). tostring (2) // Aplikacje i usługi internetowe 2016/17 47/87
48 Operatory porównania == Zwraca true jeżeli operandy sa równe!= Zwraca true jeżeli operandy sa różne === Zwraca true jeżeli operandy sa równe i tego samego typu!== Zwraca true jeżeli operandy nie sa równe i/lub nie sa tego samego typu > Zwraca true jeżeli lewy operand jest większy od prawego >= Zwraca true jeżeli lewy operand jest większy lub równy prawemu < Zwraca true, jeśli lewy operand jest mniejszy, niż prawy <= Zwraca true jeżeli lewy operand jest mniejszy lub równy prawemu var x1 = 5; var x2 = 5; var x3 = "5"; x1 == x2; // true x1!= x2; // false x1 == x3; // true x1 === x3; // false Number ( x1) === 5; // true x1 < x2; // false x1 <= x2; // true var x1 = " ala "; var x2 = " atest "; var x3 = "5"; var x4 = " Ala "; x1 > x2; // false x1 > x3; // true x1 > x4; // true Aplikacje i usługi internetowe 2016/17 48/87
49 Operatory arytmetyczne + dodawanie / dzielenie ++ inkrementacja - odejmowanie % modulo dekrementacja * mnożenie var x1 = 5; var x2 = "2"; var x3 = " Ala "; x1 + x2 // 52 x2 + x1 // 25 x1 * x2 // 10 x2 * x2 // 4 x2 + x3 // 2 Ala x2 - x1 // -3 x2 - x3 // NaN var x1 = 5; var x2 = 2; var x3 = "5"; var x4 = " Ala "; x1 / x2; // 2.5 x2 / x3; // 0.4 x3 / x2 // 2.5 x1 / x4; // NaN x1 % x2; //1 x3 % x2; //1 var x1 = 5; var x2 = "2"; var x3 = " Ala "; x1 ++; // zwraca 5 - dodaje do x1 wartosc 1 - zwraca 6 ++ x2; // zwraca 3 x3 ++; // NaN Aplikacje i usługi internetowe 2016/17 49/87
50 Operatory logiczne Przykład: operator && tożsamy z działaniem logiczne and logiczne or! logiczne not var x = 2, y = "5"; var flaga = (x &&!y) (!x && y); document. write ( flaga ); Wynik: false x y!x!y x &&!y!x && y flaga 2 5 false false false false false Aplikacje i usługi internetowe 2016/17 50/87
51 Instrukcja warunkowa if if ( warunek ){ instrukcja 1; instrukcja 2;... instrukcja N; } słowo kluczowe if rozpoczyna instrukcję warunkowa jeśli warunek ma wartość logiczna true, wykonywane sa instrukcję w nawiasach { } Aplikacje i usługi internetowe 2016/17 51/87
52 Instrukcja warunkowa if - else if ( warunek ) { instrukcja 1; } else { instrukcja 2; } słowo kluczowe if rozpoczyna instrukcję warunkowa jeśli warunek ma wartość logiczna true, wykonywane sa instrukcję w nawiasach { } jeśli warunek ma wartość logiczna false, wykonywane sa instrukcję w nawiasach { } po słowie kluczowym else dla pojedynczych instrukcji nawiasy { } sa opcjonalne! Aplikacje i usługi internetowe 2016/17 52/87
53 Instrukcja warunkowa if - else if ( hour < 18) { greeting = " Good day "; } else { greeting = " Good evening "; } Aplikacje i usługi internetowe 2016/17 53/87
54 Instrukcja warunkowa if - else if ( warunek1 ) { instrukcja 1; } else if ( warunek2 ) { instrukcja 2; } else if ( warunek3 ) { instrukcja 3; } else { instrukcja 4; } Aplikacje i usługi internetowe 2016/17 54/87
55 Instrukcja warunkowa if - else if ( time < 10) { greeting = " Good morning "; } else if ( time < 20) { greeting = " Good day "; } else { greeting = " Good evening "; } Aplikacje i usługi internetowe 2016/17 55/87
56 Instrukcja warunkowa if-else var x; if (x > 0) x = 1; else if ( x < 0) x = -1; else x = 0; Aplikacje i usługi internetowe 2016/17 56/87
57 Instrukcja warunkowa if-else Instrukcje warunkowe zagnieżdżone - przykład var Op_prog = 5, C_prog = 800; var Op = 10; var C = 1000; var text = Oceniamy telefon + <br > ; if (!( C > 0 && Op > 0)) text += Niepoprawne dane + <br > ; else { text += Model 1: + opinie = + Op +, cena = + C + <br > ; if ( C < C_prog ) text += model niedrogi ; else text += model drogi ; if ( Op < Op_prog ) text += i zle oceniany ; else text += i dobrze oceniany ; } document. write ( text ); Aplikacje i usługi internetowe 2016/17 57/87
58 Instrukcja warunkowa if-else Czy punkt o współrzędnych (x,y) znajduje się wewnatrz prostokata o bokach leżacych na prostych: x = 5, x = 10, y = -4, y = 3? var xp = 5, xk = 10; var yp = -4, yp = 3; var x = 2, y = 2; var text = ; // czy punkt lezy wewnatrz kwadratu? if ( (x >= xp) && (x <= xk) && (y >= yp) && (y <= yk)) text += Punkt lezy wewnatrz kwadratu ; else text += Punkt nie lezy wewnatrz kwadratu ; Aplikacje i usługi internetowe 2016/17 58/87
59 Instrukcja warunkowa if-else Czy punkt o współrzędnych (x,y) znajduje się na zewnatrz prostokata o bokach leżacych na prostych: x = 5, x = 10, y = -4, y = 3? var xp = 5, xk = 10; var yp = -4, yp = 3; var x = 2, y = 2; var text = ; // czy punkt nie lezy wewnatrz kwadratu? if (!(( x < xp) (x > xk) (y < yp) (y > yk)) text += Punkt lezy wewnatrz kwadratu ; else text += Punkt nie lezy wewnatrz kwadratu ; Aplikacje i usługi internetowe 2016/17 59/87
60 Instrukcja warunkowa switch switch ( wyrazenie ) { case n: instrukcje ; break ; case n: instrukcje ; break ; default : domyslne instrukcje } Wartość wyrażenia porównywana jest z wartościami wymienionymi po case. Jeśli sa one równe, wykonywany jest kod po dwukropku, aż do instrukcji break Aplikacje i usługi internetowe 2016/17 60/87
61 Instrukcja warunkowa switch switch ( new Date (). getday ()) { case 0: dzien = " niedziela "; break ; case 1: dzien = " poniedzialek "; break ; case 2: dzien = " wtorek "; break ; case 3: dzien = " sroda "; break ; case 4: dzien = " czwartek "; break ; case 5: dzien = " piatek "; break ; case 6: dzien = " sobota "; } document. write ( dzien ); Aplikacje i usługi internetowe 2016/17 61/87
62 Instrukcja warunkowa switch switch ( new Date (). getday ()) { case 6: text = Dzis jest sobota ; break ; case 0: text = Dzis jest niedziela ; break ; default : text = Czekam na weekend ; } document. write ( text ); Aplikacje i usługi internetowe 2016/17 62/87
63 Instrukcje warunkowe - częste błędy Operator przypisania ( = ) zamiast operatora porównania ( == ). if ( ocena = 5) { text += dobry wynik! ; } Wyrażenie-warunek ocena = 5 ma wartość true, ponieważ przypisanie wartości 5 do zmiennej ocena powiodło się. Instrukcja wewnatrz if zostanie wykonana zawsze! Prawidłowa instrukcja warunkowa: if ( ocena == 5) { text += dobry wynik! ; } Warto warunek konstruować tak: if (5 == ocena ) { text += dobry wynik! ; } Aplikacje i usługi internetowe 2016/17 63/87
64 Instrukcje warunkowe - częste błędy Brak nawiasów { } dla bloku instrukcji wykonywanych warunkowo if ( ocena == 5) liczba_piatek ++; text += dobry wynik! ; Tylko liczba_piatek++ wykonywana jest warunkowo. Druga instrukcja zostanie wykonana zawsze, ponieważ nie znajduje się wewnatrz if. Prawidłowa instrukcja warunkowa: if ( ocena == 5) { liczba_piatek ++; text += dobry wynik! ; } Aplikacje i usługi internetowe 2016/17 64/87
65 Instrukcje iteracyjne Instrukcje iteracyjne (tzw. pętle ) to bloki instrukcji wykonywane wielokrotnie. Przykłady: sprawdzenie, czy użytkownik wypełnił wszystkie 53 pola formularza obsługa tablic Trzy instrukcje iteracyjne: instrukcja for instrukcja while instrukcja do-while Aplikacje i usługi internetowe 2016/17 65/87
66 Instrukcja iteracyjna for for ( wyrazenie1 ; wyrazenie2 ; wyrazenie3 ) { blok instrukcji ; } wyrażenie1 - instrukcja wykonywana przed blokiem instrukcji w pętli wyrażenie2 - warunek, który musi być spełniony, by blok instrukcji został wykonany wyrażenie3 - instrukcja wykonywana po bloku instrukcji w pętli Aplikacje i usługi internetowe 2016/17 66/87
67 Instrukcja iteracyjna for Przykład: for ( i = 0; i < 5; i ++) { text += " Liczba to " + i + " <br >"; } i = 0 - wykonane przed blokiem instrukcji w pętli i < 5 - instrukcja iteracyjna jest wykonywana, jeśli to wyrażenie ma wartość true i++ - wykonane na koniec każdej iteracji Aplikacje i usługi internetowe 2016/17 67/87
68 Instrukcja iteracyjna for W miejscu wyrażenie1 może się znaleźć kilka instrukcji for (i = 0, text =""; i < 5; i ++) { text += " Liczba to " + i + " <br >"; } wyrażenie1 może się też w ogóle nie pojawić var i = 0; for ( ; i < 5; i ++) { text += " Liczba to " + i + " <br >"; } Aplikacje i usługi internetowe 2016/17 68/87
69 Instrukcja iteracyjna for wyrażenie2 również można pominać. Konieczne jest wówczas użycie instrukcji break wewnarz pętli, która przerwie jej działanie var i = 0; for (;; i ++) { text += " Liczba to " + i + " <br >"; if (i >= 5) break ; }... pominać można też wyrażenie3 :) var i = 0; for (;;) { text += " Liczba to " + i + " <br >"; if (i >= 5) break ; i ++; } Aplikacje i usługi internetowe 2016/17 69/87
70 Instrukcja iteracyjna while while ( wyrazenie1 ) { blok instrukcji ; } wyrażenie1 - warunek, który musi być spełniony, by blok instrukcji został wykonany Aplikacje i usługi internetowe 2016/17 70/87
71 Instrukcja iteracyjna while var i = 0; while ( i < 5 ) { text += " Liczba to " + i + " <br >"; i ++; } i < 5 - instrukcja iteracyjna jest wykonywana, jeśli to wyrażenie ma wartość true Aplikacje i usługi internetowe 2016/17 71/87
72 Instrukcja iteracyjna do-while do { blok instrukcji ; } while ( wyrazenie1 ); wyrażenie1 - warunek, który musi być spełniony, by blok instrukcji został wykonany po raz kolejny blok instrukcji zostanie wykonany raz, zanim zostanie sprawdzona wartość logiczna wyrażenie1 Aplikacje i usługi internetowe 2016/17 72/87
73 Instrukcja iteracyjna do-while var i = 5, text = ; while ( i < 5 ) { text += " Liczba to " + i + "<br >"; i ++; } document. write ( text ); Wynik: pusty tekst var i = 5, text = ; do { text += " Liczba to " + i + "<br >"; i ++; } while ( i < 5 ); document. write ( text ); Wynik: Liczba to 5 Aplikacje i usługi internetowe 2016/17 73/87
74 Instrukcje iteracyjne - częste błędy Brak nawiasów { } dla bloku instrukcji wykonywanych iteracyjnie. var i = 0; while ( i < 5 ) text += " Liczba to " + i + " <br >"; i ++; Liczba i nie jest zwiększana wewnatrz instrukcji iteracyjnej. W konsekwencji instrukcja while wykonywana jest nieskończenie wiele razy. Średnik kończacy instrukcję iteracyjna for ( i = 0; i < 5; i++ ); text += " Liczba to " + i + " <br >"; Instrukcja iteracyjna kończy się wraz ze średnikiem. Druga instrukcja w kodzie zostanie wykonana tylko raz. Aplikacje i usługi internetowe 2016/17 74/87
75 Tablice Tablica - umożliwia przechowywanie wielu wartości w jednej zmiennej var nazwa_tablicy = [ element1, element2,...]; Deklaracja może zajmować kilka linii kodu: var osoby = [ " Piotr ", " Jan ", " Adam " ]; Inna forma deklaracji tablicy (rzadziej używana): var osoby = new Array ( element1, element2,...) ; Aplikacje i usługi internetowe 2016/17 75/87
76 Dostęp do elementów tablicy Do elementów tablicy odwołujemy się za pomoca indeksu Pierwszy element tablicy ma indeks równy 0 Odczyt pierwszego elementu tablicy: var imie = osoby [0]; Zapis drugiego elementu tablicy: osoby [1] = " Andrzej "; Odczyt całej tablicy: document. write ( osoby ); wynik: Piotr, Andrzej, Adam Aplikacje i usługi internetowe 2016/17 76/87
77 Dostęp do elementów tablicy Liczba elementów tablicy: document. write ( osoby. length ); Odczyt ostatniego elementu tablicy: var imie = osoby [ osoby. length -1]; W tablicy moga znaleźć się elementy różnego typu: var tablica = [" Andrzej ", " Damian ", 25] ; Aplikacje i usługi internetowe 2016/17 77/87
78 Dostęp do elementów tablicy Dodawanie elementów na koniec tablicy: osoby [ osoby. length ] = " Andrzej "; lub za pomoca metody push(): osoby. push (" Andrzej "); Metoda push() umożliwia dodanie wielu elementów jednocześnie: osoby. push (" Andrzej ", " Damian ", " Patryk "); var tablica = [" Andrzej ", " Damian ", 25] ; tablica. push (" Jan ", 23.2, 11.1, " Anna "); document. write ( tablica ); Wynik: Andrzej,Damian,25,Jan,23.2,11.1,Anna Aplikacje i usługi internetowe 2016/17 78/87
79 Dostęp do elementów tablicy Dodawanie elementów na poczatek tablicy var osoby = [" Piotr ", " Jan ", " Adam "]; osoby. unshift (45, " Andrzej "); document. write ( osoby ); Wynik: 45,Andrzej,Piotr,Jan,Adam Usuwanie elementu z końca tablicy var tablica = [" Andrzej ", " Damian ", 25] ; var usuniety = tablica. pop (); // 25 Usuwanie elementu z poczatku tablicy var tablica = [" Andrzej ", " Damian ", 25] ; var usuniety = tablica. shift (); // Andrzej Usuwanie elementu o dowolnym indeksie var tablica = [" Andrzej ", " Damian ", 25] ; delete tablica [1]; // usuwa drugi element tablicy Aplikacje i usługi internetowe 2016/17 79/87
80 Przetwarzanie tablicy Metoda splice(p1, p2, p3,..) - dodaje/usuwa elementy do tablicy p1 - indeks, poczawszy od którego należy zmienić tablicę, p2 - ile elementów trzeba usunać, p3,... - nowe elementy tablicy. var osoby = [" Andrzej ", " Damian ", 25] ; osoby. splice (1, 0, " Leon ", " Konrad "); document. write ( osoby ); Wynik: Andrzej,Leon,Konrad,Damian,25 var osoby = [" Andrzej ", " Damian ", 25] ; osoby. splice (1, 1); // usuwa drugi element document. write ( osoby ); Wynik: Andrzej,25 Aplikacje i usługi internetowe 2016/17 80/87
81 Przetwarzanie tablicy Metoda join() - łaczenie elementów tablicy w łańcuch znaków var osoby = [" Andrzej ", " Damian ", 25] ; document. write ( osoby. join (" - ")); // Andrzej - Damian -25 Metoda concat() - łaczy tablice ze soba (i zwraca nowa tablicę) var osoby1 = [" Andrzej ", " Damian ", 25]; var osoby2 = [" Jan "]; var osoby3 = [" Aneta ", " Daria "]; var osoby4 = osoby1. concat ( osoby2, osoby3 ); document. write ( osoby4 ); Wynik: Andrzej,Damian,25,Jan,Aneta,Daria Aplikacje i usługi internetowe 2016/17 81/87
82 Przetwarzanie tablicy Metoda slice(p1,p2) - wycina wskazany fragment tablicy (i zwraca nowa tablicę) p1 - indeks, poczawszy od którego należy wyciać fragment tablicy, p2 - jak długi fragment (brak tego parametru oznacza wycięcie wszystkich elementów poczawszy od p1 do końca tablicy), var osoby1 = [" Andrzej ", " Damian ", 25]; var osoby2 = osoby1. slice (1) ; document. write ( osoby2 ); Wynik: Damian,25 var osoby1 = [" Andrzej ", " Damian ", 25]; var osoby2 = osoby1. slice (0,2) ; document. write ( osoby2 ); Wynik: Andrzej, Damian Aplikacje i usługi internetowe 2016/17 82/87
![Iteracyjne przetwarzanie tablicy var tab = []; for (i = 0; i <10; i ++) { tab [i] = i *2; }](/docs-images/65/52939909/images/83-3.jpg "document.")
83 Iteracyjne przetwarzanie tablicy var tab = []; for (i = 0; i <10; i ++) { tab [i] = i *2; } document. write ( tab ); Wynik: 0,2,4,6,8,10,12,14,16,18 Aplikacje i usługi internetowe 2016/17 83/87
84 Iteracyjne przetwarzanie tablicy Kolejność wykonywania działań var tab = []; var i = 0; while (i <10) { tab [i] = (i ++) *3; } document. write ( tab ); Wynik: 0,3,6,9,12,15,18,21,24,27 var tab = []; var i = 0; while (i <10) { tab [i ++] = i *3; } document. write ( tab ); Wynik: 3,6,9,12,15,18,21,24,27,30 Aplikacje i usługi internetowe 2016/17 84/87
85 Iteracyjne przetwarzanie tablicy var osoby, text, o_len, i; osoby = [" Jan ", " Adam ", " Piotr ", " Andrzej ", " Damian "]; o_len = osoby. length ; text = " Osoby :" + "<br >" + "<ul >"; for ( i = 0; i < o_len ; i ++) { text += "<li >" + osoby [i] + " </li >"; } text += " </ul >"; document. write ( text ); Aplikacje i usługi internetowe 2016/17 85/87
![Tablice wielowymiarowe var tablica = []; tablica [0] = [ Marcin, 183 ]; tablica [1] = [ Ania, 173 ]; tablica [2] = [ Agnieszka, 170 ]; for](/docs-images/65/52939909/images/86-3.jpg "( i =0; i <3 ; i ++) console. log ( imie : + tablica [i ][0] +, wzrost : + tablica [i ][1]) ; Aplikacje i usługi internetowe 2016/17 86/87")
86 Tablice wielowymiarowe var tablica = []; tablica [0] = [ Marcin, 183 ]; tablica [1] = [ Ania, 173 ]; tablica [2] = [ Agnieszka, 170 ]; for ( i =0; i <3 ; i ++) console. log ( imie : + tablica [i ][0] +, wzrost : + tablica [i ][1]) ; Aplikacje i usługi internetowe 2016/17 86/87
87 Jak sprawdzić, czy zmienna jest tablica? 1. Operator typeof - zwraca typ zmiennej, jednak tablica jest dla niego obiektem osoby = [" Jan ", " Adam ", " Piotr "]; typeof osoby ; // zwraca : object 2. Metod Array.isArray() - tylko w ECMAScript 5 osoby = [" Jan ", " Adam ", " Piotr "]; Array. isarray ( osoby ); // zwraca : true 3. Operator instanceof - sprawdza, czy obiekt został utworzony przez dany konstruktor osoby = [" Jan ", " Adam ", " Piotr "]; osoby instanceof Array ; // zwraca : true Aplikacje i usługi internetowe 2016/17 87/87
Aplikacje i usługi internetowe
Aplikacje i usługi internetowe Podstawy Programowania WETI PG Statyczne strony Statyczny HTML Serwowanie tej samej treści wszystkim użytkownikom przy każdym żadaniu danego zasobu Zmiana treści wymaga modyfikacji
Programowanie obiektowe
Programowanie obiektowe Wykład 2: Wstęp do języka Java 3/4/2013 S.Deniziak: Programowanie obiektowe - Java 1 Cechy języka Java Wszystko jest obiektem Nie ma zmiennych globalnych Nie ma funkcji globalnych
Kurs programowania. Wykład 1. Wojciech Macyna. 3 marca 2016
Wykład 1 3 marca 2016 Słowa kluczowe języka Java abstract, break, case, catch, class, const, continue, default, do, else, enum, extends, final, finally, for, goto, if, implements, import, instanceof, interface,
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 5 Podstawy JavaScript Agenda Czym jest JavaScript? Podstawowe typy danych Zmienne Tablice Funkcje Zakres
Laboratorium Wstawianie skryptu na stroną: 2. Komentarze: 3. Deklaracja zmiennych
1. Wstawianie skryptu na stroną: Laboratorium 1 Do umieszczenia skryptów na stronie służy znacznik: //dla HTML5 ...instrukcje skryptu //dla HTML4 ...instrukcje
Tworzenie Stron Internetowych. odcinek 10
Tworzenie Stron Internetowych odcinek 10 JavaScript JavaScript (ECMAScript) skryptowy język programowania powszechnie używany w Internecie. Skrypty JS dodają do stron www interaktywność i funkcjonalności,
Rys.2.1. Trzy warstwy stanowiące podstawę popularnego podejścia w zakresie budowy stron internetowych [2]
![Rys.2.1. Trzy warstwy stanowiące podstawę popularnego podejścia w zakresie budowy stron internetowych [2]](/thumbs/39/19385278.jpg "Rys.2.1. Trzy warstwy stanowiące podstawę popularnego podejścia w zakresie budowy stron internetowych [2]")
1. CEL ĆWICZENIA Celem ćwiczenia jest przedstawienie możliwości wykorzystania języka JavaScript do tworzenia interaktywnych aplikacji działających po stronie klienta. 2. MATERIAŁ NAUCZANIA JavaScript tak
Ogólny schemat prostego formularza: A może lepiej zamiast przycisku opartego o input tak:
Ogólny schemat prostego formularza: A może lepiej zamiast przycisku opartego o input tak: accept - typy zawartości MIME akceptowane przez serwer (opcjonalny) accept-charset - zestaw znaków akceptowanych
Krótki kurs JavaScript
Krótki kurs JavaScript Java Script jest językiem wbudowanym w przeglądarkę. Gdy ma się podstawy nabyte w innych językach programowania jest dość łatwy do opanowania. JavaScript jest stosowany do powiększania
Języki skryptowe w programie Plans
Języki skryptowe w programie Plans Warsztaty uŝytkowników programu PLANS Kościelisko 2010 Zalety skryptów Automatyzacja powtarzających się czynności Rozszerzenie moŝliwości programu Budowa własnych algorytmów
JAVASCRIPT PODSTAWY. opracowanie: by Arkadiusz Gawełek, Łódź
JAVASCRIPT PODSTAWY materiały dydaktyczne dla uczniów słuchaczy opracowanie: 2004-2007 by Arkadiusz Gawełek, Łódź 1. Czym jest JavaScript JavaScript tak naprawdę narodził się w firmie Netscape jako LiveScript,
Języki Programowania II Wykład 3. Java podstawy. Przypomnienie
Języki Programowania II Wykład 3 Java podstawy Przypomnienie Analiza, projektowanie, programowanie, testowanie, wdrażanie Iteracyjnie nie kaskadowo Przypadki użycia = opowiastki o używaniu systemu = wymagania
Programowanie obiektowe
Przygotował: Jacek Sroka 1 Programowanie obiektowe Wykład 3 Java podstawy Przygotował: Jacek Sroka 2 Przypomnienie Analiza, projektowanie, programowanie, testowanie, wdrażanie Iteracyjnie nie kaskadowo
Cw.12 JAVAScript w dokumentach HTML
Cw.12 JAVAScript w dokumentach HTML Wstawienie skryptu do dokumentu HTML JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania.skrypty Java- Script mogą być zagnieżdżane
Język ludzki kod maszynowy
Język ludzki kod maszynowy poziom wysoki Język ludzki (mowa) Język programowania wysokiego poziomu Jeśli liczba punktów jest większa niż 50, test zostaje zaliczony; w przeciwnym razie testu nie zalicza
MATERIAŁY DO ZAJĘĆ II
MATERIAŁY DO ZAJĘĆ II Zmienne w C# Spis treści I. Definicja zmiennej II. Hierarchia typów (CTS) III. Typy wbudowane IV. Deklaracja zmiennych V. Literały VI. Pobieranie i wypisywanie wartości zmiennych
Podstawy programowania skrót z wykładów:
Podstawy programowania skrót z wykładów: // komentarz jednowierszowy. /* */ komentarz wielowierszowy. # include dyrektywa preprocesora, załączająca biblioteki (pliki nagłówkowe). using namespace
Podstawy JavaScript ćwiczenia Kontekst: Wykład 2 Składnia języka C# (cz. 1)
Wizualne systemy programowania Wykład 2 Składnia języka C# (cz. 1) 1 dr Artur Bartoszewski -Wizualne systemy programowania, sem. III- WYKŁAD Wizualne systemy programowania Budowa projektu 2 Struktura programu
JavaScript. mgr inż. Remigiusz Pokrzywiński
JavaScript mgr inż. Remigiusz Pokrzywiński Czym jest JavaScript JavaScript to skryptowy język umożliwiający rozbudowę dokumentów HTML o możliwość interakcji z użytkownikiem oraz sprawdzania poprawności
JAVASCRIPT PODSTAWY. opracowanie: by Arkadiusz Gawełek, Łódź
JAVASCRIPT PODSTAWY materiały dydaktyczne dla uczniów słuchaczy opracowanie: 2004-2007 by Arkadiusz Gawełek, Łódź 1. Czym jest JavaScript JavaScript tak naprawdę narodził się w firmie Netscape jako LiveScript,
Strona główna. Strona tytułowa. Programowanie. Spis treści. Sobera Jolanta 16.09.2006. Strona 1 z 26. Powrót. Full Screen. Zamknij.
Programowanie Sobera Jolanta 16.09.2006 Strona 1 z 26 1 Wprowadzenie do programowania 4 2 Pierwsza aplikacja 5 3 Typy danych 6 4 Operatory 9 Strona 2 z 26 5 Instrukcje sterujące 12 6 Podprogramy 15 7 Tablice
CZYM JEST JAVASCRIPT?
JAVASCRIPT JAVASCRIPT - CECHY Język skryptowy stosowany w sieci WWW Stosowany przez autorów witryn WWW głównie w celu: poprawy wyglądu stron walidacji danych z formularzy wykrywania typu przeglądarki tworzenia
PROGRAMOWANIE W ŚRODOWISKU FLASH wykład 2
PROGRAMOWANIE W ŚRODOWISKU FLASH wykład 2 Paweł Woszkowski SWSIM 2009 ADOBE ACTIONSCRIPT Programming language of the Adobe Flash Platform. Originally developed as a way for developers to program interactivity,
Oczywiście plik musi mieć rozszerzenie *.php
Oczywiście plik musi mieć rozszerzenie *.php Znaczniki PHP komunikują serwerowi gdzie rozpoczyna się i kończy kod PHP. Tekst między nimi jest interpretowany jako kod PHP, natomiast poza nimi jako kod HTML.
Podstawy i języki programowania
Podstawy i języki programowania Laboratorium 2 - wprowadzenie do zmiennych mgr inż. Krzysztof Szwarc krzysztof@szwarc.net.pl Sosnowiec, 23 października 2017 1 / 26 mgr inż. Krzysztof Szwarc Podstawy i
1 Podstawy c++ w pigułce.
1 Podstawy c++ w pigułce. 1.1 Struktura dokumentu. Kod programu c++ jest zwykłym tekstem napisanym w dowolnym edytorze. Plikowi takiemu nadaje się zwykle rozszerzenie.cpp i kompiluje za pomocą kompilatora,
Informatyka I. Typy danych. Operacje arytmetyczne. Konwersje typów. Zmienne. Wczytywanie danych z klawiatury. dr hab. inż. Andrzej Czerepicki
Informatyka I Typy danych. Operacje arytmetyczne. Konwersje typów. Zmienne. Wczytywanie danych z klawiatury. dr hab. inż. Andrzej Czerepicki Politechnika Warszawska Wydział Transportu 2019 1 Plan wykładu
JavaScript funkcyjność
JavaScript funkcyjność WWW 9 kwietnia 2014 Możliwości tworzenia dynamicznych stron WWW HTML i CSS. Skrypty CGI (Perl, PHP). Serwery (django, java). Plug-iny. Ksiażka Większość przykładów pochodzi z ksiażki:
Laboratorium 03: Podstawowe konstrukcje w języku Java [2h]
![Laboratorium 03: Podstawowe konstrukcje w języku Java [2h]](/thumbs/71/64545899.jpg "Laboratorium 03: Podstawowe konstrukcje w języku Java [2h]")
1. Typy. Java jest językiem programowania z silnym systemem kontroli typów. To oznacza, że każda zmienna, atrybut czy parametr ma zadeklarowany typ. Kompilator wylicza typy wszystkich wyrażeń w programie
Powtórka algorytmów. Wprowadzenie do języka Java.
Powtórka algorytmów. Wprowadzenie do języka Java. Przypomnienie schematów blokowych BEGIN Readln(a); Readln(b); Suma := 0; IF Suma < 10 THEN Writeln( Suma wynosi:, Suma); ELSE Writeln( Suma większa niż
Podstawy programowania w języku C
Podstawy programowania w języku C WYKŁAD 1 Proces tworzenia i uruchamiania programów Algorytm, program Algorytm przepis postępowania prowadzący do rozwiązania określonego zadania. Program zapis algorytmu
Podstawy Programowania Podstawowa składnia języka C++
Podstawy Programowania Podstawowa składnia języka C++ Katedra Analizy Nieliniowej, WMiI UŁ Łódź, 3 października 2013 r. Szablon programu w C++ Najprostszy program w C++ ma postać: #include #include
Operatory cd. Relacyjne: ==!= < > <= >= bool b; int i =10, j =20; dzielenie całkowitych wynik jest całkowity! Łączenie tekstu: + string s = "Ala ma ";
1 2 Operacje na zmiennych Kolejność operacji: deklaracja, inicjacja bool decyzja; int licznik, lp; double stvat, wartpi; char Znak; string S1, S2 = "Kowalski"; przypisanie wartości podstawienie decyzja
Test przykładowy 2 PAI WSB Wrocław /06/2018
Imię i Nazwisko: Student ID: Part 1: (Prawda lub Fałsz (T lub F)) 15. Która z poniższych deklaracji funkcji jest nieprawidłowa: A. function Sum(a, b, c){; B. function Sum(var a, var b); C. function Sum(a){;
JAVA W SUPER EXPRESOWEJ PIGUŁCE
JAVA W SUPER EXPRESOWEJ PIGUŁCE Obiekt Obiekty programowe to zbiór własności i zachowań (zmiennych i metod). Podobnie jak w świecie rzeczywistym obiekty posiadają swój stan i zachowanie. Komunikat Wszystkie
Zadanie 04 Ktory z ponizszych typow danych w jezyku ANSI C jest typem zmiennoprzecinkowym pojedynczej precyzji?
Zadanie 01 W przedstawionym ponizej programie w jezyku ANSI C w miejscu wykropkowanym brakuje jednej linii: #include... int main() { printf("tralalalala"); return 0; } A. B. "iostream" C.
Zmienne, stałe i operatory
Zmienne, stałe i operatory Przemysław Gawroński D-10, p. 234 Wykład 2 4 marca 2019 (Wykład 2) Zmienne, stałe i operatory 4 marca 2019 1 / 21 Outline 1 Zmienne 2 Stałe 3 Operatory (Wykład 2) Zmienne, stałe
PLAN WYNIKOWY PROGRAMOWANIE APLIKACJI INTERNETOWYCH. KL III TI 4 godziny tygodniowo (4x30 tygodni =120 godzin ),
PLAN WYNIKOWY PROGRAMOWANIE APLIKACJI INTERNETOWYCH KL III TI 4 godziny tygodniowo (4x30 tygodni =120 godzin ), Program 351203 Opracowanie: Grzegorz Majda Tematyka zajęć 1. Wprowadzenie do aplikacji internetowych
Powtórka algorytmów. Wprowadzenie do języka Java.
Powtórka algorytmów. Wprowadzenie do języka Java. BEGIN Readln(a); Readln(b); Suma := 0; IF Suma < 10 THEN Writeln( Suma wynosi:, Suma); ELSE Writeln( Suma większa niż 10! ) END. 1. Narysować schemat blokowy
JAVA. Platforma JSE: Środowiska programistyczne dla języka Java. Wstęp do programowania w języku obiektowym. Opracował: Andrzej Nowak
JAVA Wstęp do programowania w języku obiektowym Bibliografia: JAVA Szkoła programowania, D. Trajkowska Ćwiczenia praktyczne JAVA. Wydanie III,M. Lis Platforma JSE: Opracował: Andrzej Nowak JSE (Java Standard
JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania.
IŚ ćw.8 JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript są zagnieżdżane w dokumentach HTML. Skrypt JavaScript
Bazy Danych i Usługi Sieciowe
Bazy Danych i Usługi Sieciowe Język PHP Paweł Witkowski Wydział Matematyki, Informatyki i Mechaniki Jesień 2011 P. Witkowski (Wydział Matematyki, Informatyki i Mechaniki) BDiUS w. VIII Jesień 2011 1 /
Powtórka algorytmów. Wprowadzenie do języka Java.
Powtórka algorytmów. Wprowadzenie do języka Java. BEGIN Readln(a); Readln(b); Suma := 0; IF Suma < 10 THEN Writeln( Suma wynosi:, Suma); ELSE Writeln( Suma większa niż 10! ) END. Ważne terminy: Java DevelopRment
Język JAVA podstawy. Wykład 3, część 3. Jacek Rumiński. Politechnika Gdańska, Inżynieria Biomedyczna
Język JAVA podstawy Wykład 3, część 3 1 Język JAVA podstawy Plan wykładu: 1. Konstrukcja kodu programów w Javie 2. Identyfikatory, zmienne 3. Typy danych 4. Operatory, instrukcje sterujące instrukcja warunkowe,
JAVAScript w dokumentach HTML (1)
JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript mogą być zagnieżdżane w dokumentach HTML. Instrukcje JavaScript
Rys.2.1. Drzewo modelu DOM [1]
![Rys.2.1. Drzewo modelu DOM [1]](/thumbs/39/18108975.jpg "Rys.2.1. Drzewo modelu DOM [1]")
1. CEL ĆWICZENIA Celem ćwiczenia jest przedstawienie możliwości wykorzystania języka JavaScript do tworzenia interaktywnych aplikacji działających po stronie klienta. 2. MATERIAŁ NAUCZANIA 2.1. DOM model
Języki i metodyka programowania. Typy, operatory, wyrażenia. Wejście i wyjście.
Typy, operatory, wyrażenia. Wejście i wyjście. Typy, operatory, wyrażenia Zmienna: [] [ '[' ']' ] ['=' ]; Zmienna to fragment pamięci o określonym
Programowanie strukturalne i obiektowe
Programowanie strukturalne i obiektowe Język C część I Opracował: Grzegorz Flesik Literatura: A. Majczak, Programowanie strukturalne i obiektowe, Helion, Gliwice 2010 P. Domka, M. Łokińska, Programowanie
Programowanie strukturalne. Opis ogólny programu w Turbo Pascalu
Programowanie strukturalne Opis ogólny programu w Turbo Pascalu STRUKTURA PROGRAMU W TURBO PASCALU Program nazwa; } nagłówek programu uses nazwy modułów; } blok deklaracji modułów const } blok deklaracji
Podstawy Programowania C++
Wykład 3 - podstawowe konstrukcje Instytut Automatyki i Robotyki Warszawa, 2014 Wstęp Plan wykładu Struktura programu, instrukcja przypisania, podstawowe typy danych, zapis i odczyt danych, wyrażenia:
Programowanie w C++ Wykład 2. Katarzyna Grzelak. 4 marca K.Grzelak (Wykład 1) Programowanie w C++ 1 / 44
Programowanie w C++ Wykład 2 Katarzyna Grzelak 4 marca 2019 K.Grzelak (Wykład 1) Programowanie w C++ 1 / 44 Na poprzednim wykładzie podstawy C++ Każdy program w C++ musi mieć funkcję o nazwie main Wcięcia
JAVAScript w dokumentach HTML - przypomnienie
Programowanie obiektowe ćw.1 JAVAScript w dokumentach HTML - przypomnienie JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript są zagnieżdżane w
XML extensible Markup Language. część 5
XML extensible Markup Language część 5 XML ważne zastosowanie Jak często pracujemy z plikami XML? Wróćmy jeszcze do wykładu poprzedniego. A dokładnie do pliku zawierającego ten wykład. xml_2017_wyklad_4.pptx
Podstawy i języki programowania
Podstawy i języki programowania Laboratorium 3 - operatory oraz instrukcje warunkowe i wyboru mgr inż. Krzysztof Szwarc krzysztof@szwarc.net.pl Sosnowiec, 19 października 2018 1 / 35 mgr inż. Krzysztof
Tworzenie aplikacji w języku Java
Tworzenie aplikacji w języku Java Wykład 1 Piotr Czapiewski Wydział Informatyki ZUT 2 października 2009 Piotr Czapiewski (Wydział Informatyki ZUT) Tworzenie aplikacji w języku Java 2 października 2009
Materiały pomocnicze do wykładu 3 - Elementy języka Java
Materiały pomocnicze do wykładu 3 - Elementy języka Java 1) Typy danych Typy całkowite Typ Rozmiar Zakres przechowywanych danych byte 8 bitów -128 do 127 short 16 bitów -32768 do 32767 int 32 bity -2147483648
Dynamiczne przetwarzanie stron. dr Beata Kuźmińska-Sołśnia
Dynamiczne przetwarzanie stron dr Beata Kuźmińska-Sołśnia KLIENT Witaj INTERNET SERWER Plik HTML Witaj wyświetlanie przez przeglądarkę Witaj! Serwer WWW komputer
METODY I JĘZYKI PROGRAMOWANIA PROGRAMOWANIE STRUKTURALNE. Wykład 02
METODY I JĘZYKI PROGRAMOWANIA PROGRAMOWANIE STRUKTURALNE Wykład 02 NAJPROSTSZY PROGRAM /* (Prawie) najprostszy przykład programu w C */ /*==================*/ /* Między tymi znaczkami można pisać, co się
LABORATORIUM 3 ALGORYTMY OBLICZENIOWE W ELEKTRONICE I TELEKOMUNIKACJI. Wprowadzenie do środowiska Matlab
LABORATORIUM 3 ALGORYTMY OBLICZENIOWE W ELEKTRONICE I TELEKOMUNIKACJI Wprowadzenie do środowiska Matlab 1. Podstawowe informacje Przedstawione poniżej informacje maja wprowadzić i zapoznać ze środowiskiem
Operacje wykonywane są na operandach (argumentach operatorów). Przy operacji dodawania: argumentami operatora dodawania + są dwa operandy 2 i 5.
Operatory w Javie W Javie występują następujące typy operatorów: Arytmetyczne. Inkrementacji/Dekrementacji Przypisania. Porównania. Bitowe. Logiczne. Pozostałe. Operacje wykonywane są na operandach (argumentach
LibreOffice Calc VBA
LibreOffice Calc VBA LibreOffice Calc umożliwia tworzenie własnych funkcji i procedur przy użyciu składni języka VBA. Dostęp do edytora makr: Narzędzia->Makra->Zarządaj makrami->libreoffice Calc Aby rozpocząć
Podstawy programowania w języku C i C++
Podstawy programowania w języku C i C++ Część czwarta Operatory i wyrażenia Autor Roman Simiński Kontakt roman.siminski@us.edu.pl www.us.edu.pl/~siminski Niniejsze opracowanie zawiera skrót treści wykładu,
Microsoft IT Academy kurs programowania
Microsoft IT Academy kurs programowania Podstawy języka C# Maciej Hawryluk Język C# Język zarządzany (managed language) Kompilacja do języka pośredniego (Intermediate Language) Kompilacja do kodu maszynowego
Wykład 15. Literatura. Kompilatory. Elementarne różnice. Preprocesor. Słowa kluczowe
Wykład 15 Wprowadzenie do języka na bazie a Literatura Podobieństwa i różnice Literatura B.W.Kernighan, D.M.Ritchie Język ANSI Kompilatory Elementarne różnice Turbo Delphi FP Kylix GNU (gcc) GNU ++ (g++)
KOTLIN. Język programowania dla Androida
KOTLIN Język programowania dla Androida Historia Kotlin został opracowany przez firmę JetBrains Prace rozpoczęto w 2011 r., od 2012 r. dostępny na licencji Apache 2. Nazwa pochodzi od wyspy koło Petersburga
Podstawy Programowania ELEMENTY PROGRAMU i TYPY DANYCH
Podstawy Programowania ELEMENTY PROGRAMU i TYPY DANYCH Michał Bujacz bujaczm@p.lodz.pl B9 Lodex 207 godziny przyjęć: środy i czwartki 10:00-11:00 http://www.eletel.p.lodz.pl/bujacz/ 1 Pytania weryfikacyjne:
Umieszczanie kodu. kod skryptu
PHP Definicja PHP jest językiem skryptowym służącym do rozszerzania możliwości stron internetowych. Jego składnia jest bardzo podobna do popularnych języków programowania C/C++, lecz jest bardzo uproszczona
1 Podstawy c++ w pigułce.
1 Podstawy c++ w pigułce. 1.1 Struktura dokumentu. Kod programu c++ jest zwykłym tekstem napisanym w dowolnym edytorze. Plikowi takiemu nadaje się zwykle rozszerzenie.cpp i kompiluje za pomocą kompilatora,
Odczyt danych z klawiatury Operatory w Javie
Odczyt danych z klawiatury Operatory w Javie Operatory W Javie występują następujące typy operatorów: Arytmetyczne. Inkrementacji/Dekrementacji Przypisania. Porównania. Bitowe. Logiczne. Pozostałe. Operacje
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 6 JavaScript w przeglądarce Agenda Skrypty na stronie internetowej Model DOM AJAX Skrypty na stronie
Python wprowadzenie. Warszawa, 24 marca PROGRAMOWANIE I SZKOLENIA
Python wprowadzenie Warszawa, 24 marca 2017 Python to język: nowoczesny łatwy w użyciu silny można pisać aplikacje Obiektowy klejący może być zintegrowany z innymi językami np. C, C++, Java działający
Programowanie. programowania. Klasa 3 Lekcja 9 PASCAL & C++
Programowanie Wstęp p do programowania Klasa 3 Lekcja 9 PASCAL & C++ Język programowania Do przedstawiania algorytmów w postaci programów służą języki programowania. Tylko algorytm zapisany w postaci programu
Stałe definiuje się używając funkcji define. Przykład: define( PODATEK, 22); define( INSTALACJAOS, 70); define( MS, Microsoft );
Stałe definiuje się używając funkcji define. Przykład: define( PODATEK, 22); define( INSTALACJAOS, 70); define( MS, Microsoft ); Dobrą praktyką jest używanie wielkich liter jako nazw stałych. Nie jest
Platformy Programistyczne Podstawy języka Java
Platformy Programistyczne Podstawy języka Java Agata Migalska 6 maja 2014 Plan wykładu 1 Sztuka wysławiania się w języku Java 2 Cały świat jest obiektem 3 Kolekcje 4 Zmienne i metody statyczne 5 Słowo
Zofia Kruczkiewicz, Programowanie obiektowe - java, wykład 2 1
PODSTAWOWE ELEMENTY JĘZYKA JAVA WYRAŻENIA, OPERATORY, INSTRUKCJE 1. Operatory arytmetyczne +, -, /,*, % Przykład 1 programu z interfejsem konsolowym public class Lab2_1 // Tworzy generator liczb losowych,
Wstęp do programowania
Wstęp do programowania wykład 2 Piotr Cybula Wydział Matematyki i Informatyki UŁ 2012/2013 http://www.math.uni.lodz.pl/~cybula Język programowania Każdy język ma swoją składnię: słowa kluczowe instrukcje
Podstawowe części projektu w Javie
Podstawowe części projektu w Javie Pakiet w Javie to grupa podobnych typów klas, interfejsów i podpakietów. Pakiet w Javie może być wbudowany lub zdefiniowany przez użytkownika. Istnieje wiele wbudowanych
Podstawy Informatyki. Metalurgia, I rok. Wykład 3 Liczby w komputerze
Podstawy Informatyki Metalurgia, I rok Wykład 3 Liczby w komputerze Jednostki informacji Bit (ang. bit) (Shannon, 1948) Najmniejsza ilość informacji potrzebna do określenia, który z dwóch równie prawdopodobnych
Instrukcje sterujące. Programowanie Proceduralne 1
Instrukcje sterujące Programowanie Proceduralne 1 Przypomnienie: operatory Operator przypisania = przypisanie x = y x y Operatory arytmetyczne * mnożenie x * y x y x / dzielenie x / y y + dodawanie x +
ZMIENNE. Podstawy PHP
ZMIENNE Podstawy PHP zmienna - to obiekt w programowaniu, który przechowuje różnego rodzaju dane niezbędne do działania programu. Zmienna podczas działania programu może zmieniad swoje wartości (jak wskazuje
Dr inż. Grażyna KRUPIŃSKA. D-10 pokój 227 WYKŁAD 7 WSTĘP DO INFORMATYKI
Dr inż. Grażyna KRUPIŃSKA Grazyna.Krupinska@fis.agh.edu.pl D-10 pokój 227 WYKŁAD 7 WSTĘP DO INFORMATYKI Wyrażenia 2 Wyrażenia w języku C są bardziej elastyczne niż wyrażenia w jakimkolwiek innym języku
2 Przygotował: mgr inż. Maciej Lasota
Laboratorium nr 2 1/7 Język C Instrukcja laboratoryjna Temat: Wprowadzenie do języka C 2 Przygotował: mgr inż. Maciej Lasota 1) Wprowadzenie do języka C. Język C jest językiem programowania ogólnego zastosowania
Wykład 03 JavaScript. Michał Drabik
Wykład 03 JavaScript Michał Drabik Język programowania wykorzystywany na stronach internetowych głównie w celu umożliwienia interakcji z użytkownikiem. Kod JavaScript może być umieszczany w kodzie XHTML
Systemy internetowe. Wykład 3 PHP. West Pomeranian University of Technology, Szczecin; Faculty of Computer Science
Systemy internetowe Wykład 3 PHP PHP - cechy PHP (Hypertext Preprocessor) bardzo łatwy do opanowania, prosta składnia, obsługuje wymianę danych z różnymi systemami baz danych pozwala na dynamiczne generowanie
Serwer WWW Apache. http://httpd.apache.org/ Plik konfiguracyjny httpd.conf Definiujemy m.in.: Aktualne wersje 2.4.6, 2.2.25, 2.0.65 zakończony projekt
Serwer WWW Apache http://httpd.apache.org/ Plik konfiguracyjny httpd.conf Definiujemy m.in.: Katalog który ma być serwowany Moduły, które mają zostać uruchomione na serwerze m.in. PHP, mod_rewrite Wirtualne
Języki programowania - podstawy
Języki programowania - podstawy Andrzej Dudek Wydział Techniczno Informatyczny W Jeleniej Górze Dudek A. Informatyka przemysłowa tendencje i wyzwania 26.10.2015 1 /24 Algorytm określony sposób rozwiązania
C++ wprowadzanie zmiennych
C++ wprowadzanie zmiennych Każda zmienna musi być zadeklarowana, należy określić jej nazwę (identyfikator) oraz typ. Opis_typu lista zmiennych Dla każdej zmiennej rezerwowany jest fragment pamięci o określonym
Temat 1: Podstawowe pojęcia: program, kompilacja, kod
Temat 1: Podstawowe pojęcia: program, kompilacja, kod wynikowy. Przykłady najprostszych programów. Definiowanie zmiennych. Typy proste. Operatory: arytmetyczne, przypisania, inkrementacji, dekrementacji,
Opis: Instrukcja warunkowa Składnia: IF [NOT] warunek [AND [NOT] warunek] [OR [NOT] warunek].
![Opis: Instrukcja warunkowa Składnia: IF [NOT] warunek [AND [NOT] warunek] [OR [NOT] warunek].](/thumbs/63/49656406.jpg "Opis: Instrukcja warunkowa Składnia: IF [NOT] warunek [AND [NOT] warunek] [OR [NOT] warunek].")
ABAP/4 Instrukcja IF Opis: Instrukcja warunkowa Składnia: IF [NOT] warunek [AND [NOT] warunek] [OR [NOT] warunek]. [ELSEIF warunek. ] [ELSE. ] ENDIF. gdzie: warunek dowolne wyrażenie logiczne o wartości
Wstęp do programowania INP003203L rok akademicki 2018/19 semestr zimowy. Laboratorium 2. Karol Tarnowski A-1 p.
Wstęp do programowania INP003203L rok akademicki 2018/19 semestr zimowy Laboratorium 2 Karol Tarnowski karol.tarnowski@pwr.edu.pl A-1 p. 411B Plan prezentacji Komentarze Funkcja printf() Zmienne Łańcuchy
Właściwości i metody obiektu Comment Właściwości
Właściwości i metody obiektu Comment Właściwości Właściwość Czy można zmieniać Opis Application nie Zwraca nazwę aplikacji, która utworzyła komentarz Author nie Zwraca nazwę osoby, która utworzyła komentarz
XML extensible Markup Language. część 5
XML extensible Markup Language część 5 JavaScript Co to jest JavaScript? JavaScript był zaprojektowany w celu dodania interaktywności do stron HTML JavaScript jest językiem skryptowym JavaScript jest zwykle
Pracownia Komputerowa wykład VI
Pracownia Komputerowa wykład VI dr Magdalena Posiadała-Zezula http://www.fuw.edu.pl/~mposiada 1 Przypomnienie 125 (10) =? (2) Liczby całkowite : Operacja modulo % reszta z dzielenia: 125%2=62 reszta 1
Programowanie w C++ Wykład 2. Katarzyna Grzelak. 5 marca K.Grzelak (Wykład 1) Programowanie w C++ 1 / 41
Programowanie w C++ Wykład 2 Katarzyna Grzelak 5 marca 2018 K.Grzelak (Wykład 1) Programowanie w C++ 1 / 41 Reprezentacje liczb w komputerze K.Grzelak (Wykład 1) Programowanie w C++ 2 / 41 Reprezentacje
JAVAScript w dokumentach HTML (2)
Informatyka ćw.6 JAVAScript w dokumentach HTML (2) Interakcyjne wprowadzanie danych Jednym ze sposobów jest stosowanie metody prompt dla wbudowanego obiektu window: zmienna= prompt("tekst zachęty, np.
Wprowadzenie do języka Java
WSNHiD, Programowanie 2 Lab. 1 [ część 1 ] Wprowadzenie do języka Java Wprowadzenie Język programowania Java jest obiektowym językiem programowania. Powstał w 1995 i od tej pory był intensywnie rozwijany.
Języki C i C++ Wykład: 2. Wstęp Instrukcje sterujące. dr Artur Bartoszewski - Języki C i C++, sem. 1I- WYKŁAD
Języki C i C++ Wykład: 2 Wstęp Instrukcje sterujące 1 dr Artur Bartoszewski - Języki C i C++, sem. 1I- WYKŁAD programowania w C++ Instrukcje sterujące 2 Pętla for for ( instrukcja_ini ; wyrazenie_warunkowe
Podstawy i języki programowania
Podstawy i języki programowania Laboratorium 8 - wprowadzenie do obsługi plików tekstowych i wyjątków mgr inż. Krzysztof Szwarc krzysztof@szwarc.net.pl Sosnowiec, 11 grudnia 2017 1 / 34 mgr inż. Krzysztof