Úvodní cvičení

14. 2. 2023

Visual Studio Code

Návod jak přidat rozšíření do VS Code (včetně seznámení se s prostředím).

Vybraná rozšíření

GitHub Pull Requests and Issues

Nutné pro naše cvičení, abyste získali zadání úkolů.

GitHub Classroom

Doporučuji pro dobrý předhled v úkolech a jejich hodnocení.

Live Server

Automaticky aktualizuje stránku, kterou píšete a tak vidíte okamžitě změny, které provádíte.

Auto Rename Tag

Velmi doporučuji. Automaticky přepisuje i párový element.

CSS Peek

Velmi oceníte při tvorbě CSS. Vytvýřá náhledy CSS a případně vás odkáže na kód.

Code Time

Zajímavost - počítá čas psani kodu.

Základy práce s GitHub

Pro naši třídu je vytvořena GitHub Classroom, přes kterou budeme pracovat. Pro odevzdávání kódů, je třeba si vytvořit účet na GitHub a nainstalovat rozšíření do VS Code. Poté budete na hodině přidáni do třídy pomocí přijetí prvního úkolu, kde budete přiřazeni ke svému stagID.

VS Code a GitHub Classroom

Kdo nemá, vytvoří si vlastní účet na GitHub.

Přidáte doplňky GitHub Pull Requests and Issues a GitHub Classroom do VS Code.

Přihlásíte se ve VS Code do GitHub přes ikonu človíčka v levém dolním rohu.

Kliknete na odkaz na úkol. Pokud nejste přihlášení ke GitHub učiňte tak, a vyberte ze seznamu své jméno.

Přijměte první úkol. Klikněte na odkaz. Otevře se Vám repositář, kde najdete tlačíko Code a skopírujete odkaz.

Jděte zpět do VS Code, kde vyberete možnost Clone Git Repository a vložíte odkaz. Hotovo.

Pro odevzdání úkolu je třeba repositář tzv. commitnout, čehož dosáhnete tak, že v záložce Source Control uvidíte změny, které jste v kodu udělali. Dáte vpravo malé +, napíšete do okénka název commitu a přes fajku nahoře okna úkol odevzdáte.

Zadání zápočtového projektu

odkaz na GitHub

Vývojářské nástroje prohlížeče

Na cvičení proběhla ukázka nejčastějšího využití. Podrobnější a pokročilejší vývojářské nástroje si můžete nastudovat v příručce Chrome.

Can I use?

Souhrné informace, kde naleznete informace o podpoře webových techlogiích.

MDN web

MDN Web Docs jsou webové stránky provozované Mozilla Foundation, které obsahují dokumentaci k projektům založených na Mozille jako Firefox či Thunderbird, a webovým standardům a technologiím.

Úkol

odkaz na GitHub