Nunjucks: Шаблонизатор для JavaScript

Фреймворки шаблонизаторы отделяют макет (разметку страницы) динамических веб-сайтов и приложений от интегрированной в них логики. Все фреймворки поддерживают различные формы циклов, условной логики и специального форматирования. Но мне хотелось получить такой движок, который бы располагал продвинутыми инструментами построения страницы для нескольких целей:

  • для совместного использования разметки на страницах;
  • для включения отдельных блоков с функциональностью (при необходимости); 
  • в общем и целом для упрощения процесса построения в меру сложных макетов страниц c минимумом прилагаемых усилий.
Читать далее...

Разработка плагина для jQuery: Пять простых шагов

Разработчикам известна ситуация, когда во время создания интерактивного веб-приложения приходится писать похожий (или один и тот же) код снова и снова. В таких случаях возникает необходимость в возможности многократного использования кода. Более того, разработчик может столкнуться с проблемами масштабирования и задания пространства имен.

Существует множество других случаев, когда необходим переносимый код, с помощью которого можно было бы реализовать ту же функциональность в каком-либо другом проекте. Одно из возможных решений этой проблемы заключается в написании плагина для jQuery.

Читать далее...

5 javascript ошибок, которые появляются без предупреждений

Недавно я познакомился с TrackJS, служба мониторинга JavaScript вашего сайта и она меня очень впечатлила. Вы сразу видите всю информацию о возникшей ошибке, включая проблемный файл скрипта, URL, браузер и т.д. Я предлагаю ознакомиться со статьей от автора TrackJS.

Итак, мы работаем с веб-приложениями в неблагоприятной среде. С каждым просмотром страницы наш JavaScript передается по непредсказуемой сети в неконтролируемый нами браузер пользователя. Звучит устрашающе, но давайте разобьём все ошибки на 5 групп, которые оказывают влияние на современные JavaScript приложения, которые разработчик зачастую не замечает вовсе.

Читать далее...

Что необходимо знать каждому Javascript разработчику

Javascript - постоянно развивающийся язык, особенно сейчас, когда установлен ежегодный график выхода обновлений спецификаций ECMAScript. В связи с этим важность знания Javascript за пределами jQuery возрастает.

Конечно, в этой статье мы не сможем покрыть весь необходимый объем знаний. Наверняка, будут моменты, которые я пропустил, возможно, ошибся или наши с вами мнения в отношении необходимого набора знаний разойдутся.

Читать далее...

Сравниваем AngularJS и EmberJS

В своей недавней статье мы сравнивали AngularJS с React и выделили отличия между двумя фреймворками. На этот раз рассмотрим EmberJS фреймворк, который отвечает за все “тяжелые” операции в веб-разработке. Ниже познакомимся с его историей, примерами использования, а так же сравним его с AngularJS в разрезе возможностей и функционала.

EmberJS - это фреймворк для языка JavaScript, который изначально назывался SproutCore. В декабре 2011 года его решили переименовать в EmberJS для того, чтобы разделить виджет библиотеку SproutCore 1.0 и сам фреймворк. Роль главного разработчика EmberJS сыграл Yehuda Katz, который так же известен своим участием в разработке jQuery, Rails и SproutCore.

Читать далее...

Сравнение AngularJS и React

В последнее время в области веб-разработки изменения происходят очень быстро. Без лишнего преувеличения, практически каждый месяц появляется новый JavaScript фреймворк, а разобраться во всем этом разнообразии не всегда просто. В этой и нескольких последующих статьях мы рассмотрим некоторые фронт-энд фреймворки для JavaScript и сравним их с AngularJS. Мы познакомимся с их историей и сравним их в функциональном разрезе. В этой статье мы разберёмся с таким фреймворком как React и посмотрим в чем он превосходит, а в чем уступает AngularJS.

Читать далее...

Углубляемся во внедрение зависимостей в AngularJS

В AngularJS существует один недооцененный, но очень важный компонент. Именно он отвечает за целостность и скорость работы фреймворка. Внедрение зависимостей лежит за всеми способностями AngularJS.

Внедрение зависимостей позволяет нам работать над кодом AngularJS не задумываясь о порядке загрузки. Также мы спокойно используем один синтаксис в пределах приложения. К тому же нам проще писать тесты, не разделяя рабочие и тестовые компоненты.

Читать далее...

Руководство по стилю программирования и оформления приложений на AngularJS

Цель этого руководства – показать основные моменты, на которые стоит ориентироваться при создании AngularJS приложений, которые я не просто опишу, но и обосную почему я решил сделать именно так.

Никогда не работайте в одиночку. Лично я считаю, что сообщество AngularJS является отличным источником полезной информации. Хочу отметить, что над этим руководством также работал специалист по AngularJS Todd Motto. Во многих пунктах мы сходились во мнении, хотя были и разногласия. В его статье вы увидите его подход к данному вопросу.

Читать далее...