dotnetomaniak.pl - Artykuły z tagiem JavaScript

Building better client-side JavaScript applications For some time now, you could have noticed a trend in web applications development to build more and more complicated applications, moving more logic from the server to the client side. Is it an appropriate trend? I don’t know. The discussion between supporters and opponents of each approach may look like discussion concerning superiority of Easter over Christmas; it’s hard to concede the point to any side as they have their arguments. That is w...

Dziel się z innymi:
[EN] Building better client-side JavaScript applications | Technical blog

Inne 1927 dni, 17 godzin, 25 minut temu FutureProcessing 184 źrodło rozwiń

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 1935 dni, 4 godziny, 50 minut temu burczu 189 źrodło 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 1935 dni, 4 godziny, 50 minut temu rroszczyk 285 źrodło 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 1939 dni, 18 godzin, 44 minuty temu rroszczyk 67 źrodło 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 1939 dni, 18 godzin, 44 minuty temu rroszczyk 77 źrodło 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 1941 dni, 16 godzin, 54 minuty temu rroszczyk 200 źrodło 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 1942 dni, 17 godzin, 8 minut temu WujoWojtas 377 źrodło 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 1956 dni, 12 godzin, 8 minut temu rroszczyk 201 źrodło 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 1963 dni, 10 godzin, 58 minut temu burczu 234 źrodło 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 1972 dni, 18 godzin, 40 minut temu burczu 313 źrodło 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 1977 dni, 2 godziny, 14 minut temu admin 216 źrodło 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 1978 dni, 9 godzin temu burczu 171 źrodło 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 1984 dni, 4 godziny temu burczu 138 źrodło 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 2032 dni, 6 godzin, 31 minut temu FutureProcessing 59 źrodło 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 2041 dni, 14 godzin, 1 minutę temu burczu 187 źrodło 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 2043 dni, 10 godzin, 6 minut temu psz750 113 źrodło 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 2043 dni, 18 godzin, 13 minut temu burczu 127 źrodło 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 2049 dni, 17 godzin, 57 minut temu burczu 39 źrodło 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 2050 dni, 4 godziny, 55 minut temu burczu 103 źrodło 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
1 2... 5 6 7 8 9 10 11
Sklep z gadzetami
Dotnetos Conference

Najaktywniejsi

1
(32 891,59)
2
(32 816,53)
3
(27 178,29)
4
(21 178,88)
5
(20 336,33)
6
(13 018,14)
7
(10 510,14)
8
(9 775,28)
9
(8 373,27)
10
(6 822,96)
11
(6 214,22)
12
(5 393,84)
13
(4 097,38)
14
(4 009,63)
15
(3 863,06)
16
(3 599,49)
17
(3 448,35)
18
(3 318,39)
19
(3 224,66)
20
(3 105,41)