Robert Whitney
V této sérii přejdeme od začátečníka k pokročilému v JavaScriptu v 10 blogových příspěvcích. Na konci této série budete znát všechny základy, které potřebujete k tomu, abyste mohli začít programovat v JavaScriptu.
Jak začít programovat v JavaScriptu? – obsah:
- Pro koho je tento kurz určen?
- Co vlastně můžete dělat s JavaScriptem?
- Proč je JavaScript tak populární?
- Kde můžete psát a spouštět JavaScriptový kód?
- Jak začít programovat v JavaScriptu?
Pro koho je tento kurz určen?
Tento kurz je pro vás, pokud jste někdo, kdo chce začít programovat v JavaScriptu, nebo jste někdo, kdo chce osvěžit své znalosti v JavaScriptu. Také doporučuji uložit si tuto příručku do záložek pro budoucí použití. Kdykoli budete chtít mít rychlé znovuúvodění ohledně konceptů nebo si jen připomenout syntaxi používanou v JavaScriptu, bude to dobrý čas na revizi této série v budoucnu.
Co vlastně můžete dělat s JavaScriptem?
Před ponořením do JavaScriptu je dobré vědět, co vlastně můžete s JavaScriptem dělat. Můžete znát JavaScript jako jazyk, který dominuje webu. A máte naprostou pravdu! JavaScript, který začal jako front-end jazyk pro přidání chování na webové stránky, se nyní používá ve všech aspektech webových stránek.
Obvykle se používá ve front-end webovém vývoji spolu s dalšími JavaScriptovými frameworky a knihovnami, jako je React. Je také nejběžnějším jazykem používaným v backendovém webovém vývoji díky Node.js, který vám umožňuje spouštět JavaScript na webových serverech. Ale tím to rozhodně nekončí. JavaScript se používá na všech možných místech, včetně vytváření progresivních webových aplikací a desktopových aplikací. Nedávno se také začal používat v oblasti strojového učení pomocí TensorFlow.js. Díky Node.js se také může používat k ovládání dronů, robotů a zařízení IoT.
Proč je JavaScript tak populární?
JavaScript je v současnosti nejpopulárnějším programovacím jazykem a to z dobrého důvodu. Existuje několik hlavních faktorů, které dělají JavaScript tím, čím je dnes. Mezi ně patří široká dostupnost běhových prostředí, bezpečnost verzí kódu díky Babelu a široké přijetí v komunitě. Podívejme se na ně jeden po druhém.
Široká dostupnost
JavaScript dominuje webu, zepředu dozadu. Pokud čtete tento článek, abyste si osvěžili své znalosti JavaScriptu, pravděpodobně víte, že se každých pár měsíců objevují nové JavaScriptové frameworky, zejména pokud jde o front-end webový vývoj, protože existuje mnoho přístupů k jeho optimalizaci.
Jak uvidíme později v článku, nemusíte instalovat žádný speciální software, abyste začali psát a spouštět svůj JavaScriptový kód, protože již máte potřebné nástroje ve svém prohlížeči. To samo o sobě snižuje překážku pro začátek učení jazyka, protože většina programovacích jazyků vyžaduje, abyste nainstalovali a nastavili programovací prostředí, abyste vůbec mohli začít.
Bezpečnost verzí
Celým účelem psaní kódu je skutečně ho spustit, když má běžet. A při tom poslední věc, kterou chcete, je mít polovinu své webové stránky nefunkční pro značný počet uživatelů. Ale co můžete udělat, pokud váš kód musí běžet na 1000 různých kombinacích zařízení a prohlížečů? Pro koho budete optimalizovat a koho necháte být uživatelem? Musíte vůbec dělat takovou volbu? Pokud polovina vašich uživatelů má stará zařízení a druhá polovina má zcela nová zařízení, pro koho budete optimalizovat svůj kód a koho budete ignorovat jako svého zákazníka? Odpověď je, doufejme, nikdo, díky Babelu.
Babel je software, který zajišťuje, že váš kód běží i na velmi starých prohlížečích, které používají velmi starou verzi JavaScriptu. Tímto způsobem nemusíte dělat volbu, která by vás vedla k ignorování poloviny vašich zákazníků. Abych byl jasný, nepíšete kód s Babel, nebo to není varianta JavaScriptu. Ale je to extrémně běžně používaný software, který vezme váš již napsaný a fungující JavaScriptový kód a převede ho na verzi JavaScriptu, kterou ostatní prohlížeče chápou, i když mají ve svých prohlížečích velmi starou verzi JavaScriptu.
Obrovské přijetí komunitou
Kdykoli píšete kód, je nevyhnutelné, že narazíte na problémy. A v těchto chvílích, bez ohledu na to, s jakým programovacím jazykem pracujete, může být extrémně užitečné vidět, že váš problém již někdo na internetu vyřešil. To je místo, kde nastupuje podpora komunity, a proto StackOverflow.
Pokud nevíte, co je StackOverflow, je to v podstatě největší programovací fórum, které lidé používají k pokládání a odpovídání na programovací otázky. Není to jediné místo, kde najdete odpovědi, určitě existují místa, která budou velmi užitečná při odpovídání na vaše konkrétní otázky, ale pravděpodobně tam najdete většinu svých odpovědí. Neříkám, že byste měli jen jít na StackOverflow a hledat tam své problémy. Obvykle vám vyhledávání na Googlu dá nejlepší výsledky.
A možná to nečekáte, když se učíte programovat, ale velká část vývoje softwaru zahrnuje vědět, co hledat na Googlu, abyste našli své odpovědi efektivněji.
Proto chce spousta lidí začít programovat v JavaScriptu – mít JavaScript jako nejpopulárnější programovací jazyk vám rozhodně pomáhá pracovat s tímto jazykem jak v krátkodobém, tak v dlouhodobém horizontu. Kdykoli píšete
JavaScript, jen si představte tisíce lidí, kteří s vámi programují JavaScript ve stejnou dobu. Někteří pokládají otázky, někteří odpovídají na otázky.
Když programujete v JavaScriptu, nejste sami.
Kde můžete psát a spouštět JavaScriptový kód?
Existuje několik míst, kde můžete začít programovat v JavaScriptu. Technicky můžete psát JavaScript kdekoli, včetně jednoduchého zápisníku nebo textového editoru. Ale také potřebujete JavaScriptový engine, abyste skutečně spustili svůj kód. Ale jak se k němu dostanete? No, pokud si pamatujete začátek článku, víte, že ho již máte ve svém prohlížeči.
V této sérii blogových příspěvků budeme používat Google Chrome jako prohlížeč, protože je to jeden z nejběžnějších prohlížečů používaných ve webovém vývoji. A to z dobrého důvodu, Chrome poskytuje některé z nejlepších nástrojů, které vám usnadňují život při práci s webovým vývojem. Chrome má JavaScriptový engine nazvaný V8 Engine, který vezme váš JavaScriptový kód a spustí ho. Tento JavaScriptový engine se také používá při vývoji Node.js, softwaru, který vám umožňuje vzít JavaScript z prohlížeče. Node.js je také důvod, proč můžeme používat JavaScript na všech možných místech, včetně webového serveru a dronu.
Když chcete začít programovat v JavaScriptu, je dobré vědět, že potřebujete JavaScriptový engine k provedení svého kódu, a nyní víte, že již máte jeden, který přichází s vaším prohlížečem. Také víte, že pokud chcete spouštět JavaScript mimo prohlížeč, budete chtít stáhnout a nainstalovat Node.js. Ale co se týče skutečného psaní kódu a jeho provádění, co to všechno znamená pro vaši zkušenost s programováním? Obvykle budete chtít použít nějaký druh IDE (integrované vývojové prostředí) k psaní svého kódu. Tímto způsobem, jak můžete hádat z názvu, přichází s mnoha dalšími nástroji, které vám usnadňují práci s kódem v dlouhodobém horizontu. Tyto mohou zahrnovat cokoliv od automatického doplňování textu pro méně psaní až po debugger. Protože s těmito IDE pracuje spousta lidí, existují také velmi běžné rozšíření, která vám umožňují přizpůsobit své programovací prostředí, včetně zbarvení závorek v kódu, aby bylo snazší vidět, které otevírací závorky odpovídají kterým závorkám uzavíracím. Pokud nemáte představu o tom, co závorky dělají, prozatím se tím nemusíte trápit a uvidíme je se všemi detaily, které musíte znát v této sérii blogů.
V současnosti patří mezi nejpopulárnější IDE Visual Studio Code, Atom a Sublime Text. Ale pro to začneme s nejjednodušší možností, kterou můžeme začít, což je vlastně použití samotného prohlížeče Chrome k psaní a provádění JavaScriptového kódu.
Teď, když máte nějaké základní informace o JavaScriptu, pojďme skutečně nastavit naše programovací prostředí a začít s kódem „Ahoj, světe!“.
Jak začít programovat v JavaScriptu?
Abychom mohli začít programovat v JavaScriptu, musíme nastavit programovací prostředí.
Jak jsme také zmínili dříve, budeme používat Google Chrome jako náš prohlížeč po celou dobu této série blogových příspěvků. Pokud již máte Chrome nainstalovaný, skvělé! Pokud ne, pak prvním krokem je skutečně nainstalovat Google Chrome. Chcete-li stáhnout Chrome, můžete jednoduše vyhledat „stáhnout Google Chrome“, abyste si ho stáhli z jeho webových stránek, nebo zde najdete odkaz pro vaše pohodlí pro stažení Chrome:
Google Chrome – Stáhněte si rychlý, bezpečný prohlížeč od Google
Teď můžete pokračovat a kliknout na tlačítko „Stáhnout Chrome“, abyste začali stahovat. Jakmile se stáhne, můžete na něj dvakrát kliknout a projít instalačním procesem, jako byste to udělali s jakoukoli jinou aplikací, kterou stáhnete z internetu. Může vás také požádat, abyste se přihlásili k jednomu ze svých účtů Google, což můžete udělat.
Jakmile máte Chrome nainstalovaný, dvakrát na něj klikněte, abyste otevřeli okno. Nyní byste měli vidět klasickou obrazovku vyhledávání Google:
Abychom mohli začít programovat v JavaScriptu, dalším krokem je otevřít skutečné místo, kde budeme psát a spouštět kód uvnitř prohlížeče Chrome. Z horního menu přejděte na: Menu, poté Vývojář, a poté klikněte na JavaScriptovou konzoli. Můžete také použít zkratku pro Mac, což je „option + command + J“.
Hned poté byste měli vidět, jak se otevírá JavaScriptová konzole, která by měla vypadat nějak takto:
Pokud jste se dostali až sem, úžasné! Je čas na významný krok, který vám umožní začít programovat v JavaScriptu. Pojďme začít vaši cestu JavaScriptem s ahoj světe. Pokračujte a napište následující:
alert("Ahoj, světe!");
Po napsání toho spusťte náš kód stisknutím klávesy „Enter“ nebo „Return“ na klávesnici!
Teď byste měli vidět upozornění, které vypadá takto:
A s tímto jste právě napsali svůj první kód „ahoj světe“! Nyní víte, jak začít programovat v JavaScriptu.
V dalším blogovém příspěvku uvidíte základy JavaScriptu s příklady kódů.
Robert Whitney
Odborník na JavaScript a lektor, který školí IT oddělení. Jeho hlavním cílem je zvýšit produktivitu týmu tím, že učí ostatní, jak efektivně spolupracovat při programování.
