css-препроцессоры и js-фреймворки

[vit_1]

Пока работал в GeneGo/Thomson Reuters, мы всегда использовали свой код, покуда его проще было править, сторонились открытого кода, да и там всегда мог быть подвох по GPL (используешь свободное ПО - открывай и свой код тоже!). Но на рынке труда уже другие требования и требуется знание различнх фреймворков и препроцессоров.

Вообще, работа

Comments

[zidar]

Хочешь LESS научу?
Я его в работе постоянно использую.

LESS > Stylus

[vit_1]

Да в сети вроде много туториалов есть. Тут главное не стать себе злобным Буратиной и не писать код ради кода, потом разгребать сложнее будет.

Какими фишками LESS ты ограничиваешься?
Stylus пробовал?

Re: LESS > Stylus

[zidar]

Тут главное не стать себе злобным Буратиной и не писать код ради кода, потом разгребать сложнее будет.
Какой код ради кода? Ты о чём вообще?
Десяток строк для увязки стандартной библиотеки и своего проекта это вообще ничто.

Какими фишками LESS ты ограничиваешься?
Stylus пробовал?
Чаще всего использую переменные, вложенные селекторы, миксины. Циклов слегка не хватает, но пережить можно. Мне не нужна широчайшая функциональность, мне достаточно, чтобы всё что мне нужно, в инструменте было. LESS в этом плане вполне устраивает.

Стилус не пробовал. Еще как-то пытался перелезть на SASS/SCSS, но чего-то мне там не понравилось, вернулся на LESS.

Re: LESS > Stylus

[vit_1]

Пока ограничиваюсь клиентской компиляцией, не охота тратить время на поддержку и настройку веб-сервера и ковыряния в утилитах и bat-файлах.

>>Десяток строк для увязки стандартной библиотеки и своего проекта это вообще ничто.

Ы? Какой десяток? Мне пока и одной хватило =)

Я о том, что есть некоторые препроцессоры (для HTML) и плагины, которые в обычных технологиях заставляют изучать метаязык, при том что выигрыш сомнителен.

Пока вижу необходимость лишь в переменных, чтобы код CSS был не слишком сложный.

Если говорить об обучении, то наверное лучше так: если вдруг из туториалов что-либо будет непонятно, то спрошу. Или как ты меня хотел направить?

js-фреймворки, обзор аналогов

[vit_1]

До сегодняшнего дня я сторонился фрэймворков и предпочитал писать
только тот код, который давал мне необходимый минимальный функционал.
Теперь плюхнулся в поиск, вылил на себя ушат =)) Тысячи их...

Нашёл сравнительную табличку за 2011-й год
Мои критерии:
- простота подключения и использования
- код разрабатываемого веб-приложения должен быть как можно ближе к native CSS и HTML (XML)
- должен быть бесплатным и использоваться одной из ведущих фирм на рынке, что может предречь долгую жизнь (хотя вон Angular и Angular 2 совсем разные, и это целая задача перевести приложение с одной версии на другую - тогда вопрос: зачем это нужно, если нет возможности поддерживать самую свежую-стабильную версию фрэймворка)
- не должен конфликтовать с подключением других js-фрэймворков (это реально?)

Из выясненного Angular первой версии имеет конфликты с Django (хотя Django использовать пока не собирался).

Что на слуху ещё? backbone.js, knockout.js, prototype.js, require.js, react.js
jQuery не рассматриваю:
>>> I have been using Javascript and jQuery

фреймворки, сложность выбора

[vit_1]

Забыл ещё критерий:
- фреймворк не должен требовать изучения ещё одного языка,
соответственно быть написанным на JavaScript.

Re: фреймворки, сложность выбора

[vit_1]

>>> Нищебродский, и вероятно даже технически лучший вариант - Bootstrap 3.3.6 (LESS, в четвёртом перешли на SASS) + AngularJS + Angular UI
+ui-router. Хорошая связка.

---
Вместо громадного Bootstrap попробовать Pure.css

Re: фреймворки, сложность выбора

[vit_1]

knockoutJS это тоже библиотека, а не фреймворк, так же как и reactJS
эти библиотеки далее используются фрэймворками, например Ember.js

Документация по ES5.1

"Только ReactJS, только хардкор" (долой Angular 2 и Knockout) React 0.14.6 (можно без обвязки NPM [wiki], используется Babel для ES)

ReactJS + Backbone (мучаются)

---
>>> Node.js В отличие от большинства программ JavaScript этот фреймворк исполняется не в браузере клиента, а на стороне сервера.

Статья о CSS-фреймворках и их отличии от библиотек/web-контролов

[vit_1]

OnePage Scroll

CSS Optimizer

[vit_1]

CSSO (по наводке с презентации разработчика basis.js [сейчас в AVITO])

basis.js

[vit_1]

>>> Angular, backbone, prototype низкопроизводительны
basis.js и ExtJS рулят

Re: basis.js

[vit_1]

>>>
backbone.js - постоянно копирует поля, по событиям для каждого изменённого поля
knockout.js - создаёт слишком много массивов, замыканий и других структур
angular.js (v1.0) - dirty check (глубокое копирование и сравнение объектов)