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!
7 months ago
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.
8 months ago
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.
8 months ago
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
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!
2 years ago
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
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.
2 years ago