39. Ovládni JavaScript - Co je to DOM v JavaScriptu

JavaScript je programovací jazyk, díky kterému můžete vytvořit moderní webové stránky. Moderní weby se dnes tvoří pomocí HTML, CSS a JavaScriptu. Ale JavaScript není jen to. Pokud se naučíte tento programovací jazyk, tak pro vás nebude problém přejít k jakémukoli jinému programovacímu jazyku. Co se naučíte v JavaScriptu, tak využijete i v jiných jazycích. Nejdříve si ukážeme základy JavaScriptu, které jsou společné pro všechny programovací jazyky (jen se v každém jazyce malinko jinak zapisují). Ale princip je vždy stejný. Až budeme mít za sebou základy, tak se pustíme do změny HTML a CSS jazyka pomocí JavaScriptu. A tam začne pořádná zábava. Navíc, v JavaScriptu se dají programovat i hry, takže nás čeká hodně zajímavých věcí. Naučte se HTML a CSS (viz předchozí kurz na tomto kanálu) a JavaScript a budete mít otevřenou bránu na pracovní trh, kde jsou tyto znalosti dost poptávané. A co si budeme říkat, také dobře placené. Změňte svůj život vzděláním. Pojďme se naučit programovat.

[@romanklaska3483]

Ten pocit keď zistíš, že sledovanie predošlých videí bolo predsa len na niečo dobré 😃 Diky

[@adela.android]

Opravdu děkuji za Vaši práci! Vaše videa mi moc pomáhají při rekvalifikaci, vždy se doučím to, co v kurzech vysvětlují buď špatně nebo vůbec 😁

[@hacknisvoubudoucnost]

Díky, to mě moc těší.
Také děláte rekvalifikaci u ITnetwork?

[@adela.android]

@@hacknisvoubudoucnost Ano 😁 přesně tak

[@hacknisvoubudoucnost]

@@adela.android Takže se zaměřením na JavaScript, předpokládám. A jak to jde. Je tu na kanálu hodně lidí z Pythonu, kteří u nich dělali rekvalifikaci. Python tedy dost hrůza. Snad je JavaScript lepší

[@adela.android]

@@hacknisvoubudoucnost Nn, dělám rekvalifikaci na php, základy javascriptu tam mám jako takovou vsuvku, zbylé části až na javascript byly poměrně kvalitní 😁

[@hacknisvoubudoucnost]

@@adela.android tak to je fajn 😊

[@patrikcermak7662]

Bomba videa, mnohokrát Vám děkuji.

[@hacknisvoubudoucnost]

Není vůbec zač. Jsem rád, že se Vám videa líbí

[@ondrejmarek9752]

To je úplně skvělý 🤩

[@hacknisvoubudoucnost]

Díky, jsem rád, že se video líbilo

[@dailyshely9622]

Ahoj když už umím HTML a CSS mám se jít učit Jqauri (promiň nevím jak se to píše) nebo javascript

[@hacknisvoubudoucnost]

Ahoj, jdi na 100 % do JavaScriptu. JQuery doporučuji až po JavaScriptu, ale jen projet. Pokud budeš někdy upravovat po někom stránky, tak mohou být napsané v jQuery a než to přepisovat do JavaScriptu, tak je lepší upravovat jQuery. Ale pokud se naučíš JavaScript, tak defacto jQeury už budeš umět. Jen má trochu jiné zápisy, ale logika je stejná

[@dailyshely9622]

@@hacknisvoubudoucnost děkuji za odpověď a radu vážím si toho

[@hacknisvoubudoucnost]

@@dailyshely9622 Není vůbec zač. Kdyby něco, tak napiš

[@user-el1px7oy3o]

Ahoj, prosím mám stejný problém: ve skriptu.js mám zadáno: var text = document.querySelector("h1").textContent;
console.log(text); ...a následně v konzoli hláška : Uncaught TypeError: Cannot read properties of null (reading 'textContent')...ale vše mám správně, vše uzavřené v HTML...pokud zadám příkaz rovnou do konzole, vypíše se mi správně na druhý řádek (např. obsah h1), ale pokud zadám do js. souboru, napíše tuto hlášku a víc nic...ještě vypíše pozici 1:40, což by odpovídalo tečce, pokud správně počítám...to samé u paragrafu....zkoušela jsem i v jiných souborech a vždy stejná chyba...Zajímavé je, že zatímco tobě se textContent zabarví (fialově), mě nikoliv...nevím si rady :(

[@hacknisvoubudoucnost]

Ahoj, tento zápis máš dobře. Zkoušel jsem ho:
var text = document.querySelector("h1").textContent;
console.log(text);
Přijde mi, že ti to říká, že javascript nebyl schopný vybrat H1 a že je tento výběr prázdný. Mrkni na napojení souboru v index.html a jestli tam H1 skutečně máš

[@jozzi5513]

Uncaught TypeError: document.querySelector(...) is null ??

[@hacknisvoubudoucnost]

Porovnej s učebnicí. Nejspíše problém s tím, co máš napsané v závorkách. Také se mi to stalo a měl jsem chybu v tom, co jsem chtěl vybrat

[@jozzi5513]

@@hacknisvoubudoucnost Ahoj problém tam nebyl. Neuzavrel sa mi body (vymazalo mi to closing tag) a z nejakého dôvodu to vtedy nechcelo fungovať :) už to ide fajn

[@hacknisvoubudoucnost]

@@jozzi5513 Super

[@ferarrired]

Zdravím, můj výpis v JS je:
var text = document.querySelector("#text").textContent;
console.log(text);
Dále HTML v body (všechny tagy uzavřené):
Lorem Ipsum atd.
a i přes to mi konzole píše: TypeError: null is not an object (evaluating 'document.querySelector("#text").textContent')
***********
Všechno jsem si to po sobě x-krát zkontroloval a zkusil i variantu s class a prostě mi to dokola furt vyhazuje výše uvedený error...
Absolutně to nechápu - stejný problém má i konzole v Safari. Asi to není nic zásadního ale i tak mi to vrtá hlavou, nemáte Davide nějakou radu k řešení?
Díky moc

[@hacknisvoubudoucnost]

Ahoj, zkusil jsem kód hodit k sobě a funguje. Takže v kódu to nebude. Co propojení html souboru a javascriptu? To je ok? Když napíšeš např. jen obyčejný výpis do konzole, tak to funguje?

[@ferarrired]

@@hacknisvoubudoucnost ​ Správně propojené soubory mám právě po celou dobu tak jak mají být, ve výuce jsem se už ale dostal dále a tenhle problém přeskočil. Takže jsem si ten kód taktéž zkopíroval ze svého komentáře na zpět a dneska to už funguje... no nechápu to ale prostě funguje.
Každopádně i tak moc děkuji za skvělá videa ohledně JS, to co nepochopím z psané formy mi zde vždycky nějak docvakne.

[@hacknisvoubudoucnost]

@@ferarrired Tak asi nějaký zásek v editoru kódu :-) Fajn, že už to funguje 👍

[@mariuszmarkus3322]

mě to píše : ReferenceError: document is not defined

[@hacknisvoubudoucnost]

Zkus znovu zkontrolovat kód, kde se document vyskytuje. Bohužel jen z této hlášky se dá těžko zjistit, kde je chyba.

[@mariuszmarkus3322]

Ahoj. Už jsem to zjistil. Dal jsem ten odkaz na srcipt mimo head. Konkrétně za /body a už to funguje.