frontend_thoughts

2021-09-08 15:43:17 Lambdatest

Интересная альтернатива BrowserStack для кроссбраузерного и кроссплатформенного тестирования. Онлайн инструмент на базе облачной Selenium Grid. Можно использовать для ручного и автоматизированного тестирования. Бесплатная версия имеет ограничения, но для небольшого проекта может быть полезной. Читать гайд

Архитектурный паттерн Dependency Injection в React-приложении

В докладе рассказывается о ключевых концепциях DI и даются примеры готовых решений для реакт приложения. Есть примеры кода с использованием библиотеки inversifyJS.
Паттерн DI не очень широко распространен в реакте, но он может дать меньшую связанность кода, простоту тестирования и переиспользования.

Описание доклада и слайды
Видео
Расшифровка

Эффективный поиск XSS-уязвимостей

Что такое XSS, чем опасны такие уязвимости, причины возникновения и основные разновидности. Автор предлагает свои варианты пейлоада (проверочной строки с кодом для встраивания).

Расшифровка доклада на Хабре
XSS Hunter Express — фреймворк для поиска XSS уязвимостей
Unleashing an Ultimate XSS Polyglot — готовые пейлоады для проверки на XSS

10 useful HTML file upload tips for web developers

Подробный гайд по загрузке файлов в браузере

Frontend-разработчик: публичное собеседование [Хекслет] (Джун)

Собеседуемый Геннадий Зинченко, проводит собеседование Игорь Камышев из Aviasales.
В первой части Геннадий рассказывал о своем опыте и задачах — важный навык, чтобы показать, какие задачи умеешь решать и что тебе интересно. Вторая часть — лайфкодинг маленького приложения на реакте.
Мне всегда интересно смотреть публичные собеседования и с позиции собеседуемого, и собеседующего. Ребята оба огромные молодцы, у них есть чему учиться.

ПРО ДЕНЬГИ в IT | В офисе

В гостях Кира Кузьменко из NewHR и GeekJob. Поговорили с Иваном Ботановым о насущном. Спойлер: у мидлов и синьоров все хорошо) Открыть/Комментировать

2021-09-08 15:42:57 Очередная порция интересных материалов, которые попадались за прошедшую неделю

#стабильности_нет Открыть/Комментировать

2021-08-26 16:11:41 Статьи

NFC приходит в web

Что умеет NFC: устройства чтения/записи, p2p сети, эмуляция карты и беспроводная зарядка.
В вебе, к сожалению, доступен только NDEF - это формат обмена данными NFC, описывающий стандартизированный способ кодирования данных в теги NFC и считывания их обратно. То есть в вебе можно только передавать данные.
И доступен он на сегодняшний день только в chrome на android.
Но технология интересная, и в будущем может стать более продвинутой альтернативой открытия страниц по QR коду.

Everything You Ever Wanted to Know About WebRTC

Обзорная статья о WebRTC с примерами использования.
WebSocket и WebRTC - технологии, с помощью которых можно передавать данные в реальном времени, делать потоковую передачу данных, торренты и подобные вещи.
В статье рассказывается об ограничениях WebSocket (в первую очередь, это небыстро), которые решает WebRTC, и приводятся примеры использования основных API:
MediaStream API - доступ к user media,
RTCPeerConnection - установка соединения, кодирование и тд, RTCDataChannel - передача данных.

Тулзы и интересные проекты

PDF.js

Простая библиотека для отображения PDF документов в браузере от Mozilla

wkhtmltopdf - простой консольный конвертер HTML → PDF

Использовала для одного из своих проектов. Из сюрпризов: отсутсвие поддержки большинства современных CSS свойств (пришлось вспоминать, как жить без флексов) и поиск костылей, чтобы сгенерить pdf-ки отдельно под десктоп и под мобилку

firstaidgit.ru

Проект Рикардо Магальяйнша в переводе HTML академии. Коллекция часто задаваемых вопросов по Git

Видео

Рассказ о синдроме самозванца на TEDx

Dona Sarkar инженер из Microsoft о том, как сбегала с выступления, начинала свой бизнес, ничего в этом не понимая и организовывала буткэмп для предпринимателей в Нигерии. Вдохновляющий доклад о том как избавиться от того-самого-синдрома.
Пара цитат:
"The way you talk to others that's how you should talk to yourself"
"Sometimes you win, sometimes you learn. Either way it's gonna be a great story"

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

Интервью Хекслета с Викой Придатко - HR-ом и основательницей своего агентства. О том, как пандемия изменила рынок, о зп разработчиков и советами от HR о прохождении собесов Открыть/Комментировать

2021-08-26 16:11:28 На этой неделе припозднилась с отчетом о прочитанном/просмотренным. Но лучше поздно, чем никогда :)

#стабильности_нет Открыть/Комментировать

2021-08-18 18:07:15 Подводя итог.
Конфликты - нормальная часть рабочего процесса. Их нет либо когда всем пофигу, либо когда они замалчиваются. А значит, есть накопленное раздражение, и рано или поздно клапан неизбежно сорвет и ничего хорошего из этого не выйдет. Открыть/Комментировать

2021-08-18 18:07:04 Как говорится, каждая несчастливая семья несчастлива по-своему. Так и конфликты бывают самые разные и методы решения у них тоже могут быть разные. В нашей истории герои выбрали бегство, а могли бы прийти к консенсусу. Нам рассказывали про 6 стратегий разрешения конфликтов. Если первая не работает, переходи ко второй и т.д. Так выберешь самую выгодную, в зависимости от ситуации.

Модели решения конфликтов:

Консенсус - все довольны

Компромисс - оба недовольны, но согласны

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

Подчинение - мне дешевле согласиться, чем спорить

Уничтожение - хирург не будет спорить с медсестрой, а просто выгонит ее из операционной

Бегство - это как не прийти на стрелку, конфликт исчерпан, вы великолепны Открыть/Комментировать

2021-08-18 18:06:49 Разработчик Вася - профессионал с большим опытом, он знает как делать надо и как не надо. Но вот с тимлидом у Васи отношения не складываются. А все потому что решения, которые тимлид просит, - мягко говоря не оптимальные. Поэтому Вася делает по-своему, как лучше, и искренне не понимает, почему на него агрятся.
Вася не знает, что тимлиду каждый раз приходится «обтекать» перед другими командами, с которыми они работают и с которыми есть свои договоренности. После какого-то времени совокупления мозгов друг другу, герои решают расстаться.

Что привело к этому? Неумение разговаривать через рот.
Что можно было сделать? Спокойно и без эмоций обсудить ситуацию. Разобрать конфликт, как луковичку, и докопаться до сути, ядра.

А суть тут вот в чем. Этот конфликт живет сразу на нескольких уровнях коммуникации:
⠀
Рациональный - Васины решения тормозят работу команды, хотя они могли быть оптимальными в других условиях. Но Вася об этом не знает
Социально- структурный - Вася не подчиняется указаниям тимлида и расшатывает статус кво
Эмоциональный - тимлида раздражает поведение Васи, он не чувствует уважения к себе, а Вася слышит только «я начальник, ты дурак»

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

Что можно было бы спросить друг у друга:
⠀
Чего именно ты хочешь и почему для тебя это важно?
Какое решение, приемлемое для обоих, ты можешь предложить?
Что нужно сделать, чтобы конфликт считался исчерпанным и как те представляешь дальнейшее общение, если подобная проблема возникнет?
Что произойдет, как ты думаешь, если решение X будет/не будет принято? Открыть/Комментировать

2021-08-18 18:06:32 Конфликты в команде
⠀
Ходила на тренинг по анализу и разрешению конфликтов. Решила вот оформить основные мысли в пост (в моем вольном пересказе).
⠀
Заранее хочу от себя сказать, что все, о чем рассказываю, не относится к ситуациям с интригами, подковерными играми и историями про «кровную месть». Все это применимо, когда все участники адекватны и профессиональны и хотят прийти к решению.
⠀
Во-первых, что такое конфликт? Поговорить на повышенных тонах - это еще не конфликт. Иметь разные мнения по одному вопросу - тоже. Конфликт - это ситуация (обычно длительная), когда нужно прийти к общему решению, но стороны не могут договориться, к какому.

Продолжение Открыть/Комментировать

2021-08-16 19:38:01 Статьи

Using Redis with Node.js
Отличная статья для знакомства с редиской. Начало работы с node-redis, поддерживаемые структуры данных, операции и примеры использования с кодом.

HTTP/3 Основные концепции
Первая часть цикла из 3х статей на Smashing Magazine.
Рассказывается, зачем понадобился новый протокол после HTTP/2, поддерживающим мультиплексирование, к которому еще толком не успели привыкнуть.
Объясняется, что разница не столько в HTTP, сколько в TCP. Именно для решения проблем, связанных с TCP, его решили заменить новым протоколом - QUIC. QUIC работает поверх UDP, а HTTP/3 работает поверх QUIC.
Так что HTTP/3 на самом деле - это HTTP/2 c QUIC под капотом.

Интересные проекты и инструменты

The Odin Project
Опенсорс проект для обучения программированию.
Подходит начинающим для самостоятельного обучения. В плюс к мотивации - комьюнити вокруг проекта.
Сейчас доступно 3 курса: Foundations, Full Stack Ruby on Rails, Full Stack JS.
Курсы включают теоретические главы + доп материалы по основным темам и идеи для пет проектов по этим темам.

JavaScript Algorithms and Data Structures
Репозиторий с примерами алгоритмов на JS.
Темы разбиты по уровням (Beginner, Advanced), по каждой теме свой README с теорией и полезными ссылками.

Node.js version manger n
Node.js version manger, более "легковесный" аналог nvm.
Отличия: n - node модуль (так что сначала надо установить ноду, как ни иронично), nvm - bash скрипт.
Есть разница в работе с глобальными пакетами, но в целом делают одно и то же. Подробнее.
Если верить npm trends, n опережает nvm по числу установок.
Давно про него слышала, но руки дошли попробовать только сейчас.

jsonplaceholder
Это готовое фейковое REST API для прототипирования и тестирования.
Наподобие плейсхолдеров для изображений вроде https://placeholder.com/.
Доступно 6 ресурсов, с ними можно делать CRUD операции.
Можно сделать свой собственный JSON сервер (со своими данными) на гитхабе (бета).
Must have для пет проектов.

Not a Real DB
Еще один инструмент для прототипирования.
Фейковая база данных для ноды. Позволяет сэмулировать общение с БД на сервере.

Про жизнь

Хватит клепать псевдопрограммистов, или «Горшочек — не в IT!
Статья от ДомКлик о проблемах онлайн-курсов и с призывом с умом относиться к процессу обучения и не забывать, что все зависит только от тебя самого.

Видео на канале Немчинского об увольнении сотрудников Xsolla
Мнение по теме, от которой в последнее время у многих не просто так пригорело.

#стабильности_нет Открыть/Комментировать

2021-08-16 19:35:31 Я не сливаюсь и вторую неделю продолжаю делиться прочитанным и посмотренным)

На этой неделе статей получилось меньше, зато удалось выкроить время на пет проект, так что вспомнилось несколько полезных инструментов, которые тоже добавила в подборку. Еще сходила на тренинг по анализу и решению конфликтов в команде, выпишу в пост основные мысли. Stay tuned :)

#стабильности_нет Открыть/Комментировать