Git i CMDer

GIT – Jest to system kontroli wersji, umożliwia nam wrzucanie na repozytorium plików, w celu możliwości wcześniejszego go ściągnięcia, jest darmowy, łatwy w nauce. Aby ściągnąć gita wchodzimy na stronę http://git-scm.com pobieramy i instalujemy według instrukcji podanych przez stronę i instalator.
Aby umożliwić działanie Gita, należy PPM na pulpit i wybrać „git Bash”, naszym oczom ujawni się konsola, (bardzo podobna do CMD), należy teraz przypisać gita do naszego konta, wpisujemy: git config –global user.name example_name (twój nick, nazwa), potem ustawiamy naszego e-maila podobnie:  git config –global user.email example@email.com. 
Cmder to jedna z najlepszych konsoli na Windowsa czyli  Conemu ale ubrana w customizacje dzięki czemu jest ładna i mocarna. W  kontekście obsługi repozytorium kodu… posiada wbudowanego klienta git.  Pobierasz cmder-a, rozpakowujesz i tyle, masz i konsolę i gita. Nic  więcej nie trzeba instalować.
Reklamy

Okiem żółtodzioba: czym jest Node.js i NPM?

Node.js jest platformą na której można uruchomić kod JavaScript działający po stronie serwera. Oznacza to, że za jego pomocą możesz uruchomić kod JavaScript bezpośrednio na komputerze, bez wykorzystania przeglądarki. Node umożliwia stworzenie własnego  serwera HTTP lub innych usług sieciowych, daje również dostęp do między innymi systemu plików, metod pracy z plikami oraz innych  narzędzi, dzięki którym możliwe jest wykonywanie wielu operacji na  systemie. Może obsługiwać wiele połączeń na raz, Node.js dobrze nadaje się do tworzenia API. Korzysta z NPM, które obsługuje instalację i aktualizację modułów wielokrotnego użytku  ze zbioru online. Zajmuje się również ono rozwiązywaniem zależności  pomiędzy modułami. By napisać aplikacje np. w express.js za pomocą NPM, ściągamy paczkę i możemy zacząć tworzyć nasze rozwiązanie od podstaw. Ogólnie, jeżeli chcemy coś napisać w Node i nie chcemy pisać wszystkiego podstaw, na pewno wykorzystamy NPM.
Instalacja krok po kroku na windows:
Wchodzimy na stronę https://nodejs.org/en/download/
Wybieramy wersje i ściągamy, instalujemy „dalej, dalej, dalej”  i gotowe! 🙂
Aby korzystać z NPM, należy wejść do konsoli, wpisać komendę node -v (aby sprawdzić, czy mamy zainstalowany poprawnie node.js), po czym należy wpisać npm – v  (aby sprawdzić, czy mamy zainstalowany poprawnie NPM). 
Aby zaktualizować npm z jego macierzystej strony, wystarczy wpisać komendę: npm instal npm@latest – g
Node.js i NPM został pomyslnie dodany do naszej konsoli 🙂

Czym są SPA (Single Page Application)?

Na początku chciałbym określić w jaki sposób działa klasyczna strona internetowa, aby zrozumieć na czym polega jednostronicowa aplikacja internetowa. Znajdując się na stronie głównej używanej przez nas domeny, przechodzimy do zakładki np „kontakt”, następuje odświeżanie strony na której się znajdujemy, po czym ładowanie tej strony do której chcielibyśmy przejść. W wyniku ładuje się podstrona z tymi samymi zakładkami, jednakże z treścią dotyczącą zakładki do której chcieliśmy przejść. Technicznie wygląda to tak, że klikając zakładkę, wysyłamy zapytanie do serwera, które skutkują pobraniem danych z serwera i wyświetleniem dla nas odpowiedzi ( zawartości żądanej podstrony). W takiej technologii zdarzają się różnego rodzaju usterki, związane np: z funkcjonalnością serwera, z jego  przeciążeniem. Skutkuje to wolniejszym ładowaniem strony, przerwę w ładowaniu, bądź całkowity brak jej wyświetlenia. Związane to wszystko jest z pobieraniem ów pakietów danych które obciążają serwery strony, a cała siła przeładunku jest spychana na właściciela strony, serwera firmy.  

SPA w skrócie polega na tym aby moc obliczeniową przenieść na barki użytkownika strony.

Wygląda to tak, że gdy użytkownik wpisuje adres żądanej strony internetowej, z serwera zostaje pobrana paczka danych wyświetlająca zawartość pojedynczej strony. Gdy chcemy przejść na żądaną zakładkę, nie musimy tracić czasu na załadowanie całej strony. Do serwera zostaje wysłane zapytanie udostępnieniem danych zawartych na zakładce, bez zbędnego ładowania całej strony. Skutkuje to o wiele szybszą reakcją na polecenia w danej domenie i niweluje maksymalnie jej awaryjność. Kolejną zaletą jest to, ze pobierając pakiet, możemy daną stronę przeglądać w trybie offline. Pobierając paczkę danych z wcześniej odwiedzonej strony, zapisują się one w pamięci naszego urządzenia, więc nie potrzebujemy już internetu, aby daną stronę wyświetlić.

Strona typu SPA jest oparta na JavaScript i złożona z wielu elementów zawartych w CSS’ie i HTML’u. Każdy potrzebny konkretny element jest pobierany nie powodując obciążenia pobieraniem całej strony. Dzięki określającemu reguły i zasady komunikacji między aplikacjami API i zastosowaniu technologii lokalnego magazynu danych  AJAX, możemy cieszyć się technologią SPA. 

Wadą tego typu stron jest niska wartość jeśli chodzi o wyszukiwanie ich w internecie. Obecne wyszukiwarki mają problem ponieważ nie wyszukują w większości stron opartych na technologii JavaScript, co może skutkować spadkiem popularności stworzonej domeny.

Daj się poznać – Hello, world!

Celem projektu jest poznanie technologii, które pozwolą na realizację w pełni konfigurowalnego szablonu jednostronicowej aplikacji internetowej. 
Moją motywacją startu w konkursie Daj Się Poznać, jest chęć rozwijania się w innym kierunku niż dotychczas obrany (nigdy nie byłem ściśle powiązany z IT). 
Jako osoba (aktualnie) nietechniczna, moja wiedza odnośnie obszaru IT jest na tyle znikoma, że większość rzeczy muszę poznać praktycznie od zera.
Przy realizacji zadania, będę głównie korzystać z zasobów internetowych. Efekty nauki będę zamieszczać na moim profilu github: