Skip to content

Commit 0973fb8

Browse files
johnpapajohnpapa
committed
Merge pull request johnpapa#247 from johnpapa/develop
various community updates for i18n
2 parents 836c2b9 + e911eb7 commit 0973fb8

File tree

2 files changed

+187
-11
lines changed

2 files changed

+187
-11
lines changed

‎i18n/it-IT.md

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,8 @@ Nonostante questa guida spieghi i *cosa*, *come* e *perché*, trovo che sia di a
5252
1. [Costanti](#costanti)
5353
1. [File Template e Snippet](#file-template-e-snippet)
5454
1. [Generatore Yeoman](#generatore-yeoman)
55+
1. [Routing](#routing)
56+
1. [Automazione dei Processi](#automazione-dei-processi)
5557
1. [Documentazione di AngularJS](#documentazione-di-angularjs)
5658
1. [Contribuire](#contribuire)
5759
1. [Licenza](#licenza)
@@ -2724,6 +2726,8 @@ Usa file template o snippet che ti aiutino a seguire stili e schemi consistentem
27242726
**[Torna all'inizio](#tavola-dei-contenuti)**
27252727
27262728
## Generatore Yeoman
2729+
###### [Stile [Y260](#stile-y260)]
2730+
27272731
Puoi usare il [generatore yeoman di HotTowel](http://jpapa.me/yohottowel) per creare un'app che funga da punto di partenza per Angular che segua questa guida stilistica.
27282732
27292733
1. Installa generator-hottowel
@@ -2745,6 +2749,54 @@ Puoi usare il [generatore yeoman di HotTowel](http://jpapa.me/yohottowel) per cr
27452749
yo hottowel helloWorld
27462750
```
27472751
2752+
**[Torna all'inizio](#tavola-dei-contenuti)**
2753+
2754+
## Routing
2755+
Il routing dal lato client è importante al fine di creare un flusso di navigazione tra le viste e le viste composte che sono fatte da diversi template più piccoli e directive.
2756+
2757+
###### [Stile [Y270](#stile-y270)]
2758+
2759+
- Usa [AngularUI Router](http://angular-ui.github.io/ui-router/) per il routing dal lato client.
2760+
2761+
*Perché?*: UI Router offre tutte le funzionalità del router di Angular più altre che includono route nidificate e stati.
2762+
2763+
*Perché?*: La sintassi è piuttosto simile al router di Angular ed è semplice migrare ad UI Router.
2764+
2765+
###### [Stile [Y271](#stile-y271)]
2766+
2767+
- Definisci le route per le viste nel modulo nel quale esistono. Ogni modulo dovrebbe contenere le route per le viste che si trovano nel modulo.
2768+
2769+
*Perché?*: Ogni modulo dovrebbe essere a se stante.
2770+
2771+
*Perché?*: Quando rimuovi o aggiungi un modulo, l'app conterrà le route che puntano a viste esistenti.
2772+
2773+
*Perché?*: Questo rende semplice abilitare o disabilitare porzioni di una applicazione senza preoccuparsi di route orfane.
2774+
2775+
**[Torna all'inizio](#tavola-dei-contenuti)**
2776+
2777+
## Automazione dei Processi
2778+
Usa [Gulp](http://gulpjs.com) o [Grunt](http://gruntjs.com) per la creazione di processi automatizzati. Gulp tende a codice sopra configurazione mentre Grunt tende a configurazione sopra codice. Personalmente preferisco Gulp perché lo percepisco più semplice da leggere e scrivere ma entrambi sono eccellenti.
2779+
2780+
###### [Stile [Y400](#stile-y400)]
2781+
2782+
- Usa l'automazione dei processi per listare i file che deinifscono i moduli `*.module.js` prima di ogni altro file dell'applicazione di JavaScript.
2783+
2784+
*Perché?*: Angular necessita delle definizioni del moduli che devono essere registrati prima del loro utilizzo.
2785+
2786+
*Perché?*: Dai i nomi ai moduli usando un pattern specifico quale `*.module.js` rende semplice prenderli con un glob e listarli prima.
2787+
2788+
```javascript
2789+
var clientApp = './src/client/app/';
2790+
2791+
// Prendi sempre i file dei moduli prima
2792+
var files = [
2793+
clientApp + '**/*.module.js',
2794+
clientApp + '**/*.js'
2795+
];
2796+
```
2797+
2798+
**[Torna all'inizio](#tavola-dei-contenuti)**
2799+
27482800
## Documentazione di AngularJS
27492801
Per qualsiasi altro, riferimento alle API, controlla la [documentazione di Angular](//docs.angularjs.org/api).
27502802

‎i18n/mk-MK.md

Lines changed: 135 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,9 @@
5353
1. [JSHint](#js-hint)
5454
1. [Constants](#constants)
5555
1. [File Templates and Snippets](#file-templates-and-snippets)
56+
1. [Yeoman Generator](#yeoman-generator)
57+
1. [Routing](#routing)
58+
1. [Task Automation](#task-automation)
5659
1. [AngularJS Docs](#angularjs-docs)
5760
1. [Contributing](#contributing)
5861
1. [License](#license)
@@ -1184,9 +1187,10 @@
11841187
return directive;
11851188

11861189
function linkFunc(scope, el, attr, ctrl) {
1187-
console.log('LINK: scope.max = %i', scope.max);
1188-
console.log('LINK: scope.vm.min = %i', scope.vm.min);
1189-
console.log('LINK: scope.vm.max = %i', scope.vm.max);
1190+
console.log('LINK: scope.min = %s *** should be undefined', scope.min);
1191+
console.log('LINK: scope.max = %s *** should be undefined', scope.max);
1192+
console.log('LINK: scope.vm.min = %s', scope.vm.min);
1193+
console.log('LINK: scope.vm.max = %s', scope.vm.max);
11901194
}
11911195
}
11921196

@@ -1197,15 +1201,63 @@
11971201
var vm = this;
11981202

11991203
vm.min = 3;
1200-
vm.max = $scope.max;
1201-
console.log('CTRL: $scope.max = %i', $scope.max);
1202-
console.log('CTRL: vm.min = %i', vm.min);
1203-
console.log('CTRL: vm.max = %i', vm.max);
1204+
1205+
console.log('CTRL: $scope.vm.min = %s', $scope.vm.min);
1206+
console.log('CTRL: $scope.vm.max = %s', $scope.vm.max);
1207+
console.log('CTRL: vm.min = %s', vm.min);
1208+
console.log('CTRL: vm.max = %s', vm.max);
12041209
}
12051210
```
12061211
12071212
```html
1208-
/* example.directive.html */
1213+
<!-- example.directive.html -->
1214+
<div>hello world</div>
1215+
<div>max={{vm.max}}<input ng-model="vm.max"/></div>
1216+
<div>min={{vm.min}}<input ng-model="vm.min"/></div>
1217+
```
1218+
1219+
###### [Style [Y076](#style-y076)]
1220+
1221+
- Употребете `bindToController = true` кога употребувате `controller as` синтакса со директива чиј scope на контролерот ќе биде поврзан со надворешниот scope.
1222+
1223+
*Зошто?*: Полесно е да се поврзе надворешниот scope со тој на контролерот во директивата.
1224+
1225+
Забелешка: `bindToController` беше воведен во Angular 1.3.0.
1226+
1227+
```html
1228+
<div my-example max="77"></div>
1229+
```
1230+
1231+
```javascript
1232+
angular
1233+
.module('app')
1234+
.directive('myExample', myExample);
1235+
1236+
function myExample() {
1237+
var directive = {
1238+
restrict: 'EA',
1239+
templateUrl: 'app/feature/example.directive.html',
1240+
scope: {
1241+
max: '='
1242+
},
1243+
controller: ExampleController,
1244+
controllerAs: 'vm',
1245+
bindToController: true
1246+
};
1247+
1248+
return directive;
1249+
}
1250+
1251+
function ExampleController() {
1252+
var vm = this;
1253+
vm.min = 3;
1254+
console.log('CTRL: vm.min = %s', vm.min);
1255+
console.log('CTRL: vm.max = %s', vm.max);
1256+
}
1257+
```
1258+
1259+
```html
1260+
<!-- example.directive.html -->
12091261
<div>hello world</div>
12101262
<div>max={{vm.max}}<input ng-model="vm.max"/></div>
12111263
<div>min={{vm.min}}<input ng-model="vm.min"/></div>
@@ -2245,7 +2297,7 @@
22452297
22462298
### Библиотеки за тестирање
22472299
###### [Style [Y191](#style-Y191)]
2248-
- Употребете [Jasmine](http://jasmine.github.io/) или [Mocha](http://visionmedia.github.io/mocha/) за тестирање на единки.
2300+
- Употребете [Jasmine](http://jasmine.github.io/) или [Mocha](http://mochajs.org) за тестирање на единки.
22492301
22502302
*Зошто?*: И Jasmine и Mocha се широко употребувани во AngularJS заедницата. И двете се стабилни, добро одржувани и овозможуваат робустни функции за тестирање.
22512303
@@ -2574,6 +2626,78 @@ angular
25742626
25752627
**[Назад кон содржината](#table-of-contents)**
25762628
2629+
## Yeoman Generator
2630+
###### [Style [Y260](#style-y260)]
2631+
2632+
Можете да го употребите [HotTowel yeoman генераторот](http://jpapa.me/yohottowel) да создадете апликација која ќе биде почетна за Angular следејќи го овој водич.
2633+
2634+
1. Инсталирајте generator-hottowel
2635+
2636+
```
2637+
npm install -g generator-hottowel
2638+
```
2639+
2640+
2. Создадете нова папка и сменете ја моменталната папка до неа
2641+
2642+
```
2643+
mkdir myapp
2644+
cd myapp
2645+
```
2646+
2647+
3. Започнете го генераторот
2648+
2649+
```
2650+
yo hottowel helloWorld
2651+
```
2652+
2653+
**[Назад кон содржината](#table-of-contents)**
2654+
2655+
## Routing
2656+
Рутирање од клиентска страна е значајно за создавање на тек во навигација помеѓу прегледи и прегледи составени од помали шаблони и директиви.
2657+
2658+
###### [Style [Y270](#style-y270)]
2659+
2660+
- Употребете го [AngularUI Router](http://angular-ui.github.io/ui-router/) за рутирање од клиентска страна.
2661+
2662+
*Зошто?*: UI Router ги овозможува сите функционалности на Angular рутерот плус некои додатни функционалности како вклучување вгнездени рути и состојби.
2663+
2664+
*Зошто?*: Синтаксата е прилично слична со Angular рутерот и лесна за миграција на UI Router.
2665+
2666+
###### [Style [Y271](#style-y271)]
2667+
2668+
- Дефинирајте рути за прегледи во модулот каде постојат. Секој модул треба да содржи рути за прегледите во модулот.
2669+
2670+
*Зошто?*: Секој модул треба да си биде независен.
2671+
2672+
*Зошто?*: Кога бришеме или додаваме модул, апликација ќе ги содржи рутите кои посочуваат кон постоечките прегледи.
2673+
2674+
*Зошто?*: Ова го олеснува вклучување или исклучување на делови од апликацијата без грижи околу рути сирачиња.
2675+
2676+
**[Назад кон содржината](#table-of-contents)**
2677+
2678+
## Task Automation
2679+
Употребете [Gulp](http://gulpjs.com) or [Grunt](http://gruntjs.com) за создавање автоматизирани задачи. Gulp се приклонува кон код наместо подесување додека Grunt се приклонува кон конфигурација наместо код. Јас лично преферирам Gulp бидејќи сметам е полесно за читање и пишување, но и двата се одлични.
2680+
2681+
###### [Style [Y400](#style-y400)]
2682+
2683+
- Употребете автоматизирање на тестови за вклучување на сите `*.module.js` датотеки пред останатите JavaScript датотеки од апликацијата.
2684+
2685+
*Зошто?*: На Angular му требаат дефинициите на модулите да бидат регистрирани пред да бидат употребени.
2686+
2687+
*Зошто?*: Именување на модули со слична шема како `*.module.js` е полесно за нивно превземање со glob и да ги постави први.
2688+
2689+
```javascript
2690+
var clientApp = './src/client/app/';
2691+
2692+
// Секогаш превземете ги датотеките со модули први
2693+
var files = [
2694+
clientApp + '**/*.module.js',
2695+
clientApp + '**/*.js'
2696+
];
2697+
```
2698+
2699+
**[Назад кон содржината](#table-of-contents)**
2700+
25772701
## AngularJS Docs
25782702
За се останато, референцирајте се до неговото API во [Angular документацијата](//docs.angularjs.org/api).
25792703
@@ -2584,8 +2708,8 @@ angular
25842708
*Со придонесување до ова складиште, се придржувате вашата содржина да подлежи на лиценцата на ова складиште.*
25852709
25862710
### Процес
2587-
1. Дискусирајте за промените во Issue.
2588-
2. Отворете Pull Request, поставете референца до Issue и објаснете ја промената и како додава на вредност.
2711+
1. Дискусирајте за промените во Github Issue.
2712+
2. Отворете Pull Request врз develop гранката, поставете референца до Issue и објаснете ја промената и како додава на вредност.
25892713
3. Pull Request ќе биде оценето и биде или споено или одбиено.
25902714
25912715
## License

0 commit comments

Comments
 (0)