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
Как написать простой REST API на Node.js без фреймворков и библиотек → https://adityasridhar.com/posts/how-to-use-nodejs-without-frameworks-and-external-libraries
linaria, библиотека для CSS-in-JS без рантайма (для сравнения, styled-components добавляет в бандл ~20 КБ): компилируется в отдельные CSS-файлы, поддерживает динамическую стилизацию, работает со stylelint → https://linaria.now.sh/
Зачем и как нужно соблюдать уровни заголовков? Эрик Бэйли об одной из самых распространённых и при этом легко исправляемых проблем доступности в переводе Татьяны Фокиной → https://medium.com/p/229def4e0e33
🎧
Свежие подкасты

Frontend Weekend №79, в гостях Олег Поляков: об основании CodeDojo и о том, как это стало основным местом работы → https://soundcloud.com/frontend-weekend/fw-79

«Веб-стандарты» №147: Chrome Dev Summit, API к персональным данным, HTTP/3 на UDP, веб-компоненты → https://medium.com/p/a5a277e8c86a

«Фронтенд-юность» №72, как попасть к Ситнику в Browserslist: в Storybook добавили Ember, грязные приемчики для удовлетворения Денчика, оптимизации веб-перформанса от Netflix/nanoid/browserslist, ВК — правительственное говно, домогательства в Медузе и Гугле → https://soundcloud.com/frontend_u/e72

«Фронтенд-юность» №73: три корочки Эдди Османи, node.js спас космонавта, тренды 2018 и 2019 годов, растворяемый React, задачи для развития ума от MIT, squoosh → https://soundcloud.com/frontend_u/e73

«Девшахта» №57, в гостях Алексей Шаров: как в компании Wrike используют язык Dart → https://soundcloud.com/devschacht/devschacht-57

«Пятиминутка React» №50, в гостях Андрей Мелихов: обзор Я.Субботника по разработке интерфейсов в Санкт-Петербурге 11 августа 2018 → https://5minreact.ru/50-yasubbotnik-11-aug-2018/

«Новости 512» от CSSSR №29: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-29-1211-1811
Прокрутка основного документа лучше для быстродействия, доступности и UX, или почему не стоит помещать содержимое страницы в отдельный прокручиваемый контейнер: подробное объяснение Нолана Лоусона на примере его сайд-проекта Pinafore → https://nolanlawson.com/2018/11/18/scrolling-the-main-document-is-better-for-performance-accessibility-and-usability/
10 выпуск видеоблога Вадима Макеева: обзор сайта Skillbox, оптимизация графики, Squoosh и элемент picture → https://youtu.be/gHLPBlzGRT8
Результаты опроса The State of JavaScript за 2018 год: демография, зарплаты, фреймворки, предпочтения и мнения → https://2018.stateofjs.com/introduction/
Чем 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