Blog webdeveloperski Patryk yarpo Jar

Zmiana wersji node.js za pomoca nvm

Autor wiadomości Październik 17, 2016

Node.js zagoscil juz w swiecie programistycznym na dobre i czesto nawet jesli nie tworzysz produktu w JavaScript, to nadal jakas czesc projektu wymaga node'a.

Czasem tez wymagana jest konkretna wersja node.js. Istnieje kilka sposob na zainstalowanie wlasciwej wersji, ja pokaze tu jedna z prostszych, wykorzystujaca nvm (Node Version Manager).

Na poczatek

  • zainstalowany node.js
  • umiejetnosc korzystania z wiersza polecen
  • 3 minuty

Wpis ten dotyczy nvm i node na MacOS, ale roznice dla Linuksa czy Windowsa nie powinny byc duze.

Pobranie nvm

U mnie bardzo dobrze i sprawnie udalo sie zainstalowac nvm za pomoca tej komendy:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.0/install.sh | bash

Jesli mialbys jakiekolwiek problemy, odsylam do dokumentacji: Instalacja NVM.

Instalacja dodatkowej wersji

Zalozmy, ze potrzebujemy starszej wersji, np. 5.6.0, a domyslnie zainstalowal sie nam node.js w wersji 6.8.0. Poki co mamy tylko jedna wersje (6.8.0), zatem musimy doinstalowac dodatkowa wersje:

nvm install 5.6.0

Gotowe. Dodatkowa wersja zostanie pobrana i zainstalowana, a takze ustawiona jako wersja node.js jaka ma byc wykorzystywana. Na wszelki wypadek otworz terminal ponownie, aby upewnic sie, ze ma wszystkie zmienne srodowiskowe odswiezone.

Zmiana wersji

Jesli masz juz wiecej niz jedna wersje zainstalowana i z jakiegos powodu musisz zmienic domyslna wersje uzyj polecenia:

nvm use 5.6.0

Gdzie oczywiscie numer wersji moze byc inny, w zaleznosci od potrzeb.

 

 

Archiwum yarpo: Kurs CSS (2005)

Autor wiadomości Październik 11, 2015

Kolejne wykopaliska - tym razem kurs CSS z 2005 roku. O dziwo, wciaz nie nie stracil wiele na aktualnosci dla kogos, kto chce poduczyc sie podstaw.

Choc jesli spojrzec na to, co dzisiaj mozna zrobic w CSS i jak dziwne wydaja sie lekcje o hackach dla IE to mozna dojsc do wniosku, ze swiat zmienil sie o 180 stopni 😉

http://yarpo.pl/download/css/

Archiwum yarpo: Kurs tworzenia stron internetowych (2005)

Autor wiadomości Październik 6, 2015

Od jednego z pierwszych kursow jakie stworzylem minelo 10 lat 🙂 [a to nie jest najstarszy z napisanych przeze mnie poradnikow].

Ostatnio odgrzebalem go z czelusci dyskowych i - raczej jako ciekawostke - publikuje tu 🙂

Dla wszystkich archeologow - dostepne online:

http://yarpo.pl/download/www

Progressive enhancement – tworzenie stron dla kazdego odbiorcy

Autor wiadomości Listopad 16, 2014

Kazdy z nas lubi tworzyc cos bardzo nowoczesnego i przyjaznego programiscie. Pewnie nikt z nas (procz 3 osob ciagle odwiedzajacych te strone za pomoca IE 6) nie znosi tworzyc czegos dla starych i wrednych srodowisk.

Niestety, czasem nie wszystko zalezy od nas. Musimy pojsc na kompromisy i zapewnic takze starym, zgrzybialym srodowiskom podstawowe wsparcie. Istnieje kilka sposob na tworzenie takich stron. W ponizszej prezentacji glownie chcialbym sie skupic nad progressive enhancement (progresywne ulepszanie) oraz wspomniec o kilku innych, np. graceful degradation.

JavaScript – sterowanie kontekstem wywolania funkcji

Autor wiadomości Grudzień 13, 2013

Ostatnio na blogu cisza, ale nie oznacza to, ze niczego nie pisze 😉

Czasu niestety zawsze malo, ale znalazlem niedawno chwile na napisanie dluzszego artykulu zbiorczo traktujacego o pracy z operatorem `this' oraz `new'. Artykul zostal podzielony na dwie czesci:

Milej lektury!

Tech 3 Camp: Kompresja stron internetowych

Autor wiadomości Czerwiec 19, 2013

Wczoraj miałem okazję przedstawiać temat kompresji stron internetowych na branżowym spotkaniu Tech 3 Camp.

Cieszę się z dobrego odbioru publiczności oraz z kilku bardzo ciekawych rozmów po prezentacji. Tak jak obiecałem zamieszczam swoją prezentację.

Tworzenie obiektów za pomocą Object.create (ECMAScript 5)

Autor wiadomości Czerwiec 10, 2013

JavaScript nie stoi w miejscu. Cały czas trwają prace nad różnymi API wchodzącymi w skład HTML 5, jak również nad rdzeniem języka - ECMAScript.

Dziś coś o nowości z ECMAScript 5 metodzie `Object.create' pozwalającej na wygodne tworzenie obiektów. Przedstawiłem już wiele sposobów na tworzenie obiektów w JavaScript. Większość z nich była jednak mniej lub bardziej naginaniem podstawowych mechanizmów języka,aby przybliżyć jego działanie do oczekiwań programistów Java-pochodnych (pamiętajmy, nawet potocznie Java != JavaScript).

Pseudo-klasy i pseudo-elementy w CSS

Autor wiadomości Maj 28, 2013

CSS pozwala na definiowanie wyglądu strony i radzi sobie z tym całkiem nieźle. Pozwala na "uchwycenie" za pomocą odpowiedniego selektora elementu (lub zbioru elementów) i przypisanie do niego odpowiedniej reguły CSS. Są jednak takie elementy na stronie, których na próżno szukać w kodzie - choćby łącze (znacznik <a/>) nad którym znajduje się kursor. Element ten w kodzie HTML nie zmienił się, a często jego wygląd uległ zmianie. Jak to się stało? Tu w grę wchodzą pseudo-klasy oraz pseudo-elementy.

Pseudo-klasy

Najbardziej popularnymi pseudo-klasami są te związane z obsługą hiperłączy. Pewnie nie raz widziałeś, gdy link do podstrony, którą już przeczytałeś zmieniał swój wygląd. Choćby na tym blogu po najechaniu na linki po prawej stronie kolor tekstu stanie się jaśniejszy.

Selektory pseudo-klas pozwalają na określanie stylów dla elementów, których nie da się znaleźć w kodzie HTML wprost. Ich "istnienie" wynika z pewnych konkretnych chwilowo zaistniałych warunków - jak choćby wspomniane najechanie na łączę.

Drugi meet.js w Gdańsku

Autor wiadomości Maj 28, 2013

Kolejne spotkanie z cyklu meet.js miało wczoraj miejsce "tradycyjnie" w Inkubatorze Starter w Gdańsku. Po raz kolejny trójmiejscy front-endowcy pokazali, że są chętni dzielenia sie wiedzą dotyczącą JavaScript. Na widowni zasiadło znowu ponad 100 osób (dokładnych statystyk nie znam, ale chyba było odrobinę mniej osób niż zeszłym razem).

Jeśli chodzi o prezentacje to myślę, że także można być usatysfakcjonowanym - Node.js, MongoDB, łańcuchy prototypów oraz asm.js. Z pewnością dało to niezły obraz aktualnych trendów w JS i technologiach pobocznych.

Moim zdaniem najciekawsze było wystąpienie Błażeja Krysiaka - "MongoDB - NoSQL'owa baza danych w JS". Prezentacja niezwykle przejrzysta, techniczna, ale z doskonale zachowaną proporcją między kodem, a poziomem abstracji pozwalającym wynieść wiele osobom, które pierwszy raz słyszały o nierelacyjnych bazach danych. Brawo!

Ponoć przez wakacje czeka nas przerwa w spotkaniach meet.js. Mam nadzieję, że po letniej przerwie wracamy z nowymi, ciekawymi prelekcjami.

Specyficzność selektorów CSS

Autor wiadomości Maj 28, 2013

Każda większa strona internetowa posiada duży (lub bardzo duży) zbiór reguł CSS, czasem umieszczonych w kilku plikach. Do tego nierzadko znaleźć można dodatkowe reguły wklejone w znaczniku <style />, a także wstrzyknięte inline definicje przez atrybut `style' znaczników HTML (styl wewnętrzny).

Nie jest niczym dziwnym, że do jednego elementu w takich ogromie kodu zostanie przypasowana więcej niż jedna reguła. Może się zdarzyć, że reguły będą definiować te same właściwości wyglądu elementu w różny sposób. Jak w takiej sytuacji dojść do tego jak powinien wyglądać dany element? Odpowiedzią jest specyficzność (ang. specificity) każdego z selektorów. Można się także spotkać z określeniem "precyzja selektorów". W przypadku kilku deklaracji będących ze sobą w konflikcie (np. 3-krotnej definicji koloru tekstu) wybrana zostaje ta definicja tego selektora, który ma najwyższą specyficzność.