рд╡реЗрдм рдбреЗрд╡рд▓рдкрд░ # 11 рдХреЗ рд▓рд┐рдП рдХреБрдЫ рд░реЛрдЪрдХ рдФрд░ рдЙрдкрдпреЛрдЧреА рдмрд╛рддреЗрдВ

рд╢реБрдн рджрд┐рди, рдкреНрд░рд┐рдп Kravravchiansред рд╣рд╛рд▓ рд╣реА рдореЗрдВ, рдореИрдВрдиреЗ рдХрдИ рджрд┐рд▓рдЪрд╕реНрдк рдФрд░ рдЙрдкрдпреЛрдЧреА рдЙрдкрдХрд░рдг / рдкреБрд╕реНрддрдХрд╛рд▓рдп / рдХрд╛рд░реНрдпрдХреНрд░рдо рджреЗрдЦреЗ рдЬреЛ рдореИрдВ рд╣реНрд░рдм рдХреЗ рд╕рд╛рде рд╕рд╛рдЭрд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред

рдиреЛрдб рдРрдк



рдХреНрдпрд╛ рдЖрдкрдиреЗ рдХрднреА Node.js рдкрд░ iOS рдФрд░ OSX рдХреЗ рд▓рд┐рдП рдПрдкреНрд▓рд┐рдХреЗрд╢рди рд▓рд┐рдЦрдиреЗ рдХреА рд╕рдВрднрд╛рд╡рдирд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реЛрдЪрд╛ рд╣реИ? рдФрд░ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдПрдХ рдкрд░рд┐рдпреЛрдЬрдирд╛ рд╣реИред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ (рдпрджреНрдпрдкрд┐ рдЫреЛрдЯрд╛) рдЕрдм рдЙрдкрд▓рдмреНрдз рд╣реИред рдореИрдВ рдЗрд╕ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЙрди рд╡рд┐рдЪрд╛рд░реЛрдВ рдХреЗ рд╕рд╛рде рд▓рд┐рдЦ рд░рд╣рд╛ рд╣реВрдВ рдЬреЛ рдХрд┐ рд╕рд╛рдордВрдЬрд╕реНрдпрддрд╛ рд╕рд╛рдорд╛рдЬрд┐рдХ рдХреЛрдбрд┐рдВрдЧ рдХреА рдПрдХ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдЗрдХрд╛рдИ рд╣реИ ...

Scala.js


рдХрдИ рдбреЗрд╡рд▓рдкрд░реНрд╕ рд╣реИрдВ рдЬреЛ рд╕реНрдХрд╛рд▓рд╛ рдореЗрдВ рд╡реЗрдм рдХрд╛ рдирд┐рд░реНрдорд╛рдг рдХрд░рдирд╛ рдкрд╕рдВрдж рдХрд░рддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд╕рдмрд╕реЗ рд▓реЛрдХрдкреНрд░рд┐рдп рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рднрд╛рд╖рд╛ рдмрдиреА рд╣реБрдИ рд╣реИред рдЬрд╛рд╣рд┐рд░ рд╣реИ, рдпрд╣реА рдХрд╛рд░рдг рд╣реИ рдХрд┐ Scala.js рдХрд╛ рдЬрдиреНрдо рд╣реБрдЖ - рд╕реНрдХрд╛рд▓рд╛ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд╕рдВрдХрд▓рдХ рдмрд╣реБрдд рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рд╡рд┐рдХрд╕рд┐рдд рдЕрдВрддрд░ рдХреЗ рд╕рд╛рдеред

рд╣реИрдХрд╛рдереЙрди рд╕реНрдЯрд╛рд░реНрдЯрд░



Node.js рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдЕрджреНрднреБрдд рдмреЙрдпрд▓рд░рдкреНрд▓реЗрдЯред рдИрдореЗрд▓ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдореВрд▓ рдкрдВрдЬреАрдХрд░рдг, OAuth рдкреНрд░рд╛рдзрд┐рдХрд░рдг (рдЯреНрд╡рд┐рдЯрд░, рдлреЗрд╕рдмреБрдХ, GitHub, Google), animate.css рдкрд░ рд╕реБрдВрджрд░ рд╕реВрдЪрдирд╛рдПрдБ, LESS рдСрдЯреЛ-рд╕рдВрдХрд▓рди, рдмреВрдЯрд╕реНрдЯреНрд░реИрдк 3 + рдлреНрд▓реИрдЯ UI + iOS7 рдереАрдо, рд╕рдВрдкрд░реНрдХ рдлрд╝реЙрд░реНрдо рдФрд░ рдорд╛рдирдХ рдЦрд╛рддрд╛ рд╡рд┐рд╡рд░рдг рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ред


InstantClick



рдЫреЛрдЯрд╛ (1.6 kb in gzip), рд▓реЗрдХрд┐рди рдПрдХ рдмрд╣реБрдд рд╣реА рдЙрдкрдпреЛрдЧреА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЬреЛ рдкреЗрдЬ рд▓реЛрдбрд┐рдВрдЧ рдХреЛ рдХрд╛рдлреА рддреЗрдЬрд╝ рдХрд░ рд╕рдХрддреА рд╣реИред рдмрд╛рдд рдпрд╣ рд╣реИ рдХрд┐ рдПрдХ рдФрд╕рдд рдФрд╕рдд 200 - 300 рдорд┐рд▓реАрд╕реЗрдХрдВрдб (рдпрд╣ рдПрдХ рд╡рд┐рд╢реЗрд╖ рдкреГрд╖реНрда рдкрд░ рджреЗрдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ) рдкрд░ рдордВрдбрд░рд╛рдиреЗ рдФрд░ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдХреЗ рдмреАрдЪ рдХрд╛ рд╕рдордп рдЕрдВрддрд░рд╛рд▓ рд╣реИред рдЗрдВрд╕реНрдЯреЗрдВрд╕ рдХреНрд▓рд┐рдХ рдЗрд╕ рд╕рдордп рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ рдФрд░ рдЬрдм рдЖрдк рд▓рд┐рдВрдХ рдкрд░ рд╣реЛрд╡рд░ рдХрд░рддреЗ рд╣реИрдВ рддреЛ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рд▓реЛрдб рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд░ рджреЗрддрд╛ рд╣реИред рдпрд╣ pushState (HTML5 History API) рдФрд░ AJAX рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИред

<a href="some-page.html" data-instant>Link</a> <!--    --> <a href="/blog/" data-no-instant>Blog</a> <!--   --> ... <script src="instantclick.min.js" data-no-instant></script> <script data-no-instant>InstantClick.init();</script> </body> </html> 


Dug.js - HTML рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд▓рд┐рдП рдПрдХ JSONP



JSONP рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рддреЗ рд╕рдордп рдПрдХ рд╕реБрд░реБрдЪрд┐рдкреВрд░реНрдг рд╕рдорд╛рдзрд╛рди, рдпрджрд┐ рдЖрдк GitHub рдХреА рдирд╡реАрдирддрдо рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ, Instagram рд╕реЗ рдЪрд┐рддреНрд░ рдпрд╛ 500px, рдбреНрд░рд┐рдмрд▓ рд╕реЗ рд╢реЙрдЯ, рдкрд┐рдирдЯреЗрд░реЗрд╕реНрдЯ рд╕реЗ рдкрд┐рди рдпрд╛ рдХреБрдЫ рдФрд░ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред

 <script> dug({ endpoint: 'http://api.dribbble.com/players/justinmezzell/shots', template: '<ul>\ {{#shots}}\ <li>\ <a href="{{url}}" title="{{title}}">\ <img src="{{image_400_url}}" alt="Image of {{title}}">\ </a>\ </li>\ {{/shots}}\ </ul>' }); </script> 


рд╕рдВрдкрд╛рджрдХ - рдПрдХ рд╕рд░рд▓ рдФрд░ рдЙрдЪреНрдЪ рдЧреБрдгрд╡рддреНрддрд╛ рд╡рд╛рд▓рд╛ рдорд╛рд░реНрдХрдбрд╛рдЙрди рд╕рдВрдкрд╛рджрдХ




рдЕрдВрдд рдореЗрдВ:




рдкрд┐рдЫрд▓рд╛ рд╕рдВрдЧреНрд░рд╣ (рдЕрдВрдХ 10)

рдореИрдВ рдХрд┐рд╕реА рднреА рдЯрд╛рдЗрдкреЛрд╕ рдХреЗ рд▓рд┐рдП рдорд╛рдлреА рдорд╛рдБрдЧрддрд╛ рд╣реВрдБред рдпрджрд┐ рдЖрдкрдХреЛ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рджрд┐рдЦрд╛рдИ рджреЗрддреА рд╣реИ - рддреЛ рдХреГрдкрдпрд╛ рдПрдХ рд╡реНрдпрдХреНрддрд┐рдЧрдд рдореЗрдВ рд▓рд┐рдЦреЗрдВред

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


All Articles