For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Чем currentColor отличается от кастомных свойств? Майк Райтмюллер о неочевидной разнице в их поведении → https://www.madebymike.com.au/writing/currentcolor-and-custom-properties/
TypeScript: The Definitive Guide, бесплатная цифровая книга по Тайпскрипту на русском языке → https://nauchikus.gitlab.io/typescript-definitive-guide/
Чатра (chatra.io), современный чат для сайтов, ищет JavaScript-разработчика. Фултайм, удалёнка, $3000–$4000 на руки. Подробности → https://gist.github.com/wilddeer/c9688cacf77b0df47731958de9b2852f
This media is not supported in your browser
VIEW IN TELEGRAM
janeway, альтернативный REPL для Node.js с возможностью интерактивного просмотра содержимого объектов → https://github.com/skerit/janeway
Два поля для ввода адреса останавливают в раздумьях 30% пользователей. Чтобы не смущать их, используйте для адреса textarea → https://uxmovement.com/forms/why-you-should-use-a-text-area-for-address-form-fields/
По пути к QUIC: что лежит в основе HTTP/3? Подробный обзор преимуществ и проблем поддержки нового протокола, который заменит HTTP/2, в переводе на Хабре → https://habr.com/p/430436
Чем различаются и для чего применяются веб-воркеры, сервис-воркеры и ворклеты, иллюстрированный обзор Ире Адеринокун → https://bitsofco.de/web-workers-vs-service-workers-vs-worklets/
Зачем браузеры загружают таблицы стилей с недействительными медиавыражениями? Объяснение Томаса Штайнера → https://blog.tomayac.com/2018/11/08/why-browsers-download-stylesheets-with-non-matching-media-queries-180513
React → Phoenix = Profit

Как инженеры thoughtbot минимизировали количество клиентского кода, упростили тестирование и привлекли больше контрибьюторов в проект, отказавшись от Реакта в пользу классического подхода к рендерингу шаблонов на сервере → https://robots.thoughtbot.com/how-we-replaced-react-with-phoenix
Какие возможности перед разработчиком открывают абстрактные синтаксические деревья и как ими воспользоваться в JavaScript, расшифровка и запись доклада Кирилла Черкашина из Google → https://habr.com/p/428628/
[Вакансия, удалёнка, фултайм 2—3 месяца → парт-тайм]
Fullstack-разработчик в coinmonitor.io (Python/Flask, JavaScript/jQuery)

Задaчи, которые придётся решать:
— разобраться с существующим кодом бэкенда и фронтенда;
— натянуть на сайт готовую вёрстку (SCSS, JS, jQuery);
— работать над бэкендом: оптимизировать работу воркеров celery, разобраться с производительностью базы данных, регулярно добавлять новый функционал;
— работать над фронтендом клиентской и административной части.

Трeбования:
— уверенное знание Flask;
— умение готовить Celery и оптимизировать производительность задач;
— отличное знание MongoDB, умение профилировать запросы, находить узкие места;
— опыт рабoты с Redis;
— отличное знание JavaScript/jQuery и CSS/SCSS;
— опыт написания юнит-тестов;
— знание git, умение решать merge-конфликты через CLI;
— опыт рaботы с Linux от полутора лет.

От вас: опыт в вышeуказанных требoваниях и готовность пройти тeстoвое зaдaние. Ссылка на GitHub с примерами кода будет огромным плюсом.

Уcлoвия: фултайм на 2—3 месяца, удаленно. Затем поддержка сервиса парт-тайм: реализация новых функций, реагирование на инциденты. Заработная плата 100—120 тысяч рублей в месяц в зависимости от навыков.

P. S. В работе со студиями не заинтересованы, нужен человек в команду, который будет лично отвечать за качество выполненной работы.

Пишите @Shockfish.
Как связать локально разрабатываемые NPM-пакеты и приложения, зависящие от них → https://medium.com/p/7375b6219557
jsx-pragmatic, библиотека от инженеров PayPal для использования JSX-шаблонов без Реакта с возможностью рендеринга в строку, DOM или что угодно другое с помощью кастомных рендереров → https://github.com/krakenjs/jsx-pragmatic
Вам не нужны PWA и AMP, чтобы делать быстрые сайты: Никита Прокопов о вреде повсеместного внедрения и переоценённости модных технологий → https://tonsky.me/blog/pwa/
Что такое вебхуки, для чего они применяются, как их использовать и какие инструменты могут в этом помочь → https://snipcart.com/blog/what-are-webhooks-explained-example
Какие ошибки часто совершаются при работе с денежными значениями в JavaScript и как их избежать → https://frontstuff.io/how-to-handle-monetary-values-in-javascript
Как браузер превращает стили в пиксели: подробнейший рассказ о стадиях процесса отрисовки и о том, что на каждой из них происходит под капотом браузера → https://alistapart.com/article/braces-to-pixels
Как избежать громоздкого и скучного описания задачи, но не потерять смысл? Ксения Ильиных из Контура о своём опыте описания сложной задачи в виде комикса → https://medium.com/p/ca1f1d676536
Let’s build Express, серия статей по реализации фреймворка Express с нуля для лучшего понимания его внутреннего устройства → https://github.com/antsmartian/lets-build-express
Подробный часовой обзор архитектуры и внутреннего устройства Jest от его разработчиков → https://youtu.be/3YDiloj8_d0
Сравнение реализации одного и того же веб-компонента на библиотеках Polymer, Stencil и Nutmeg и с нуля без библиотек → https://bendyworks.com/blog/tale-of-four-components