Archiwum dla kategorii ‘JavaScript’

content-like-water-rwd-128

Tutorial Bootstrap i RWD – responsywne strony

Dziś szybki tutorial Bootstrap o tworzeniu responsywnych stron WWW. A właściwie szablonu, stanowiącego dobry punkt wyjścia dla dalszych projektów. Opowiemy też o kilku technikach, które pozwalają osiągnąć określone rezultaty. Zebraliśmy także linki do zasobów z cennymi informacjami. Tutorial Bootstrap i RWD – szablon od ręki Jak wiemy, Twitter Bootstrap (TB) to framework CSS, rozwijany jako […]

Yeoman

Przydatne narzędzia dla programistów: Yeoman

Znalazła się w końcu odrobina czasu na blogowanie, dlatego dziś chciałem napisać kilka słów o jednym z przydatnych narzędzi dla programistów – Yeoman. Yo man! Przydatne narzędzia dla programistów – pan Yeoman Po co robić żmudne, powtarzalne czynności skoro może to za nas robić maszyna, lub w tym przypadku – program. Yeoman pozwala nam na […]

AngularJS-tutorial-logo

Tutorial AngularJS – proste UI do sterowania elementami

Angular w praktyce! Dziś mamy tu mały tutorial AngularJS, w którym stworzymy proste UI powiązane z dynamicznie rysowanym (odświeżanym ) obiektem graficznym. Tutorial AngularJS – sterowanie obiektem graficznym za pomocą Angular W kursie podstawowym skupialiśmy się głównie na informacjach, warto więc teraz zobaczyć to w realnym przykładzie. Pomoże nam ten prosty tutorial w kilku krokach. […]

AngularJS-tutorial-logo

Nauka AngularJS od podstaw – część II

Dziś kontynuujemy naukę frameworku AngularJS od podstaw, opisując najważniejsze aspekty składowych aplikacji Angular, oraz analizując małe przykłady praktyczne. Nauka AngularJS – kolejne kroki Poprzednia część opisuje podstawowe kwestie związane z tym znakomitym rozwiązaniem. Wiemy że AngularJS jest frameworkiem języka JavaScript i rozszerza HTML poprzez dyrektywy ng. Poprzednia część pokazuje także prosty przykład z data-binding. Mamy […]

angularjs-logo

Nauka AngularJS od podstaw – część I

AngularJS – otwarta biblioteka języka JavaScript, rozwijana przez firmę Google. Znakomicie wspomaga tworzenie aplikacji na pojedynczej stronie (Single Page Application, SPA). Rozszerza HTML o własne, specjalne tagi. Biblioteka implementuje wzorce Model-View-Controller (MVC) oraz Model-View-ViewModel (MVVM), ułatwiając programowanie i testowanie aplikacji Web. Nauka AngularJS – wstęp. Jak to działa? AngularJS został stworzony z założeniem, że programowanie […]

money-5

No skill – no deal! Umiejętności front-end developera lub full-stack developera

Jak to mówią no skill – no deal! Bez odpowiednich umiejętności nie zdziałamy za wiele. Ważny jest też ciągły rozwój naszych skillz. To już nie te czasy, gdy wystarczała znajomość DHTML i PHP, obecnie developer obok języków programowania musi znać także masę narzędzi i frameworków. Umiejętności front-end developera / full-stack developera kontra rynek Dziś postaramy […]

jQuery

Pluginy jQuery, biblioteki JavaScript, tutoriale i kody – nowa strona

Już działa! Zapraszamy na nową stronę z interesującymi zasobami. Znajdziemy tam pluginy jQuery, różne przydatne biblioteki JavaScript, tutoriale i wiele więcej. Publikujemy materiały naszym zdaniem godne uwagi, aby w jednym miejscu zarówno Web Developer jak i Web Designer mogli znaleźć rozwiązania do wykorzystania we własnych projektach. A może nawet nowe pomysły. Obok przydanych i interesujących […]

Program control

Mini porady JavaScript i jQuery II

OK! Pora na kolejne szybkie porady JavaScript i jQuery. Dziś co nieco o Fancybox plugin, checkboxach i parsowaniu linków w tekście. Porady JavaScript i jQuery Do rzeczy. 1. Wysyłanie formularza warunkowo – tylko jeśli użytkownik zaznaczył checkbox (np. akceptuję regulamin). Oczywiście chodzi o walidację w JS / jQ, bez użycia języka takiego jak PHP. Mamy […]

Power JavaScript

Mini porady JavaScript i jQuery

Kolejny artykuł z serii tricki i porady JavaScript (jQuery, CSS i inne również), jednak w nowej odsłonie – krótkich porad. Szybkie porady JavaScript i jQuery 1. Klikalne tło strony Chodzi o przypadek, gdy chcemy zrobić klikalne tło strony, przykładowo reklamę odsyłającą gdzieś użytkownika po kliknięciu w tło. Opakowanie (wrapper) contentu strony, lub dodanie zdarzenia onclick […]

More advanced JavaScript

JavaScript, HTML5, CSS i praca z data URI

Co to takiego? Schemat data URI to prostu sposób reprezentacji danych, jednak w taki sposób, że dane który zwykle przechowujemy w plikach (np. zdjęcie) występują w postaci ciągu tekstowego. Ciąg taki ma odpowiedni format, jednak pozwala programistom na łatwe przesyłanie takiego zasobu np. między aplikacjami Web, a także użycie bezpośrednio w kodzie CSS bądź JavaScript. […]