AngularJS (razmena iskustva)

Programiranje
1

Ima neko ovde da se razume u ovu tehnologiju? Ja trenutno radim i njoj i imam puno problema, koje kada skapiram prosto ne mogu da se pomirim sa tim koliko sam vremena potrosio da nadjem glupavu gresku. Koristim NetBeens mada mi nije ni WebStorm nepoznat. Pa ono da napravimo mesto gde bih mogli da razmenjujemo resenja problema.

2

Ja sam ga počeo koristiti nedavno. Ovo ljeto budem radio frontend baziran na Angularu na poslu.

3

Ja krećem na njega čim završim jedna rad trenutno.
Kako budem radio, stavljat ću postove vamo.
p.s. - skinio sam webstorm, no imao sam problem prilikom korištenja WP-a i njega pa sam se vratio na sublime, kako funkcionira s Angularom?

4

Storm je najkompletniji editor za AngularJS samo ga ja ne koristim na poslu za sada. Ali privatno ga koristim i zadovoljava sve kriterijume. Inace angular koristim nekih 2 meseca aktivno i mislim ako ovako nastave da ga razvijaju da ce da zauzme mnoge delove backend-a.

5

Evo ja učim Angular već par dana i očaran sam.

Svi koji su zainteresirani za učenje preporučam da pogledaju ovaj video(dva dijela su):

Zavalite se u stolice i naučite Anuglar samo gledajući. Nakon ta dva videa budete u stanju napraviti neki manji app. Ja ću danas napraviti prvi app pa ću ovde objaviti.

Mislim da ću probati koristiti Angular+SailsJS(backend)…

6

Izuzetno kvalitetan video tutorijal. Definitivno treba pogledati. Jedan od prvih koje sam gledao.

1 Like
7

Pogledao sam ta dva videa i uspio sam napraviti nešto. :slight_smile:

wedranb.github.io/angular-todo/

1 Like
8

Evo ako bude nekih problema i nesuglasica resenja:
http://angular-tips.com/

9

Lep primer Insert, delete, or edit.

1 Like
10

Hvala.

Evo još dobrih free stvari koje vrijedi proučiti.
http://campus.codeschool.com/courses/shaping-up-with-angular-js/
https://docs.angularjs.org/tutorial

11

Evo moj primera sa drag/drop inside ->/src/main/webapp
http://slobodansmaardzic.github.io/kasir/

12

all in one :smile:

13

https://angular.io/about/

Cini se da Angular 2 razvijaju neki “nasi” tipovi.Ovaj Miško mi je skrenuo paznju na to :smile:

14

Misko je od samog početka.
Angular 2 je po meni najveci skok front-end ikada.
Sa njim dolazi ES6 i Type script.
Tri ovako bas krupne stvari od jednom.

15

To vue.js vec ima :smiley:

16

Koliko je zahtjevno nauciti AngularJS?

17

Sve zavisi od tog trenutnog iskustva sa native js. I konceptom MVC.

18

Bacio pogled na ovaj video od sat vremena (part1) i zanimljivo mi je koliko imam zapravo slične stvari :slight_smile:

Evo kako kod mene izgleda jedan HTML template:

$templateID:testTable;
<table class='$class'>
	<tr id='$#head'>
		<th>Name</th>
		<th>type</th>
	</tr>
	$(each)rows as row:
	<tr>
		<td id='$#name'>$row.name</td>
		<td id='$#type'>$row.type</td>
	</tr>##
</table>

Evo kako se taj template generira sa JS-om:

var tp=  //template parametar
	{
	class:'black_table',
	rows:[{name:'miki',type:'test1'}, {name:'ivo',type:'test2'}, {name:'pero',type:'test3'}]
	};
new template('testTable',tp,{instance:instance, parent:parent});

Nakon što smo generirali template, evo kako izgleda scope instance sa kojom smo se zakačli na template prilikom generiranja istoga:

…znači ta instanca ima:
-template -> to je instanca samog templatea koji je generiran
-element-> to je glavni element (frame) koji se generirao prilikom izrade templata
…ostalo su vrijednosti koje referenciraju HTML elemente, a dohvaćaju se preko zadanih $# ključeva …prema tome znači:
-head je HTML element, prvi tr tablice
-rows su svi nastali redovi each funkcijom
-svaki row ima svoj name i svoj type atribut koji su pak referenca na td i td svakog rowa. (to je zadano sa id=’$#name’ i id=’$#type’)

Valjda je jasno zašto se ID zadaje sa id=’$#head’ a ne id=‘head’
$# je direktiva sistemu da zadani element mora biti dohvatljiv preko atributa ‘head’ putem zadane instance.
kad bi bilo samo id=‘head’ …i kad bi generirali 100 elemenata putem ovog templatea…svaki bi dobio isti ID što nije dobro…

S druge strane, $ kad je sam…onda je direktiva da se nešto prenese iz templateParametara u kreirani element. Kao npr. $class, $row.name, $row.type

Ovo je ovako površan pogled…ima tu više različitih direktiva…sigurno ne koliko kod angularJS, ipak je on tata mata…ali mislim da je ovo ipak bazični dio koji podržava glavnu ideju da se izbace ID-ovi i da se poveže logika programa sa view-om programa na što bezbolniji način. .
…a onda se featuri lagano slažu na to po potrebi…

19

Dali angular generira template isključivo na client strani?
Recimo da želimo prikazati 100 oglasa na stranici…dali je moguće gotov HTML generirati prije isporučivanja stranice prema klijentu…ili će se kreiranje sadržaja desiti tek nakon što je stranica učitana?

angular JS asocira da je to frontend sistem, ili nije isključivo frontend?

20

Da.

Naravno da je moguce samo sto onda koristenje angulara kao takvoga gubi smisao.

Je. Iskljucivo je frontend framework.