Git lokalnie

1. Instalacja GITa

2. Stworzenie folderu na dysku

3. Wewnątrz folderu zainicjowanie projektu GIT wpisując w linię komend

   git init
   

Istnieje parę możliwości rozegrania kolejnych kroków

1. Można najpierw sprawdzić czy w danym repozytorium posiadamy pliki, które nie są zapisane (untracked)

   git status
   

2. Następnie dodać pliki do przestrzeni roboczej (stage)

   git add …

System kontroli wersji jakim jest GIT (nie jest to akronim, a znaczenie tego słowa w kontekście IT jest dyskusyjne - ja trzymam się tej wersji, że jest ono połączone z brytyjskim slangiem oznaczającym bękarta - patrz wikipedia) pozwala na różne ścieżki rozwoju przygotowywanego "produktu" i najbardziej ogólnie można ująć tą kwestię stwierdzając …

!

REST -> Representational state transfer (pl. zmiana stanu poprzez reprezentacje)

Wysyłanie danych

Tym razem do prezentacji możliwości XMLHttpRequest posłużę się fake API -> https://reqres.in/ ("A hosted REST-API ready to respond to your AJAX requests"), które pozwala na ćwiczenie funkcjonalności REST API

Wysyłanie danych wymaga

(1) przygotowanie danych do wysłania

  const …

XMLHttpRequest

XMLHttpRequest (XHR) służy do wykonywania dynamicznych (asynchronicznych) połączeń z serwerem i jest wykorzystywany do 1) aktualizacji informacji zawartych na stronie internetowej UPDATE 2) wysłania żadania danych do serwera po załadowaniu strony - REQUEST 3) przyjęcia informacji przesłanej przez serwer - po załadowaniu strony RECEIVE 4) przesłania danych do serwera (w tle …

-- Zarys artykułu/artykuł nieskończony --

Wstęp

Dla początkującego programisty tworzenie strony internetowej w sposób inny niż odtwórczy bez wątpienia jest wyzwaniem. Jak w większości zawodów znalezienie luki lub niszy wymaga odpowiedniego obycia, doświadczenia i oczytania. Ten ostatni czynnik uważam za kluczowy ponieważ bezpośrednio wynika z dwóch, które go poprzedziły. Poprzez czytanie …

Wstęp

Webpack generuje tzw. pakiety (ang. bundles -> bundle.js) na podstawie wytworzonego tzw. drzewa zależności oraz dostosowanie ich do formatu czytelnego dla możliwie jak najszerszego zakresu przeglądarek internetowych - jest swego rodzaju kompilatorem powstałej treści na podstawie różnych formatów do takiego, który przyjmuje przeglądarka internetowa (js,html,css). W tym sensie …

Na co dzień korzystam z zestawu VSC + GitHub

Bywa tak, że chcę usunąć ostatni dodany przez nas commit lub cofnąć daną gałąź do określonego commita usuwając wszystkie, które po nim nastąpiły.

Aby cofnąć daną gałąź o jeden commit wystarczy wpisać

git reset --hard HEAD~1

a jeśli zależy nam na …

Wstęp

W pierwszej kolejności polecam podcast DVLPR-WNBE #14 -> Scrum Master i odpowiedzi na pytania Developer Wannabe podcast #14, który stał się przyczynkiem do moich dalszych poszukiwań związanych z poruszonymi poniżej kwestiami i pozwolił mi na uporządkowanie wcześniej zasłyszanych pojęć, których zakres nie był mi znany - dodam, że nadal czuję się …

Kwestia dostępności (ang. accessibility) jest związana z takim tworzeniem stron internetowych (w tym w dużej mierze odpowiedniej struktury HTML) aby osoby posiadające różnego rodzaju zaburzenia (np. widzenia) lub problemami z motoryką ciała w możliwie jak najprostszy sposób mogły z nich korzystać.

Do osób wykluczonych zaliczyć można:

• osoby niepełnosprawne sensorycznie

• osoby …

Podstawowe zasady nazewnictwa

Nazewnictwo klas CSS zaczyna się od... wybrania odpowiedniego taga HTML a później...

Podział na 3 sposoby nazywania klas

• funkcjonalność (Functional class names) -> połączenie klasy z elementem ze względu na jego znaczenie selected-button, important-text

• zawartość (Content-based class names) -> klasy wskazujące na zawartość elementu submit-button, intro-text

• prezencja (Presentational class …

Znaczniki semantyczne określają znaczenie treści, która jest w ramach nich zamknięta. Nie powinny być wykorzystywane do pozycjonowania (od tego div) a do określania treści.

Przykładowa tabela

Grid -> HTML + klasy CSS

Grid przy pomocy klas (starsza wersja) jest czym innym niż tzw. Grid CSS (nowsza wersja rozwiązania)

W przypadku rozwiązania opartego jedynie o HTML i odpowiednio stylowane klasy css - całość oparta jest na kolumnach (pion) oraz wiersze(poziom)

Kolumna ustala szerokość a wiersz "trzyma" elementy w jednej …

Wstęp

Podział projektu na mniejsze pliki (modułowość) może przynieść sporo korzyści w związku z jego utrzymaniem oraz reużywalnością kodu w innych projektach, pozwala na to (CommonJS oraz moduły wprowadzone w ES6.

CommonJS jest standardem wykorzystywanym przez node.js natomiast moduł ES (ES6) jest przeznaczony dla przeglądarek

CommonJS

Importowanie zależności (w …

ES6 wprowadza 2 dodatkowe struktury przechowywania danych Map oraz Set

Map

Mapa jest kolekcją danych, do których przyporządkowane są klucze, w odróżnieniu od zwykłego Obiektu w tym przypadku klucze mogą być dowolnego typu/o dowolnym typie przykładowo kluczem może być Obiekt

Przykładowo:

let map = new Map();

map.set('1', 'str1 …

Wstęp

JavaScript w swoim założeniu jest jednowątkowa, kod wywoływany jest w sposób synchroniczny (linia po linii), w zestawieniu z node.js lub przeglądarką internetową może stać się asynchroniczna (kod dalej jest wywołany po kolei, ale jego elementy nie zatrzymają wywołania się reszty kodu np. w przypadku obiektu Window i metody …

Moja pierwsza instalacja node.js na Ubuntu odbyła się poprzez pobranie paczki i instalację zawartości paczki Linux Binaries node -v >> v10.19.0

Moduł N z NMP

Moduł n służy do interaktywnego zarządzani wersjami Node.js

Kroki podjęte do instalacji najnowszej wersji Node.js

Czyszczenie pamięci cache (aby nie korzystać …

Poniższy wpis powstał na podstawie tego materiału, patrz również tutaj i jego założeniem jest próbą wprowadzenia do TDD (test driven development). W pierwszej kolejności znane są wytyczne/scenariusz funkcji następnie powstaje test a na jego podstawie funkcja

Zadanie stwórz funkcję spełniającą następujące warunki

1. Bob answers 'Sure.' if you ask …

Babel pozwala na transpilację/tłumaczenie kodu ES6+ do ES5 - sprawiając tym samym możliwość na interpretację kodu przez szerszą gamę środowisk od node.js po starsze przeglądarki internetowe. Babel jest oparty na małych wtyczkach, których instalacja pozwala na wykonanie oczekiwanej od niego pracy.

W jaki sposób działa Babel można również sprawdzić …

Do stworzenia pierwszego testu posłużyłem się dokumentacją JEST oraz tym materiałem (autorstwa Kacpra Kozaka)

Jest wyszuka pliku, w którego nazwie znajduje się słowo kluczowe test poprzedzone kropką o rozszerzeniu js którego pierwszy człon nazwy jest taki sam jak plik, w którym przechowywany jest kod do testowania. Przykładowo test dla sum …