Gotowi, by zanurzyć się w kodowaniu?

Przegląd lekcji

Co muszę wiedzieć zanim zacznę?

• Jeśli nigdy nie programowałeś/programowałaś, najlepiej przejdź przez nasze wprowadzenie do JS, przyswój sobie pojęcia zmiennych, tablic, funkcji i obiektów i wróć do nas kiedy będziesz gotowy/gotowa!
• Jeśli masz doświadczenie w programowaniu ale nie z Khan Academy, zalecamy zaznajomienie się z naszym środowiskiem, np. poprzez stworzenie tutaj nowego programu.
• Jeśli uczyłeś się programowania w Khan Academy, doskonale! Przejrzyj dla założenia pod spodem i odśwież sobie to czego nie pamiętasz.
• Ta lekcja zahacza o pojęcia matematyczne (równania dla przekształceń geometrycznych) odpowiednie dla klasy 8 i klas starszych. Możesz powtórzyć je w lekcji plany i inscenizacja.

Szybki przegląd pojęć z programowania, których będziesz używać

Zmienne

• Tworzy zmienną (variable) o nazwie $\blue{\text{sulleysAge}}$start color #6495ed, start text, s, u, l, l, e, y, s, A, g, e, end text, end color #6495ed, która przechowuje wartość $\green{15}$start color #28ae7b, 15, end color #28ae7b.

Tablice

• Tworzy tablicę o nazwie $\blue{\text{ages}}$start color #6495ed, start text, a, g, e, s, end text, end color #6495ed (wiek), która przechowuje trzy wartości $\green{2}, \pink{4}, \purple{8}$start color #28ae7b, 2, end color #28ae7b, comma, start color #ff00af, 4, end color #ff00af, comma, start color #9d38bd, 8, end color #9d38bd.
• $\blue{\text{ages}}[1]$start color #6495ed, start text, a, g, e, s, end text, end color #6495ed, open bracket, 1, close bracket która przechowuje wartość $\pink{4}$start color #ff00af, 4, end color #ff00af.

Funkcje

• Tworzy funkcję nazwaną $\blue{\text{sayHello}}$start color #6495ed, start text, s, a, y, H, e, l, l, o, end text, end color #6495ed ("powiedzCześć"), która przywołana wypuszcza tekst $\text{\green{"Hello world!"}}$start text, start color #28ae7b, ", H, e, l, l, o, space, w, o, r, l, d, !, ", end color #28ae7b, end text ("Cześć, świecie!") we współrzędnych $(\pink{100, 200})$left parenthesis, start color #ff00af, 100, comma, 200, end color #ff00af, right parenthesis.

• Funkcja $\blue{\text{sayHello}}$start color #6495ed, start text, s, a, y, H, e, l, l, o, end text, end color #6495ed ma teraz dwa parametry, $\pink{x}$start color #ff00af, x, end color #ff00af i $\pink{y}$start color #ff00af, y, end color #ff00af, dzięki którym możesz określić współrzędne tekstu.

Obiekty

• Tworzy pusty obiekt nazwany $\blue{\text{snowman}}$start color #6495ed, start text, s, n, o, w, m, a, n, end text, end color #6495ed. ("bałwan")

• Obiekt $\blue{\text{snowman}}$start color #6495ed, start text, s, n, o, w, m, a, n, end text, end color #6495ed ma teraz trzy własności: $\text{\blue{snowman}.\green{age}} (wiek) = \pink{2}$start text, start color #6495ed, s, n, o, w, m, a, n, end color #6495ed, point, start color #28ae7b, a, g, e, end color #28ae7b, end text, left parenthesis, w, i, e, k, right parenthesis, equals, start color #ff00af, 2, end color #ff00af; oraz $\text{\blue{snowman}.\green{color}} (kolor) = \pink{\text{"white"}}(biały);$start text, start color #6495ed, s, n, o, w, m, a, n, end color #6495ed, point, start color #28ae7b, c, o, l, o, r, end color #28ae7b, end text, left parenthesis, k, o, l, o, r, right parenthesis, equals, start color #ff00af, start text, ", w, h, i, t, e, ", end text, end color #ff00af, left parenthesis, b, i, a, ł, y, right parenthesis, ;. Trzecia własność obiektu $\text{\blue{snowman}}$start text, start color #6495ed, s, n, o, w, m, a, n, end color #6495ed, end text to tablica nazwana $\text{\green{likes}}(zainteresowania)$start text, start color #28ae7b, l, i, k, e, s, end color #28ae7b, end text, left parenthesis, z, a, i, n, t, e, r, e, s, o, w, a, n, i, a, right parenthesis.

Baw się dobrze!