#Education

##Читаем умное, полезное и интересное

Как работать со статистикой производительности индексов в Postgres:

• https://www.compose.io/articles/simple-index-checking-for-postgres/

Чувак рассказывает, как с помощью js он создавал простой DSL для работы с JSONb в Postgres:

• http://rob.conery.io/2015/08/20/designing-a-postgresql-document-api/ http://rob.conery.io/2015/08/21/postgresql-document-api-part-2-full-text-search-and-bulk-save/ http://rob.conery.io/2015/08/25/postgresql-document-api-part-3-finding-things/ http://rob.conery.io/2015/09/01/postgresql-document-api-part-4-complex-queries/

P.S. не уверен, что это будет работать быстро, но выглядит интересно.

На закуску пару веселостей:

а) Либа для оффлайн-приложений в браузере (помните devdocs.io ?) -

• https://github.com/TalAter/UpUp

б) PostCSS плагин для стилей на ТАТАРСКОМ! -

• https://github.com/azat-io/postcss-tatar-stylesheets

в) Большой RC React.js -

• facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html

интересное выступление о том, как заюзать es6 в рельсовом проекте

• https://www.youtube.com/watch?v=Ayj1kgQNhAg

Сборник отличных статей по фичам es6:

• http://ponyfoo.com/articles/tagged/es6-in-depth постоянно дополняется

Статья о том, что NULL/nil не нужны:

• https://www.lucidchart.com/techblog/2015/08/31/the-worst-mistake-of-computer-science/,

TL;DR юзайте

• https://github.com/rap1ds/ruby-possibly

в руби и

• https://www.npmjs.com/package/maybe в JS

Как правильно выходить из Ruby приложений:

• http://blog.honeybadger.io/how-to-exit-a-ruby-program/

Про scopes и class methods:

• http://www.justinweiss.com/blog/2015/09/01/should-you-use-scopes-or-class-methods/

How to Preload Rails Scopes:

• http://www.justinweiss.com/blog/2015/06/23/how-to-preload-rails-scopes/

Зачем нужен freeze:

• http://blog.honeybadger.io/when-to-use-freeze-and-frozen-in-ruby/

React dev tools теперь поддерживает ff:

• http://facebook.github.io/react/blog/2015/09/02/new-react-developer-tools.html

Декоратор для css modules в react (поддерживает browserify + решает пару проблем с webpack):

• https://github.com/gajus/react-css-modules

[авг.-27 16:32] Vasiliy Polovnev: привет. последняя ссылочка от меня. Сенди Метц о тех случаях, когда копипаста лучше неправильной абстракции

• http://us3.campaign-archive2.com/?u=1090565ccff48ac602d0a84b4&id=92902a19e4&e=49062c84a7

чуть больше деталей о css-модулях

• http://glenmaddern.com/articles/css-modules

отличное введение в флоаты и их правила

• http://bitsofco.de/2015/how-floating-works/

введение в flexbox, где рассказывают основную идею flexbox'ов: нить

• http://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox

о боингах и будущем веба

• http://idlewords.com/talks/web_design_first_100_years.htm

JSX как эволюция веба

• https://medium.com/@housecor/react-s-jsx-the-other-side-of-the-coin-2ace7ab62b98

bind для самых маленьких

• https://medium.com/@dave_lunny/bind-for-dummies-5d1a750725b8

сравнение библиотек, реализующих FLUX

• https://github.com/voronianski/flux-comparison

Введение на основе библиотеки reflux.js

• https://ochronus.com/react-reflux-example/

коллекция микро-оптимизаций в Руби: gsub vs tr, call vs yield, shuffle.first vs sampe, ...

• https://github.com/JuanitoFatas/fast-ruby

Это та штука, про которую спрашивают (react.js - это вьюхи, но что тогда использовать в качестве моделей и контроллеров?) Введение на основе библиотеки reflux.js

• https://ochronus.com/react-reflux-example/

babel будет как postcss для css

• babel/babel#2168

let и const в ES6

• https://hacks.mozilla.org/2015/07/es6-in-depth-let-and-const/

как пацаны из фейсбука ужимали картинки до 200 байт

• https://code.facebook.com/posts/991252547593574

CSS styleguide от ребят из Trello

• https://gist.github.com/bobbygrace/9e961e8982f42eb91b80

как должен выглядеть CSS code review

• https://css-tricks.com/what-a-css-code-review-might-look-like/

Material Design Lite

• https://medium.com/google-developers/introducing-material-design-lite-3ce67098c031

case в Руби работает на ===, как и с чем это можно использовать

• http://blog.honeybadger.io/rubys-case-statement-advanced-techniques/

Пол Айриш анализирует производительность и время загрузки мобильного сайта реддита

• https://github.com/reddit/reddit-mobile/issues/247

React+Coffee : можно писать сразу на coffee+jsx:

• https://github.com/shkshk/the-formula/blob/master/app/javascripts/views/params/input.cjsx

в react-rails не очень:

• https://github.com/reactjs/react-rails#coffeescript

введение в реакт для тех, кто знает только jquery. пожалуй, лучший туториал, чтобы разобраться в Реакте сходу

• http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/

годный чеклист по ревью PR'ов

• http://kevinlondon.com/2015/05/05/code-review-best-practices.html

что стало проще в Реакте с использованием es6 (babel)

• http://babeljs.io/blog/2015/06/07/react-on-es6-plus/

еще 12 фактов о CSS, которых никто не знает

• http://www.sitepoint.com/12-little-known-css-facts-the-sequel/

как правильно произносить некоторые ИТ термины на английском

• https://ro-che.info/english

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

• http://mattbriggs.net/blog/2015/06/01/the-role-of-a-senior-developer/

все те же дебаты за CSS в JS со стороны фанатов CSS

• https://css-tricks.com/the-debate-around-do-we-even-need-css-anymore/

клевый трюк для прелоадинга скоупов

• http://www.justinweiss.com/blog/2015/06/23/how-to-preload-rails-scopes/

помните статью про "End of global CSS"? чуваки запилили "спецификацию", css-modules со нужными лоадерами в вебпаке/браузерифай/jspm

• http://glenmaddern.com/articles/interoperable-css

о текущем состоянии Веб Компонентов : все плохо, медленно, вендоры — петушки

• https://hacks.mozilla.org/2015/06/the-state-of-web-components/

что не так с Floating Action Button в Material Design

• https://medium.com/tech-in-asia/material-design-why-the-floating-action-button-is-bad-ux-design-acd5...

введение в css counters

• http://www.sitepoint.com/understanding-css-counters-and-their-use-cases

80% того, что надо знать об оптимизации фронтенда

• https://jonsuh.com/blog/need-for-speed-2/

как отменять действия в гите

• https://github.com/blog/2019-how-to-undo-almost-anything-with-git

туда же: как отменить форс-пуш

• http://tonyganch.com/git/reset/

Rогда надо использовать Time, а когда DateTime. DateTime — на помойку

• https://gist.github.com/pixeltrix/e2298822dd89d854444b

как упрощать связанные запросы в AR с Relation#merge

• http://aokolish.me/blog/2015/05/26/how-to-simplify-active-record-scopes-that-reference-other-tables

о том, что git commit -m “unfuck this” — норм

• http://zachholman.com/posts/git-commit-history/

Конспект курса Ильи Бирмана «Пользовательский интерфейс и представление информации»

• https://medium.com/design-pub/конспект-курса-ильи-бирмана-пользовательский-интерфейс-и-представление-информации-часть-1-816045f02b3e

как считается вес селекторов в CSS. tl;dr; #id — 100, .class — 10, a, :visited — 1

• http://sixrevisions.com/css/css-specificity/

советы от оооооочень крутых верстальщиков на тему правильного использования БЭМа

• http://www.sitepoint.com/working-bem-scale-advice-top-developers/

почему стоит отказаться от JSX в реакт компонентах, если пишешь их на Coffeescript

• https://slack-files.com/T024L9M0Y-F02HP4JM3-80d714

How we write React. React best practices

• https://github.com/planningcenter/react-patterns

пацанам-рубистам-тестистам

• http://www.justinweiss.com/blog/2015/05/04/how-much-testing-is-too-much/

A pragmatic guide to Backbone.js apps. Куча паттернов и антипаттернов по сборке больших приложений на бекбоне

• http://pragmatic-backbone.com/

подробнейший FAQ по прототипному наследованию в JS

https://medium.com/javascript-scene/common-misconceptions-about-inheritance-in-javascript-d5d9bab29b0a

люблю такие истории, как масштабируется и растет бизнес

• https://medium.com/@Elementaree/от-стартапа-к-бизнесу-от-хаоса-к-зарождению-системы-полгода-изменений-в-elementaree-c5fdbdb20c85

всем ясно, что будущее в CSS/HTML за компонентами. Tут Симурай рассказывает о том, как лучше вкладывать компоненты в компоненты, если от этого меняется их поведение

• http://simurai.com/blog/2015/05/11/nesting-components/

свежачок от дяди Боба, про остохеревшие уже микросервисы

• http://martinfowler.com/bliki/MicroservicePremium.html

layout-float

• http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/
• http://softwaremaniacs.org/blog/category/primer/

О text-indent: 9999;

• http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/
• http://softwaremaniacs.org/blog/category/primer/

самое простое и практичное введение в флекбоксы, что я видел

• http://davidwalsh.name/flexbox-dice

о и проблемах производительности встраиваемых элементов

• http://benfrain.com/we-need-a-better-button-its-too-slow-and-wont-behave/

про _this, that, me в JS

• https://gist.github.com/subzey/8115612

о постпроцессорах и дебильном состоянии препроцессоров

• https://blog.colepeters.com/on-writing-real-css-again/

о том, почему в CSS так часто бывают магические числа. software cannot take into account the way humans perceive shape, colour, and size

• https://medium.com/@lukejonesme/optical-adjustment-b55492a1165c

помните статью про nesting? есть ответ от чувака, угаревшего по веб-компонентам, там он увязывает все это с open/closed принципом из программирования, и поясняет по хардкору, что лучше в свете компонентного будущего

• http://philipwalton.com/articles/extending-styles/

Rails Conf 2015

• http://www.youtube.com/watch?v=29MAL8pJImQ

три закона критики от Ильяхова

• http://maximilyahov.ru/blog/?go=all/tri-zakona-kritiki/

про презентеры и form objects в пятых рельсах: возможно, вам не это нужно

• http://nicksda.apotomo.de/2015/05/on-rails5-presenters-and-form-objects/

semicolons, ; в JS — опциональны

• http://mislav.uniqpath.com/2010/05/semicolons/

в будущем дизайнеры будут не по пикселям рисовать сайты, а просто определять расположение компонентов относительно друг друга

• https://medium.com/@joshpuckett/modern-design-tools-adaptive-layouts-e236070856e3

миксин / экстенд когда и что

• http://csswizardry.com/2014/11/when-to-use-extend-when-to-use-a-mixin/