Archiwum kategorii: Daj Się Poznać

Wpisy przygotowane na konkurs „Daj Się Poznać”.

Korzystanie z Bootstrapa

W poprzedniej części poznaliśmy jak podłączyć Bootstrapa do aplikacji AngularJS. W tym zobaczymy jak wykorzystać jego możliwości i zmienić wygląd naszej aplikacji. Oczywiście strony internetowe napisane z wykorzystaniem samego Bootstrapa będą wyglądać podobnie jak inne. Dlatego nie zaleca się pozostawienia jej końcowo w takiej formie, szczególnie jeśli ma być dla klienta i użytkowników końcowych. Należałoby wtedy chociaż…

Czytaj dalej

Podpięcie Bootstrapa do AngularJS

Jak szybko zrobić ładny interfejs graficzny aplikacji? Skorzystajmy z front-endowego frameworka Bootstrap. Wystarczy dodać plik z Bootstrapem, kilka klas i już mamy przyzwoity wygląd. W przyszłości z łatwością będziemy mogli rozbudowywać aplikację, a jednocześnie dbać o to, żeby wyglądała poprawnie. Stroną domową Bootstrapa jest: http://getbootstrap.com/. Istnieje książka pt. Bootstrap. Tworzenie interfejsów stron WWW. Technologia na start! (autor:…

Czytaj dalej

AgendaEditor: dynamiczne dodawanie pól

Z poprzedniego wpisu mamy formularz, który jest połączony z listą z danymi. Dane są automatycznie przepisywane. Teraz chcielibyśmy, aby nie było ograniczenia co do wierszy. Zróbmy więc tak, żebyśmy mogli dodawać je dynamicznie, podczas działania aplikacji. Dodawanie wiersza przyciskiem Pod tabelą dodajmy przycisk:

Skorzystaliśmy z dyrektywy ng-click, której parametrem jest przypisana funkcja addItem() (działa…

Czytaj dalej

AgendaEditor: lista i formularz w AngularJS

W tym wpisie pokażę jak zrobić prosty formularz w AngularJS, który będzie podpięty do listy z danymi. Wartości z pól tekstowych będą przepisywane automatycznie w miejsce wynikowe poprzez listę. Weźmy szablon aplikacji z wpisu, w którym był omówiony kontroler. Będzie to nasz punkt wyjściowy do rozbudowy aplikacji. index.html

controller.js

Szablon formularza w tabeli…

Czytaj dalej

Kontroler w AngularJS

Znajdziecie tutaj szablon aplikacji w AngularJS. W poprzednim wpisie co prawda jest już Hello World, ale teraz napiszemy je z podziałem na pliki, kontrolerem i modułem, tak jak powinno to się robić w prawdziwych aplikacjach. Poznamy także czym jest obiekt $scope. Hello World w jednym pliku Przypomnijmy sobie kod Hello Word:

Wynik działania: Loading plunk……

Czytaj dalej

Hello world w AngularJS – porównanie z JavaScriptem

W tym wpisie przedstawię jak napisać najprostsze Hello World w AngularJS. Na prostym przykładzie pokażę także co nam daje Angular w stosunku do użycia samego JavaScriptu. Najprostszy przykład Najprostszym przykładem kawałka kodu, który może wykonać jakieś działanie po stronie użytkownika, będzie dodanie dwóch liczb. JavaScript Zacznijmy od przykładu, jak można by to zrobić w JavaScripcie…

Czytaj dalej

Skąd czerpać wiedzę o Angularze?

AngularJS jest stosunkowo nową technologią (2009 rok), ale już na tyle dojrzałą, żeby powstało trochę dodatkowych materiałów. W tym wpisie przedstawię z czego ja się uczyłem, z czego można i co polecam. Oficjalna dokumentacja Najważniejszym źródłem wiedzy programisty jest zazwyczaj dokumentacja. Dostępna jest pod adresem: https://docs.angularjs.org/api. Z niej dowiemy się z czego możemy skorzystać, jakie…

Czytaj dalej

Wprowadzenie do AngularJS

Strony internetowe mogą być statycznymi plikami pobieranymi z serwera przez przeglądarkę użytkownika. Często jednak istnieje konieczność, aby treść na nich była dynamiczna, zmieniała się w zależności od tego co robi użytkownik. Istnieją dwa podejścia: Zmiany wykonywane po stronie klienta. Przeglądarka użytkownika wykonuje skrypty i dynamicznie zmienia zawartość strony. Zmiany wykonywane po stronie serwera. Wygenerowana „nowa”…

Czytaj dalej

Jak zrobić agendę seminarium – obecne rozwiązanie (Word)

W poprzedniej części przedstawiłem jak wygenerować taką listę wystąpień w Excelu: 15:00-15:30 – „Programowanie w Spring” – Jan Kowalski 15:30-16:00 – „Programowanie w AngularJS” – Janusz Nowak 16:00-16:15 – „Jak pisać dobry kod?” – Iks Iksiński 16:15-16:30 – „Długi temat związany z informatyką i programowaniem, taki że jest długi” – Igrek Przykładowy 16:30-16:50 – „Jakiś temat…

Czytaj dalej