Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.

Struktura a design webových stránek je hračka. Teď převeď své statické stránky do webové aplikace a objev sílu Reactu.

Aplikace v prohlížeči

Frontend Developer

Úvod do role frontend developera. Objevíš velkou RGB trojku - Angular, Vue a React! Zjistíš, jaké mají tvé statické stránky chyby a kam je můžeš posunout. Nakonec připravíš a nastavíš vše, co potřebuješ pro práci frontend developera!

Seznámíš se s package managery, založíš svůj druhý projekt, kde nastartuješ React aplikaci a pochopíš strukturu svého projektu. Nakonec si poslechneš malý realtalk o boilerplatech v korporátní stáži.

React, boilerplate a balíčky

https://adithyana.hashnode.dev/fisher-setup-a-package-manager-for-fish-shell

Návod na instalaci Fisher pro Fish shell.

Jak nainstalovat Fisher pro Fish shell?

Q: Co je to Angular, Vue a React?
A: Jsou to nejpoužívanější nástroje pro tvorbu frontend aplikací, které zrychlují vývoj a sjednocují komponenty.

frameworks, tools, web development, usages, compare

Co je to Angular, Vue a React?

frontend-developer-video

| Příkaz                     | Význam (Popis)                                         | Příklad použití            |
|----------------------------|---------------------------------------------------------|----------------------------|
| `nvm ls`                   | Zobrazí nainstalované verze Node.js                    | `nvm ls`                   |
| `nvm list-remote`          | Zobrazí dostupné verze ke stažení                       | `nvm list-remote`          |
| `nvm install <ver>`        | Nainstaluje konkrétní verzi                             | `nvm install 20`           |
| `nvm use <ver>`            | Přepne aktivní verzi                                    | `nvm use 20`               |
| `nvm alias default <ver>`  | Nastaví výchozí verzi                                   | `nvm alias default 20`     |
| `nvm current`              | Zobrazí aktuálně používanou verzi                       | `nvm current`              |
| `nvm uninstall <ver>`      | Odinstaluje konkrétní verzi                             | `nvm uninstall 18`         |
| `nvm which <ver>`          | Zobrazí cestu k binárce dané verze                      | `nvm which 20`             |

Seznam všech příkazů do CLI pro práci s NVM.

NVM - Cheatsheet

Q: Co je to NVM?
A: NVM je správce verzí Node.js, který ti umožní rychle přepínat mezi verzemi.

Co je to NVM?

Q: Proč potřebuji pro frontend development Node.js?
A: Protože build systémy, balíčkovače a nástroje jako npm nebo Vite bez Node.js nefungují.

node.js, frontend, backend, fullstack, mobile

Proč potřebuji pro frontend development Node.js?

NVM (Node Version Manager) je nástroj pro správu verzí Node.js v jednom počítači.

## K čemu je
- rychlé přepínání verzí podle projektu
- izolace prostředí bez zásahu do systému
- jednodušší práce v týmu

## Jak funguje
NVM instaluje jednotlivé verze Node.js do uživatelského profilu a dovolí ti je přepínat jedním příkazem.

## Kdy ho použít
Použij ho vždy, když pracuješ na více projektech s různými verzemi Node.js nebo chceš mít stabilní build prostředí.

Oficiální repozitář Fisher pro Fish shell.

Fisher na GitHubu

Oficiální repozitář NVM pro správu verzí Node.js.

NVM na GitHubu

Q: Kdo je frontend developer?
A: Je to vývojář, který tvoří rozhraní webových aplikací a řeší, co uživatel vidí a používá.

Kdo je frontend developer?

Q: Co je to Node?
A: Node.js je runtime pro JavaScript na serveru, který umožňuje spouštět JS mimo prohlížeč.

Co je to Node?

https://adithyana.hashnode.dev/install-nvm-for-fish-shell

Jak nainstalovat NVM pro Fish shell?

Připrav si lokální Node.js prostředí tak, aby bylo možné spouštět a spravovat JavaScript projekty.

## Specifikace

- Nainstaluj Node.js a npm do svého prostředí
- Ověř funkčnost příkazy `node -v` a `npm -v`
- Volitelně nainstaluj `nvm` a nainstaluj Node.js přes `nvm`

## Akceptační kritéria

- Příkaz `node -v` vrací číslo verze Node.js
- Příkaz `npm -v` vrací číslo verze npm
- Volitelně `nvm --version` funguje a Node.js je nainstalovaný přes `nvm`

Příkaz	Význam (Popis)	Příklad použití
`nvm ls`	Zobrazí nainstalované verze Node.js	`nvm ls`
`nvm list-remote`	Zobrazí dostupné verze ke stažení	`nvm list-remote`
`nvm install <ver>`	Nainstaluje konkrétní verzi	`nvm install 20`
`nvm use <ver>`	Přepne aktivní verzi	`nvm use 20`
`nvm alias default <ver>`	Nastaví výchozí verzi	`nvm alias default 20`
`nvm current`	Zobrazí aktuálně používanou verzi	`nvm current`
`nvm uninstall <ver>`	Odinstaluje konkrétní verzi	`nvm uninstall 18`
`nvm which <ver>`	Zobrazí cestu k binárce dané verze	`nvm which 20`

Frontend Developer

Frontend Developer

heyy-frontend

Backlog

Příprava prostředí

Open

Closed

Materiály pro tebe.