https://devx.agency/

Lektoři: Adam Gajdzica, David Hotař

1. Stažení: https://www.mamp.info/en/downloads/ (verze pro Windows)
2. Instalace spuštěním exe souboru do složky "C:\MAMP\" (doporučeno)
   • Instalace na localhost (127.0.0.1).
   • Vytvoří ikonu na ploše.

1. Parametry konfigurace jsou standardní. Ponechat v deafultním nastavení.
2. V sekci Hosts pod záložkou Databases vytvořit novou databázi s názvem "wordpress".
3. Test: http://127.0.0.1/
4. Informace MAMP: http://localhost/MAMP/

Alternativa: XAMPP

1. Stažení archívu zip ze stránek Wordpress.
2. Zkopírování obsahu archívu do složky: "C:\MAMP\htdocs".
3. Spuštění instalace WP: http://127.0.0.1/
4. Další postup dle návodu.
   • název databáze: wordpress
   • uživatelské jmeno (databáze): root
   • heslo (databáze): root
   • vytvoření uživatele WP: admin
   • vytvoření hesla pro uživatele admin: <vymyslet>
   • Přihlášení do administrace: http://127.0.0.1/wp-admin/

1. Překopírování složky devx-theme do /wp-content/themes/
2. Přihlášení se do administrace
3. Záložka Vzhled —> Aktivovat šablonu Devx Theme

Šablona je k dispozici na šk. disku "P" a na Google disku.

Správce databáze, stránka projetku: https://www.adminer.org/

- Demo Adminer.

1. Stažení (skript PHP).
2. Instalace: soubor "adminer-4.7.5.php" zkopírovat do kořenové složky webu.
   • "C:\MAMP\htdocs"
3. Spuštění: http://127.0.0.1/adminer-4.7.5.php

1. Ce je Bootstrap (Wikipedie)?
2. Stránky projektu.
3. Bootstrap tutorial W3Schools, Websiteup.org, TutorialsPoint, Video tutoríál.

------------------------

• Bootstrap grid (mřížka/tabulka - rozdělení stránky).
• Spacing
• Flexbox

1. Plugin
2. Stažení
3. Instalace.
   • realizuje se v prostředí administrace WP jako plugin

1. V sekci Pluginy vyhledáme "Advanced Custom Fields"
2. Kliknutím nainstalujeme.
3. Aktivujeme.

Dokumentace.

1. HTML - W3school.
2. Nu Html Checker - validace (kontrola) HTML.
3. Automatické formátování zdrojového kódu (HTML, CSS, JS).
4. HTML šablony.
5. HTML Bootstrap šablony.

------------------------

• Google Web Designer
• Firefox Browser Developer Edition
• Chrome DevTools

1. CSS
2. Sass: preprocesorový skriptovací jazyk, který interpretuje nebo kompiluje CSS
   • Wikipedie
3. Vzhled, fonty grafika apod.:
   • https://fonts.google.com/, české
     • fonty, respektive písma ke stažení
   • fonty, grafika, ikony (nutná registrace)
     • ikony, loga, vektorová grafika
   • fotky: Pexesl, fotobanka
     • fotobanky s volně dostupnými i placenými fotkami pro webové stránky
   • barvy: color-hex
     • web/nástroj - obsahuje sady barevných schémat a jejic různá vyjádření
   • CSS animátor, cdnjs animator, daneden

1. Co je PHP?
2. Tutoriál.
3. Instalace (je součásti MAMP)

Grafický online editor: https://pixlr.com/

Redukce velikosti obrázku: https://tinypng.com/

Další nástroje (https://pinetools.com/)

Psaní na klávesnici (české).

• < - alt gr + čárka (alt gr + 60)
• > - alt gr + tečka (alt gr + 62)
• # - alt gr + X (hashtag) (alt gr + 35)
• { - alt gr + B (alt gr + 123)
• } - alt gr + N (alt gr + 125)

1. div.container-fluid.py-5 (stiskem TAB expanduje)
   • <div class="container-fluid py-5"></div>
2. div.col-lg-4 (stiskem TAB expanduje)
   • <div class="col-lg-4"></div>
3. div+p (stiskem TAB expanduje)
   • <div></div>
   • <p></p>

Další příklady: https://docs.emmet.io/cheat-sheet/

1. PHP Storm - stažení
2. Videotutorial.
3. Registrace účtu JetBrains. (k dispozici licence pro nekomerční využití)
   • Graduation: rok ukončení školy
   • Email address: školní email (@zszatopkovych.eu)

1. Stažení, konfigurační soubor settings.json (pouze ZŠ Zátopkových)
2. Mapování kláves (zkratky)
3. Instalace doplňků: Live server, Schémata, Emmet (tahák),

git config user.name "Jméno Příjmení"

git config user.email "lojza@domena.cz"

git init

git status

git clone https://github.com/zszatopkovych/3D-Trinec.git

git add <soubor>

git commit -m "pridame soubor do repo"

git pull

git push origin master