dotnetomaniak.pl

dotnetomaniak.pl - Artykuły z tagiem JavaScript

Witam, po krótkiej przerwie spowodowanej przedłużonym weekendem oraz oglądaniem mundialu w Brazylii Na szczęście dziś wieczorem gra najmniej ciekawa grupa, postanowiłem więc wykorzystać to „okienko” na napisanie nowego wpisu. Nie mogę Was przecież za bardzo zaniedbywać… Ostatnimi czasy zauważyłem sporo wpisów w blogosferze (przynajmniej w tej, którą sam subskrybuję) na temat Velocity.js… Szczerze mówiąc nie znałem wcześniej tego pluginu jQuery. Jednak po b...

Dziel się z innymi:
Wydajne animacje UI przy pomocy Velocity.js | burczu programator

Web 891 dni, 17 godzin, 58 minut temu burczu 187 rozwiń

Ostatnio pisałem o systemie automatyzacjipracy grunt. Tak jak wspomniałem ma on swoje wady i zalety. Na szczęście nie jest to jedyna opcja jaka jest dostępna dla światka JavaScript.gulp.js The streaming build system Konkurencją dla grunt jest gulp.js (niektórzy nawet mówią, że grunt jest pase a gulp trendi) – narzędzie, które działa na zasadzie code-over-configuration z prostym API (to tutaj IMO jest najważniejsze – wystarczy porównać dwa skrypty robiące to samo w grunt i w gulp by zobaczyć, że gulp je...

Tagi: gulp, JavaScript
Źródło: blog.gutek.pl
Dziel się z innymi:
Co to jest Gulp.js? Część 1 | Jakub Gutkowski

Narzędzia 891 dni, 17 godzin, 58 minut temu rroszczyk 279 rozwiń

Skoro już mamy nasze środowisko przygotowane i wiemy co i jak z tym grunt, to pora się nim trochę pobawić :) UWAGA: to jest przykład, nie twierdzę że najlepiej napisany, chodzi głównie o pokazanie co można zrobić.Krok 0 – przygotowanie środowiska W aplikacji będziemy wykorzystywać grunt jak i bower, więc warto sobie przypomnieć jak te dwie rzeczy zainstalować :)npm bower -g install npm grunt-cli -g install Krok 1 – informacje na temat aplikacji i struktury katalogów W tym celu wykorzystamy przykładową...

Tagi: Grunt, JavaScript
Źródło: blog.gutek.pl
Dziel się z innymi:
Co to jest Grunt.js? Część 3 | Jakub Gutkowski

Web 896 dni, 7 godzin, 51 minut temu rroszczyk 67 rozwiń

Poprzednio opisałem do czego służy grunt i jak go zainstalować. Jednak zakończyłem na jednej z najważniejszych rzeczy w grunt – mianowicie pliku który jest odpowiedzialny za definicje zadań jak i konfiguracje tego co ma nam ten biedny grunt robić :) Niestety, z grunt nie jest tak łatwo jak z NPM – by stworzyć gruntfile.js lub gruntfile.coffee mamy dwie opcje:Ręczne utworzenie plikuWykorzystanie kolejnej paczki (kiedyś była częścią grunt) grunt-init Ręcznie możemy to zrobić za pomocą poleceńtouch gruntf...

Tagi: Grunt, JavaScript
Źródło: blog.gutek.pl
Dziel się z innymi:
Co to jest Grunt.js? Część 2 | Jakub Gutkowski

Narzędzia 896 dni, 7 godzin, 51 minut temu rroszczyk 75 rozwiń

Ostatnio omawialiśmy co to jest NPM oraz co to jest Bower. Pora na coś z czego będzie nam naprawdę ciężko (do póki nie poznamy alternatywy ;)) żyć w świecie JavaScript.Grunt The JavaScript Task Runner Grunt jest to system automatyzacji pracy – nie zależnie co robimy, czy to ma być statyczna strona w HTML i JavaScript, czy bardziej zaawansowana aplikacja wykorzystująca coffee script, czy też po prostu coś co chcielibyśmy z automatyzować. W odniesieniu do naszego świata .NET Grunt można porównać z MSBUIL...

Tagi: Grunt, JavaScript
Źródło: blog.gutek.pl
Dziel się z innymi:
Co to jest Grunt.js? Część 1 | Jakub Gutkowski

Narzędzia 898 dni, 6 godzin, 1 minutę temu rroszczyk 196 rozwiń

Postawiłem przed sobą dość proste zadanie dodania nowego 'ficzeru' do pewnej wewnętrznej ministronki w firmie. Ot, taka mała lista obsługiwanych aplikacji. Z biegiem czasu 'mutacji' produktu powstało wiele, dlatego lista stała się dość pokaźna i znalezienie czegoś w niej stało się trudne.

Tagi: JavaScript, Linq
Źródło: wojciechsipa.pl
Dziel się z innymi:
linq.js – zaznać troszkę C# w javascript

Inne 899 dni, 6 godzin, 15 minut temu WujoWojtas 373 rozwiń

W poprzednim odcinku dowiedzieliśmy się co to jest Node (pobieżnie) i do czego służy NPM. Dowiedzieliśmy się, by zainstalować framework lub rozszerzyć nasz serwer o dodatkowe funkcje wystarczy polecenie npm install i kłopot z głowy. A co jeżeli byśmy chcieli zainstalować jQuery? Albo Twitter Bootstrap? Albo jakąś inną kliencką bibliotekę, którą chcemy wykorzystać w aplikacji? W Visual Studio za pomocą nuget instalujemy paczkę o odpowiedniej nazwie i ona nam już trafia do odpowiednich folderów. Ale NPM ...

Źródło: blog.gutek.pl
Dziel się z innymi:
Co to jest Bower? | Jakub Gutkowski

Inne 913 dni, 1 godzinę, 16 minut temu rroszczyk 193 rozwiń

Jednym ze sposobów na przyspieszenie wczytywania strony internetowej jest asynchroniczne ładowanie skryptów JavaScript. Jest to ważne szczególnie kiedy wykorzystujemy na naszych stronach skrypty znajdujące się na zdalnych serwerach, ponieważ często ich pobieranie trwa długo. Przeglądarki internetowe, domyślnie podczas wczytywania strony przetwarzają poszczególne elementy DOM jeden po drugim czyli synchronicznie. Jako, że script również jest takim elementem, jego przedłużone wczytywanie mo...

Dziel się z innymi:
Asynchroniczne ładowanie skryptów JavaScript | burczu programator

Web 920 dni, 6 minut temu burczu 231 rozwiń

Ostatnio jeden z czytelników tego bloga zadał mi pytanie związane z oknami modalnymi w Bootstrap co skłoniło mnie do poszperania trochę w dokumentacji wtyczek jQuery do Bootstrap’a. Po bliższym zapoznaniu się z tą tematyką uznałem, że może z tego powstać całkiem ciekawy i użyteczny wpis – i oto efekt Zresztą nie ma co przedłużać, przejdźmy zatem do rzeczy!

Dziel się z innymi:
Okna modalne – wszystko o wtyczce jQuery do Bootstrap | burczu programator

Web 929 dni, 7 godzin, 47 minut temu burczu 274 rozwiń

Czas się przyznać. Nie można takiego stanu utrzymywać dłużej bo prawda prędzej czy później wyjdzie na jaw. Jak to mówią kłamstwo ma krótkie nogi. Dzisiaj postanowiłem wyjść z szafy, ujawnić się i powiedzieć to na głos. Nie testuję JavaScript’ów. Uff teraz kiedy już publicznie to powiedziałem 50% sukcesu za mną. No bo przecież powiedzenie tego publicznie jest najtrudniejsze… Mimo, iż JavaScript jest już od dawna pełnoprawnym obywatelem w naszych aplikacjach czy to WebForms (tfu!) czy MVC i pisze się g...

Źródło: blog.octal.pl
Dziel się z innymi:
Testowanie JavaScript | .net blog – octal.pl

Inne 933 dni, 15 godzin, 21 minut temu admin 214 rozwiń

Hej! Dziś trochę o moim ulubionym języku JavaScript, a konkretniej o dość popularnej konstrukcji tego języka jakim są wywołania zwrotne czyli inaczej, z angielska, o funkcjach callback. Jak możecie przeczytać w tytule tego wpisu, jest on poświęcony pewnemu szczególnemu przypadkowi funkcji callback – chodzi mianowicie o wywołanie zwrotne, które jednocześnie jest metodą obiektu. Zanim jednak przejdę do omówienia tego konkretnego przypadku, kilka słów przypomnienia co to jest funkcja callbac...

Dziel się z innymi:
JavaScript – przekazywanie metody obiektu jako callback | burczu programator

Web 934 dni, 22 godziny, 7 minut temu burczu 153 rozwiń

Jak pewnie wielu z Was pamięta, w jednym z ostatnich wpisów poruszyłem temat LESS czyli swego rodzaju rozszerzenia CSS, pozwalającego na re-używanie kodu, definiowanie zmiennych itp., itd. Wpis tamten zdecydowanie był jedynie wstępem do bardziej szczegółowego opisu możliwości tego rozwiązania – napisałem w końcu tylko jak zacząć używać LESS oraz pokazałem jeden prosty przykład kodu… Dziś zatem pora na znaczne poszerzenie tego tematu i więcej szczegółów dotyczących LESS… postaram się przyb...

Dziel się z innymi:
LESS Is More czyli trochę więcej szczegółów | burczu programator

Web 940 dni, 17 godzin, 8 minut temu burczu 138 rozwiń

Useful Node.js modules – ssh2 I would like to introduce a very useful Node.js module to you, which can help in automating your daily work or accomplishing non-ordinary and non-obvious task such as SFTP/SSH management.Description ssh2 is a SSH2 client module written in pure JavaScript. In this case the above mentioned module helped me to bootstrap the simple tool a while ago. The main goal of this tool is to automate creating, downloading and uploading a backup to SFTP for one-of-the-most-popul...

Dziel się z innymi:
Useful Node.js modules - ssh2 | Technical blog

Narzędzia 988 dni, 19 godzin, 38 minut temu FutureProcessing 59 rozwiń

Zastanawialiście się kiedyś jak zrobić układ strony podobny do tego, który zobaczyć możemy między innymi w serwisie Pinterest? Pewnie większość z Was zna ten serwis – jeśli nie to spieszę wyjaśnić, że jest to serwis społecznościowy, w którym użytkownicy dzielą się z innymi swoimi zdjęciami. Wyróżnia się on ciekawym układem, w jaki prezentowane są zdjęcia. Generalnie chodzi o to, że „layout” podzielony jest na kolumny o określonej szerokości, a ilość tych kolumn zależy od szerokości okna przeglądarki. W u...

Dziel się z innymi:
burczu programator - blog: Układ strony à la Pinterest

Web 998 dni, 3 godziny, 9 minut temu burczu 186 rozwiń

Są momenty, w których jedyne co wypada zrobić do dać sobie samemu blachę z wykrzyknieniem: “kRRRRetynie!”. Tak miałem ostatnio, gdy po wdrożeniu kolejnej wersji systemu dostałem od klienta komunikat: “e ziom, nie działa!”. Po inwestygacji logów przyczyna okazała się dość prozaiczna: owszem, deploy poszedł, wszystko się udało, ale “użytkownik końcowy” nie zrobił (bo i skąd miał wiedzieć że trzeba to zrobić?) full-refresh, aby przeglądarka zaciągnęła now...

Dziel się z innymi:
JavaScript "autoversioning" w Nancy | Maciej Aniserowicz o programowaniu

Web 999 dni, 23 godziny, 14 minut temu psz750 108 rozwiń

Mój mikro cykl o obsłudze ekranów dotykowych w JavaScript miał się zakończyć na poprzednim wpisie na ten temat, jednak szperając w google w poszukiwaniu materiałów do tych wpisów, natknąłem się na kilka JavaScriptowych bibliotek, które jak się okazuje pozwalają objeść problemy o których pisałem ostatnio. Postanowiłem więc, że fajnie będzie dopisać jeszcze jeden post na temat i opowiedzieć o jednej z takich właśnie bibliotek, a mianowicie Hand.js. Hand.js jest biblioteką, która powstała aby umożliwić pis...

Tagi: JavaScript
Dziel się z innymi:
burczu programator - blog: Hand.js - a jednak się da...

Web 1000 dni, 7 godzin, 21 minut temu burczu 127 rozwiń

Dzisiaj wracam do tematu obsługi ekranów dotykowych, o której pisałem w jednym z ostatnich wpisów. Wspomniałem wówczas, że w Internet Explorer wygląda to wszystko trochę inaczej… I na tym mam zamiar się w skupić w dzisiejszym poście. Na wstępie zaznaczę, że zdarzenia wskaźnika (ang. pointer events) pojawiły się wraz z wypuszczeniem przez Microsoft Internet Explorera 10 – w wydaniu tym, wprowadzono zupełnie odmienny od opisanego przeze mnie poprzednio, model obsługi zdarzeń zarówno myszki jak i dotyku. M...

Dziel się z innymi:
burczu programator - blog: Żeby nie było za łatwo... czyli obsługa ekranów dotykowych w IE

Web 1006 dni, 7 godzin, 5 minut temu burczu 39 rozwiń

Hej! Ten post miałem napisać już bardzo dawno… Ostatnio jednak wziąłem się trochę poważniej za tego bloga, postanowiłem więc ponadrabiać trochę wpisowych zaległości, a oto jedna z nich! Mianowicie, w trakcie pisania Read Your Feed – mojego super mega czytnika RSS;-) (możecie sobie o tej aplikacji przeczytać w dziale „Moje projekty”, który znajdziecie w menu po lewej stronie lub klikając tutaj) musiałem jakoś rozwiązać problem przewijania treści. Z założenia miała to być aplikacja typu „one page applicati...

Dziel się z innymi:
burczu programator - blog: jQuery custom content scroller – fajna wtyczka do przewijania treści

Web 1006 dni, 18 godzin, 2 minuty temu burczu 103 rozwiń

Unit testing client-side of our web applications is a little bit cumbersome: we have Javascript but also move forward to TypeScript. We have plain code without modules or use requirejs to benefit from AMD. For each configuration the setup of unit test project is different. I think having all these samples in one place could help us to start TDD in client-side. All the sample are based on the sample application from my previous posts about unit testing JavaScript. Actually these are not 11 different sampl...

[EN] JavaScript/TypeScript unit testing –11 sample projects for Resharper, Chutzpah and Karma | chrisseroka

Dzisiejszy wpis jest pierwszym z dwóch, w których opiszę jak obsługiwać ekrany dotykowe w języku JavaScript. W pierwszym z nich zajmę się przypadkiem podstawowym czyli zdarzaniami standardowo dostępnymi w tym języku, a w drugim… jak się być może domyślacie, przypadkiem szczególnym, a mianowicie obsługą zdarzeń dotyku w Internet Explorer… No bo przecież IE nie może robić tego tak jak inne przeglądarki… Ech;)

Dziel się z innymi:
burczu programator - blog: Obsługa ekranów dotykowych w JavaScript

Web 1010 dni, 2 godziny, 38 minut temu burczu 92 rozwiń

1 2 3 4 5 6 7 8
Accenture
Szkolenia SecurITum
Zobacz wszystkie

.NET Developer Days 2015

W tym roku ponownie jak w poprzednim jesteśmy jednym z patronów medialnych konferencji .NET Developer Days. W tym roku jednym z prelegentów będzie Scott Hanselman.  czytaj więcej
2015-07-22

Najaktywniejsi

1

macko (32 816,53)

2

http://pawlos.blo... (31 389,4)

3

pzielinski (27 178,29)

4

gordon_shumway (21 178,87)

5

paduda (20 336,33)

6

psz750 (13 018,14)

7

rroszczyk (10 383,55)

8

Damian (9 011,08)

9

danielplawgo (7 235,99)

10

arek (6 642,77)

11

burczu (6 214,22)

12

PaSkol (5 393,84)

13

lukaszgasior (4 097,38)

14

jj09 (3 418,06)

15

http://jakub-flor... (3 224,66)

16

CaMeL (2 954,87)

17

jedmac (2 774,34)

18

mnikolajuk (2 596,93)

19

lkurzyniec (2 466,02)

20

FutureProcessing (2 460,11)