Pull to refresh
  • by relevance
  • by date
  • by rating

Vue 3. Что нового?

Website development *JavaScript *VueJS *

Многие из нас ждут выхода Vue 3 и похоже, что он почти здесь (релиз запланирован на второй квартал 2020 года) и уже есть возможность взглянуть или даже поэкспериментировать с бета-версией.

Читать дальше →
Total votes 8: ↑4 and ↓4 0
Views 27K
Comments 4

Документация Webix на русском языке

Website development *JavaScript *HTML *

Важная новость для русскоязычных пользователей библиотеки Webix JavaScript UI. 


Сегодня команда Webix опубликовала полную версию всей технической документации на Русском языке


Читать дальше →
Total votes 1: ↑1 and ↓0 +1
Views 723
Comments 0

Скринкаст об основах ExtJS — DataStore и GridPanel

ExtJS/Sencha *
ExtJs
Автор книги ExtJs in Action Jesus Garcia представлят очень подробный 49-минутный скринкаст с большим количеством наглядных схем, записанный за 20 часов материала, которые он представит позже
Читать дальше →
Total votes 23: ↑20 and ↓3 +17
Views 1.3K
Comments 4

jQuery UI 1.8 зарелизило

jQuery *
image
1) Теперь используется jQuery 1.4.2
2) 5 новых виджетов (в том числе и автокомплит)
3) 1 новый эффект
4) ядро на 71% стало меньше, за счет выноса из него нескольких модулей в отдельные плагины.
5) и т.д.…
Подробнее об изменениях. И тут
Как всегда много демо

Скачать


jQuery UI 1.8 Starter Pack содержит все компонетны и тему по умолчанию. Оптимизирован для использование с Getting Started Guide, для новичков.
jQuery UI 1.8 Development Bundle содержит все компоненты и тему по умолчанию. Оптимизирован для разработчиков.
jQuery UI 1.8 Themes Pack Содержит 21 тему
jQuery UI 1.8 Download Builder создаете сборку самостоятельно

jQuery UI теперь на GitHub! :)
Total votes 55: ↑46 and ↓9 +37
Views 1.2K
Comments 13

Обёртки для создания классов: зло или добро?

JavaScript *
Раз за разом я читаю, что удобные библиотеки для создания классов на Javascript, видите ли, не соответствуют идеологии языка и тем, кто их использует просто необходимо учить язык. Такое говорят невежды, которые и сами толком не разобрались ни в самом языке ни в библиотеках, которые они критикуют. И так часто говорят, что я решил написать этот топик и просто давать ссылку
var Foo = new Class({
	Extends: Bar,
	initialize: function(firstname, lastname) {
		this.parent(firstname);
		this.lastname = lastname;
	},
	sayHello: function(){
		alert(this.lastname || this.firstname);
	}
});

Читать дальше →
Total votes 77: ↑67 and ↓10 +57
Views 22K
Comments 113

Bexf — Фрэймворк для создания расширений

Opera
image

Недавно мне пришлось доточить одно расширение Оперы под себя, раньше я ими совершенно не занимался. Открываю код, о ужас! Куча непонятных цепочек пространств имен (window.opera.extension.tabs, window.opera.contexts.toolbar, window.opera.extension.broadcastMessage) которые с первого взгляда и не пойми что таят (я и не ждал легкого пути). Пришлось открыть dev.opera.com для дальнейшего изучения. Расширение я все-таки доточил и решил заодним написать фрэймворк, который значительно упрощает разработку расширений для Оперы.
Читать дальше →
Total votes 70: ↑61 and ↓9 +52
Views 1.4K
Comments 15

jCanvaScript: JavaScript библиотека для работы с html5 canvas

JavaScript *
Sandbox
imageВсем доброго!
jCanvaScript — это, как видно из «картинки для привлечения внимания», JavaScript-framework. Не трудно, я думаю, догадаться из названия топика, что предназначение библиотеки — работа с элементом HTML5 canvas. Под катом всех заинтересовавшихся ждет небольшой рассказ о библиотеке и о том, как она создавалась.
Читать дальше →
Total votes 93: ↑87 and ↓6 +81
Views 10K
Comments 78

Вышел jQuery Mobile Alpha 4

jQuery *
jquery mobile Вчера была выпущена четвертая альфа версия мобильной версии популярного фреймворка jQuery Mobile. Как пишут сами разработчики — это последний альфа релиз. В новом релизе основной упор в работе был сделан на улучшение производительности, так же исправлено более 150 проблем из A3 и добавлены несколько новых фич.
Подробности
Total votes 40: ↑35 and ↓5 +30
Views 1.5K
Comments 2

Новое в Ext GWT 3.0

Google Web Toolkit *
Sandbox
JavaScript-библиотеки Ext JS и Ext GWT известны, помимо прочего, одним из лучших наборов визуальных компонентов — как по дизайну, так и по кроссбраузерности, да и по стабильности работы. Потому и руки сами тянутся к любому проекту на GWT добавить Ext и заменить скучные гугловые виджеты на симпатичные формы и окошки.

Однако интеграция Ext GWT и GWT до сих пор оставляла желать лучшего — по сути, вторая версия Ext GWT полностью вытесняет все средства компоновки интерфейса GWT, предлагая собственные API для всего, вплоть до обработки событий. Поэтому для третьей версии библиотеки, доступной сейчас в виде developer preview, разработчики из Sencha активно переписывают скриптовое наследие Ext JS, используя паттерны и идиомы, принятые в GWT. Главное ожидаемое преимущество — более корректная интеграция с GWT и, как следствие, более компактный и оптимизированный код интерфейса: генерация и обфускация JavaScript и CSS происходит на этапе GWT-компиляции, с использованием механизма deferred binding, за счёт чего исключаются фрагменты кода, не использующиеся в текущем проекте.
Читать дальше →
Total votes 19: ↑18 and ↓1 +17
Views 6.7K
Comments 8

Введение в SproutCore часть вторая

JavaScript *
В первой части руководства по SproutCore рассказывалось о создании простого приложения.
Пришло время углубить знания и разобраться с Моделями в SproutCore.

После прочтения данного руководства вы сможете:

  • Описывать модели с помощью SC.Record.
  • Управлять моделями с помощью SC.Store.
  • Загружать начальные данные в хранилище.
  • Посылать запросы к хранилищу с помощью SC.Query.

Читать дальше →
Total votes 9: ↑7 and ↓2 +5
Views 534
Comments 0

Понимание require() в Node.js

Node.JS *
Translation

Node.js это асинхронная JavaScript бибилиотека для построения серверных приложений, которые используют конвенцию CommonJS. Весь этот синтаксис, модули поначалу достаточно запутали меня. Но давайте все-таки попытаемся разобраться.

В этой статье будет использоваться Node.js v0.5.8-pre. Поехали!

Читать дальше →
Total votes 22: ↑11 and ↓11 0
Views 54K
Comments 10

Директивы в Angularjs для начинающих. Часть 2

Website development *JavaScript *Angular *
Tutorial
На мой взгляд, директивы являются основной изюминкой декларативного стиля Angularjs. Однако, если открыть комментарии пользователей в разделе официальной документации Angularjs, посвященной директивам, то вы увидите, что самый популярный из них: «Пожалуйста, перепишите документацию, сделайте ее более доступной и структурированной. Начинающему разработчику на Angularjs сложно в ней разобраться» («Please rewrite a clearer well structured documentation of directives., this is not friendly to first time angular developers»). С этим трудно не согласится, документация пока еще сыровата и в некоторых моментах приходится прилагать большие усилия, чтобы разобраться в логике и сути функционала. Поэтому я предлагаю вам свой вольный пересказ данной главы в надежде, что кому-то это позволит сэкономить время, а так же рассчитываю на вашу поддержку и участие в комментариях. Итак, поехали!
Часть 1
Читать дальше →
Total votes 33: ↑33 and ↓0 +33
Views 116K
Comments 21

Треугольно-оквадраченный релиз AngularJS 1.1.5. Что нового?

Website development *JavaScript *Angular *
Вчера разработчики выкатили новую (пока еще не стабильную) версию. Основные изменения:

$animator:
добавлена поддержка пользовательских событий анимации [щелк]
добавлена возможность глобально отключать и включать анимацию [щелк]

$http:
добавлена возможность прервать запрос при выполнении обещания (объекта promise) [щелк]
добавлен заголовок по умолчанию для PATCH запросов
добавлена поддержка таймаута для JSONP запросов

$parse: добавлена поддержка тернарного оператора (exp1? exp2: exp3)
Читать дальше →
Total votes 8: ↑7 and ↓1 +6
Views 6.5K
Comments 5

Несколько полезных приемов в AngularJS для начинающих

JavaScript *Programming *Angular *
Sandbox
При создании приложений на AngularJS у начинающего разработчика возникает много вопросов, особенно в том случае, если до определенного времени он использовал библиотеки сходные с jQuery или Prototype. В данном посте хотелось бы поделиться некоторыми приемами, которые будут полезны начинающим AngularJS разработчикам.

Загрузка приложения и менеджер состояний


До момента загрузки самого фрэймворка, его зависимостей и отработки всех запросов в бэкграунде приложение может выглядеть весьма удручающе. И даже ng-cloak не сможет помочь в большинстве случаев. Обычно для таких целей используют div имеющий больший z-index чем основной контент сайта и перекрывающий его до загрузки всех компонентов и состояний. Он может выглядеть так:

<div class="loader" ng-show="loader"><div class="loader-content">Loading...</div></div>

Читать дальше →
Total votes 34: ↑31 and ↓3 +28
Views 51K
Comments 32

WidLib – декларативный js-фреймворк для построения виджетов

JavaScript *Node.JS *
Сегодня я хотел бы анонсировать js-фреймворк, позволяющий создавать диалоговые микро-приложения в несколько строк js-кода, разделяемого между клиентом и сервером.

К сожалению, у автора проекта не хватило мужества довести его до ума. Простите.



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

В отличие от большинства фреймворков, WidLib не претендует на универсальность: он предназначен для быстрого создания многостраничных диалоговых приложений.
Читать дальше →
Total votes 52: ↑50 and ↓2 +48
Views 16K
Comments 9

Первые шаги к вселенной MeteorJS

JavaScript *Node.JS *Meteor.JS *
Sandbox


Если вы интересуетесь клиентским программированием, то как и я, вероятно, могли слышать о Meteor, уже не новом веб-фреймворке, который относится к набирающим популярность, так называемым «фулл-стек» фреймворкам. О нем уже писали на Хабре, чтобы не дублировать информацию, можно почитать здесь или тут. Я довольно давно слышал о метеоре, но все никак не решался его пощупать. И вот, пришли очередные выходные, и я снова наткнулся на него. В этот раз я решил честно попробовать, что это такое. Может быть, этот пост даст кому-то небольшой толчок к началу изучения или хотя бы знакомства с этим инструментом. Тогда это было бы не зря.
Disclaimer: может вызвать зависимость.
Давайте же сделаем первые шаги к освоению meteorjs, добро пожаловать под кат.
Читать дальше →
Total votes 37: ↑32 and ↓5 +27
Views 47K
Comments 32

Будущее JavaScript MVC фреймворков

JavaScript *
Translation

Представляем Om




Нам, в нашем ClojureScript-углу, это было известно уже давно — все наши структуры данных неизменяемы и основаны на оригинальных коллекциях из Clojure, написанных на Java. Современные JavaScript движки в настоящее время достаточно оптимизированы и мы часто наблюдаем производительность этих коллекций в пределах 0.4X от JVM.

Стоп, стоп, стоп. А какое же отношение может иметь производительность неизменяемых структур данных к JavaScript MVC? — Достаточно существенное.

Возможно, объяснить это будет не очень просто, но все же я постараюсь. Дело в том, что неизменяемые структуры данных, представленные в новой библиотеке Om позволяют создавать приложения на порядок производительнее, чем на популярных JS MVC фреймворков, таких как MVC Backbone.js (без ручной оптимизации). Om построен на прекрасном фреймворке от Facebook — React. Если вы не слышали о нём раньше, рекомендую посмотреть видео с JSConf EU 2013. Интересен тот факт, что из-за неизменяемых коллекций Om может продемонстрировать результаты лучше, чем при использовании React без каких-либо модификаций.
Читать дальше →
Total votes 61: ↑43 and ↓18 +25
Views 32K
Comments 26

WinJS — opensource от Microsoft

Website development *JavaScript *
Два дня назад Microsoft представил JavaScript'овую UI-ориентированную библиотеку для кроссплатформеной разработки — WinJS, который, хоть и существует достаточно давно, но как отдельный «сет» вне привязки к Windows, был представлен только 02.04.2014.

http://dailyjs.com/2014/04/03/winjs/
http://blogs.windows.com/windows/b/buildingapps/archive/2014/04/02/extending-platform-commonality-through-universal-windows-apps.aspx
https://github.com/winjs/winjs

И вот что интересно…
Читать дальше →
Total votes 55: ↑43 and ↓12 +31
Views 22K
Comments 7

ReactJS in a nutshell. Часть 1

Website development *JavaScript *
Sandbox

Добрый день, уважаемые читатели.


В последнее время на Хабре всё чаще упоминается такой замечательный фреймворк, как React.js. Я работаю с ним уже 4 месяца, поэтому решил поделиться опытом использования. Решено было сделать небольшую серию статей, которые должны стать максимально кратким полным руководством по фреймворку. Это моя первая публикация на Хабре, поэтому прошу не судить слишком строго. Моя главная задача – рассказать о подходах и практиках, второстепенная – узнать у людей, использовавших React, как они работают с ним и как они решали те или иные кейсы. Ну и, конечно, расширить сообщество фреймворка. Начало я оформил в виде небольшого конспекта-шпаргалки. А дальше только практика.

Читать дальше →
Total votes 27: ↑23 and ↓4 +19
Views 28K
Comments 32