SU - web intro

Jsem čerstvý nováček v unií a chtěl bych se věnovat webům. Ale jak?

Pro začátek je fajn se vyznat v celkové struktuře a jak to tu vlastně funguje. Z počátku se to může zdát jako velké sousto. Posnažíme se ho rozdělit na části, nech se vám dobře polyká.

Co bys měl ideálně vědet?

Googlit. Na většinu věcí ti postačí hledat ve starých kódech, googlit, nebo to hodit do nějakého čed džepete modelu.

Stále si myslím, že je vhodné znát základy HTML a CSS.

Dále se ti bude hodit Git a GitHub.

Jak to v té unii vlastně funguje? (z pohledu webaře)

Ne každý projekt má web, protože ne každý projekt ho potřebuje. Avšak, pár jich tady je:

Každý web někde leží - na serveru (většinou server od univerzity). Přístupové (FTP) údaje ke každému serveru by měli být uložené v GitHub účtu, v části Projects/FTPs

Ke každému stávajícimu webu uchováváme kód na našem GitHub účtu.

Jaký je workflow webaře?

Máme tady nějaký ty pravidla. To ale neznamená, že je musíš striktně dodržovat. Unie nám dáva prostor pro seberealizaci, tak se neboj využít příležitosti a vylepšuj co se dá.

  1. Přidáš se do projektu
  2. Na všechno kývneš
  3. Komunikuješ s grafikem (rada: snaž se ho přinutit používat Figmu)
  4. Implementuješ grafiku do webu
  5. Měníš co je třeba - texty, farby, mezery, ...

Podrobnější popis GitHub workflow

  1. Založíš si nový projekt (teď to děláme v AstroJS frameworku), v budoucnu si dělej co chceš.
  2. Založíš si GitHub repozitář reprezentující nový web.
  3. Nahráš projekt na GitHub do vytvořeného repozitáře (do main větve).
  4. Nastavíš repozitář: dvě branche (main a dev), pravidla, deployment yaml file, ...
  5. Změny děláš na separátních větvích z dev větve.
  6. V momente kdy dokončíš změny na své větvy, vytvoříš pull request (PR) na dev větev a čekáš na dalšího webaře, až ti změnu potvrdí, pak merguješ do devu.
  7. Pro další změny opakuješ předchozí dva kroky (nezapomeň si lokálně updatovat dev větev).
  8. Když už máte vše hotovo, vytváříš PR do main větve. Po mergnutí, se automaticky web uploaduje na server.