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
Два поля для ввода адреса останавливают в раздумьях 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
Как подойти к оптимизации веб-перформанса: Джереми Кит с описанием последовательного подхода, применяемого в Clearleft → https://clearleft.com/posts/a-framework-for-web-performance
🎧
Свежие подкасты

Frontend Weekend №80, в гостях Гордей Левченко: о переезде в Казахстан и развитии frontend-сообщества в Астане → https://soundcloud.com/frontend-weekend/fw-80

«Девшахта» №58: UFADEVCONF, состояние Node.js в 2018 году → https://soundcloud.com/devschacht/nightly-58

«Новости 512» от CSSSR №30: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/news512_030
Руководство Красимира Цонева по разработке простой JavaScript-песочницы с поддержкой модулей и автоматической транспиляцией кода → https://krasimirtsonev.com/blog/article/build-your-own-interactive-javascript-playground