Все говорят code-split, lazy-load, SSR... всё это чтобы показать тривиальную страничку. А у нас бандлы меньше 100КБ… twitter.com/i/web/status/1…

Server Side Rendering применяется для двух целей:

Технологии, помогающие скрыть некомпетентность разработчиков:

В мире SEO есть два главных заблуждения:

Чтобы исключить неожиданности и упростить отладку хорошей практикой является идентичность кода исполняющегося на пр… twitter.com/i/web/status/1…

Человек ленив. Между сложным правильным путём и лёгким неправильным он с большей вероятностью выберет неправильный.… twitter.com/i/web/status/1…

Человек не идиот. Если делать продукт для идиотов - только идиоты им и смогут пользоваться. Не стоит тратить время… twitter.com/i/web/status/1…

Если не видно разницы, то незачем делать больше. Такие оптимизации можно производить без спроса. Если же человек мо… twitter.com/i/web/status/1…

Вместе люди способны на большее. Одно общее решение лучше, множества конкурирующих. А кооперация людей с разносторо… twitter.com/i/web/status/1…

В каждой области может быть только один ответственный. Если формально ответственны несколько, то фактически не отве… twitter.com/i/web/status/1…

Предлагая каждому участнику решение множества проблем совершенно бесплатно, сообщество в праве ожидать от него хотя… twitter.com/i/web/status/1…

У каждой проблемы есть не всегда очевидная первопричина. Найдя её, стоит придумать такое решение, которое полностью… twitter.com/i/web/status/1…

Если проблема не может быть решена полностью, стоит выбрать такое решение, чтобы та же ситуация уже не была проблем… twitter.com/i/web/status/1…

При выборе решения стоит рассматривать наихудший сценарий развития событий и выбрать наилучшее решение для этого сл… twitter.com/i/web/status/1…

Между высокоуровневой простотой использования и низкоуровневой гибкостью... лучше не выбирать, а строить удобные аб… twitter.com/i/web/status/1…

Даже минимальная наценка помноженная на многие списания выливается в существенную сумму, которая может оказать фата… twitter.com/i/web/status/1…

Если от чего-то допустимо отказаться в некоторых случаях, то стоит отказаться и в остальных. Незачем тратить ресурс… twitter.com/i/web/status/1…

Минимизация:

Минимизация:

• сложно поддерживать сворованный код
• уменьшение сжатого бандла максимум на 25%

Для 10МБ 25% - это… twitter.com/i/web/status/1…

PascalCase:
* Традиционно для имён классов.
* МНого нажатий шифта вовремя.
* СлипшиесяСловаТрудноЧитать.
* Непонятк… twitter.com/i/web/status/1…

camelCase:
* Традиционно для имён переменных и полей
* Много нажатий шифтаВОвремя
* слипшиесяСловаТрудноЧитать
* Не… twitter.com/i/web/status/1…

kebab-case:
* Традиционно для имён в html, css, а также в именах файлов
* Редакторы не считают эти имена единым име… twitter.com/i/web/status/1…

snake_case:
* Традиционно в "олдскульных" языках (C, C++, Rust, Erlang, OCaml) и языках с упором на читаемость (Rub… twitter.com/i/web/status/1…

multiple cases:
* Разное именование одной сущности в разных местах
* Везде необходимы конвертации между стилями нап… twitter.com/i/web/status/1…

Суровая правда о совместном использовании библиотек из CDN:
* Каждый сайт всё-равно грузит свою версию библиотеки.… twitter.com/i/web/status/1…

Слушайте что человек говорит. А не оценивайте как он это делает или что он из себя представляет. Пустить пыль в гла… twitter.com/i/web/status/1…

Сейчас популярна тема "микрофронтендов". И ладно бы для этого использовался $mol или Svelte. Но их пилят на чём при… twitter.com/i/web/status/1…

Версионирование библиотек:
* Хрен загрузишь несколько версий одной либы, когда надо
* Когда не надо они так и норов… twitter.com/i/web/status/1…

Типичный фронтендер:
* мыслит трендами
* катается на хайптрейне
* боится изучать что-то новое (а вдруг не пригодитс… twitter.com/i/web/status/1…

Разработчики обычно сидят в уютных офисах за 8-ядерными машинками с 16гб оперативки подключёнными к гигабитному опт… twitter.com/i/web/status/1…

Микрофронтенды - это когда используемая технология настолько не эффективна, что для разработки одного приложения од… twitter.com/i/web/status/1…

Виды фронтендеров:

Наследование и композиция - два перпендикулярных понятия. И принцип подстановки Лисков - хороший индикатор, чтобы и… twitter.com/i/web/status/1…

Когда решаются действительно важные архитектурные вопросы, то зачастую всем пофиг. Но самые жаркие дискуссии вспыхи… twitter.com/i/web/status/1…

Часто разработчики думают лишь о 80% случаев использования, когда всё хорошо. Совершенно забывая, что оставшиеся 20… twitter.com/i/web/status/1…

Где успешные и плетежеспособные люди могут встретить плохой интернет:

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

Critical CSS - это когда ты накопипастил столько одинаковых стилей, что вырезание всего, что не нужно для первого э… twitter.com/i/web/status/1…

А давайте устроим челлендж: включаем на своих девайсах "Slow 3G" и идём спрашиваем "бизнес" приемлемо работает прил… twitter.com/i/web/status/1…

Все слышали "преждевременная оптимизация - зло".
Многие поняли как "оптимизация - зло".
Мало кто знает: автор этих… twitter.com/i/web/status/1…

Всем привет,

Я Сергей (@_sergeikriger) - фронтенд разработчик из Германии и большой фанат доступного веба. По при… twitter.com/i/web/status/1…

Просмотрел посты на канале за этот год - ребята жгут, конечно. Ощущение, что ошибся дверью. Хардкора на канале было… twitter.com/i/web/status/1…

Я не считаю себя супер разработчиком, но за те 5 лет, что я работаю в индустрии, накопился кое-какой опыт, которым… twitter.com/i/web/status/1…

Писать буду не очень много, потому что, во-первых, "кр. сестр. тлнт", а во-вторых, все давно сказано, чего повторят… twitter.com/i/web/status/1…

Вот список тем на неделю:

Сегодня говорим про доступность.

На этом канале какое-то время назад @ta_fokina очень здорово разобрала эту тему.… twitter.com/i/web/status/1…

Доступность - это не фича, которую можно либо иметь, либо нет. Доступность - это естественное состояние сайта, когд… twitter.com/i/web/status/1…

Доступность не должна быть бездумной - если Drag-end-Drop компоненты не доступны для незрячих по своей сути, найдит… twitter.com/i/web/status/1…

Бизнес пока не готов активно двигаться в сторону доступности и это понятно - этой темы никогда не было на виду и ту… twitter.com/i/web/status/1…

Я лично был свидетелем того, как несколько разработчиков ушли из компании, когда клиент попросил седлать большой и… twitter.com/i/web/status/1…

Доступность - это часть профессии как JavaScript, React, flexbox, grid и еще тысяча вещей. Доступность надо учить,… twitter.com/i/web/status/1…

Чтобы по настоящему понять важность доступного веба, пообщайтесь с людьми с разными ограничениями, посмотрите как о… twitter.com/i/web/status/1…

Если не можете лично пообщаться с людьми с ограничениями, есть несколько ресурсов на эту тему. Важно быть в теме, к… twitter.com/i/web/status/1…

Youtube канал с миллионными просмотрами от слепого блоггера Molly Burke. Девица просто жжет!
.
.
.
youtube.com/user/MollyBurk…

Тифлострим на канале tiflo.info - передача про незрячих и не только. Посмотреть на мир со стороны не з… twitter.com/i/web/status/1…

Истории незрячих людей на канале @aliya_nurullina "Типичный незрячий". Много историй на разные темы, включая интерн… twitter.com/i/web/status/1…

Вместо заучивания известных паттернов доступных интерфейсов, попробуйте поставить себя на место людей с ограничения… twitter.com/i/web/status/1…

Есть мнение, что доступность нужно уметь "продать" бизнесу, чтобы получить на это бюджет.

Нет!

Доступность это ча… twitter.com/i/web/status/1…

Вы (не начальник) должны быть инициатором доступной верстки. Вас наняли как специалиста, у вас экспертиза и нет нео… twitter.com/i/web/status/1…

На первых порах доступность занимает какое-то время. Научитесь верстать доступные интерфейсы быстро и у бизнеса не… twitter.com/i/web/status/1…

При оценке времени на разработку включайте туда время на доступность по умолчанию и умейте аргументированно объясни… twitter.com/i/web/status/1…

Отвечать буду на только на конструктивные комменты, весь треш будет вежливо игнорироваться.

Если хотите что-то спр… twitter.com/i/web/status/1…

Думаю все слышали про TDD. А кто-то так и живёт. Что вы делаете, когда написанный тест изначально зелёный? pic.twitter.com/AXXenw0xIr

Кто угадает, что значит красная горизонтальная черта? pic.twitter.com/EDhJAuTPsi

Системное тестирование (всей системы в сборе):

Модульные(единица кода) тесты:

Чтобы модульные тесты были полны - нужно ещё хотя бы проверить их интеграцию друг с другом, что кратно увеличивает… twitter.com/i/web/status/1…

Компонентные (единица поведения) тесты:

Забыл добавить:

Правильный TDD - и не TDD вовсе. pic.twitter.com/7x2OZrNMTt

В погоне за оптимизациями, важно всё время задаваться вопросом: стоит ли очередной маленький шажок к идеалу усложне… twitter.com/i/web/status/1…

Компонентные тесты так же известны под названием "социальные модульные тесты", что звучит так же глупо как "социаль… twitter.com/i/web/status/1…

Чем меньше вы мокаете, тем больше уверенности в работоспособности. Однако, нестабильные API (такие как, например, р… twitter.com/i/web/status/1…

В каком коде больше инкапсуляции?

class Twitter {
constructor( private butt : Butt ) {}
tweet() { this.bu… twitter.com/i/web/status/1…

Изоляция - предотвращение доступа извне.
Инкапсуляция - привязка данным к функциям их обработки.
Абстракция - незав… twitter.com/i/web/status/1…

Простая задачка на JS. Пользователь приложению даёт длины сторон треугольника, а оно возвращает true или false в за… twitter.com/i/web/status/1…

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

Тестирование же чёрного - може… twitter.com/i/web/status/1…

Для простоты давайте положим, что у нас тайпскрипт, который не пускает на вход совсем уж треш.

Исполнение тестов в том же порядке, в котором собирается код в бандл, позволяет довольно точно локализовывать пробл… twitter.com/i/web/status/1…

Замерил у нас время исполнения компонентных тестов. 4мс на тест в среднем.
Для сравнения, ангуляровский TestBed тол… twitter.com/i/web/status/1…

Для реализации с минимумом ветвлений у меня получилось, что надо минимум 11 тестов.
У кого больше? pic.twitter.com/K5Aq4dStMb

Благодаря сортировке мы избавились от комбинаторного взрыва тесткейсов, так что достаточно проверить первый парамет… twitter.com/i/web/status/1…

Каждый класс эквивалентности даёт по 2 граничных условия:

-∞
0

δ
a + b - δ

a + b
+∞

Плюс NaN конечно же.

В классе эквивалентности "треугольник" надо проверить как вариант с true, так и с false. Итого - 11 тестов. pic.twitter.com/X9aa2lYjVf

Кодер выполняет задачу как поставили. Пробелы в ТЗ - не его проблемы.
Девелопер же выяснит все детали. Или же испол… twitter.com/i/web/status/1…

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

Пока жопу разработчику прикрывает тестировщик, не ждите от первого ответственного отношения к качеству того, что он… twitter.com/i/web/status/1…

Спустя несколько ретроспектив толковый разработчик и в тестировании разберётся и архитектуру поправит, чтобы меньше… twitter.com/i/web/status/1…

Проверяет ли тест хоть что-то, определяется не прохождением или падением теста, а тем как тест написан. Если из код… twitter.com/i/web/status/1…

Привет, сегодня говорим на темы около фронтенда.

Знать JS/CSS/HTML это must have для фронтендера, но чтобы комфорт… twitter.com/i/web/status/1…

Опережу тех, кто уже подумал "ну началооооось..." и определю диапазон сегодняшней темы - это для тех, кто только-то… twitter.com/i/web/status/1…

"Ээээ, хардкор давай, мясо с кровью, чтобы капало!.."

Сори, сегодня не про это. На сегодня тут 7,388 человек и, по… twitter.com/i/web/status/1…

Если в компании нет привычки к менторству джунов, то часто человек пришел, поднаторел чуток в своей песочнице и не… twitter.com/i/web/status/1…

Чтобы быть полезным для компании (особенно для маленькой), надо быть в меру универсалом, то есть уметь делать чуть… twitter.com/i/web/status/1…

Быстрее, дальше, глубже… Ощущение, что это не разработка, а спорт, замедлился - проиграл. Отсюда стресс, чувство… twitter.com/i/web/status/1…

Фронтенд - это индустрия со многими специализациями внутри. ЗНАТЬ ВСЕ И СРАЗУ не получится, лучше сконцентрироватьс… twitter.com/i/web/status/1…

JavaScript гуру, способный поправить интерфейс и задеплоить проект.

Верстальщик железобетонных интерфейсов со знан… twitter.com/i/web/status/1…

Дальше будет перечисление технологий/тем, которые хорошо понимать любому фронтендеру, от мидла и выше. Выбор основа… twitter.com/i/web/status/1…

Фронтендер должен...

...знать Linux на уровне навигации, работы с файлами, поиска с find и grep, а также основную… twitter.com/i/web/status/1…

Фронтендер должен...

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

S… twitter.com/i/web/status/1…

Фронтендер таки должен...

...знать Vim, ну хоть самые основы. Открыть/закрыть файл, передвигаться по документу, ск… twitter.com/i/web/status/1…

Фронтендер не должен...

...падать в обморок от слов кластер и kubernetes и хотя бы смутно понимать, что это не наз… twitter.com/i/web/status/1…

Фронтендер не обязан…

…писать на go или haskell, но должен понимать в чем разница между ними и основные области их применения.

Фронтендер должен...

...знать bash на уровне сэкономить время на печатание комманд. Если сможете прокинуть параметры, еще лучше.

Фронтендер должен...

...уметь быстро поднять проект в любом окружении. Docker в помощь.

Фронтендер должен...

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

Фронтендер должен...

...уметь проследить HTTP запрос через все сервисы и знать какие данные откуда берутся.

Фронтендер должен...

...уметь нарисовать схему системы (или ее части), в которой он работает. Без деталей, но чтоб… twitter.com/i/web/status/1…

Фронтендер просто обязан…

…читать на английском. Смогли разобраться с Redux и GraphQL, умеете обращаться с webpack… twitter.com/i/web/status/1…

Фронтендер должен…

…постоянно инвестировать в себя. Опыт показывает, что сотни потраченные на книги, курсы или пра… twitter.com/i/web/status/1…

Фронтендер должен…

…уметь настроить (ну хоть примитивно) CI/CD на проекте. Свой же код будет легче не за факапить,… twitter.com/i/web/status/1…

Парадоксально, но фронтендер не обязан…

...вести твиттер и уж точно наличие твиттера это не показатель успешности… twitter.com/i/web/status/1…

Фронтендер не обязан…

...иметь собственные opensource проекты или контрибьютить в другие. Никто не спорит, что это… twitter.com/i/web/status/1…

Продолжая предыдущий твит: можно ли быть неплохим разработчикам без участия в opensource проектах? Думаю, да.

Кажется прошлая неделя всех не хило взбударажила - люди все еще спорят в комментах.

@_jin_nin_ вы просто $molодец 👍💪

Ну что ж, думаю самые нежные уже отписались, и можно постить теперь настоящую дичь с камел_кейсом и долларами.

Человек не является джуном или сеньёром сам по себе.
Для себя я вывел следующую градацию полезности человека в реше… twitter.com/i/web/status/1…

Чем проще, изолированнее и линейнее тест, тем проще его писать, понимать и переносить. Поэтому у нас нет никаких de… twitter.com/i/web/status/1…

Почему так странно? Никто же так не делает!
Зато у нас информативные стектрейсы, по которым сразу видно какой тест… twitter.com/i/web/status/1…

В погоне за "человекопонятностью" очень легко эту человекопонятность лишь потерять.

stackoverflow.com/questions/3261…

Подра… twitter.com/i/web/status/1…

Чем проще API, тем легче его освоить и сложнее запутаться. Поэтому assertion library у нас верх минимализма.
Поздра… twitter.com/i/web/status/1…

У нас есть 2 одинаково драматичные функции, лежащие в разных файлах. Как вы думаете, для чего? pic.twitter.com/iBnXgLG503

Разгадка простая: один из этих фалов блекбоксится, что предотвращает остановку отладчика на кидаемых через него иск… twitter.com/i/web/status/1…

Также $mol_fail_hidden используется например для rethrow исключений, кидания обещаний и прочих рядовых случаях.

В… twitter.com/i/web/status/1…

Вся коммуникация у нас построена на концепции каналов. Каждое свойство - это некоторая функция, которая может высту… twitter.com/i/web/status/1…

Делегировать ввод/вывод в/из канала удобно в другие объекты, чтобы связывать их вместе. Например, давайте заперсист… twitter.com/i/web/status/1…

Обратите внимание на поле $ - это контекст окружения. Он доступен всем компонентам и наследуется через иерархию вла… twitter.com/i/web/status/1…

$mol_test сразу даёт такой контекст окружения, где все внешние и нестабильные зависимости уже замоканы. Так что мы… twitter.com/i/web/status/1…

А теперь что-то по сложнее:

Компонент - это самый обычный класс.
В свойствах с Большой буквы лежат вложенные компоненты. Снова этот $mol_mem..… twitter.com/i/web/status/1…

То же самое можно записать и куда короче.
view.tree - не более чем упрощённый синтаксис для описания классов.… twitter.com/i/web/status/1…

Single Responsibility Principle - красивая концепция, оторванная от реальности. Приводит ко кратному увеличению чис… twitter.com/i/web/status/1…

Open Closed Principle - фактически говорит "никогда не делай рефакторинг". Ну да, пусть кодовая база тухнет под гнё… twitter.com/i/web/status/1…

Liskov Substitution Principle - наивно полагает, что подтип может быть подставлен вместо надтипа где угодно. И это… twitter.com/i/web/status/1…

Interface Segregation Principle - такая структурная типизация для бедных. Каждой комбинации имя+сигнатура метода да… twitter.com/i/web/status/1…

Обожаю принципы, которые каждый понимает и реализует по своему. Но у кого ни спросишь - только он знает как оно на… twitter.com/i/web/status/1…

Dependency Inversion Principle - чудесный способ всех запутать. Вот у вас использование зависимости. Казалось бы ру… twitter.com/i/web/status/1…

Если человек говорит вам, что он программирует по SOLID - попросите его снять скафандр и выйти из звездолёта. Как и… twitter.com/i/web/status/1…

Привет!

3-й день на карантине и сегодня пару слов про конференции и митапы, как важную составляющую профессиональн… twitter.com/i/web/status/1…

Какое-то время назад после одного успешного проекта на работе, понял, что есть чем поделиться с сообществом в теме… twitter.com/i/web/status/1…

Я не считаю себя уж очень хорошим докладчиком. В моем случае талант (которого нет) относительно неплохо компенсируе… twitter.com/i/web/status/1…

Если есть что рассказать, очень рекомендую выступить с докладом хотя бы раз. И опыт получите, и знаниями поделитесь… twitter.com/i/web/status/1…

Как сказал мой коллега, который сам выступал на больших конференциях, если за 15 минут до выхода на сцену тебя потр… twitter.com/i/web/status/1…

Если идёте на многофункциональную конференцию типа @RITFestRussia, очень советую не ограничиваться только фронтендо… twitter.com/i/web/status/1…

Из последних спикеров, которых я слышал, но до которых мне как до луны, это Денис Мишунов (@mishunov), Вадим Макишв… twitter.com/i/web/status/1…

Не зависимо от умения держаться на сцене и ораторских способностей, есть 2 качества, которые отличают хорошего док… twitter.com/i/web/status/1…

CDD - Conference Driven Development ©

Выступление это очень хороший стимул углубить знания и чему-то научиться. В… twitter.com/i/web/status/1…

Про Diversity на конференциях

Очень хорошо понимаю тему, но, по-моему, тут налицо подмена понятий.

Равный доступ… twitter.com/i/web/status/1…

Я ЗА diversity и это ОЧЕНЬ ЗДОРОВО, что в программе конференций могут быть представлены совершенно разные спикеры и… twitter.com/i/web/status/1…

А что, если дать возможность подаваться АБСОЛЮТНО ВСЕМ и выбирать ЛУЧШИЕ ЗАЯВКИ по качеству тем и по профессионализ… twitter.com/i/web/status/1…

Те люди, с которыми встречался на конференциях, это, наверно, самое лучшее, что со мной случилось за последний год.… twitter.com/i/web/status/1…

Небольшой тред про субтитры. Так как pitera11y_meetup про доступность, то и записи докладов тоже стараемся делать д… twitter.com/i/web/status/1…

У моего @logux_io появилась документация и сайт
logux.io

Несколько первых пользователей и статья на… twitter.com/i/web/status/1…

$mol компонент является плоским классом, а view.tree позволяет объявлять его лаконично и не теряя в наглядности иер… twitter.com/i/web/status/1…

Привет!

В очередной день "околофронтендной" недели говорим про soft skills. Тема уже довольно хорошо исследована,… twitter.com/i/web/status/1…

#1
Умение говорить "нет".

Например, простое умение отказаться от задачи, если она вне вашей компетенции.

#2
Умение оценивать работу.

Знать свои возможности уметь точно оценить время на задачу и уровень сложности. Если в… twitter.com/i/web/status/1…

#3
Умение слушать и слышать.

Не продавливать свою линию, а услышать оппонента и аргументированно либо согласиться,… twitter.com/i/web/status/1…

#4
Умение находить компромисс.

Особенно помогает, когда вводишь начинающего разработчика в проект или при парном п… twitter.com/i/web/status/1…

#5
Умение делать работу комфортной.

Если вместо недели на задачу нужно полторы (и они есть) - просите полторы. Глу… twitter.com/i/web/status/1…

#6
Умение конструктивно спорить.

Не упираться лбом и повторять одно и тоже, а найти правильные слова для конкретно… twitter.com/i/web/status/1…

#7
Умение видеть проблему целиком.

Не просто пилить свой модуль, а знать, что он делает для системы, в которой он… twitter.com/i/web/status/1…

Как не смешно, но хорошая память тоже soft skill.

Босс: С этого дня на общие собрания запрещено приносить телефоны… twitter.com/i/web/status/1…

Несколько ссылок по теме.

"Осознанное развитие и карьера" (очень интересно)
.
.
.
youtube.com/watch?v=47Ef2f…

"The state of soft skills" от @frontendweekend
.
.
.
youtube.com/watch?v=N69EeX…

"Soft Skills для интровертов" от @dark_mefody и @Neesoglasnaja
.
.
.
youtube.com/watch?v=UE9aGH…

Don't Repeat Yourself - источник многих звездолётов. Но есть с ним и менее известная проблема - независимые части с… twitter.com/i/web/status/1…

You Aren't Gonna Need It - известное прикрытие для архитектурных раздолбаев. Ща побырому сделаем, а после нас хоть… twitter.com/i/web/status/1…

Keep It Small and Simple, внезапно, единственный принцип, которым стоит руководствоваться. Потому, что всё гениальн… twitter.com/i/web/status/1…

Так что насчёт челенжа? Или как травить человека в Твиттере, так время есть, а закатать рукава и покодить пару часо… twitter.com/i/web/status/1…

Привет,

Сегодня говорим про работу в Германии - что, как, стоит ли. Сразу скажу, что в России разработчиком не раб… twitter.com/i/web/status/1…

Если есть желание посмотреть мир, пожить еще где-то и посмотреть как живут люди, с профессией разработчика это не т… twitter.com/i/web/status/1…

Есть мнение, что переезд заграницу это навсегда - уехал и с концами. А что если не "уехать", а "съездить", не "жить… twitter.com/i/web/status/1…

Если уже есть и профессия, и опыт, то уехать работать в Германию не так сложно. Есть программа Blue Card, по которо… twitter.com/i/web/status/1…

Чтобы получить Blue Card, нужно 2 вещи:

По Blue Card есть кое-какие детали, которые надо знать. Тут обсуждать нет смысла, есть много отличных ресурсов по т… twitter.com/i/web/status/1…

Make it in Germany

Все, что надо официально знать про Blue Card со ссылками на источники.
.
.
.
make-it-in-germany.com/en/visa/kinds-…

Surfin Birds

Блог об иммиграции в Германию от @igor_lkm и его супруги. Дизайн, конечно, идиотский, но контент на 5… twitter.com/i/web/status/1…

Работу можно искать в разных местах, вот мой список:

xing.com
linkedin.com… twitter.com/i/web/status/1…

Как правило процесс устройства на работу в Германии состоит из нескольких шагов (мой опыт):

Созвон с HR

Все стандартно - тех стэк, сильные стороны, языки, инструменты, дурацкие вопросы типа "вы занимаетесь… twitter.com/i/web/status/1…

Интервью по профилю

Тут все интереснее. Как правило час разговоров на технические темы: рассказать про проекты, ин… twitter.com/i/web/status/1…

Техническое задание

По результатам тех интервью присылают задачу с условиями вроде

Разговор с командой

Если прошли тест, могут пригласить в офис, поговорить с будущей командой, обсудить ваше решени… twitter.com/i/web/status/1…

Разговор с командой (продолжение)

Был случай, когда после разговора с командой мне отказали, хотя тест сдал на отл… twitter.com/i/web/status/1…

Интервью с начальником

Условия работы, контракт, планы на будущее и пр. Это и есть тот берег, на котором надо дого… twitter.com/i/web/status/1…

Контракт

В Германии считается хорошим тоном обсуждать контракт до подписания, хотя в больших корпорациях они могут… twitter.com/i/web/status/1…

Зарплата

Какую запросите, такую и дадут (в разумных пределах, конечно). Больше рыночной редко, если вы не гений, м… twitter.com/i/web/status/1…

В Германии не принято обсуждать зарплату с коллегами, а иногда это может быть и запрещено по контракту. Может запро… twitter.com/i/web/status/1…

Чего в немецких компаниях нет, так это прямого фидбэка. То есть всегда "все отлично", а потом бах и куча претензий.… twitter.com/i/web/status/1…

В Германии нет разделения на верстку и программирование. Там все фронтендеры и должны уметь и то, и это. Давно мечт… twitter.com/i/web/status/1…

Недавно наткнулся на отличный канал Senior Software Vlogger про работу в Германии и не только. Там всего больше и п… twitter.com/i/web/status/1…

На этом заканчиваю свою неделю на jsunderhood, спасибо всем, кто читал.

Буду проверять комменты до воскресенья веч… twitter.com/i/web/status/1…

Порой начитаешься этих ваших Твиттеров и думаешь: ну его нафиг этот опенсорс. А потом читаешь отзывы тех, кто взял… twitter.com/i/web/status/1…

$mol_jsx_view - Real DOM
ReactJS - Virtual DOM
$mol_view - Virtual Render

bench.hyoo.ru/app/#sample=re…

Как бы быстро н… twitter.com/i/web/status/1…

Люди, не способные думать своей головой, очень любят повторять за авторитетами и ритуализировать свою работу. Тренд… twitter.com/i/web/status/1…

Легко найти человека, способного слепить куличик из песка. Сложно найти человека, способного построить здание, чтоб… twitter.com/i/web/status/1…

Чем больше компания, тем лучше у неё коммерческая поддержка и тем хуже некоммерческая.

compare.github.hyoo.ru/#projects=eige… pic.twitter.com/HY631ACGYu

Теперь этому классу мы можем добавить стилей.
Класс компонента - это аналог БЭМ-блока.
Имя вложенного компонента -… twitter.com/i/web/status/1…

Каждый компонент - это обычный класс, а вложенные компоненты лежат в его свойствах. Это позволяет использовать рефл… twitter.com/i/web/status/1…

Ну и, собственно, вот такое не хитрое приложение у нас получилось. При этом мы не написали ни строчки HTML, CSS или… twitter.com/i/web/status/1…

Реакт:

Бандлы должны быть худыми и быстрыми. Нарезание их на кусочки лишь маскирует проблему, но не решает её.
Скажем нет… twitter.com/i/web/status/1…

Хотел было воспользоваться для типизации css-in-ts модулем csstype, но вы только гляньте какую чушь оно нагенериров… twitter.com/i/web/status/1…

Добавим логики. Наследуемся от сгенерированного класса и переопределяем свойство, возвращающее список целей, в кото… twitter.com/i/web/status/1…

В ответе от сервера может прийти любая балалайка. Поэтому давайте добавим валидацию по схеме. Заодно получим ещё и… twitter.com/i/web/status/1…

Есть два варианта реализации связываний:

* Синхронизация (React, Angular, Svelte). В процессе синхронизации состоя… twitter.com/i/web/status/1…

Какой смысл делать что-то похожее на #myUsualLib, если уже есть #myUsualLib?

Наивно полагать, то качественные изме… twitter.com/i/web/status/1…

Свелт

Ангуляр

WebCmponents - мертворождённая технология:
* Коммуникация через DOM крайне медленная
* Никакой реактивности, всё ру… twitter.com/i/web/status/1…

Работать с дураками - себе дороже. И дурака ничему не научишь, и сам деграднёшь.
Работайте лишь умными людьми - тог… twitter.com/i/web/status/1…

Примечательно, что про мою токсичность плачут в основном те, кто разливаются желчью на весь Твиттер, стоит только п… twitter.com/i/web/status/1…

Я пишу в основном про проблемы и недостатки, потому что про достоинства вам и так все уши промоют маркетинговым бул… twitter.com/i/web/status/1…

При всей мои нелюбви к jQuery, у неё был очень правильный принцип "write less, do more". В какой-то момент что-то… twitter.com/i/web/status/1…

Ладно, ребята, выдыхайте. Пришла пора выключать нейронку.

Vue:

Думаю пришла пора выкладывать карты на стол.
Эту неделю с вами был Дмитрий Карловский.
Начинал я лет в 10 с бейсика… twitter.com/i/web/status/1…

Работал и в стартапах, и на галерах, и в интерпрайзе. Как в больших проектах, состоящих из нескольких команд, так и… twitter.com/i/web/status/1…

Из фреймворков глубоко ковырял как первый так и другой Angular, ExtJS, SAPUI5, React, Knockout, RxJS, MobX и, конеч… twitter.com/i/web/status/1…

Пишу статьи о программировании вообще и фронтенде в частности. Обычно это лонгриды о необычных решениях наболевших… twitter.com/i/web/status/1…

Иногда выступаю на митапах и конференциях. Глянуть выступления можно тут: github.com/nin-jin/slides…

Сам состою в ком… twitter.com/i/web/status/1…

Из бэкенда работал с NodeJS + OrientDB. Очень понравилось. Хочу теперь свою Графовую СУБД запилить, но всё руки не… twitter.com/i/web/status/1…

Разработал формат представления иерархичных данных Tree. Он одновременно и легко читаемый, и компактный, и простой… twitter.com/i/web/status/1…

Сейчас работаю над одним амбициозным проектом. Когда кому-то говорю о нём - крутят у виска и говорят, что ничего не… twitter.com/i/web/status/1…

Если вас (или кого-то из ваших знакомых) не пугают такие задачи, то у нас открыта вакансия в Москве.

Требования пр… twitter.com/i/web/status/1…

MAM - это инфраструктура для быстрой и ненапряжной разработки библиотек и приложений.
Порядок в репозитории, миними… twitter.com/i/web/status/1…

$mol - разработанный в MAM экосистеме фронтенд фреймворк для RAD разработки WEB приложений.
Он не имеет выделенного… twitter.com/i/web/status/1…

Куча готовых виджетов уже в комплекте. Можете их просто использовать, как угодно их кастомизировать под себя, или ж… twitter.com/i/web/status/1…

Из интересного, у нас есть самая шустрая библиотека для рисования графиков $mol_chart:
bench.hyoo.ru/app/#bench=htt…
Прич… twitter.com/i/web/status/1…

Ещё у нас есть голосовое управление. Попробовать его в деле можно в приложении, через которое я показываю слайды на… twitter.com/i/web/status/1…

Есть простой редактор с подсветкой синтаксиса. Попробовать его в деле можно на странице view.tree компилятора:… twitter.com/i/web/status/1…

Из крутых фич в $mol есть виртуальный рендеринг. Прикладной программист может даже не знать про её существование, н… twitter.com/i/web/status/1…

Привет мир на разных фреймворках. Был бы тут Svelte - он бы всех уделал, конечно. pic.twitter.com/OKkwgP7Co0

Angular - прожорливый работник интерпрайза
React - шаткое нагромождение библиотек
Vue - мелкий любитель патчить обе… twitter.com/i/web/status/1…

Разумеется у нас своя система реактивности. Это типа MobX скрещенного с Saspense API, только круче. Тут не просто с… twitter.com/i/web/status/1…

Я критикую Реакт не потому, что он меня покусал в детстве. А потому, что вижу, как все ломанулись по тупиковому пут… twitter.com/i/web/status/1…

Если заинтересовались - домашняя страница $mol: github.com/eigenmethod/mol

Задать вопрос по $mol и MAM:… twitter.com/i/web/status/1…

Попробуем похожую активность, но в телеге, а то твиттер вымораживает?
Каждый день случайный подписчик становится ру… twitter.com/i/web/status/1…

$mol:

Если запрос прошёл, но связь оборвалась твиттер оставляет форму открытой. Тыкаешься как тупой в кнопку "отправить",… twitter.com/i/web/status/1…

Кстати, на тему длинных имён: github.com/eigenmethod/mo…