Привет! Кто неделю ленился и не решал задачки, тому 7-й кю.

Простая задача про функции и массивы. Интересно, что у задачи практически нет условия — только код и тесты. А вам понятно, что нужно сделать? :) → https://goo.gl/DmbJaJ

Задача, где нужно отсортировать цифры в числе по убыванию → https://goo.gl/ON3FnL

И наконец задача, где надо две строки вертикально повернуть → https://goo.gl/YhrbPU

Прямо для тех, кто сейчас проходит интенсив «Базовый JavaScript»!

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

Выбирайте инструменты под задачи, не ищите лучший сферический инструмент в вакууме.

Клёвая серия статей «Плохой код» про JS. Автор рассматривает небольшие кусочки кода, которые все мы пишем, рассказывает, что в них не так, и как это починить. Там и про именование переменных, и про разделение на функции, и про всё-всё.

Первая статья → http://jsraccoon.ru/exercise-bad-code-one (остальные в этом блоге по тегу javascript)

Максим Дорофеев рассказывает про три стадии работы человека с информацией в буддизме: получение информации, её обработка, применение её на практике.

Сейчас огромный перекос в сторону получения: мы читаем статьи, сидим в соцсетях, смотрим ютюб, но совсем не успеваем обдумывать и практиковать.

Максим приводит забавную аналогию с гусеницей, у которой голова убежала вперёд, а жопка осталась на месте.

Мне это напоминает некоторых студентов: ребята проходят курс за курсом без перерывов, но не успевают прокачивать практику.

Максим говорит о разнице между концептуальным знанием, и убеждением, проверенном на собственном опыте.

В следующем проекте попробуйте последить, что вы делаете потому что слышали, что так надо, а что потому что ваш опыт говорит, что так лучше.

https://youtu.be/4kLGCNmCiVU

14-го марта откроется набор в проект «Мобилизация», который пройдёт летом в Москве. В рамках проекта есть четыре школы: менеджмент, мобильный дизайн, мобильная разработка и разработка интерфейсов (фронтенд). Если вы живёте в Москве и думаете, как провести лето, то вот :)

Я думаю, когда откроется регистрация, появятся тестовые задания. Так было в прошлом году. Даже если вы сомневаетесь в своих силах, попробуйте решить тестовые. С ними вы приобретёте немного опыта. В худшем случае вы ничего не потеряете, а в ллучшем — попадёте в школу.

Чтобы понять, что из себя представляет «Мобилизация», почитайте мои заметки во время обучения в школе:
http://bizikov.ru/tag/mobilization/

Если решите делать тестовое задание, у меня есть подробное описание дизайн-процесса работы над тестовым. Обязательно прочитайте.
http://bizikov.ru/posts/smd-test/

Пока есть две недели, советую посмотреть лекции с прошлых школ Яндекса:

Школы дизайна 2015
https://www.youtube.com/playlist?list=PLLkvpHo_HuBMU_fM4v-VS5VbUi9QuKyDR

Школа мобильного дизайна 2016
https://www.youtube.com/playlist?list=PLLkvpHo_HuBPmL0SFkxBAEaV7pvL9mMth

24-го марта в Москве пройдёт митап по БЭМ. Расскажут, как cкрестить БЭМ с реактом и как собрать БЭМ-проект на галпе. Регистрация уже открыта.

https://events.yandex.ru/events/bemup/24-march-2017/

Сегодня в топе на кодпене: куб движется по фигурам Лиссажу. Всё на канвасе, без библиотек. Потому что почему бы и нет.

→ http://codepen.io/jagarikin/pen/JWypYw

Платформер на HTML и CSS (SCSS). Такой залипон! И ни строчки JS.

http://codepen.io/nathantaylor/pen/KaLvXw/

Юля Бухвалова написала хорошую статью, как быстро повысить доступность вёрстки. Это совсем не сложно, просто используйте теги правильно.

→ https://goo.gl/gs0meD

Если вы планируете поступать в Школу разработки интерфейсов, то посмотрите лекции с прошлых потоков. Сможете оценить сложность и количество нового. Возможно, вы решите что вы всё знаете, или наоборот, что это будет слишком сложно.

Если не планируете поступать, то тоже посмотрите лекции, там хорошая подача важного материала.

Напоминаю, что приём заявок в школу заканчивается 24-го апреля. Осталось три недели. И три задачи в тестовом задании.

#yamblz_материалы
Привет! Если вы ещё не видели видеокурсы прошлого года, советуем потратить пару выходных на просмотр.

Видеокурсы «Мобилизации» 2016:
– про мобильный дизайн http://bit.ly/yamobdesign
– про разработку интерфейсов http://bit.ly/yafrontschool
– про Android-разработку http://bit.ly/yamobdev

Кстати, на https://academy.yandex.ru есть множество записей с разных мероприятий и школ. Составим для вас несколько дайджестов в ближайшие пару месяцев.

И-и-и, вакансия на вёрстку. Mail.ru, Москва. З/п правда не указана.

→ https://goo.gl/9G3X7H

Антон Шеин рассказывает студентам школы дизайна, зачем нужен БЭМ. Не с точки зрения кода, а с точки зрения процессов дизайна и разработки. Если вы всё ещё думаете, что БЭМ это про названия классов в CSS, посмотрите.

→ https://goo.gl/H2d6cr

Неожиданно в закладках браузера нашёлся проект idiomatic-css. Это текст о том, как писать CSS. Точнее, как его форматировать. Мне многое кажется очевидным и привычным. Например, писать по одному селектору в строке. Или то, как форматировать свойства с несколькими значениями, типа:

background-image:
    url('11.png'),
    url('12.png');

Но я знаю, что новичкам это не очевидно. Мне студенты, бывает, присылают код со странным форматированием или даже его отсутствием, типа такого:

background-image: url('11.png'),
                  url('12.png');
background-position: top left,
                     bottom right;

В общем-то, я и пишу CSS точь-в-точь как в этом документе, и всегда немного удивляюсь, когда вижу, что другие пишут не так :) Единственное, что настолько развесистых комментариев у меня не бывает. У меня вообще каментов в CSS очень мало. Обычно мои каменты вида «Чтобы победить такой-то баг в таком-то браузере»

→ https://goo.gl/vc1HZ6

Я сегодня экспериментирую с библиотекой для визуализации данных d3.js. В числе прочего мне нужно было рисовать шестиугольники. Готовых методов в d3 для шестиугольников не было, но зато нашлась маленькая библиотечка на 2,4кб. Она добавляет несколько символов: шестиугольники, восьмиугольники, пятиугольник, треугольники, крестики.

Читаю я эту библиотечку, и вижу: можно порефакторить. Пришлось автору пулл-реквест прислать. В результате рефакторинга вес сжатой библиотеки уменьшился на 17%.

Я кстати обычно присылаю пулл-реквесты, если пользуюсь проектом, но что-то мне в нём не так: вижу баг или не хватает фичи. Я считаю, это нормально, для этого и выкладывают исходники. В этом смысл опен сорса.

А вот пулл-реквест → https://goo.gl/o989IH

Новый пост: Открыть папку или файл из терминала. Сидите вы такой в терминале, и забурились куда-то глубоко в папку
~/Projects/superapp/desktop.blocks/input/__control/
и вот вам надо из неё файл input__control.css открыть в редакторе. Если вы начинаете эту вкладку в проводнике нащёлкивать, то теряете время. Открыть файл из терминала можно одной командой. Какой — зависит от вашей ОС. Так что посмотрите в статье :)

→ https://goo.gl/jHQkCa

Артём Горбунов написал книгу «Типографика и вёрстка». Там он формализовал правила, которыми руководствуется в вёрстке (не в смысле разработки, а в смысле расположения элементов на странице). Я думаю, всем фронтендерам стоит понимать, как устроена композиция на странице, чтобы работать лучше. Подписка на книгу стоит 400р в первые три месяца — дорого, но книга действительно полезная.

Чтобы выпустить книгу в срок, автор выпускал главы этой книги в «Советах». Советы должны выходить регулярно, не отвертишься. Потом он со своей командой собрал советы в книгу, оформил, причесал, поменял примеры, добавил навигацию, добавил тесты в конце каждой главы. Но на самом-то деле всю эту инфу можно бесплатно в советах прочитать.

→ https://goo.gl/eFN8jo

Привет! В пятницу была pitercss_conf. Вы ходили? Я да :) Очень понравилась организация: всё было отлично спланировано, площадка уютная, в перерывах между докладами можно было поиграть на старых компах в старые игры, поучаствовать во всяких конкурсах и выиграть призы. Футболки, блокноты, зарядки-катушки для телефона... И конечно значки и наклейки.

Конференция проходила целиком на английском (все доклады, вопросы, и всё-всё-всё), и пять из восьми докладчиков не говорили по-русски. Кажется, это первая международная CSS-ориентированная конференция в России. По ощущениям было около 300 человек. Организаторам огромное спасибо. Надеюсь, в следующем году получится не менее здорово!

Доклады были интересные и даже зажигательные :) Смотрите дамп текстовой трансляции → https://goo.gl/Qf6F6y

Пожалуй, самой интересной темой доклада был проект Houdini. Про это рассказывал Патрик Кеттнер из Майкрософта, из команды Edge. Вот только мне было тяжело понимать речь Патрика: он говорил очень быстро и не всегда чётко, хорошо что слайды были с подробными примерами. Houdini — это черновик W3C о новых API, которые позволят вклиниваться в любые этапы отрисовки страниц (parsing→DOM→cascade→layout→paint→composite).

На хабре есть статья про Гудини: → https://goo.gl/MM6ubw