COLT 2.0 рдХреЛ Angular.js, рдиреЛрдб-рд╡реЗрдмрдХрд┐рдЯ рдХреЗ рд╕рдорд░реНрдерди рдХреЗ рд╕рд╛рде рдЬрд╛рд░реА рдХрд┐рдпрд╛ рдЧрдпрд╛

рдЖрдЬ рд╣рдо рдЕрдкрдиреЗ рдЙрддреНрдкрд╛рдж рдХрд╛ рдПрдХ рдирдпрд╛ рд╕рдВрд╕реНрдХрд░рдг рдЬрд╛рд░реА рдХрд░рддреЗ рд╣реИрдВред COLT 2.0ред
рдпрд╣ рд░рд┐рд▓реАрдЬ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рдмреНрдпрд╛рдЬ рдХреА рд╣реЛрдЧреАред

рдмреНрд░реЗрдХрд┐рдВрдЧ рдиреНрдпреВрдЬрд╝ред рдХрдо


рдиреЛрдб-рд╡реЗрдмрдХрд┐рдЯ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди, рджреВрд░рд╕реНрде рдпрд╛ рд╕реНрдерд╛рдиреАрдп рд╕рд░реНрд╡рд░ (рд▓рд╛рдЗрд╡-рдкреНрд░реЙрдХреНрд╕реА) рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдердиред COLT рдХрд╛ рдХрдВрд╕реЛрд▓ рд╕рдВрд╕реНрдХрд░рдг (рд╕рд░реНрд╡рд░ рдкрд░ UI рдХреЗ рдмрд┐рдирд╛ рдкреНрд░рд╛рд░рдВрдн)ред рдХреЛрдгреАрдп рд╕рдорд░реНрдердиред рдирдпрд╛ HTML рд╡рд┐рддрд░рдг рддрдВрддреНрд░ред рдЙрджрд╛рддреНрдд рдкрд╛рда (JSDocs рдФрд░ рдЕрдзрд┐рдХ) рдХреЗ рд╕рд╛рде рдмреЗрд╣рддрд░ рдХрд╛рдоред рдкреНрд░рджрд░реНрд╢рди рдореЗрдВ рд╕реБрдзрд╛рд░ред рдиреЛрдб-рд╡реЗрдмрдХрд┐рдЯ рдкрд░ рдирдпрд╛ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ред рдмреЗрд╣рддрд░ Linux рд╕рдорд░реНрдердиред рдирдпрд╛ рдбреЗрдореЛ рдореЛрдб (рдЙрджрд╛рддреНрдд рд░реВрдк рдореЗрдВ)ред рд╡рд┐рддрд░рдг рдЖрдХрд╛рд░ рдореЗрдВ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдХрдореАред

рдлрд╝реНрд▓реИрд╢


рдХреБрдЫ рдХреЗ рд▓рд┐рдП, рджреБрдЦрдж рд╕рдорд╛рдЪрд╛рд░ред рд╣рдо рдЕрдм рдлреНрд▓реИрд╢ рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВред рдлрд╝реНрд▓реИрд╢ рд╕рдВрд╕реНрдХрд░рдг рд╕рдореБрджрд╛рдп рджреНрд╡рд╛рд░рд╛ рд╕рдорд░реНрдерд┐рдд рд╣реЛрдЧрд╛ред рдлрд╝реНрд▓реИрд╢ рд╕реНрд░реЛрдд рдЬрд▓реНрдж рд╣реА рдЬреАрдердм рдкрд░ рдЙрдкрд▓рдмреНрдз рд╣реЛрдЧрд╛ред рд╣рдордиреЗ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЬреЗрдПрд╕ рдкрд░ рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдХрд░рдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛ред рдиреЛрдб, рд╡реЗрдм, рдиреЛрдб-рд╡реЗрдмрдХрд┐рдЯ, рдлреЛрдирдЧреИрдкред рд╣рдорд╛рд░реА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХрд╛ рдирдпрд╛ рдкрддрд╛ COLT.IO рд╣реЛрдЧрд╛ред

Angular.js


1. рд▓рд╛рдЗрд╡-рдЕрдкрдбреЗрдЯ рдПрдЪрдЯреАрдПрдордПрд▓ рдХреЗ рдмрд╛рдж рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХрд╛ рдкреБрди: рд╕рдВрдпреЛрдЬрдиред рдпрд╣реА рд╣реИ, рдпрджрд┐ рдЖрдкрдиреЗ рдХрд┐рд╕реА рддрд░рд╣ рдирд┐рд░реНрджреЗрд╢ рдХреЛ рдмрджрд▓ рджрд┐рдпрд╛ рд╣реИ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП {{myData}} рдкрд░рд┐рд╡рд░реНрддрди рдХреЗ рдмрд╛рдж, рдЖрдк рдШреБрдВрдШрд░рд╛рд▓реЗ рдмреНрд░реЗрд╕рд┐рдЬрд╝ рдирд╣реАрдВ рджреЗрдЦреЗрдВрдЧреЗ, рд▓реЗрдХрд┐рди рдЖрдк рдкрд╣рд▓реЗ рд╕реЗ рд╣реА $ рдЧреБрдВрдЬрд╛рдЗрд╢ рд╕реЗ рдбреЗрдЯрд╛ рджреЗрдЦреЗрдВрдЧреЗред HTML рдХрд╛ рд╣рдорд╛рд░рд╛ рдкреБрдирд░реНрд╕рдВрдпреЛрдЬрди рдХрд╛рдлреА рдЪрддреБрд░ рд╣реИ, рд╣рдо рд╕рдордЭрддреЗ рд╣реИрдВ рдХрд┐ рдирд┐рд░реНрджреЗрд╢ рдПрдирдЬреА-рдкреБрдирд░рд╛рд╡рд░реНрддрдХ рдХреЗ рдЕрдВрджрд░ рд╣реИрдВ рдФрд░ "рдкреБрдирд░рд╛рд╡рд░реНрддрдХ" "рдкреБрдирд░рд╛рд╡рд░реНрддрдХ" рдХреЗ рдЕрдВрджрд░ рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ рд╣реИрдВред рдЕрдкрдбреЗрдЯ рдХреЗ рджреМрд░рд╛рди рдиреЗрддреНрд░рд╣реАрди рд░реВрдк рд╕реЗ рдЯреНрд░реИрдХ рдХрд░рдирд╛ рдФрд░ рдХрд┐рд╕ рдХреНрд╖реЗрддреНрд░ рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛, рд╣рдо рдЕрдкрдбреЗрдЯ рдХрд┐рдП рдЧрдП рддрддреНрд╡ рдХреЗ рдЪрд╛рд░реЛрдВ рдУрд░ рдПрдХ рд▓рд╛рд▓ рдЖрдпрдд рджрд┐рдЦрд╛рддреЗ рд╣реИрдВред

2. HTML рдкрд░рд┐рд╡рд░реНрддрди рдЕрдкрд▓реЛрдб рдХрд░рдирд╛ рдФрд░ рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреЛ рдкреБрдирдГ рд▓реЛрдб рдХрд░рдирд╛ HTML рд▓реЛрдб рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░реЗрдЧрд╛ред рдЖрдк рдЙрд╕ рдЯреЗрдореНрдкрд▓реЗрдЯ рдХреЛ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдЬреЛ рдПрдирдЬреА-рд░рд╛рдЙрдЯрд░ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд▓реЛрдб рдХрд┐рдпрд╛ рдЧрдпрд╛ рдореБрдЦреНрдп рдкреГрд╖реНрда рд╣реИ рдФрд░ рддреБрд░рдВрдд рджреЗрдЦреЗрдВ рдХрд┐ рдЖрдкрдХрд╛ рд╕рдВрдХрд▓рд┐рдд HTML рдХреИрд╕рд╛ рджрд┐рдЦреЗрдЧрд╛ред

рдпрд╣ рдХреИрд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдЗрд╕рдХрд╛ рдбреЗрдореЛ рджреЗрдЦреЗрдВред


рд▓рд╛рдЗрд╡ рдкреНрд░реЙрдХреНрд╕реА


рдЕрдм рдкрд░рд┐рдпреЛрдЬрдирд╛ рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдореЗрдВ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреЗ рдореБрдЦреНрдп рдкрддреЗ рдореЗрдВ рдЖрдк рд╕рд░реНрд╡рд░ рдкрд░ рдкреГрд╖реНрда рдХрд╛ рдкрддрд╛ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдпрд╛ рдПрдХ рд╕рд╛рдЗрдЯред рдЗрд╕ рд╕реНрдерд┐рддрд┐ рдореЗрдВ, COLT рд╕рд░реНрд╡рд░ рд╕реЗ рдкреГрд╖реНрдареЛрдВ рдФрд░ рд╕рдВрд╕рд╛рдзрдиреЛрдВ рдХреЛ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░реЗрдЧрд╛, рдФрд░ рдЙрдиреНрд╣реЗрдВ рд▓рд╛рдЗрд╡ рдореЛрдб рдореЗрдВ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд░реВрдкрд╛рдВрддрд░рд┐рдд рдХрд░реЗрдЧрд╛ред рдЬреИрд╕реЗ рд╣реА рд╕рд░реНрд╡рд░ рдкрд░ рд╕рдВрд╕рд╛рдзрди рдмрджрд▓рд╛ рдЬрд╛рддрд╛ рд╣реИ, COLT рдЗрд╕ рдкрд░рд┐рд╡рд░реНрддрди рдХрд╛ рдЬрд╡рд╛рдм рджреЗрдЧрд╛ рдФрд░ рд╕рднреА рдЬреБрдбрд╝реЗ рд╣реБрдП рдХреНрд▓рд╛рдЗрдВрдЯ рдХреЛ рдирдпрд╛ JS рдФрд░ HTML рдкрд░рд┐рд╡рд░реНрддрди рдкреНрд░рджрд╛рди рдХрд░реЗрдЧрд╛ред рдЕрдм рдпрд╣ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЖрдк рдХрд┐рд╕ рд╕рд░реНрд╡рд░-рд╕рд╛рдЗрдб рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рднрд╛рд╖рд╛рдУрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВред рдЙрджрд╛рддреНрдд рдХрдВрд╕реЛрд▓ рдХреЛ рдПрдХ рдирдпрд╛ рд░рд╛рдЬреНрдп, рдкреНрд░рддрд┐рдмрджреНрдз, рдЖрдЙрдЯрдкреБрдЯ рдорд╛рди рднреА рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдЧрд╛ред рдЖрдкрдХреЛ рдХреЗрд╡рд▓ рд╕рд░реНрд╡рд░ рдкрд░ рдЕрдкрдиреА рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЗ рд╕рд┐рдВрдХреНрд░рдирд╛рдЗрдЬрд╝реЗрд╢рди рдХреЛ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рдЬрд┐рд╕рдХреЗ рд▓рд┐рдП рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдХрд╛рдлреА рдЙрдкрдХрд░рдг рдФрд░ рдЙрдкрдХрд░рдг рд╣реИрдВред рд╣рдо рдЗрд╕ рддрд░рд╣ рдХреЗ рдПрдХ рдирд╡рд╛рдЪрд╛рд░ рдХреА рдЙрдореНрдореАрдж рдХрд░рддреЗ рд╣реИрдВ рдХрд┐ рд╕рд░реНрд╡рд░ рд╕рдорд╛рдзрд╛рди рдХреЗ рдПрдХ рдЬрдЯрд┐рд▓ рдвреЗрд░ рдХреЗ рд╕рд╛рде рдмрдбрд╝реА рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдореЗрдВ COLT рдФрд░ livecoding рдХреЛ рдПрдХреАрдХреГрдд рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдХрд░реЗрдВред

рдХрдВрд╕реЛрд▓ рд╕рдВрд╕реНрдХрд░рдг


рдЕрдм, рдПрдХ рд▓рд╛рдЗрд╡ рд╕рддреНрд░ рд╢реБрд░реВ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдкрдХреЛ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рд╢реБрд░реВ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред рдЖрдк рдЗрд╕реЗ рдХрдВрд╕реЛрд▓ рд╕реЗ рдЬрд╛рд░ рдХреЛ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЗ xml рдкрде рдХреЛ рдЗрд╕рдХреЗ рдкрд╣рд▓реЗ рддрд░реНрдХ рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд▓рд╛ рд╕рдХрддреЗ рд╣реИрдВред

рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП:

$ java jar colt.jar myProject.colt 


рдпрд╣ рдореЛрдб рд▓рд╛рдЗрд╡-рдкреНрд░реЙрдХреНрд╕реА рдореЛрдб рдореЗрдВ рд╕рд░реНрд╡рд░ рдЗрдВрд╕реНрдЯреЙрд▓реЗрд╢рди рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдЙрдкрдпреБрдХреНрдд рд╣реИред

рдирдпрд╛ HTML рдЕрдкрдбреЗрдЯ рдЗрдВрдЬрди


рдирдП рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдбреЗрд╡рд▓рдкрдореЗрдВрдЯ рдПрдкреНрд░реЛрдЪ рд╕реБрдЭрд╛рд╡ рджреЗрддреЗ рд╣реИрдВ рдХрд┐ рдПрдХ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдореЗрдВ рдмрдбрд╝реА рд╕рдВрдЦреНрдпрд╛ рдореЗрдВ HTML рдлрд╛рдЗрд▓реЗрдВ рд╣реЛ рд╕рдХрддреА рд╣реИрдВред рдПрдХ рдкреЗрдЬ рдХрд╛ рдЖрд╡реЗрджрдиред рдЕрдм, рдЖрдкрдХреА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЗ рдкреНрд░рддреНрдпреЗрдХ рдЯреИрдЧ рдХреЛ рдПрдХ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдкрд╣рдЪрд╛рдирдХрд░реНрддрд╛ рд╕реМрдВрдкрд╛ рдЧрдпрд╛ рд╣реИ рдЬреЛ рдЖрдкрдХреЛ рдХрд┐рд╕реА рднреА рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рд╕реЗ рдбрд╛рдЙрдирд▓реЛрдб рдХрд┐рдП рдЧрдП рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдореЗрдВ рдЗрд╕реЗ рдЦреЛрдЬрдиреЗ рдореЗрдВ рдорджрдж рдХрд░рддрд╛ рд╣реИред рдФрд░ рдЕрдм, рдЬрдм рдЖрдк рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдХрд┐рд╕реА рднреА рдлрд╛рдЗрд▓ рдореЗрдВ рдХреЛрдИ рдЯреИрдЧ рдмрджрд▓рддреЗ рд╣реИрдВ, рддреЛ рдЙрд╕рдХрд╛ рдирдпрд╛ рд╕реНрдЯреЗрдЯ рд░рди-рдЯрд╛рдЗрдо рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рд╣реЛрдЧрд╛ред рдиреЗрддреНрд░рд╣реАрди рдирд┐рдпрдВрддреНрд░рдг рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдореЗрдВ рдорджрдж рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдПрдХ рдЧреНрд░реЗ рдмреЙрд░реНрдбрд░ рд╕реНрдЯрд╛рдЗрд▓ рдХреЛ рдЕрд╕реНрдерд╛рдпреА рд░реВрдк рд╕реЗ рдЗрд╕ рддрд░рд╣ рдХреЗ рдЯреИрдЧ рдореЗрдВ рдЬреЛрдбрд╝рд╛ рдЬрд╛рдПрдЧрд╛ред рдпрд╛рдж рд░рдЦреЗрдВ рдХрд┐ рд╣рдорд╛рд░рд╛ HTML рдФрд░ JS рд╡рд┐рддрд░рдг рддрдВрддреНрд░ рдХрд┐рд╕реА рднреА рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рдХрд┐рд╕реА рднреА рдбрд┐рд╡рд╛рдЗрд╕, рдореЛрдмрд╛рдЗрд▓, рдЯреАрд╡реА рдЖрджрд┐ рдкрд░ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рдиреЛрдб-рд╡реЗрдмрдХрд┐рдЯ рд╕рдорд░реНрдерди


рдЕрдм рд▓рд╛рдЗрд╡рдХреЛрдбрд┐рдВрдЧ, рд╕рдмрд▓рд╛рдЗрдо рдХреЗ рд╕рд╛рде рдПрдХреАрдХрд░рдг рди рдХреЗрд╡рд▓ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рдиреЛрдб рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдЕрдм рдПрдХ рдФрд░ рд░рдирдЯрд╛рдЗрдо рд╣реИ рдЬрд┐рд╕рдХрд╛ рд╣рдо рд╕рдорд░реНрдерди рдХрд░рддреЗ рд╣реИрдВред рдЖрдк рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдХреЛ рд╕рдмрд▓реЗрдо рд╕реЗ рдпрд╛ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рд╕реЗ рд╢реБрд░реВ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдХрд┐рд╕реА рднреА HTML рдкрд░рд┐рд╡рд░реНрддрди рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЙрджрд╛рддреНрдд рдПрдкреНрд▓рд┐рдХреЗрд╢рди рд╕реЗ рд╕реАрдзреЗ рдСрдЯреЛрдХреНрд▓рд╛рдЗрдЯ рдХреЗ рд▓рд┐рдП рдбреЗрдЯрд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рддрд╛ рд╣реИред

рдирдореВрдирд╛ рд╡реАрдбрд┐рдпреЛ:


рдЙрджрд╛рддреНрдд


рд╣рдо рдЙрджрд╛рддреНрдд рдореЗрдВ рд╕реБрдзрд╛рд░реЛрдВ рдХреЛ рд╕реВрдЪреАрдмрджреНрдз рдХрд░рддреЗ рд╣реИрдВред

1. рд░рдирдЯрд╛рдЗрдо рддреНрд░реБрдЯрд┐рдпреЛрдВ рдФрд░ рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рдХрд╛ рдмреЗрд╣рддрд░ рдкреНрд░рджрд░реНрд╢рдиред
2. рдЬреЗрдПрд╕ рдбреЙрдХреНрд╕ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдердиред
3. рдиреЛрдб рдФрд░ рдиреЛрдб.webkit рдХреЗ рд▓рд┐рдП COLT рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреА рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рдкреАрдврд╝реАред
4. рд╕реНрд╡рдд: рдкреВрд░реНрдг рд╕реБрдзрд╛рд░ред
5. рдХрдВрд╕реЛрд▓ рдХреЗ рдорд╛рдиреЛрдВ рдХреЗ рдЙрддреНрдкрд╛рджрди рдореЗрдВ рд╕реБрдзрд╛рд░ - "рд╢реЛ рд╡реИрд▓реНрдпреВ" рдиреЗ рдкреНрд░рд╛рд░реВрдк рдореЗрдВ рд╕реБрдзрд╛рд░ рдХрд┐рдпрд╛ рд╣реИ рдФрд░ рдЙрджрд╛рддреНрдд рдХрдВрд╕реЛрд▓ рдХреЛ рдЖрдЙрдЯрдкреБрдЯ рдЕрдм рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрдВрд╕реЛрд▓.рд▓реЙрдЧ рдХреЛ рдЖрдЙрдЯрдкреБрдЯ рджреНрд╡рд╛рд░рд╛ рджреЛрд╣рд░рд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ () - рдЗрд╕рд╕реЗ рдЬрдЯрд┐рд▓ рд╕рдВрд░рдЪрдирд╛ рд╡рд╛рд▓реЗ рдСрдмреНрдЬреЗрдХреНрдЯ рдХреЛ рдкрд╛рд░реНрд╕ рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред
6. "рдлрдВрдХреНрд╢рди рдбрд┐рдХреНрд▓реЗрд░реЗрд╢рди рдореЗрдВ рдЬрд╛рдПрдВ" рдХреЗ рд╕рд╛рде рдмрдбрд╝реА рд╕рдВрдЦреНрдпрд╛ рдореЗрдВ рдмрдЧ рдФрд░ рд╕рдорд╕реНрдпрд╛рдПрдБ рд╣рд▓ рд╣реБрдИрдВред

рдЬреЗрдПрд╕ рдбреЙрдХреНрд╕ рджреНрд╡рд╛рд░рд╛ рдЕрд▓рдЧ рд╕реЗ рдЖрдк рд╡реАрдбрд┐рдпреЛ рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВред


Webstorm


рдХрдИ рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреБрдЫ рдРрд╕реА рд╕реБрд╡рд┐рдзрд╛рдПрдБ рдкрд╕рдВрдж рдХрд░рддреЗ рд╣реИрдВ рдЬрд┐рдиреНрд╣реЗрдВ рд╣рдордиреЗ рдЙрджрд╛рддреНрдд рдХреЗ рд▓рд┐рдП рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдерд╛ред рд╡реЗрдмрд╕реНрдЯреНрд░реЙрдо рдХреЛ рддрд╛рд░реАрдлреЛрдВ рд╕реЗ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдлрд┐рд░ рднреА рдЖрдкрдХреЛ рдпрд╣ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ рдХрд┐ рд╣рдорд╛рд░реА HTML рдФрд░ JS рдбрд┐рд▓реАрд╡рд░реА рдмреЗрд╣рддрд░ рд╣реИред рдореБрдЭреЗ рд╕рддреНрд░ рд╢реБрд░реВ рдХрд┐рдП рдмрд┐рдирд╛ рдХрд┐рд╕реА рднреА рдЪрд░ рдХреЗ рдореВрд▓реНрдп рдХреЛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреА рдХреНрд╖рдорддрд╛ рднреА рдкрд╕рдВрдж рд╣реИред

рдпреЗ рд╕реБрд╡рд┐рдзрд╛рдПрдБ рдЬрд▓реНрдж рд╣реА рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо рдкреНрд▓рдЧрдЗрди рдореЗрдВ рджрд┐рдЦрд╛рдИ рджреЗрдВрдЧреАред

рдЕрдЧрд▓реЗ рд╕рдкреНрддрд╛рд╣ рдПрдХ рдЕрджреНрдпрддрди рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо рдкреНрд▓рдЧрдЗрди рдХреА рдЕрдкреЗрдХреНрд╖рд╛ рдХрд░реЗрдВред

рдирдпрд╛ рдЗрдВрдЯрд░рдлрд╝реЗрд╕


рдЕрдм рд╣рдорд╛рд░рд╛ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рдиреЛрдб-рд╡реЗрдмрдХрд┐рдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдмрдирд╛рдпрд╛ рдЧрдпрд╛ рд╣реИред рдЬрд╛рд╡рд╛-рдПрдлрдПрдХреНрд╕ рдкрд░ рдкрд┐рдЫрд▓реЗ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рдиреЗ рдХреБрдЫ рддрд░реАрдХреЛрдВ рд╕реЗ рдЦреБрдж рдХреЛ рд╕рдмрд╕реЗ рдЕрдЪреНрдЫреЗ рддрд░реАрдХреЗ рд╕реЗ рдирд╣реАрдВ рджрд┐рдЦрд╛рдпрд╛ред рдЕрдм рд╢реБрд░реБрдЖрдд рддреЗрдЬ рд╣реИ, рд╡рд┐рддрд░рдХ рдиреЗ рдЕрдкрдирд╛ рд╡рдЬрди рдХрд╛рдлреА рдХрдо рдХрд░ рд▓рд┐рдпрд╛ рд╣реИ, рд╣рдо рдЕрдкрдиреЗ рдЙрддреНрдкрд╛рдж рдХреЛ рд╡рд┐рдХрд╕рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреЗ рдЙрдкрдХрд░рдгреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВред

рд╣рдордиреЗ рдЦреБрд▓реА рдкрд╣реБрдВрдЪ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреЗ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рдХрд╛ рд╕реНрд░реЛрдд рдХреЛрдб рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд┐рдпрд╛ рд╣реИ, рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдмрд╣реБрдд рдкреНрд░рдпрд╛рд╕ рдФрд░ рдЦрд░реНрдЪ рдХреЗ рдмрд┐рдирд╛ рдЬреАрдд / рдореИрдХ / рд▓рд┐рдирдХреНрд╕ рдХреЗ рд▓рд┐рдП рдПрдХ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдмрдирд╛рдиреЗ рдХрд╛ рдХрд╛рд░реНрдп рд╣реИ, рддреЛ рдЖрдк рд╣рдорд╛рд░реА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЛ рдПрдХ рд╢реБрд░реБрдЖрддреА рдмрд┐рдВрджреБ рдХреЗ рд░реВрдк рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

UI рд╕реНрд░реЛрдд рдпрд╣рд╛рдВ рдЙрдкрд▓рдмреНрдз рд╣реИрдВ -

github.com/code-orchestra/colt-ui

рдирдпрд╛ рдбреЗрдореЛ рдореЛрдб


рд╣рдордиреЗ Sublime рд╕реЗ рдбреЗрдореЛ рдореЛрдб рдХреЗ рд╡рд┐рдЪрд╛рд░ рдХреА рдирдХрд▓ рдХреАред рдЕрдм COLT рдХреЗ рдкреНрд░рд╛рд░рдВрдн рдореЗрдВ рдЖрдкрдХреЛ рдХреНрд░рдо рд╕рдВрдЦреНрдпрд╛ рджрд░реНрдЬ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдирд╣реАрдВ рдХрд╣рд╛ рдЬрд╛рдПрдЧрд╛ред рдмрд╕ рдЬрдм рдЖрдк COLT рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреЛ рд╕реВрдЪрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ рдХрд┐ рдЖрдк рдПрдХ рдЕрдкрдВрдЬреАрдХреГрдд рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВред

рд╣рдордиреЗ рдЕрдЪреНрдЫреА рдЫреВрдЯ рдХреЗ рд╕рд╛рде рдПрдХ рд╕рд╛рд▓ рдХрд╛ рдЦрд░реАрдж рд╡рд┐рдХрд▓реНрдк рднреА рдЬреЛрдбрд╝рд╛ред

рдирд┐рдХрдЯ рднрд╡рд┐рд╖реНрдп рдХреА рдпреЛрдЬрдирд╛рдПрдВ -

1. рдЯреНрд░рд╛рдВрд╕рдлрд░ рдХреЗ рдмрд╛рдж рдФрд░ рдкреВрд░реНрд╡-рд╕рдВрдХрд▓рди рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЛ рдЧреНрд░реИрдВрдЧрд▓ рд╕реЗ рдЧреНрд░рдиреНрдЯ рддрдХ (рдЕрдм рд╡реЗ рдЕрд╕реНрдерд╛рдпреА рд░реВрдк рд╕реЗ рдЕрд╡рд░реБрджреНрдз рд╣реИрдВ)

2. рдЙрджрд╛рддреНрдд рдореЗрдВ рдХреЛрдгреАрдп рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдореЗрдВ рд╕реБрдзрд╛рд░ред
рдСрдЯреЛрдХреЙрдорд┐рдЯ рдирд┐рд░реНрджреЗрд╢ред рдЯреИрдЧ рдФрд░ рдмрд╛рдЗрдВрдбрд┐рдВрдЧ рдмреНрд░реИрдХреЗрдЯ рдХреА рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЗ рдЕрдВрджрд░ рдСрдЯреЛрдХреЛрд▓рд╛рдЗрдЯ рддрд░реАрдХреЗ рдФрд░ $ рдЧреБрдВрдЬрд╛рдЗрд╢ рдХреНрд╖реЗрддреНрд░ред рдирд┐рд░реНрджреЗрд╢ рдШреЛрд╖рдгрд╛ рдкрд░ рдЬрд╛рдПрдВред рд╕реНрдорд╛рд░реНрдЯ рдХреЛрдгреАрдп рд╕реНрдирд┐рдкреЗрдЯреНрд╕ред

3. рдиреЛрдб.рдЬреЗрдПрд╕ рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдФрд░ рдиреЛрдб-рд╡реЗрдмрдХрд┐рдЯ рдХреА рд╕реНрдЯрд╛рд░реНрдЯрдЕрдк рдЧрддрд┐ рдХреЛ рдХрдо рдХрд░реЗрдВред рдирд┐рд░реНрднрд░рддрд╛ рддрдВрддреНрд░ред рдСрди-рдбрд┐рдорд╛рдВрдб рдХреЛрдб рдкрд░рд┐рд╡рд░реНрддрди рдЬреИрд╕рд╛ рдХрд┐ рд╣рдордиреЗ рдЗрд╕реЗ рд╡реЗрдм рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдХреЗ рд▓рд┐рдП рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рд╣реИред

4. рдЙрджрд╛рддреНрдд рдореЗрдВ рд╕рдорд╛рд░реЛрд╣ usages рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдПрдВред

5. рд╡реЗрдмрд╕реНрдЯреЙрд░реНрдо рдкреНрд▓рдЧрдЗрди рдХрд╛ рдЕрджреНрдпрддрди рд╕рдВрд╕реНрдХрд░рдг

6. рдмрдбрд╝реА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдкрд░ рдкреНрд░рджрд░реНрд╢рди рдореЗрдВ рд╕реБрдзрд╛рд░ред

рд╣рдо рдЕрдиреНрдп рд░реВрдкрд░реЗрдЦрд╛рдУрдВ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреА рднреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВ - рди рдХрд┐ рдХреЗрд╡рд▓ рдХреЛрдгреАрдпред рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдРрд╕реЗ рд╡рд┐рдЪрд╛рд░ рд╣реИрдВ рдЬрд┐рдирдХреА рдЖрдкрдХреЛ рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдЬрд╣рд╛рдВ HTML рдкреБрдирд░реНрдореВрд▓реНрдпрд╛рдВрдХрди рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ - рд▓рд┐рдЦреЗрдВ

рдкреНрд░рд╢реНрди рдкреВрдЫреЗрдВред рд╣рдо рдЖрдкрдХреА рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП рддрддреНрдкрд░ рд╣реИрдВред

рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХрд╛ рдХреЛрдб codeorchestra.com рдФрд░ рдбреЛрдореЗрди COLT.IO рднреА рдЬрд▓реНрдж рд╣реА рдЙрдкрд▓рдмреНрдз рд╣реЛрдЧрд╛

COLT 2.0 рдмреАрдЯрд╛ рдХреЛ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░реЗрдВред

рд╡рд┐рди рд▓рд┐рдВрдХ
рдореИрдХ рд▓рд┐рдВрдХ
рд▓рд┐рдирдХреНрд╕ рд▓рд┐рдВрдХ

рдпрджрд┐ рдЖрдк рдореБрдлреНрдд рдореЗрдВ рд╡рд╛рд░реНрд╖рд┐рдХ COLT рд▓рд╛рдЗрд╕реЗрдВрд╕ рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдПрдХ рд╕рдореАрдХреНрд╖рд╛ рд▓реЗрдЦ рд▓рд┐рдЦреЗрдВ рдФрд░ рд╣рдореЗрдВ @code_orestestra рдкрд░ рдЕрдкрдиреЗ рдЯреНрд╡рд┐рдЯрд░ рдкрд░ рдПрдХ рд▓рд┐рдВрдХ рднреЗрдЬреЗрдВред

Source: https://habr.com/ru/post/In217725/


All Articles