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, Bitnami

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

• https://www.codeply.com/

• Bootstrap 5 - tutorial

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.

Tutorial.

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

• Front End Code (HTML template)

.gradient {

background: linear-gradient(90deg, rgba(0,33,110,1) 9%, rgba(2,255,250,1) 29%;

}

1. https://unsplash.com/ (Fotky)

2. https://www.manypixels.co/ (Grafika)

3. https://cssgradient.io/ (Gradient)

4. https://getwaves.io/ (Vlny)

5. https://material.io/ (Příručka návrháře)

1. Co je PHP?

2. Tutoriál

3. Instalace (je součásti MAMP/XAMPP)

1. Co je Flask

2. Tutoriál (Youtube) En

3. Úvod k Flasku (Cz)

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/; https://www.tabnine.com/

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

Změnu hesla a přístup k databázi tvoří dva kroky:

1. úprava C:\xampp\phpMyAdmin\config.inc.php

   • $cfg['Servers'][$i]['user'] = 'root';

   • $cfg['Servers'][$i]['password'] = '<heslo>';

2. změna samotného hesla v databázi v prostředí phpMyAdmin.

FTP - File Transfer Protocol

Pro připojení potřebuji:

• hostname,

• user,

• heslo

• MariaDB - download

• MySQL - download

SELECT *

FROM zakaznik;

INSERT INTO zakaznik(zak_id, adresa, status)

VALUES

('LiteCode', 'litecode.net', 'A');