término  |
definición |
|
empezar lección
|
|
Zakres zmiennych JavaScript: let, const, var, bez modyfikatora
|
|
|
|
empezar lección
|
|
Lokalna zmienna w ramach bloku kodu (block scope local variable)
|
|
|
[scope] modyfikator: const empezar lección
|
|
Deklaracja stałej. Zakres w ramach bloku kodu. Nie można jej modyfikować
|
|
|
|
empezar lección
|
|
Zakres jest ograniczony do funkcji, w której zostały zadeklarowane lub do przestrzeni globalnej, jeżeli były zadeklarowane poza funkcją.
|
|
|
|
empezar lección
|
|
|
|
|
Czy JavaScript wspiera dziedziczenie? empezar lección
|
|
W JS wszystko jest obiektem, nawet funkcje. Można zaimplementować mechanizm dziedziczenia, opierając się na prototypach.
|
|
|
Jak rozszerzyć wbudowany obiekt w JavaScript? empezar lección
|
|
Wbudowane obiekty można rozszerzyć dzięki mechanizmowi prototypów.
|
|
|
Jakie znasz biblioteki JavaScript? empezar lección
|
|
jQuery, AngularJS, Bootstrap, React. js, Backbone
|
|
|
Jak w JavaScript zrobić tablicę asocjacyjną? empezar lección
|
|
var arr = {key1: 'value1'}; alert(arr. key1);
|
|
|
Jaka jest różnica między == i ===? empezar lección
|
|
== przed porównaniem próbuje przekonwertować do tego samego typu, a === porównuje jeszcze zgodność typów.
|
|
|
Jaka jest różnica między zdarzeniami load i ready w jQuery? empezar lección
|
|
Zdarzenie Load wywołuje się gdy wszystkie zasoby są pobrane, a Ready gdy można modyfikować DOM
|
|
|
Podaj przykład wybranej funkcji wbudowanej w JavaScript empezar lección
|
|
isNaN(), Number(), parseFloat(), parseInt(), String()
|
|
|
|
empezar lección
|
|
To wbudowany w JS mechanizm wynoszący wszystkie deklaracje zmiennych na początek funkcji.
|
|
|
Co to jest domknięcie (closure)? empezar lección
|
|
Mechanizm domknięcia polega na zdefiniowaniu jednej funkcji wewnątrz drugiej.
|
|
|
Co to jest funkcja natychmiastowa? empezar lección
|
|
Wywoływana automatycznie bezpośrednio po jej odczytaniu. (function (name) {console. log(name);})('Java');
|
|
|
|
empezar lección
|
|
obj1. sayHello. call(obj2, 'call: ');
|
|
|
|
empezar lección
|
|
obj1. sayHello. apply(obj2, ['apply: ']);
|
|
|
|
empezar lección
|
|
var binded = obj1. sayHello. bind(obj2, 'bind: '); binded();
|
|
|
Co to są Obietnice (Promises)? empezar lección
|
|
Możemy odłożyć wykonanie logiki na bok i zająć się głównym przepływem aplikacji. resolve() - powodzenie(wywołanie- then), reject() - niepowodzenie(wywołanie - catch).
|
|
|
Co to jest funkcja wywołania zwrotnego (callback)? empezar lección
|
|
Callback polega na przekazaniu fragmentu logiki (funkcji) jako argument do innej funkcji.
|
|
|
Do czego służy dyrektywa „use strict”? empezar lección
|
|
Pozwala przełączyć silnik JS w "strict mode". W efekcie parser JS jest dużo bardziej rygorystyczny i zgłosi błędy, które były ignorowane.
|
|
|
Jak działa timer w JavaScript (Timing Events)? empezar lección
|
|
JavaScript daje możliwość wywołania funkcji z pewnym opóźnieniem. setTimeout(function, milliseconds), setInterval(function, milliseconds)
|
|
|
setTimeout(function, milliseconds) empezar lección
|
|
Metoda setTimeout jako pierwszy argument przyjmuje funkcję zwrotną, która ma zostać wywołana, a jako drugi czas opóźnienia w milisekundach.
|
|
|
setInterval(function, milliseconds) empezar lección
|
|
Metoda wykonuje dany kod cyklicznie.
|
|
|
Co to jest Arrow functions? empezar lección
|
|
Mechanizm Arrow functions został wprowadzony w celu skrócenia zapisu funkcji anonimowych.
|
|
|
Co to jest funkcja Asynchroniczna? empezar lección
|
|
Kod JavaScriptu nie jest wykonywany linijka po linijce. Przykład Age = 26, console. log, Age ++, Funkcja GET, console. log
|
|
|
Co to jest funkcja Synchroniczna? empezar lección
|
|
Kod JavaScriptu jest wykonywany linijka po linijce. Przykład Age = 26, console. log, Age ++, console. log
|
|
|
Jakie są dwa paradygmaty w JavaScript? empezar lección
|
|
Obiektowy i funkcyjny. Programowanie obiektowe i zestaw funkcji.
|
|
|
Hermetyzacja, lub Enkapsulacja empezar lección
|
|
Klasa definiuje tylko własności obiektu, podczas gdy metoda definiuje tylko sposób realizacji.
|
|
|
Co oznacza słowo kluczowe this? empezar lección
|
|
Jest to referencja do obiektu, który wywołał daną funkcję.
|
|
|
|
empezar lección
|
|
var array = ["raz","dwa","trzy"]; const [first, second, third] = array; const [x, z] = array;
|
|
|
Destrukturyzacja tablic - Spread? empezar lección
|
|
const arr = [1, 2, 3, 4,]; const [a, b, ... others] = arr; WYNIK: [3,4]
|
|
|
Łączenie tablic za pomocą spread? empezar lección
|
|
let people = [... boys, ... girls];
|
|
|
Jak operować na indeksach tablicy empezar lección
|
|
var array = [2,3,4,5]; for (var i in array) {}, lub for (const i of array) {}
|
|
|
Jak wybrać w jQuery elementy input typu text? empezar lección
|
|
|
|
|
|
empezar lección
|
|
Format wymiany informacji. Służy do przekazywaniu danych do aplikacji. Przeważnie za pomocą Ajax.
|
|
|
|
empezar lección
|
|
Pozwala na komunikowanie się aplikacji między sobą.
|
|
|
|
empezar lección
|
|
Pozwala na komunikację aplikacji z serwerem, bez konieczności przeładowania.
|
|
|
Do czego służy moduł Event? empezar lección
|
|
Służy do obsługi zdarzeń, np. Kliknięcie w dany przycisk.
|
|
|
Która funkcja jQuery pokazuje element poprzez zwiększenie krycia? empezar lección
|
|
|
|
|
Jak wygenerować liczby z zakresu 0-100? empezar lección
|
|
Math. floor(Math. random()*100);
|
|
|
Do czego służy funkcja Math. random()? empezar lección
|
|
Do generowania liczb losowych.
|
|
|
Która funkcja jQuery ukrywa element poprzez zmniejszenie krycia? empezar lección
|
|
|
|
|
Do czego służy funkcja push()? empezar lección
|
|
Dodaje nowy element do tablicy.
|
|
|
Jakim znakiem można łączyć funkcje w jQuery? empezar lección
|
|
|
|
|
Do czego służy funkcja Math. floor()? empezar lección
|
|
|
|
|
Jak ukryć element przez 3 sekundy z klasą blog-header? empezar lección
|
|
$(". blog-header"). hide(3000);
|
|
|
Do czego służy funkcja prompt()? empezar lección
|
|
Do pobierania danych wpisywanych przez użytkownika w okienku alert.
|
|
|
[ES6] Jak zadeklarować domyślną wartość funkcji? empezar lección
|
|
function getName(name = 'Daniel'){console. log(` ${name} `);}
|
|
|
[ES6] Jak wyglądają nowe stringi w ES6? empezar lección
|
|
const myString = `Tekst który może być podzielony na wiersze, zwykłym enterem. Za pomocą BackTick(`)`;
|
|
|
[ES6] W jaki sposób destrukturyzujemy obiekt? empezar lección
|
|
const myObj = {name: 'Daniel'}; Wyciągnięcie zmiennej KIEDYŚ: var name=myObj. name; TERAZ: const {name} = myObj; console. log(name);
|
|
|
[ES6] W jaki sposób destrukturyzujemy tablicę? empezar lección
|
|
const array = ['Daniel','Paula']; const [wartosc1, wartosc2] = array; console. log(wartosc1, wartosc2);
|
|
|
[ES6] Jak wygląda funkcja z Arrow Function? empezar lección
|
|
const nazwaFunkcji = (parametr) => {return parametr;};
|
|
|
[ES6] Przykład funkcji, która zwraca tylko returna. Arrow function, w jednej linii. empezar lección
|
|
const nazwaFunkcji = (parametr) => `Parametr to: ${parametr}`;
|
|
|
[ES6] Co to jest Is Modules? empezar lección
|
|
Sposób eksportowania i importowania modułów. import {zmienna} from 'ścieżka';
|
|
|
