Yeoman

mogą byc jeny

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 ?

Z tego co orientuje się to w PHP sesja tez działa na ciasteczkach ?

Poczytaj coś o canvas fingerprint albo evercookie

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/

http://codepen.io/jasonmayes/pen/Ioype

Albo wpisać treść

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

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!'
}]);

Demo

2* Do definiowania kontrolerów możemy używać zwykłych funkcji JavaScript

function nazwaKontrolera($scope) {
    $scope.q = 'Mój pierwszy kontroller!'
}

Demo

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.

Demo

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!

Musisz się zarejestrować na forum IPB i poczytać to:

http://forum.invisio...ember-function/

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

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/

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.

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.