В прошлом году одной из интересных для меня тем было функциональное и реактивное программирование в браузере. Всё началось с рассказа Никиты Прокопова «Функциональное программирование в браузере» → https://goo.gl/p9VmCh

И просто перевернула моё сознание документация Redux, библиотеки для управления состоянием в JS. Обычно говорят что-то в роде «в нашем реакт-приложении мы используем редакс для управления состоянием», но мне кажется надо говорить «в нашем редакс-приложении мы используем реакт для отображения». Редакс не обязательно использовать вместе с реактом. Можно связать его с любой библиотекой для отображения, а можно использовать вообще без библиотек. Просто почитайте, как это работает: Redux in Russian → https://goo.gl/uKVsBt

Дэвид Гилбертсон рассказывает, какие контрольные точки он выбирает для медиавыражений. Объясняет, что 320, 768 и 1024 это странное решение. Гораздо лучше посмотреть популярные разрешения и делать брейкпойнты между ними, а не прямо по ширине ваших любимых устройств. Статья с очень наглядными картинками.

https://goo.gl/0ajoRH

Вот самая главная схема из статьи.

Читатель моего канала спросил, как работать с PostCSS. Андрей Ситник, автор PostCSS, подробно объясняет в своём докладе, для чего на самом деле нужен этот инструмент:

https://youtu.be/qhouBGNncGQ

Привет! Прнс здч. Сегодня в программе длинная арифметика и разбор выражений. Всё 4 кю.

Сложение строк как чисел. Как сложить '1' и '2', чтобы получить '3'? Числа могут быть настолько большими, что не влезут в стандартный тип Number, так что просто привести строки к числу не выйдет. → https://goo.gl/2KJZYN

Проверка скобок. Есть выражение типа [({})[]{(())}], надо проверить, правильно ли закрыты скобки. Нет ли пересечений типа ([)]. → https://goo.gl/W5QXCG

Если вы решили задачу со скобками, то вот вам поинтереснее. Нужно преобразовать выражение вида в 2+3 в выражение вида 23+. Т.е. сначала операнды, потом оператор. Ещё пример: 1*2+3 превратится в 12*3+. Почитайте про обратную польскую запись, в описании есть ссылка → https://goo.gl/Znyjn3

Людвиг рассказывает, как сделать так, чтобы было интересно. Про то, что нужно чередовать задачи. Про то, что интересно контринтуитивное. Про то, как сделать интересно другим. И как это всё работает.

https://youtu.be/CsFJzkNG5EY?t=11m40s

Сегодня в программе объекты. 6-7 кю.

В первой задаче нужно написать констурктор для шестнадцатеричных чисел new Hex(255). И добавить к нему такие методы, например, как плюс и минус: new Hex(10).plus(new Hex(5)). → https://goo.gl/Kraz64

Во второй задаче нужно дополнить все массивы методами first и last, которые возвращают первый и последний элемент массива. Умеете модифицировать стандартные объекты? → https://goo.gl/JU0i3C

А в третьей задаче нужно научиться выполнять свой код в момент записи свойства в объект и в момент получения. Например, как во время присвоения a.blabla = 1 добавить ещё какое-то свойство к a? → https://goo.gl/nx43Zj

Юлия Медведева рассказала о том, как пишет статьи для Тинькофф-журнала. Причём тут фронтенд? Формально не причём :)

Статья отлично иллюстрирует то, что значит «работа». Кажется, что Юлия просто писала текст. Но на самом деле она:
— изучила стандарты работы конкретно в этом месте (редполитику и методичку);
— написала текст;
— находила иллюстрации и делала скриншоты;
— оформила текст;
— несколько раз показывала главреду и переделывала.

Вот несколько цитат:

«Автор сам отвечает за вычитку статьи, за соблюдение правил орфографии и пунктуации, за правильные кавычки и количество пробелов между словами и знаками»
«При этом никто не платит вам ни копейки ни за придуманную тему, ни за сделанную заявку, ни даже за первый черновик. Деньги платят только за опубликованную статью.»
«Мы ещё на этапе заявки. А я уже потратила фигову тучу времени, чтобы найти материал, изучить, структурировать и оформить заявку.»
«Важно в этом то, что Максим почти никогда не говорит: „Напиши тут это, а вот тут это“. Он видит проблемы в тексте и указывает на них. Найти решение — задача автора. И если ты не можешь, то давай, до свидания.»

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

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

https://goo.gl/EQmz9n

Привет! Кто неделю ленился и не решал задачки, тому 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 есть множество записей с разных мероприятий и школ. Составим для вас несколько дайджестов в ближайшие пару месяцев.