Tworząc wycenę nowej aplikacji czy przystępując do pierwszych prac projektowych, na samym początku zespół musi zrozumieć zakres projektu. Na dziesiątkach spotkań, staramy się dookreślić wymagania, wybrać technologię, identyfikując tym samym obszary niebezpieczne. Wykluwa się wówczas wstępny zarys architektury aplikacji, a decyzje podjęte na tym etapie, mogą rzutować na koszty realizacji i zmian tych decyzji w przyszłości.

Ostatnio wpadła mi w ręce ciekawa książka Simona Browna zatytułowana „Software Architecture for Developers”. Książka ta, w bardzo przyjemny sposób, przybliża nam, czym jest architektura, wyjaśnia znaczenie architektury w tworzeniu oprogramowania oraz przybliża nam rolę architekta w zespole. Jednak autor pierwszy rozdział poświęca tzw. driverom architektonicznym. Czym są i w jaki sposób mogą one pomóc na etapie wyceny bądź w pierwszych decyzjach nowo tworzonej aplikacji?

Tailwind to nowy gracz na rynku frameworków CSS, którego głównymi cechami są lekkość i nowoczesny design. Wykorzystując kompozycję wielu drobnych klas css bezpośrednio w template, jesteśmy w stanie bardzo precycyjnie ostylować dany element. Przypomina to nieco stylowanie elementu w klasie CSS, jednak odbywa się to po stronie html-a.

Dowiedzmy się zatem, jak rozpocząć przygodę z Tailwindem w naszej aplikacji!

• Niemutowalność
  • Dodawanie do tablicy – spread, concat
  • Usuwanie z tablicy – filter
  • Dodawanie do obiektu – spread
  • Usuwanie z obiektu – destructuring
• Programowanie imperatywne a deklaratywne
• Lambda expression
  • deklaracja funkcji (function declaration)
  • function expression
  • funkcje anonimowe
• Czyste funkcje
  • Domknięcia w programowaniu funkcyjnym
• Funkcje wyższego rzędu
• Currying
• Kompozycja

Poniżej kilka podstawowych informacji z JS, przydatne podczas przygotowywania się do rozmowy kwalifikacyjnej.

• 1. Interpretowany vs kompilowany
• 2. Transpilacja
• 3. Języki wielu paradygmatów
• 4. W przeglądarce i na serwerze
• 5. Dynamiczne typowanie
• 6. Zmienne
  • Deklaracja oraz inicjalizacja
  • Hoisting
  • Temporal dead zone
  • let vs const
• Domknięcia
  • Po co są domknięcia?
• Callback
• This
  • Sterowanie kontekstem wywołania za pomocą call, apply oraz bind
  • Kontekst operatora new
  • Arrow functions a this
• Nowości w ES6

W każdym projekcie istnieją pewne elementy wspólne, wykorzystywane podczas stylowania komponentów. Do elementów tych mogą należeć zmienne definiujące kolory czy wymiary, mixiny i funkcje sass, ale także definicje klas.

Nieumiejętne ułożenie i ich użycie może narazić nas, na znaczny wzrost wielkości builda. Ja też raz wpadłem w tę pułapkę i dziwiłem się, dlaczego w buildzie produkcyjnym, każdy, nawet najmniejszy komponent waży kilkanaście kb!?