GabPiCurran / koderka-tyden-11

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Podklady pro 11. týden

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

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

  • Markdown - popíšeme si Markdown - extreémně populární formát pro tvorbu obsahu
  • Eleventy - ukážeme si, jaké další možnosti nám nabízí šablonovací jazyk Nunjucks, a vyzkoušíme si práci s kolekcemi pro tvorbu novinek, blogů, apod.
  • Checkbox trik a hamburger menu - jak funguje tzv. checkbox trik a jak s ním vyrobit hamburger menu bez nutnosti použít JavaScript

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-11.git
    
  5. Ve tvé složce (u mě KODERKA) se vytvoří složka koderka-tyden-11 a do ní se zkopírují všechny potřebné soubory.

About


Languages

Language:HTML 67.7%Language:CSS 16.6%Language:Nunjucks 10.9%Language:JavaScript 4.8%