mogą byc jeny
- Web-talk.pl - Forum webmasterskie komputerowe dla grafików i webmasterów
- Przeglądanie profilu: Reputacja: Yeoman
Statystyki
- Grupa: Aktywny
- Całość postów: 358
- Odwiedzin: 26 209
- Czas spędzony online6d 19h 43m 48s
- Tytuł: Stary wyjadacz
- Wiek: 35 lat
- Urodziny: Sierpień 22, 1988
-
Gender
Mężczyzna
-
Location
Katowice
Narzędzia użytkownika
Ostatnio byli
#6903 Kanał youtube, wydawanie tutoriali
Napisane przez Yeoman w 07 sierpnia 2014 - 20:57
#6804 Galeria zdjęć jquery grid
Napisane przez Yeoman w 03 sierpnia 2014 - 10:56
Na tej stronie, troszke niżej masz podane co trzeba zrobić.
Wrzucasz potrzebne do działania wszystkiego pliki, a później podpinasz to do jakiegoś elementu na stronie.
Oni akurat stworzyli sobie div'a o ID 'demo'. Nastepnie w ostatnim kroku na podanej stronie odwołują się do tego elementu, aby aplikacja wiedziała gdzie się zakotwiczyć
Ogólnie w ostatnim kroku konfigurujesz co ma być włączone a co nie. Później masz coś takiego jak pole 'items' - i tam własnie definiujesz obiekty - swoje elementy galerii, źródła zdjęć, linki do dema itp - podmieniasz te z dema na swoje
Czego dokładnie nie rozumiesz ?
- 2
#6801 Identyfikacja komputera
Napisane przez Yeoman w 02 sierpnia 2014 - 14:05
Z tego co orientuje się to w PHP sesja tez działa na ciasteczkach ?
Poczytaj coś o canvas fingerprint albo evercookie
- 3
#6735 Rozwijane menu
Napisane przez Yeoman w 31 lipca 2014 - 18:42
Po co Ci margines:
margin-top:49px;
Skoro masz absolutnie podane submenu więc możesz uzyć:
top:49px;
Zmniejsz do 20px.
No i brakuje CI:
position:relative;
dla LI na który najeżdzasz.
Nie czaje do konca o co Ci chodzi, ale może pomogłem: http://jsfiddle.net/Gx4A7/7/
- 1
#6695 Wpisy Twittera na stronie www
Napisane przez Yeoman w 29 lipca 2014 - 20:44
#6605 Błąd przy pisaniu nowego posta
Napisane przez Yeoman w 25 lipca 2014 - 21:05
Albo wpisać treść
- 2
#6550 Agregacja w PHP
Napisane przez Yeoman w 23 lipca 2014 - 20:24
A czy nie możesz użyć extend'a a później dać parent'a ?
class A { function example() { echo "Rodzic"; } } class B extends A { function example() { parent::example(); } } $b = new B; $b->example();
Wybacz że nie odpowiem Ci na pytanie agregacji, aczkolwiek jutro bym Ci powiedział więcej jakby Cię moja odpowiedź nie za bardzo zadowoliła
- 1
#6532 [AngularJS] Kontroler
Napisane przez Yeoman w 22 lipca 2014 - 20:01
Siemanko.
Ostatnio opisałem krótko czym jest AngularJS, pokazałem jak stworzyć moduł aplikacji oraz jak mniej więcej działa na prostym przykładzie tzw. Two-Way Data Binding.
Dzisiaj chciałbym krótko pokazać jak wygląda kontroler naszej aplikacji. Stworzymy nie tylko kontroler ale także podepniemy go pod widok i napiszemy proste działanie, które odkryje nowe definicje o których napiszę oczywiście w następnych artykułach.
Przede wszystkim nie zaleca się w nich pisać skryptów do manipulacji DOM, ponieważ od tego są dyrektywy o których także opowiem niebawem.
Podstawowe informacje
Pokazałem już jak zbudować moduł, także będziemy musieli i w tym przypadku stworzyć takowy moduł z nazwą naszej aplikacji.
HTML:
<div ng-app="demoApp"> // controller here! </div>
JS:
var app = angular.module('demoApp', []);
Wstępna inicjacja wykonana. Nic trudnego. Teraz spróbujemy dodać kontroler.
Budowa prostego kontrolera wygląda następująco:
app.controller('nazwaKontrolera', function($scope) { // JS code here! });
W funkcji kontrolera podajemy dwa parametry. Pierwszy to nazwa kontrolera a drugi to funkcja zwrotna, która dodatkowo zawiera jeden paramert $scope.
$scope jest łącznikiem między widokiem a kontrolerem.
No właśnie.. widok. Tak wygląda deklaracja kontrolerów w widoku:
<div ng-app="demoApp"> <div ng-controller="nazwaKontrolera"> {{q}} </div> </div>
Jak widać, kontroler poprzez wbudowaną dyrektywę został zaczepiony do widoku, który jest zwykłym HTML'em. Od tej pory to co jest między nim będzie sterowane z kodu JS. Jak widać dodałem jeszcze pomiędzy q w typowych znacznikach Angulara. Jest to przekaźnik, który użyjemy w wymianie danych pomiędzy kontrolerem a widokiem.
Wyobraźmy sobie że ng-controller="nazwaKontrolera" to $scope, który zawiera w sobie {{q}} i przypisuje do niego jakąś wartość, bądź też czyta z niego dane. Dzieła wyobraźni można dokończyć tym kodem:
app.controller('nazwaKontrolera', function($scope) { $scope.q = 'Mój pierwszy kontroller!' })
Widzisz powiązanie ? Demo
Tak jak mówiłem - $scope tutaj jest łącznikiem między tym co się dzieje w widoku i kontrolerze.
Dodatkowe informacje
1* Jeśli chodzi o większe aplikacje, które używają przede wszystkim minifikacji plików JS, to niestety to rozwiązanie które podałem wyżej po zminifikowaniu nie zadziała. Dlaczego ? Angular nie będzie wiedział co jest czym, ponieważ jak nie jeden wie minifikacja JS'a zamienia nam zmienne na mniejsze ciągi znaków itp.
Autorzy AngularJS zadbali o ten detal. Możemy wykonać przypisanie naszych zmienianych zmiennych po czym framework będzie zdolny sobie odczytać ich znaczenie
app.controller('nazwaKontrolera', ['$scope', function($scope) { $scope.q = 'Mój pierwszy kontroller!' }]);
2* Do definiowania kontrolerów możemy używać zwykłych funkcji JavaScript
function nazwaKontrolera($scope) { $scope.q = 'Mój pierwszy kontroller!' }
3* Od wersji 1.2 można używać aliasów dla kontrolerów przy tym pozbywając się $scope'a z JS'a.
<div ng-app="demoApp"> <div ng-controller="nazwaKontrolera as ctrl"> {{ctrl.q}} </div> </div>
app.controller('nazwaKontrolera', function() { this.q = 'Mój pierwszy kontroller!' })
W tym przypadku każda metoda działa podana wyżej. Z przypisywaniem parametrów oraz z normalną funkcją JavaScript.
Nie pozbywamy się tutaj przypisywania całkowicie, ponieważ poza $scope'em mamy także Serwisy, Fabryki itp, które są dołączane tak jak $scope, poprzez dependency injection.
Poradziliśmy sobie w tym momencie z kontrolerem w AngularJS a więc jesteśmy krok dalej.
Myślę że następnym tematem będą dyrektywy, które podzielę na dwie, a może trzy części ponieważ są dość obszerne.
Dziękuje za uwagę. (Wszelkie opinie, błędy proszę zwracać w temacie)
Pozdrawiam!
- 2
#6480 Mp3 jedno po drugim
Napisane przez Yeoman w 20 lipca 2014 - 19:23
- 1
#6476 Pisanie tematów/postów przez gości
Napisane przez Yeoman w 20 lipca 2014 - 13:11
- 1
#6471 Błąd przy wgrywaniu Shoutboxa
Napisane przez Yeoman w 20 lipca 2014 - 10:53
#6331 [AngularJS] Pierwsze starcie
Napisane przez Yeoman w 09 lipca 2014 - 20:48
Siemanko!
Mam chwilę aby podzielić się z wami podstawami o AngularJS, którego mam nadzieje zacznie używać więcej ludzi w Polsce
Link do strony domowej: https://angularjs.org/
AngularJS to JavaScriptowski framework MVW, wypluty przez google, który jest dość łatwy w uzyciu, bardzo szybko wykonamy rzeczy, które w czystym JS zajmują o wiele więcej czasu i posiada on bardzo dużo plusów na tle pozostałych z tej kategorii.
Dobra, pierwsze co to zacznijmy od 'zainstalowania' biblioteki. Stwórzmy prosty dokument z dodanym frameworkiem:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Mój pierwszy skrypt!</title> <script src="https://code.angularjs.org/1.2.19/angular.min.js"></script> </head> <body> // document body here! </body> </html>
Jesli mamy już stworzony plik, który zawiera plik z AngularJS, teraz czas na wykonanie kilku prostych poleceń, które 'ożywią' nasz dokument!
Piwersze z nich to dodanie 'ng-app' jako wbudowanej dyrektywy, która definiuje naszą aplikacje. Wszystko pomiędzy tą dyrektywą co związane jest z Angularem, będzie brane pod uwagę przy wykonywaniu skryptu
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Mój pierwszy skrypt!</title> <script src="https://code.angularjs.org/1.2.19/angular.min.js"></script> </head> <body> <div ng-app> <input type="text" ng-model="q"> <span>{{q}}</span> </div> </body> </html>
Tutaj mamy do czynienia także z wbudowaną dyrektywą jaką jest ng-model. Generalnie prefiks 'ng' jest zarezerwowany dla wbudowanych dyrektyw w tym frameworków.
ng-model definiuje model danych, które są sprawdzane pod kątem zmian oraz przetwarzane w tym frameworku. Działanie to jest trawione w definicji zwanej digest cycle ale o tym troszkę później. ng-model można określić jako model danych wysyłanych do rdzenia frameworka Czyli jak wpiszemy w pole tkstowe tekst, Angular przetrawi go i zwróci wynik końcowy natychmiast.
Jak widać, użyłem także tagów {{ }} typowych dla AngularJS, pomiędzy nim, w prostszy sposó (co nie znaczy że najlepszy) definiujemy naszą treść, którą Angular wypluje - dobrym porównaniem jest 'echo' w PHP.
Tutaj można zobaczyć proste demo: http://jsfiddle.net/5Tb88/
Czyż nie jest łatwe ? Jest. Jednakże to jest początek góry lodowej, która czeka nas do wyuczenia, jeśli chcemy oczywiście cokolwiek tworzyć w tym frameworku.
To są akurat podstawy podstaw, opisane moimi słowami, myślę że to taki przedsmak tego co opiszę w następnych tematach. Chciałbym je rozdzielić na więcej i mniejszych tematów, ponieważ z doświadczenia wiem, że z tym co za dużo to i nie zdrowo.
Także nie długo kolejna część, bardziej treściwa na temat ogólnie dyrektyw, wbudowanych dyrektyw w AngularJS oraz stworzymy jakiś prosty skrypcik, który będzie korzystał z ich mocy
Tymczasem zachęcam do czytania przede wszytskim dokumentacji i powodzenia w nacue tym, którzy są zainteresowani w tym temace
- 4
#6226 Responywne strony www - jak je tworzyć?
Napisane przez Yeoman w 04 lipca 2014 - 23:09
Chce ją dodać za pomocą media queries i czy wystarczą same CSS czy jednak coś jeszcze potrzeba?
Wystarczą same CSS do czasu gdy chciałyś blok html'a przestawić w inne miejsce, wtedy poleciałbym enquire.js chociazby.
Oraz jak ustawić diva wraz z zawartością na cała wysokość okna przeglądarki? Próbowałem min-height, height ale nie chce działać
Da się, aczkolwiek to nie jest tak proste jak z width Jeśli masz problemy to w ostateczności możesz uzyć do tego JS, ale jak mówię - w ostateczności.
dlatego chce wiedzieć jak powinna wyglądać poprawna.
http://css-tricks.co...andard-devices/
- 1
#6044 Wasze propozycje poradników
Napisane przez Yeoman w 23 czerwca 2014 - 19:58
No właśnie. Czas... Ja na pewno napiszę, ale często mam urwanie głowy i niestety czasu brakuje, ale obiecuje coś napisać nie raz, nie dwa.
- 1
#6030 Wasze propozycje poradników
Napisane przez Yeoman w 23 czerwca 2014 - 18:22
Przecież portable to tylko wersja, której nie musisz instalować i jak każda inna, nie kupiona jest piratem
A nawiązując do tematów, które podałeś powyżej to są 'takie se'
Ja myślałem nad poradnikami dla automatyzacji pracy frontendu, o angularJS, coffeescript, nodeJS, testowaniu javascript i może coś więcej.
- 3
Informacja
Ta strona używa cookies!
Szanowni Państwo, w celu świadczenia usług na najwyższym poziomie, w ramach naszego serwisu stosujemy pliki cookies. Korzystanie z witryny bez zmiany ustawień dotyczących cookies oznacza, że będą one zamieszczane w Państwa urządzeniu końcowym.Jeśli nie wyrażają Państwo zgody, uprzejmie prosimy o dokonanie stosownych zmian w ustawieniach przeglądarki internetowej.
- Web-talk.pl - Forum webmasterskie komputerowe dla grafików i webmasterów
- Przeglądanie profilu: Reputacja: Yeoman