Podklady pro 2. týden

Toto jsou podklady pro video lekce pro 2. týden online kurzu Staň se kóderkou od Czechitas.

Tento týden se budemě věnovat těmto oblastem:

• Vývojářské nástroje v prohlížeči (Chrome Dev Tools)
• Margin a padding, collapsing margins
• Vlastnost display - nastavení typu a chování prvku, skrytí prvku
• Pozicování prvků pomocí pomocí vlastnosti position - relativní, absolutní, fixní pozicování

Stažení podkladů

Varianta 1 - Stáhnout jako ZIP

Podklady v GitHub repozitáři si můžeš stáhnout jednoduše ve formě ZIP souboru.

1. Na GitHubu u repozitáře klikni na zelené tlačítko Code.

2. Klikni na možnost Download ZIP a u sebe na disku si stažený soubor rozbal.

Varianta 2 - Naklonovat repozitář

Lepší varianta je naučit se prakticky pracovat s Gitem a GitHubem a repozitář si k sobě pomocí Gitu naklonovat.

1. Po kliknutí na tlačítko Code se rozbalí panel, ze kterého si zkopíruj adresu, která je v jeho horní části.

2. Otevři si VS Code a v něm otevři složku (v menu File > Open folder), do které si dáváš podklady z kurzu - např. složku KODERKA, kterou máš někde na disku.

3. V editoru si otevři příkazovou řádku (v menu Teminal > New terminal). Přesvědč se, že před kurzorem je napsaná stejná složka, kam chceš podklady ukládat. (V mém příkladu tedy KODERKA.)

4. Na příkazové řádce spusť příkaz git clone adresa.git. Místo adresa.git doplň adresu repozitáře, kterou sis z GitHubu zkopírovala v prvním kroku. Celý příkaz tak např. může vypadat takto:

   git clone https://github.com/Czechitas-Koderka-podklady/koderka-tyden-02.git
   

5. Ve tvé složce (u mě KODERKA) se vytvoří složka koderka-tyden-02 a do ní se zkopírují všechny potřebné soubory.