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.

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!

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

Meet.js zawitał do Gdańska!

Autor wiadomości Marzec 11, 2013

Choć sama inicjatywa spotkań front-endowców w postaci meet.js nie jest w Polsce nowa, to w Trójmieście takie spotkanie odbyło się po raz pierwszy.

Powiedzieć, że zainteresowanie było duże, to skłamać. Początkowo planowane w pubie Polufka, kameralne spotkanie, przerodziło się w jeden z większych eventów około programistycznych, jakie w ostatnim czasie odbywały się w naszym grodzie. Ostatecznie zdecydowano o przeniesieniu prezentacji do Gdańskiego Inkubatora Przedsiębiorczości.

Miałem niekrytą przyjemność przedstawienia tematu "Modularny JavaScript". Był to mój debiut na tego typu spotkaniach i bardzo dziękuję za responsywność publiczności. Mam nadzieję, że to nie ostatnie słowo meet.js w tej części naszego kraju.

Tworzenie modułów Dojo (bez szablonów)

Autor wiadomości Luty 14, 2013

Ostatnich kilka wpisów poświęciłem tworzeniu modułów zgodnych z AMD. W tym wpisie pokażę, jak stworzyć widget Dojo wykorzystując podejście AMD (kiedyś opisywałem dawny sposób - nadal dostępny, choć już niedługo).

Na początek potrzebujesz

  • ogólnej wiedzy o JavaScript i Dojo
  • serwera WWW (przykłady do pobrania należy uruchamiać na serwerze)
  • 5 minut

Tworzenie modułów JS zgodnych z AMD (require.js)

Autor wiadomości Styczeń 6, 2013

W niedawnym wpisie pokazałem jak wykorzystać bibliotekę require.js. W tym skupię się na tym, jak tworzyć własne moduły JavaScript zgodne z AMD (ang. asynchronous module definition).

Aby zacząć warto mieć:

  • serwer www (może być WAMP)
  • podstawy JS (przyda się też minimalna wiedza o AMD)
  • 5 minut 😉

Require.js – AMD w praktyce

Autor wiadomości Grudzień 16, 2012

Już kilkukrotnie poruszałem temat tworzenia modułów (czasem nawet "klas") w JavaScripcie. Tym razem coś nowego - asynchroniczne definiowanie modułów. W skrócie AMD (ang. asynchronous module definition). Coraz więcej znanych frameworków i bibliotek wykorzystuje właśnie to podejście (choćby Dojo i jQuery).

W tym wpisie spróbuję pokazać dlaczego powstało takie rozwiązanie oraz przedstawić kilka prostych zastosowań.

Na początek warto:

  • mieć jakieś podstawy JavaScript
  • zarezerwować 5 minut

Rozwijanie listy po kliknięciu na dijit.form.FilteringSelect / ComboBox

Autor wiadomości Sierpień 22, 2012

W Dojo Toolkit jest cały zestaw widgetów pozwalających budować bardzo nowoczesne aplikacje webowe. W ty wpisie zajmę się dwoma (spokrewnionymi) kontrolkami:

  • dijit.form.FilteringSelect
  • dijit.form.ComboBox

autouzupełnianie dijit.form.FilteringSelect

Co one robią?

Co z nimi nie tak, skoro mam zamiar im poświęcić cały wpis? Kolejno - są to komponenty zastępujące zwykły HTML-owy znacznik <select />. Są bardzo przyjazne dla oka, pozwalają nie tylko na wybór pozycji z listy dostępnych, ale także na wpisywanie własnych (mechanizm podpowiedzi), dodatkowo bardzo dobrze współdziałają z data store. Słowem - używać, nie umierać ;).

Jednak posiadają jedną dużą wadę funkcjonalną - aby rozwinąć listę trzeba kliknąć dokładnie,tylko i wyłącznie w strzałeczkę sugerującą rozwijanie.

demo online

Obsługa skrótów klawiszowych z poziomu JavaScript

Autor wiadomości Czerwiec 29, 2012

W wielu aplikacjach internetowych (np. GMail) można wykorzystywać znane skróty klawiszowe. W jaki sposób twórcy tych stron zdołali podpiąć się pod wciśnięcie ctrl + S w celu zapisania wersji roboczej listu? Dlaczego nie wyświetla się systemowy dialog zapisu witryny? Na te pytania odpowiem w tym wpisie.