Jaké zvolit technologie při tvorbě online projektu s AI

Potřebujete funkce a nezajímá vás jestli budete vidět na Googlu

Chcete s AI vytvořit:

• aplikaci,

• dashboard (nástěnku),

• produktové UI,

• interní nástroje,

• složitější interakce

Pak řekněte AI, že chcete postavit váš projekt pomocí React a Typescript.

Vytváříte projekt, kde je obsah stěžejní bod a chcete s ním být dohledatelní na Googlu

Chcete s AI vytvořit:

• webovou stránku pro společnost, projekt, osobu, produkt,

• komplexnější landing page,

• blog,

• katalog,

• e-shop - online prodej

Pak řekněte AI, že chcete postavit váš projekt pomocí Next.js a Typescript.

Vytváříte projekt, kde důležitá rychlost a jednoduchost

Chcete s AI vytvořit:

• jednoduchou landing page (třeba pro nasměrování z placených reklam, kde se musí web načíst opravdu rychle, aby lidi neodešli dřív než se web načte)

• jednoduchou microsites, například pro představení nového produktu

• rychlý promo web.

Pak řekněte AI, že chcete postavit váš projekt pomocí HTML a JS.

Existují i další technologie, například Vue / Nuxt, Astro, Svetle, Angular a další. Jejich použití je už více specifické a většinou je použije ten, kdo o nich už něco ví. Ideálně se při tvorbě projektu i AI zeptejte, jaké technologie doporučí pro tvorbu a odpověď můžete konfrontovat s výše zmíněnými doporučeními. AI vám buď vysvětlí, proč je navrhovaná technologie lepší a nebo vám dá zapravdu. Důležité ale vždy je, upřesnit pro AI to, k čemu projekt má sloužit a co od něj očekáváte.

Stručné vysvětlení jednotlivých technologií

React
React je nástroj pro tvorbu interaktivních částí webu a webových aplikací. Pomáhá skládat stránku z menších znovupoužitelných částí, třeba tlačítek, formulářů nebo celých sekcí.

Next.js
Next.js je framework postavený na Reactu, který usnadňuje tvorbu rychlých webů a aplikací. Hodí se hlavně tam, kde je důležitý výkon, SEO a lepší struktura projektu.

TypeScript
TypeScript je rozšíření JavaScriptu, které pomáhá lépe hlídat chyby v kódu už během vývoje. Díky tomu je práce přehlednější a bezpečnější hlavně u větších projektů.

HTML
HTML je základní jazyk webu, který určuje obsah a strukturu stránky. Říká prohlížeči, co je nadpis, odstavec, obrázek nebo odkaz.

CSS
CSS se stará o vzhled webu. Pomocí něj se nastavují barvy, velikosti, rozložení prvků nebo třeba vzhled stránky na mobilu.

JavaScript (JS)
JavaScript dává webu život a interaktivitu. Díky němu může stránka reagovat na kliknutí, odesílat formuláře nebo měnit obsah bez načtení celé stránky.

JS vs TypeScript

• JavaScript je základní jazyk, ve kterém se píše chování webu.

• TypeScript je jeho vylepšená verze, která navíc kontroluje typy dat a pomáhá odhalit chyby dřív, než se projeví v aplikaci.

A bonus na závěr, vysvětlení pojmu framework. S tímto pojmeme se člověk v této oblasti setkává velice často.

Framework je v informatice předpřipravený základ (sadu nástrojů, knihoven a pravidel), který se používají, aby se nemuselo vše psát od nuly a mohlo se víc zaměřit na tvoření konkrétních funkcí aplikace. Web frameworky například automaticky řeší věci jako navigaci mezi stránkami, přístup k databázi, přihlašování uživatelů nebo bezpečnost.

Jednoduše: framework je jako „stavebnice“ – dostaneš hotové díly a návod, aby ses nemusel věnovat rutinním věcem, které v každém webu v podstatě řešíš vždy stejně.