Podstawy języka JavaScript. Prezentacja przedstawiona na warsztatach z wprowadzenia do JavaScriptu w ramach DreamLab Academy. W razie pytań zapraszamy do kontaktu academy@dreamlab.pl
The presentation was created for a DreamLab Academy workshop on JavaScript.For more details get in touch - academy@dreamlab.pl
5. Javascript vs Java
1. Interpretowany
2. Dynamicznie typowany (Duck typing) (nadawanie typu
podczas wykonywania programu)
3. Słabo typowany (konwersje wykonywane automatycznie)
6. Zmienne
var nazwaSzkolenia = “Wstep JS”;
słowo kluczowe
znak końca instrukcji
wartośćoperator przypisania
nazwa zmiennej camelCase
7. Typy
Prymitywne | Złożone
Nazwa Przykład
string “Dreamlab”
number 3.14
boolean true
null null
undefined undefined
object {
imie: “Gosia”
}
8. Obiekty
var samochod = {
marka: “Alfa Romeo”,
model: “147”,
kolor: “zolty”,
obliczPaliwo: function(dlugoscTrasy)
{
return dlugoscTrasy * 6 / 100;
}
}
samochod.marka;
samochod.obliczPaliwo(1000)
Złożone struktury danych
9. Komentarze
// tylko jedna linia
/*
komentarz składający się z kilku linii
*/
/**
* Funkcja wylicza wynik dzielenia dwóch liczb.
* @param {number} a opis
* @returns {number}
*/
function wylicz(a, b) {}
10. Pętle
var marka = [‘BMW’, ‘AUDI’,
‘Mercedes’];
for (var i = 0; i < marka.length;
i++) {
console.log(marka[i]);
}
var firma = {
nazwa: ‘Dreamlab’,
branza: ‘IT’
};
for (var el in firma) {
console.log(el);
}
var i = 0;
while ( i < 3) {
console.log(i);
i++;
}
var j = 0;
do {
j++
console.log(j);
} while(j < 3){
console.log(j);
};
11. Funkcje
var pomnoz = function(a, b) {
return a * b;
}
function pomnoz(a, b) {
return a * b;
}
12. Zasięg zmiennych
function zewnetrzna() {
function wewnetrzna() {
var a = 5;
}
console.log(a);
}
// Uncaught ReferenceError: a is not defined
zewnetrzna();
27. (function(a) {
if (a < 2) {
var b = 0;
}
return b;
})(2)
Jaki wynik zwrócą podane wyrażenia?
?
(function(a) {
if (a < 2) {
let b = 0;
}
return b;
})(1)
30. W jaki sposób wyświetlić komunikat "Witaj świecie" w
natywnym komponencie przeglądarki alert box?
?
a) print("Witaj swiecie");
b) alert("Witaj swiecie");
c) msg("Witaj swiecie");
d) alertBox("Witaj swiecie");
31. ?
const event = {
name: 'DreamLabAcademy',
city: 'Kraków'
};
event.city = 'Warszawa';
console.log(event.city);
Jaki będzie wynik poniższego kodu?