
DerbyJs рдПрдХ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рд╢реАрд▓ рдкреВрд░реНрдг рд╕реНрдЯреИрдХ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдлреНрд░реЗрдорд╡рд░реНрдХ рд╣реИред рдЙрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рд░-рдмрд╛рд░ рдПрдХ рд╣рд╛рдмреНрд░ -
рдбрд░реНрдмреА рдкрд░ рд╕рд╛рдордЧреНрд░реА рдкрд░ рд▓рд┐рдЦрд╛ред рдЕрднреА рдХреБрдЫ рджрд┐рди рдкрд╣рд▓реЗ,
рдбрд░реНрдмреА рднрдВрдбрд╛рд░ рдореЗрдВ, рдореБрдЦреНрдп рд╢рд╛рдЦрд╛ рдмрджрд▓ рдЧрдИред рдЕрдм рд╕рдВрд╕реНрдХрд░рдг 0.5 рдкреГрд╖реНрдарднреВрдорд┐ рдореЗрдВ рдлреАрдХрд╛ рд╣реЛ рдЧрдпрд╛ рд╣реИ, 0.6 рдореБрдЦреНрдп рдПрдХ рд╣реИред
рдкреАрдЖрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╡рд┐рдХрд╛рд╕ рдЯреАрдо рдХреА рдкрд░рдВрдкрд░рд╛ рдореЗрдВ рдпрд╣ рдирд╣реАрдВ рд╣реИ - рдкрд░рд┐рд╡рд░реНрддрди рдЪреБрдкрдЪрд╛рдк рдФрд░ рдЕрдкреВрд░реНрдг рд░реВрдк рд╕реЗ рд╣реБрдП рд╣реИрдВред рд▓реЗрдХрд┐рди рдХреНрдпрд╛ рдмрджрд▓рд╛ рд╣реИ?
рдХреНрдпрд╛ рдмрдЪрд╛ рд╣реИ, рдХреНрдпрд╛ рдмрджрд▓рд╛ рд╣реИ
рддреЛ, рд╕рдВрдмрдВрдзрд┐рдд рдореЙрдбрд▓ рдФрд░ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рд╢реАрд▓ рдбреЗрдЯрд╛ (рд░реЗрд╕рд░рдЬ, рд╢реЗрдпрд░рдЬ) рдЬреЛ рд╣рд┐рд╕реНрд╕рд╛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЕрдкрд░рд┐рд╡рд░реНрддрд┐рдд рд░рд╣реЗ - рд╡реЗ рддреЗрдЬ рдФрд░ рд╕реНрдерд┐рд░ рдереЗред рдЬрд┐рди рдореБрдЦреНрдп рд╕рдорд╕реНрдпрд╛рдУрдВ рд╕реЗ рдЬреВрдЭ рд░рд╣реЗ рдереЗ, рд╡реЗ рдереЗ: рдзреАрдореА рд░реЗрдВрдбрд░рд┐рдВрдЧ рд╕рдмрд╕рд┐рд╕реНрдЯрдо, рдЗрд╕рдХреА рдЕрд╕реНрдерд┐рд░рддрд╛, рдЧрдВрджрд╛ рдХреЛрдбред
рддреЛ, рдлрд┐рд▓рд╣рд╛рд▓, рдорд╛рдирдХреАрдХрд░рдг рдФрд░ рдкреНрд░рддрд┐рдкрд╛рджрди рдХреЗ рд▓рд┐рдП рдЬрд┐рдореНрдореЗрджрд╛рд░ рд╣рд┐рд╕реНрд╕рд╛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдлрд┐рд░ рд╕реЗ рд▓рд┐рдЦрд╛ рдЧрдпрд╛ рд╣реИред рдЙрд▓реНрд▓реЗрдЦрдиреАрдп рд░реВрдк рд╕реЗ рдмреЗрд╣рддрд░ рдкреНрд░рджрд░реНрд╢рдиред Esprimajs рдХрд╛ рдПрдХ рдХрд╛рдВрдЯрд╛ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рд╣реИ - рдЕрдм рдХрд┐рд╕реА рднреА рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЕрднрд┐рд╡реНрдпрдХреНрддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдЯреЗрдореНрдкрд▓реЗрдЯреНрд╕ рдореЗрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдХреЛрдб рдЕрдм рд╕реНрдкрд╖реНрдЯ рд╣реИ - рд╕рд┐рд╕реНрдЯрдо рдЕрдзрд┐рдХ рд╕реНрдХреЗрд▓реЗрдмрд▓ рд╣реИред
рдПрдХ рдирдИ рдШрдЯрдХ рдкреНрд░рдгрд╛рд▓реА рдмрдирд╛рдИ рдЧрдИ рд╣реИ, рдЗрд╕ рдкрд░
рдкреНрд░рд▓реЗрдЦрди рд▓рд┐рдЦрд╛ рдЧрдпрд╛ рд╣реИред
рд╕рд░реНрд╡рд░ рдиреВрдбрд▓реНрд╕ рдПрдХ рдЕрд▓рдЧ рдбрд░реНрдмреА-рд╕реНрдЯрд╛рд░реНрдЯрд░ рдореЙрдбреНрдпреВрд▓ рдореЗрдВ рдЪрд▓реЗ рдЧрдПред рдЕрдм рдбрд░реНрдмреА рдРрдк рд╕реБрдВрджрд░ рдФрд░ рд╣рд▓реНрдХреЗ рджрд┐рдЦрддреЗ рд╣реИрдВред рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдЙрджрд╛рд╣рд░рдгреЛрдВ рдореЗрдВ рд╕реЗ рдПрдХ рдХреЛ рджреЗрдЦреЗрдВ -
рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ ред
рдХреБрдЫ рдХреЛрдб рдЙрджрд╛рд╣рд░рдг
рдпреЗ рдХреЗрд╡рд▓ рдХреБрдЫ рдЙрджрд╛рд╣рд░рдг рд╣реИрдВ рдЬрд┐рдиреНрд╣реЗрдВ рдореИрдВрдиреЗ рдЬрд▓реНрджреА рд╕реЗ рдирд┐рдХрд╛рд▓рд╛, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдмрд╣реБрдд рд╕рд╛рд░реА рдЪреАрдЬреЛрдВ рдиреЗ рдореЗрд░рд╛ рдзреНрдпрд╛рди рдЖрдХрд░реНрд╖рд┐рдд рдХрд┐рдпрд╛ред
/* #, */ {{each _page.list as #todo, #index}} /* dervy:view - view*/ <view name="todo"></view> {{/}}
/*x-bind 'on-' JS*/ <button on-click="model.set('titleColor', this.name)">Select</button>
{{each _page.people}} <tr> /* . this - - */ <td><a href="/people/{{this.id}}">{{this.name}}</a></td> <td>{{this.phone}}</td> <td><a href="mailto:{{this.email}}">{{this.email}}</a></td> <td><a href="http://twitter.com/{{this.twitter}}">{{this.twitter}}</a></td> <td>{{this.gender}}</td> </tr> {{/}}
рдЯреЛрдбреЛ рдШрдЯрдХ рдЙрджрд╛рд╣рд░рдг
<Body:> <view name="todos-new" on-submit="list.add()" label="Add todo" autofocus> </view> <view name="todos-list" as="list" items="{{_page.items}}"> </view> <todos-new:> <form on-submit="submit()"> <input type="text" value="{{value}}" placeholder="{{@placeholder}}" autofocus="{{@autofocus}}"> <button type="submit">{{@label}}</button> </form> <todos-list:> <ul> {{each @items as #item, #i}} <li> <input type="checkbox" checked="{{#item.checked}}"> {{#item.text}} <button type="button" on-click="remove(#i)">Delete</button> </li> {{/each}} </ul>
app.component 'todos-new', class TodosNew submit: -> value = @model.del 'value' @emit 'submit', value app.component 'todos-list', class TodosList add: (text) -> @model.push 'list', {text} remove: (index) -> @model.remove 'list', index
рдкреБрдирд╢реНрдЪрдкрд┐рдЫрд▓реЗ рдХреБрдЫ рджрд┐рдиреЛрдВ рдореЗрдВ, рд╕реНрдкреНрд░рд┐рдВрдЯ рдЧрддрд┐ рдореЗрдВ рдЫрдард╛ рд╕рдВрд╕реНрдХрд░рдг 1 рд╕реЗ 3 рдЕрд▓реНрдлрд╛ рд╕рдВрд╕реНрдХрд░рдгреЛрдВ рддрдХ рдЪрд▓рд╛ред рдирд┐рдХрдЯ рднрд╡рд┐рд╖реНрдп рдореЗрдВ рд╣рдо рдмреАрдЯрд╛ рдХреА рдЙрдореНрдореАрдж рдХрд░рддреЗ рд╣реИрдВред
рдкреА рдкреА рдПрд╕рдореИрдВ рд╣рд░ рдХрд┐рд╕реА рдХреЛ рд╕рд▓рд╛рд╣ рджреЗрддрд╛ рд╣реВрдВ рдЬреЛ
рдбрд░реНрдмреА-рдЙрджрд╛рд╣рд░рдг рднрдВрдбрд╛рд░ рд╕реЗ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦрдиреЗ рдХреЗ рдЗрдЪреНрдЫреБрдХ рд╣реИрдВ - рд╡реЗ рдирдП рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд▓рд┐рдП рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдлрд┐рд░ рд╕реЗ рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд┐рдП рдЧрдП рд╣реИрдВред