From 61911f8c92cb76cd5ddef5446e509cdcc886f3c8 Mon Sep 17 00:00:00 2001
From: "lukas.helcl" <luky.helcl@gmail.com>
Date: Thu, 3 Jun 2021 21:08:48 +0200
Subject: [PATCH] zapisky od nely

---
 README.md | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)

diff --git a/README.md b/README.md
index 17c87cf..05c927d 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,67 @@
 # vesmir-helcl
 
+zapisky od Nely
+
+WEB KOMPONENT 
+
+1) npm install @vue/cli-service
+2) npm install @vue/cli-plugin-babel
+3) npm install @vue/cli-plugin-eslint
+4) npm install vue-template-compiler
+
+LOCALHOST
+
+py -m http.server
+
+API JSON TOKEN
+
+1) curl adresa (pak.asgard.odbornaskola.cz)
+2) curl -H "Autorization: Token token" adresa (http://pak.asgard.odbornaskola.cz/pack/
+!POZOR NA MEZERY A PŘEKLEPY!
+
+ctrl + shift + P + format selection = mezery 
+
+POMIO KONZULTACCE
+
+:heart: Wagtail
+   py manage.py app startapp galerie
+ - výhoda bootstrap
+
+:heart: Javascript + css
+ - scroll event + (zjednodušení pomocí bootstrapu)
+ - hlavně o stylovaní = pozadí/obrázky na pozadí + responsivita
+ - pozicování (absolute/relative)
+ - grid
+ - transition!!!!!
+
+:heart: Javascript + json
+ - token chybí = api bude
+ - událost Click/change
+ - pomocí JS vytvořit HTMLelement (nebo přes jquery $("...") .html("...")
+
+   let e = document.querySelector("...");
+   let p = document.createElement("p");
+   e.appendChild(p)
+
+:heart: Web komponent
+ - Vue
+ - npm run build -> dist
+
+   data = [
+      {jmeno: "neco", obrazek: "url", ..},
+      {jmeno: "neco", obrazek: "url", ..},
+      {jmeno: "neco", obrazek: "url", ..},
+   ]
+ - + metoda
+
+ - v-for
+ - v-if
+
+:heart: Nasazení na server
+pro úkoly 2, 3 nebo 4
+ - klasika webmaster@ipadresa
+ - vpn.asgard.odbornaskola.cz
+    *už přihlášen na serveru
+ - git clone adresa 
+ - nano /etc/nginx/sites-enabled/webproject
+    ---> za lomitko root /home/webmaster/vesmir
\ No newline at end of file