Warsztaty Webowe grupa średniozaawansowana

1. Czym jest Java Script?

JavaScript jest językiem programowania używanym w przeglądarkach internetowych po stronie klienta, który może wprowadzić element interakcji pomiędzy stroną ,a użytkownikiem. Jest to jedno z trzech narzędzi które każdy web deweloper powinien znać. (HTML, CSS, JS)

Pamiętajmy! (JavaScript !== Java) === True!

*Czym jest ES? (link) Krótki artykuł dla ciekawych (ANG 3min)

2. Podstawowa składnia

Podstawowa składnia JS-a została już przedstawiona podczas warsztatów w grupie początkującej, tam też odsyłam po materiały na ten temat.

Tutaj można znaleźć dużo przydatnych informacji:

3. JS i HTML

Do wprowadzenia skrytpu na strone możemy użyć HTML-owych tagów script w następujący sposób:

można też podpiąć nasz kod w ramach osobnego pliku

4. Funkcje

Na początek będą nas interesowały dwa sposoby zdefiniowania funkcji - anonymous function oraz named function:

5. Tablice i Obiekty

Przykład 1:

Przykład 2:

Zadanie X.1

Skopiuj tablicę z pliku koty do swojego skryptu, następnie napisz funkcję która wypisze n pierwszych rekordów z owej tablicy (n bedzie parametrem funkcji), w formie <Imię kota> - <poziom słodkości> \n <link> (znaki " < " oraz ">" pomijamy). Jeśli przekazane do funkcji n będzie zbyt duże, należy wypisać odpowiedni komunikat.

Przykład:

Zadanie X.2

Tym razem skopiuj tablicę z pliku troche_inne_koty, następnie napisz funkcję która zachowa się tak samo jak funkcja z poprzedniego zadania. Czym plik koty.txt się różni od troche_inne_koty.txt?

Zadanie X.3

Napisz funkcję która przyjmuje parametry s i n, gdzie s to pewien string a n to dodatnia liczba całkowita, funkcja powinna wypisać w konsoli słowo n, s razy, co drugi wyraz ma być pisany od tyłu, a co trzeci samymi wielkimi literami.

Przykład:

6. Zadanie Domowe!

Filtr.

Napisz funkcję, która jako parametry przyjmuje inną funkcję f(zał. zwracającą tylko True lub False) oraz oraz tablicę a.

Funkcja ma zwracać nową tablicę w której znajdą się te elementy z a, dla których funkcja f zwróciła True.

Przykład:

Źródła:

https://developer.mozilla.org
https://www.w3schools.com/Js