Wpis ten ma za zadanie dać Ci błyskawicznie opcję serwera w node.js statycznych plików w node.js.

Czego potrzebujesz

  • co to node.js
  • 5 minut (lub 30 sekund – patrz TLDR;)

TLDR;

Możesz czytać całość, albo wykonać te polecania:

git clone git@github.com:yarpo/simpleNodeServer.git
cd simpleNodeServer
npm install
npm start
# w przeglądarce http://localhost:3010 

Miłej lektury (dla ciekawskich 😉 )

Continue reading

Gdyby tylko mieć JavaScript, w który można dodać typy… Jak pomyśleli, tak zrobili. Dzięki temu KAŻDY działający do tej pory kod JavaScript nadal może być używany, ale nowy kod piszesz już “po bożemu”. A to wszystko dzięki językowi, który rozszerza możliwości starego dobrego JavaScriptu. Zobacz przykłady TypeScript. Naprawdę szybkie wprowadzenie do tematu.

Continue reading

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.

Continue reading

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.

Continue reading

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!

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).

Continue reading

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ę.Continue reading