JS1 Lekce 2: Vyhodit práci s konzolí a destrukturování #499
Conversation
podlomar
force-pushed
the
498-js1-lekce-2-vyhodit-praci-s-konzoli
branch
from
a02db36 to
0a85d0a
Compare
| const start = 15; | ||
| const delka = '10'; | ||
| document.body.innerHTML += start + delka; // Vypíše '1510' | ||
| document.body.innerHTML += <br />; // Odřádkujeme |
There was a problem hiding this comment.
-document.body.innerHTML += <br />; // Odřádkujeme
+document.body.innerHTML += '<br />'; // Odřádkujeme| Například vlastnost `document.title` obsahuje název naší stránky z tagu `<title>`. Snadno jej tak můžeme změnit. | ||
|
|
||
| ```js | ||
| document.title = 'Objekty v JavaScriptu | Můj blogísek'; |
There was a problem hiding this comment.
Trochu bych se bál, jestli někoho nenapadne, proč tady se nepoužívá .innerHTML a u document.body ano. Navrhuji tento příklad vynechat.
There was a problem hiding this comment.
Pak už ale nezbude nic praktického, co by se na tom document dalo použít. Nebo tě něco napadá?
There was a problem hiding this comment.
Jasný no. Nic moc dobrého mne nenapadá.
Přemýšlel jsem ještě nad document.location.*, kdy by se dal dělat třeba redirect, číst, co je za mřížkou, přidávat/číst get parametry, ale bez ifů a tak všeobecně mi to přijde moc komplikované. 🤷♀️
There was a problem hiding this comment.
Aha. Prý by se mělo používat spíš window.location.
There was a problem hiding this comment.
Já navrhuju to tam nechat. Nepřijde mi, že by bylo velké riziko, že někoho zmate to innerHTML. Navíc se to po nich nikde v žádném případě neche použít, je to jen ukázka: podívejte, document je složitější objekt, se kterým se dá dělat více věcí. Můžeme se pak zeptat koučů, jestli s tím byl problém a pak to třeba vynechat.
| ``` | ||
| 3. Název prohlížeče: | ||
| ```js | ||
| const browser = window.navigator.userAgent; |
There was a problem hiding this comment.
(userAgent postupně zaniká a když to dopadne, tak se asi přejde na userAgentData. Kvůli přechodnému období navrhuji userAgent a userAgentData radši vynechat. userAgent je stejně celkem kryptický a userAgentData má zase horší podporu.)
There was a problem hiding this comment.
V pohodě. Ale rád bych tam ještě měl nějakou vlastnost z window. Napadá tě něco?
There was a problem hiding this comment.
Hledám, ale taky moc nevím.
There was a problem hiding this comment.
window.devicePixelRatio po lekci s reponzivním designem by mohla být trochu zajímavá vlastnost.
There was a problem hiding this comment.
window.outerWidth a window.outerHeight pro srovnání, že je rozdíl velikosti viewportu a velikosti monitoru by možná mohlo být zajímavé.
There was a problem hiding this comment.
window.Math.PI, ale možná nedává smysl to komplikovat tím window na začátku. Nebo naopak může být zajímavé to vzít jako příležitost a říct, že window se nemusí psát, což je možná ale relevantnější v lekci se scope. 🤷♀️
There was a problem hiding this comment.
Tak jsem tam místo userAgenta hodil ty outerNeco vlastnosti a přidal i cvičení na doma, ať si tím pohrajou, když budou chtít.
|
Cc. @JirkaVebr I tyto změny se týkají naší sobotní lekce. |
|
Merguju, ať už se s Jirkou můžeme pomalu chystat. |
No description provided.