Login

Jan Procházka

#Morte
Frontend developer @DATA-NORMS
Jindřichův Hradec Czech Republic
v2.9

Software
 
IT
 
Technologie
 
Grafika

Proč a jak jsem tvořil tento web

24. 1. 2021

Motivace

Počáteční nápad byl vcelku jednoduchý. Vytvořit si po mnoho letech svůj web, kde si v praxi vyzkouším technologie co mě lákají a ještě jsem s nimi neměl tu čest. Zároveň kolikrát řeším nějaký problém několik hodin ba dokonce dnů a po jeho úspěšném vyřešení ve mně panuje touha to někam veřejně zapsat. Abych z toho netěžil jenom já, když na stejný problém časem opět narazím, ale i ostatní, kteří se s něčím takovým potýkají.


Technologie

Od začátku mi bylo jasné, že web bude SPA (single page aplication) vybudovaný na nějakém javascript frameworku. V práci dělám s Angularem, proto mě asi více lákalo něco jiného. Z větších hráčů na poli tedy zbýval React a Vue, kde větší sympatie mám ke druhému jmenovanému.


Nakonec vše dopadlo jinak. Zvolil jsem mně vlastní Angular z několika důvodů. V mé profesní činnosti se nedostanu ke všem funkcím, které Angular nabízí a cítil jsem, že právě tam mám mezery, které mě dělí od pomyslného statusu expert v tomto frameworku. Další důvod byl, že jsem chtěl implementovat i technologie mně nové, se kterými ještě zkušenost nemám a tam bude cesta k cíli mnohem jednodušší, když budu tyto nové bábovičky dělat na mně vlastním pískovišti.


Databáze – tady jsem měl dva požadavky. První aby se jednalo o moderní noSQL databázi a druhý abych nemusel programovat i nějaký NodeJs backend pro přístupy k datům. Z těchto požadavků mi nejlépe vyšlo Firebase, který mě svou jednoduchostí uchvátil.


Styly – v minulosti jsem vždy používal klasické CSS, nebo SASS v kombinaci se základními CSS frameworky jako BootstrapCSS. Pokud trochu sledujete frontend development, tak víte, že všichni básní o TailwindCSS. Zkrátka jsem musel zjistit o čem to je a jak se s Tailwindem pracuje, jinak bych riskoval v IT tak jednoduché "ujetí vlaku". Jako alternativa může být Bulma, ale Tailwind má mnohem lepší dokumentaci.


Infrastruktura

Šlo by to jednoduše, ale to není cíl tohoto projektu. Za jednoduchou variantu považuju klasický webhosting s FTP, kam by se deployovala vybuilděná Angularová aplikace. Nemusel bych řešit webový server a SSL certifikaci. Na druhou stranu bych přišel o možnosti využít SSR (server side rendering), škálovat projekt o další napojené aplikace a celkově pro mě tento přístup není zajímavý.

Dnešní IT svět žije v kontejnerech. Ne v těch na odpadky, ale v dockerových kontejnerech. Proto jsem zvolil vlastní VPS s Linuxem. Docker a Nginx tvoří základ, který mi umožňuje virtualizovat aplikace a jednoduchými configy řídit webový přístup k nim. Jako nadstavbu nad tím provozuji Portainer pro správu docker kontejnerů a stacků a Certbot pro automatické certifikování (Lets Encrypt) aplikace.


Budoucnost

Tomuto webu budu postupně přidávat funkce (jako například komentáře) a upravovat jeho vzhled, aby odpovídal aktuálním trendům frontend developmentu. Co se obsahu týče, tak články jako tento plánuji spíše výjimečně, žádný velký pisálek nejsem. Koneckonců toho jste si asi všimli, pokud jste dočetli až sem 🙂

Read more...

Cyberpunk Praha

16. 1. 2021


Made by u/Aimterra

Read more...

Zdroje pro frontend vývojáře

13. 1. 2021

Velmi užitečné repository s hromadou odkazů na SVG, fonty, ikony, color scheme generátory, mockup, templaty, .. no snad vše co vás napadne.

Při pohledu na seznam features srdce nejednoho vývojáře zaplesá.


https://github.com/bradtraversy/design-resources-for-developers


Read more...

Vzdálená plocha Windows na vybraných monitorech

13. 1. 2021

Asi každý kdo dělá přes vzdálenou plochu Windows na více monitorech ví, že lze jednoduše zapnout přes všechny připojené obrazovky.

Když ale potřebujete vybrat jen nějaké konkrétní - máte problém. V rozhraní není taková možnost, abych si například vybral dva monitory a třetí si nechal na lokální práci. Stejný problém nastane, když máte k PC spolu s monitory připojenou i televizi.


Jak na to?

V příkazové řádce si vypíšeme seznam aktuálních obrazovek přes příkaz

mstsc /l

Dialog ukazuje identifikační čísla obrazovek spolu s jejich rozlišením:


Uložíme si .rdp soubor s konfigurací připojení na disk a vložíme do něj následující řádku:

selectedmonitors:s:0,1

Tím se bude vzdálená plocha zobrazovat pouze na monitorech 0 a 1 z vypsaného seznamu, ostatní zůstanou volné.


Read more...
© 2021 iMorte.cz