programisty tips'n'tricks

"Tools For jQuery Application Architecture" prezentacja Addy'ego Osmani z konferencji WebDirections w Londynie.

Fri, 03 Jun 2011 21:41:11 +0200

"Tools For jQuery Application Architecture" prezentacja Addy'ego Osmani z konferencji WebDirections w Londynie.:

Jeszcze gorąca prezentacja o tym, jak zaplanować architekturę aplikacji frontendowych w JavaScripcie. Pokrywa temat od wzorców architektury i projektowych, zarządzania zależnościami, przez wykrywanie funkcji przeglądarek, po testowanie i proces budowania i minifikacji kodu.

Istne kompendium wiedzy o tym jak tworzyć aplikacje w JavaScripcie po stronie klientów. Polecam!

Czemu frontend deweloperzy powinni wybierać Google Chrome a nie inne przeglądarki

Tue, 31 May 2011 22:22:47 +0200

Czemu frontend deweloperzy powinni wybierać Google Chrome a nie inne przeglądarki:

Od dłuższego już czasu do codziennej deweloperki używam Google Chrome (w wersji devel). Paul Irish na swoim blogu podzielił się kilkoma niezwykle przydatnymi sztuczkami których można użyć programując strony internetowe.

Oto kilka z najciekawszych z nich:

można edytować html w locie - dosłownie!
można w konsoli JS odwołać się do zaznaczonego elementu w inspektorze - przez $0.
można edytować pliki CSS i JS na żywo (zakladka resources/zasoby), a potem tylko przycisnąć “zapisz” i mieć poprawiony plik. Ponadto podczas edycji Chrome zapisuje zmiany w poszczególnych plikach z wersjonowaniem. Co pozwala nam dowolnie się bawić kodem a potem tylko zapisać najlepszy z efektów pracy. Co jest najciekawsze, to to że kod CSS i JS można edytować w prawdziwych plikach a nie tylko w konsoli i inspektorze styli (dostępne, jak wspominałem, w zakładce Resources).
używając breakpointów i automatycznego stopowania kodu w przypadku wyjątku można debugować skrypty bez zbędnego wstawiania console.log().
a ponadto Chrome potrafi w przejrzysty sposob pokazywam zminify’owane JSy…

Do pełnej listy przydatnych funkcji odsyłam do bloga Paula Irisha i opublikowanej tam infografiki oraz video.

Wracam...

Tue, 31 May 2011 22:02:00 +0200

Wiem, ze nie bylo mnie dluzszy czas. Nie aktualizowalem tego bloga przez ponad rok. Ale wracam. Sprobuje mniej lub bardziej regularnie dzielic sie tutaj tym co znajde w sieci, stworze lub odkryję.

Zapraszam zatem do subskrybowania RSSow i zapisywania sie do newslettera. Dodatkowo, krotkie odkrycia możecie tez sledzic na moim twitterze: @ravbaker.

Optymalizacja kodu HTML!

Wed, 20 Jan 2010 08:00:00 +0100

Optymalizowanie kodu HTML? Brzmi śmiesznie? Ale tak, da się! Można zmniejszyć ilość kodu w plikach HTML, pisząc kod bardziej zgodnie ze standardami a dzięki mniejszej objętości przyspieszyć jego parsowanie przez przeglądarke. Zainteresowanych odsyłam tu: Perfection kills » Optimizing HTML

Jak w textmate przejść do definicji zaznaczonej klasy w kodzie PHP?

Tue, 19 Jan 2010 07:00:00 +0100

Od kiedy znajomy z pracy wczoraj pokazał mi, jak w jego Aptanie można łatwo przejść do definicji klasy, zapragnąłem tego samego efektu w moim textmate.

Poczytałem nieco o tworzeniu rozszerzeń do TextMate’a i postanowiłem napisać samemu takowe rozszerzenie do obsługi PHP, gdyż nie mogłem znaleźć solucji na mój problem w Google. Możliwe, że niedokładnie szukałem, ale moje rozwiązanie jest całkiem funkcjonalne.

http://github.com/RaVbaker/textmate_own_bundles/blob/master/php/jump_to_class_definition.sh

Używanie jego jest oparte o API Textmate’a dla pisania bundle’i w Ruby’m oraz proste wywołanie konsolowego GREPa.

Pełny kod oraz sposób instalacji możecie podejrzeć na mojej stronie na GitHubie. Dobrej zabawy!

Jak dodać do Findera w Mac OS X opcję "otwórz w TextMate"

Fri, 18 Dec 2009 08:00:00 +0100

Od dawna szukałem tej opcji i okazało się, że przy pomocy Automator.app można taką funkcję dodać do systemu w bardzo prosty sposób.

Polecam kolejny już artykuł z duńskiego bloga justaddwater.dk - | How To add “Open folder in Textmate” to Finder Context Menu

Jak w SVNie odzyskać dane z usuniętego brancha?

Thu, 17 Dec 2009 10:28:00 +0100

Ten post justaddwater.dk | How To Recover Deleted Subversion Branch idealnie rozwiązuje problem, który ostatnio spotkałem. Mianowicie mamy w firmie praktykę aby usuwać branche, gdy kończy się nad nimi pracę. Jest do dobra praktyka - pozwala zachowywać porządek na liście branchy projektu.

Jednak prowadzi również do problemu, gdy po złączeniu zmian z np. trunkiem i usunięciu brancha chcemy się mimo wszystko dowiedzieć kto pracował nad którąś ze zmian - całkiem eleganckie rozwiązanie podsuwa wspomniany wyżej wpis. Myślę, że będzie pomocne nie tylko mnie i mojemu zespołowi.

Jak w SVNie zobaczyć które pliki zostaną zmienione lub skonfliktowane po aktualizacji?

Thu, 17 Dec 2009 08:35:00 +0100

Jeśli i Ty się kiedyś zastanawiałeś jak podejrzeć listę plików które zmienią się po wykonaniu svn update, to wreszcie możesz poznać odpowiedź.

Niestety zwykłe svn status -u nie działa tak, żeby pokazywało również pliki które się skonfliktują po aktualizacji a pod poniższym linkiem możecie znaleźć rozwiązanie, czyli jak poznać pełną listę zmian po aktualizacji.

Więcej we wpisie na blogu justaddwater.dk | How to make a dry-run with svn update.

Dlaczego Git jest lepszy niż "X"

Tue, 15 Dec 2009 07:45:00 +0100

Od kiedy tylko poznałem Ruby’ego polubiłem go i żadne inne języki nie są mi potrzebne - po prostu Ruby wpasował się w mój sposób pojmowania programowania. (Poza PHP i JavaScriptem w pracy :P). Podobnie moja historia wyglądała z Gitem. Mimo, że SVN był pierwszym systemem do zarządzania kodem jaki poznałem, to mam wrażenie, że dopiero Git odzwierciedla ideę zarządzania i wersjonowaniem kodu w taki sposób jak najlepiej potrafię sobie wyobrazić pracę z repozytorium kodu.

Idea stagging area, lekkie branche, lokalne repozytorium, ultraszybki dostęp do logów, blame’ów, poprzednich commitów - to wszystko pozwala naprawdę wydajnie i szybko pracować. Niestety do tej pory dane mi było używać Gita tylko do własnych projektów, ale byłem bardziej niż zadowolony.

Jeśli i wy chcecie się dowiedzieć dlaczego Git jest lepszy od obecnie stosowanego przez was systemu kontroli wersji, polecam stronę Scotta Chacon (można go było poznać na ostatnim RuPy w Poznaniu) - Why Git is Better Than X.

A jeśli ktoś się jakoś zainteresuje bardziej Gitem, to może zajrzeć tu: git ready.

O nazywaniu funkcji... bo bez tego programować się nie da!

Mon, 14 Dec 2009 07:00:00 +0100

Dzisiaj będzie krótko - o nazywaniu funkcji. Rady od samego Jeffa Atwooda. Po polsku dzięki uprzejmości autorów wyśmienitego bloga DevBlogi, którzy postawili sobie za zadanie tłumaczyć najlepsze wpisy z zagranicznej blogosfery. Wpis Nazwę ją… SomethingManager

Proste wprowadzenia do zaawansowanego tematu - skalowanie rails

Mon, 07 Dec 2009 07:05:00 +0100

Wielu początkującym użytkownikom Railsy wydają się być banalnym frameworkiem do stworzenia tylko prostej strony/sklepu/serwisu. Niewielu z użytkowników piszących railsowe aplikacje już od początku myśli o tym “A czy to się skaluje?” Z reguły kod piszą “na szybko” i nierzadko z SQLem wpisanym inline.

Jeden z twórców podcastu http://railsenvy.com/ postanowił mniej zaawansowanym użytkownikom RoR pokazać jak można skalować. A wszystko przy pomocy przyjemnego w odbiorze videcastu. Link: RailsLab .:. Scaling Rails

Dobrym przykładem wprowadzenia jest omówienie działania Racków i metalu: http://railslab.newrelic.com/2009/06/05/episode-14-rack-metal

Prawie wszystko co chcielibyście wiedzieć o VI/VIMie ale boicie się zapytać

Fri, 04 Dec 2009 07:00:00 +0100

Znajomy z pracy ostatnio pytał się mnie o tipsy na temat używania VIMa. Postanowiłem poszperać i znaleźć jakiś jeden sensowny zbiór pomocy do VIMa, po lekturze którego będzie można już na 100% używać tego potężnego edytora.

Dobrej zabawy! VI and VIM editor: Tutorial and advanced features

Każdy PHPowiec lubi pisać "pod siebie", a można inaczej...

Wed, 02 Dec 2009 11:00:00 +0100

PHP jest niewątpliwie najpopularniejszą technologią do tworzenia stron www. Niestety nie posiada spójnej i popularnej platformy do dystrybucji bibliotek, jaką niewątpliwie posiada np. Ruby (w postaci GEMów) i poszukiwania konkretnej biblioteki do stworzenia specjalnego rozwiązania często kończą się na samodzielnym pisaniu skrojonego na miarę kawałka kodu.

Jest to podejście bardzo częste u programistów PHP i właśnie z myślą o nich powstał wpis Using APIs With PHP? Here Are Your Classes | Jeez Tech. Można w nim przeczytać o bibliotekach do wykorzystania API popularnych stron www i usług.

P.S. Tak, wiem o PEARze, ale wiem też jak niewielu programistów PHP naprawdę przeszukuje jego zbiory (http://pear.php.net/) przed rozpoczęciem kodowania kolejnej klasy.

VimMate jako namiastka TextMate'a pod VIMem

Tue, 01 Dec 2009 11:00:00 +0100

Gdy przesiadłem się na linuksa kilka lat temu (a był to slackware 10.0), pierwszym moim dylematem było jaki edytor kodu wybrać. Zasadniczo były trzy opcje: vi/vim, emacs oraz nano/piko. Nano wydał mi się zbyt prymitywny - gdyż wcześniej byłem przyzwyczajony do notepad++, który miał masę opcji i wtyczek do wyboru. A emacs przerażał mnie ilością kombinacji klawiszy, oraz tym, że nie potrafiłem zapamiętać jak wyłączyć ten edytor! Wybór mój więc padł na VIM.

Prostota vima a zarazem mnogość sprytnych opcji sprawiła, że do dziś jest to mój edytor drugiego wyboru - zaraz po textmate’cie. No właśnie, a co gdyby tak możliwości textmate’a umieścić w vimie (bo przecież posiada on swój system pluginów i rozszerzeń)?

Co ważne, nie tylko ja wpadłem na ten pomysł i powstały już zestawy wtyczek do vima roszerzające możliwości edytora tak, że jego używanie będzie maksymalnie zbliżone do tego znanego z tego popularnego edytora wśród użytkowników maków. Może to być też dobry punkt wyjścia do poznania zasad jakimi rządzi się textmate na sucho i bez wydawania tysięcy złotych na drogi komputer.

Wspomniane wtyczki znajdziecie tutaj: vimmate - Project Hosting on Google Code

Textmate - wyciągnij z niego siódme poty!

Tue, 01 Dec 2009 09:05:00 +0100

Jestem wielkim fanem skrótów klawiszowych i do czego się tylko da używam klawiatury. Dlatego po przesiadce na maka (prawie dwa lata temu) wiedziałem, że moim wyborem będzie Textmate.

Mnogość możliwości zaszytych w kombinacjach klawiszowych tego edytora mnie zdumiewa i ciągle odkrywam nowe kombinacje klawiszy.

Dzisiaj np. dzięki artykułowi TextMate productivity tips | 456 Berea Street odkryłem jak przesuwać zaznaczony tekst klawiaturą.

Służy do tego kombinacja: ⌘ + ctrl + strzałki (↓↑→←) aby ustalić położenie. Wam również polecam dogłębnie poznać swój edytor.

Materiały o pythonie po polsku

Mon, 30 Nov 2009 15:39:36 +0100

Prawie wszystko co może zainteresować początkującego polskiego pythonistę. Python - pomoce, kursy, ćwiczenia - NwP - Nurkuję w Pythonie.

Choć ja pamiętam, że swoją przygodę z Pythonem zaczynałem od Dive into python (polskie wydanie - Zanurkuj w Pythonie) oraz dokumentacji.

O frameworku Maintainable, czyli "muszę w PHP, a kocham Rails"

Mon, 30 Nov 2009 09:05:00 +0100

Railsy, jak raz się zacznie pisać i się spodoba to potem niezwykle ciężko się oderwać i powrócić do starego poczciwego PHP. Jeszcze gorzej jest, gdy klient wymaga aby strona którą dla niego tworzymy była koniecznie w PHP, bo serwery, koszty programisty, utrzymanie itp. Wiadomo, każdy wierzy w swoje mity.

Na szczęście jest na to odpowiedź, wspominani przeze mnie w poprzednim wpisie autorzy książki Rails for PHP Developers (tutaj w wydawnictwie Pragmatic Programmers) stworzyli framework w PHP, który jest niemal kopią 1:1 Railsów, ale został on napisany w PHP5!

Z pewnością gratka dla tych wszystkich, którzy kochają nowe koncepcje wykorzystania języka PHP oraz Rails… Więcej pod adresem: http://framework.maintainable.com/

Z PHP na Ruby/Rails bezboleśnie

Sat, 28 Nov 2009 10:00:00 +0100

Rails ostatnio modna sprawa, wielu PHPowców przechodzi na rubinowy framework. Ale przesiadka na nowy język (zwłaszcza po kilku latach kodzenia) bywa trudna. Ciężko poradzić sobie z nową rzeczywistością, pełną obiektowością ruby’iego, nieco innym podejściem do programowania.

Swego czasu czytałem książkę http://pragprog.com/titles/ndphpr/rails-for-php-developers, a w niej dość przejrzyście pokazano przesiadkę na nową platformę jaką jest framework Ruby on Rails. Niestety, wciąż można było błądzić szukając np. jak zmienić na wielkie litery wszystkie pierwsze litery wyrazów w zdaniu? (Co w PHP było banalnie proste: ucwords()), czy jak zakodować ciąg znaków tak aby był dobrze obsługiwany przez przeglądarkę i nie krzaczył się w przypadku specjalnych znaków? PHP miał przecież urlencode().

Jeśli te i podobne pytania nurtują Cię podczas nauki nowego języka, to autorzy wspomnianej już książki Rails for PHP Developers przygotowali coś na Twoje problemy - stronę Reference, gdzie pokazują jak coś co znaliśmy w PHP zrobić w Ruby’m. Jak dla mnie to pomocne i przydatne częściej niż się może wydawać.

[szybki tip] Jak sprawdzić jakie znaki występują w stringu w PHP?

Fri, 27 Nov 2009 09:10:00 +0100

Dzięki Patrykowi z pracy poznałem ostatnio nowe funkcje w PHP. Mimo, że z PHP obcuję już od 8miu lat, to nigdy wcześniej nie zetknąłem się z funkcjami ctype.

Konkretny problem na jaki natrafiłem było sprawdzenie, czy w stringu wszystkie znaki są cyframi. Niestety sprawdzenie typu: "15" == 15 nie działa jak tego oczekuję. Również intval("15") === 15 nie działa jak bym tego oczekiwał, bo gdy zmienię “15” na np. “15abc” to obydwa warunki wciąż są prawdziwe.

Odpowiednią funkcją do badania tego typu warunków jest ctype_digit(string $text).


$string = "123";
if (ctype_digit($string)) {
  echo "ok";
}

// wypisze: ok

Zwraca ona true jeśli wszystkie znaki są liczbami. Proste, a PHP posiada więcej podobnych funkcji do wykrywania z jakich znaków składa się string.

Wszystkie dostępne tu: PHP: Ctype - Manual. Szczerze zachęcam do zapoznania się.

Rekrutacja - dobrze jest się przygotować!

Fri, 27 Nov 2009 01:05:01 +0100

Mimo, że ani nie uczestniczę obecnie ani też nie organizuję rekrutacji, jakoś tak przypomniała mi się moja pierwsza rekrutacja na stanowisko programisty. Pamiętam te chwile napięcia przed spotkaniem z pracodawcą. Oraz przypominam sobie wieczór przed tą moją pierwszą w życiu rozmową o pracę.

Pamiętam jak przeszukiwałem internet w poszukiwaniu poradników dla rekrutów. Co zrobić, jak to wygląda, czego się wystrzegać.

Niestety z często z bólem serca uczestniczę w rozmowach kwalifikacyjnych w mojej obecnej firmie, gdy rekruci nie potrafią odpowiedzieć na podstawowe pytania, które ujawniają brak zaangażowania ze strony aplikującego o pracę: czy byłeś na stronie internetowej naszej firmy?, czy wiesz czym się nasza firma zajmuje?.

Tak, to przerażające i bardzo dobrze wtedy wypada coś co ostatnio przeczytałem, aby nawet gdy się wyśle do firmy swoje CV emailem (wiadomo - XXI wiek, internet, te sprawy) to warto zadzwonić do firmy i się po prostu zapytać: “czy doszło?”. Niewątpliwie pokaże to firmie, że naprawdę jesteś zainteresowany nimi. I, że to CV które oni otrzymali nie jest jednym z tysiąca wysłanych ostatniego wieczoru.

Wracając jednak do mojej pierwszej rekrutacji. Artykułem wówczas znalezionym, który dał mi najwięcej był napisany dawno temu przez Joela Spolsky tekst o rekrutacji do jego firmy FogCreek.

Joel on Software - Partyzancki poradnik rekrutacji

Dla ułatwienia podaję link do polskiego tłumaczenia tekstu.