Zadanie 1 - Sklonuj repozytorium.
Zadanie jest dość proste, ale musimy upewnić się, czy wszystko na Twoim komputerze odpala się prawidłowo i czy masz dostęp do repozytorium.
Dlatego sklonuj repozytorium https://github.com/webamigos/mewa-workshop poleceniem:
git clone https://github.com/webamigos/mewa-workshop
cd mewa-workshop
npm install
Następnie otwórz repozytorium w swoim ulubionym edytorze kodu.
Zadanie 2 - Zapoznaj się z repozytorium
Jeśli nigdy nie zdarzyło Ci się wcześniej pracować z monorepo, to może być to dla Ciebie ciekawe zadanie. Zlokalizuj aplikacje odpowiedzialne za frontend, backend oraz website. Zobacz jakie mają części wspólne oraz czym się różnią.
Zadanie 3 - odpal taski
Z poziomu terminala zapoznaj się ze składnią NX. Spróbujemy wykonać kilka tasków odpowiedzialnych za uruchomienie storybooka, budowania, lintowania, testowania oraz serwowania odpowiednich aplikacji i bibliotek.
Spróbuj po kolei uruchomić następujące polecenia:
Uruchomienie Storyboka
npx nx storybook frontend
npx nx storybook website
npx nx storybook common-ui
Uruchomienie aplikacji
npx nx serve frontend
npx nx serve website
npx nx serve backend
Uruchomienie linterów
npx nx lint frontend
npx nx lint common-ui
npx nx lint website
Uruchomienie testów
npx nx test frontend
npx nx test common-ui
npx nx test website
npx nx test backend
Uruchomienie budowania
npx nx build frontend
npx nx build common-ui
npx nx build website
Zadanie 4 - komponenty
Stwórz prosty komponent Input, dodaj go do biblioteki komponentów (common-ui), a następnie osadzić w aplikacji frontend.
Powodzenia 💪
Zadanie 1 - Sklonuj repozytorium.
Zadanie jest dość proste, ale musimy upewnić się, czy wszystko na Twoim komputerze odpala się prawidłowo i czy masz dostęp do repozytorium.
Dlatego sklonuj repozytorium https://github.com/webamigos/mewa-workshop poleceniem:
git clone https://github.com/webamigos/mewa-workshop
cd mewa-workshop
npm install
Następnie otwórz repozytorium w swoim ulubionym edytorze kodu.
Zadanie 2 - Zapoznaj się z repozytorium
Jeśli nigdy nie zdarzyło Ci się wcześniej pracować z monorepo, to może być to dla Ciebie ciekawe zadanie. Zlokalizuj aplikacje odpowiedzialne za frontend, backend oraz website. Zobacz jakie mają części wspólne oraz czym się różnią.
Zadanie 3 - odpal taski
Z poziomu terminala zapoznaj się ze składnią NX. Spróbujemy wykonać kilka tasków odpowiedzialnych za uruchomienie storybooka, budowania, lintowania, testowania oraz serwowania odpowiednich aplikacji i bibliotek.
Spróbuj po kolei uruchomić następujące polecenia:
Uruchomienie Storyboka
npx nx storybook frontend
npx nx storybook website
npx nx storybook common-ui
Uruchomienie aplikacji
npx nx serve frontend
npx nx serve website
npx nx serve backend
Uruchomienie linterów
npx nx lint frontend
npx nx lint common-ui
npx nx lint website
Uruchomienie testów
npx nx test frontend
npx nx test common-ui
npx nx test website
npx nx test backend
Uruchomienie budowania
npx nx build frontend
npx nx build common-ui
npx nx build website
Zadanie 4 - komponenty
Stwórz prosty komponent Input, dodaj go do biblioteki komponentów (common-ui), a następnie osadzić w aplikacji frontend.
Powodzenia 💪
Zadanie 1 - Sklonuj repozytorium.
Zadanie jest dość proste, ale musimy upewnić się, czy wszystko na Twoim komputerze odpala się prawidłowo i czy masz dostęp do repozytorium.
Dlatego sklonuj repozytorium https://github.com/webamigos/mewa-workshop poleceniem:
git clone https://github.com/webamigos/mewa-workshop
cd mewa-workshop
npm install
Następnie otwórz repozytorium w swoim ulubionym edytorze kodu.
Zadanie 2 - Zapoznaj się z repozytorium
Jeśli nigdy nie zdarzyło Ci się wcześniej pracować z monorepo, to może być to dla Ciebie ciekawe zadanie. Zlokalizuj aplikacje odpowiedzialne za frontend, backend oraz website. Zobacz jakie mają części wspólne oraz czym się różnią.
Zadanie 3 - odpal taski
Z poziomu terminala zapoznaj się ze składnią NX. Spróbujemy wykonać kilka tasków odpowiedzialnych za uruchomienie storybooka, budowania, lintowania, testowania oraz serwowania odpowiednich aplikacji i bibliotek.
Spróbuj po kolei uruchomić następujące polecenia:
Uruchomienie Storyboka
npx nx storybook frontend
npx nx storybook website
npx nx storybook common-ui
Uruchomienie aplikacji
npx nx serve frontend
npx nx serve website
npx nx serve backend
Uruchomienie linterów
npx nx lint frontend
npx nx lint common-ui
npx nx lint website
Uruchomienie testów
npx nx test frontend
npx nx test common-ui
npx nx test website
npx nx test backend
Uruchomienie budowania
npx nx build frontend
npx nx build common-ui
npx nx build website
Zadanie 4 - komponenty
Stwórz prosty komponent Input, dodaj go do biblioteki komponentów (common-ui), a następnie osadzić w aplikacji frontend.
Powodzenia 💪
Sprawdź też dokładny program nauki i agendę na tej stronie: https://www.webamigos.pl/mewa
Dzięki szkoleniu Modern and Efficient Web Applications (MEWA) poznasz dobre praktyki tworzenia aplikacji internetowych, zaczniesz pisać czytelny i przejrzysty kod, wykorzystasz w pełni najbardziej efektywne narzędzia. Dzięki szkoleniu poznasz najlepsze praktyki tworzenia aplikacji po stronie frontendu oraz dowiesz się z czym zmagają się backendowcy w zespołach fullstackowych.
.jpg){kind=avatar}
Jestem Senior Fullstack Developerem specjalizującym się w tworzeniu aplikacji internetowych w stacku TypeScript, React, Next.js, NestJS. Realizowałem wiele ciekawych i wymagających projektów m. in. dla znanej akademii filmowej z USA oraz startupów z Doliny Krzemowej.
Od 8 lat dzielę się swoją wiedzą jako ekspert na konferencjach i trener IT. Prowadzę też szkolenia dla programistów w Bottega IT Minds, firmie która zrzesza najlepszych ekspertów IT. Jestem także pomysłodawcą i założycielem Szkoły Reacta oraz kanału Web Amigos na YouTube.
Na codzień oprócz kodowania, zajmuję się weryfikacją IT, czyli w trakcie procesów rekrutacyjnych sprawdza poziom wiedzy kandydatów na stanowiska Junior, Regular, jak i Senior developerów.