Stavba webu od nuly: první kroky s HTML a CSS > 자유게시판

• 목록
• 답변
• 글쓰기
• 게시판 리스트 옵션
  • 수정
  • 삭제

V CSS se naučte pracovat se selektory. Nejjednodušší je cílit na značky, ale to vede k rychlému konfliktu. Lepší je používat třídy – v HTML je přidáte atributem class, v CSS je zapíšete s tečkou. Například .menu color: navy; ovlivní jen prvky s třídou menu. ID používejte pouze pro jedinečné prvky, jako je hlavička nebo patička. Pozor na dědičnost – některé vlastnosti, jako barva textu, se dědí na potomky, jiné, jako pozadí, nikoli.

Automatizované testy vyžadují volbu vhodného nástroje, ale důležitější je správně navržená architektura. Separejte testovací kód od produkčního, používejte page object pattern a udržujte testy nezávislé na pořadí spuštění. Typická chyba začátečníků je psát testy, které spoléhají na přesná časová zpoždění, místo čekání na prvek. Tím se testy stávají nestabilními a při běhu v CI prostředí selhávají bez zjevné příčiny. Doporučuji používat explicitní čekání na podmínky, ne jen pevné pauzy.

GraphQL je dotazovací jazyk, který vám umožní získat přesně ta data, která potřebujete, a nic navíc. Tím odpadá problém s over-fetchingem a under-fetchingem, které sužují REST. Skvěle se hodí pro aplikace s komplexními vztahy mezi daty, jako jsou sociální sítě nebo dashboardy. Na druhou stranu si musíte dát pozor na přílišné dotazy, které mohou zahltit databázi. Doporučuji zavést limity na hloubku dotazu a použít dotazovací plán, abyste předešli situaci, kdy klient neúmyslně stáhne obrovské množství dat.

Pamatujte, že GraphQL není náhrada za REST – jsou to nástroje pro různé účely. Here's more info in regards to Rekonstrukce Koupelny Krok Za Krokem look at the web site. Často se používají i společně, kdy GraphQL slouží jako BFF (backend for frontend) nad REST službami. Při výběru se zamyslete také nad týmem: pokud vaši kolegové neznají GraphQL, začněte RESTem a GraphQL přidávejte postupně. Nezapomeňte, že obě technologie mají skvělou dokumentaci a řadu knihoven, rekonstrukce koupelny krok za krokem takže si nejste jisti, zkuste si prototyp.

První kontejner: od Dockerfile po spuštění Do Dockerfile napište: FROM python:3.12-alpine, WORKDIR /app, COPY . /app, RUN pip install flask a CMD ["python", "app.py"]. Poté ve stejném adresáři vytvořte soubor app.py s jednoduchým Flask serverem, který vrací text „Ahoj z kontejneru". Sestavte obraz příkazem docker build -t muj-web . (tečka na konci je důležitá). Spuštění provedete přes docker run -p 5000:5000 muj-web. První parametr -p mapuje port hostitele na port v kontejneru – bez toho se k serveru zvenčí nedostanete.

Mezi nejčastější chyby začátečníků patří zapomínání na mapování portů a práce s kontejnery, které nejsou pojmenované. Pokud příkaz docker run spustíte bez --name, Docker vygeneruje náhodný název, a vy pak nevíte, který kontejner je který. Vždy používejte --name muj-server. Druhým problémem je ignorování rozsahu obrazů. Stahování obřích obrazů (například plné distribuce Linuxu) zpomaluje sestavení i spuštění. Zvolte minimalistické varianty jako Alpine, které obsahují jen nezbytné knihovny.

Testování mobilních aplikací se od testování webových stránek liší v několika podstatných ohledech. Kromě funkčnosti musíte ověřit chování při různých velikostech obrazovky, verzích operačního systému, typu připojení či úrovni nabití baterie. Základní rozdělení je na testy manuální a automatizované, přičemž oba přístupy mají své místo. Manuální testování je nepostradatelné pro průzkumné scénáře, kdy tester prochází aplikaci bez předem daného postupu a hledá neočekávané stavy. Automatizace se hodí pro opakované regresní testy a pro ověření stabilních kritických cest, jako je přihlášení nebo platba.

Na závěr: Docker je nástroj, který se učíte praxí. Začněte s malým projektem, třeba s jednoduchým webem, a postupně přidávejte další prvky jako proměnné prostředí (přes -e) nebo propojení více kontejnerů. Časem zjistíte, že kontejnerizace šetří čas při vývoji i nasazení. Vyvarujte se ale běžných pastí – neupravujte běžící kontejner, ale vždy upravte Dockerfile a sestavte nový obraz. Tento postup vám ušetří hodiny hledání záhadných chyb.

Základním pravidlem je oddělit předmět od těla. Předmět by měl být krátký, maximálně 50–60 znaků, a měl by shrnovat hlavní podstatu změny v imperativu, tedy jako rozkaz: „Přidej validaci e-mailu", „Odstraň duplicitní import", „Oprav závěrku v přihlašovacím formuláři". Tento styl je zavedený a umožňuje rychlé skenování historie. Vyhněte se minulému času („Přidal jsem") a dlouhým rozvláčným větám, které se nevejdou do jednoho řádku.

Historie verzování není jen záloha kódu, ale i komunikační nástroj. Každá změna v repozitáři by měla být čitelná jako kronika, ze které se dá zjistit nejen co se stalo, ale i proč. Commit zprávy, které jsou plné obecných frází jako „oprava chyby" nebo „úpravy", jsou pro budoucí vývojáře prakticky nepoužitelné. Naučte se psát zprávy, které vydrží zkoušku času a usnadní práci celému týmu.