Захват изображения и видео с react-webcam
Туториал по использованию библиотеки react-webcam для упрощения работы с вебкой.
https://blog.openreplay.com/capture-real-time-images-and-videos-with-react-webcam/
Что такое микрофронтенд за 10 минут
Краткое объяснение принципа в подкасте Listen IT.
https://youtu.be/ZQClCNPq7AI?t=128
Как протестировать сайт с помощью Cypress
Введение в end-to-end тестирование с Cypress.
https://javascript.plainenglish.io/testing-your-front-end-code-with-cypress-4a3c64ab89d4
Что нового в Dev Tools
Новые фичи для дебага JS, CSS, оптимизации и сетевых запросов.
https://www.smashingmagazine.com/2022/10/devtools-updates-halloween-edition/
Необычные эффекты для декорации изображений
https://css-tricks.com/fancy-image-decorations-single-element-magic
Друзья, напоминаем, что у нас проходит розыгрыш мерча от DUMP-2018 - футболка с Вовкой-программистом и набор стикеров.
🔥 Успейте зарегистрироваться до 30 марта по ссылке https://goo.gl/forms/i5F42vfEqQZqOnOn1.
🔮 30 марта с помощью random мы определим победителя!
Intel и Microsoft признали, что патчи для Meltdown и Spectre замедляют работу компьютеров https://xakep.ru/2018/01/10/meltdown-spectre-slowdown/
Читать полностью…stimulus — современный JavaScript фреймворк для HTML, который у вас уже имеется https://github.com/stimulusjs/stimulus/
Читать полностью…vue-starter — стартовый шаблон для изоморфных прогрессивных веб-приложений https://github.com/devCrossNet/vue-starter
Читать полностью…Подкаст «Frontend Weekend» #35 – Шокирующая правда о Фронтенд Юности https://soundcloud.com/frontend-weekend/fw-35
Читать полностью…Встречайте Hyperapp 1.0 — 1KB JavaScript библиотека для создания фронтенд приложений https://hackernoon.com/introducing-hyperapp-1-0-dbf4229abfef
Читать полностью…#вакансия #москва #frontend #JS #javascript
Frontend developer
Москва, м. Тульская
Формат: офис, fulltime
З/п: 60-120 т.р. net
Описание:
В 2018 году "Чемпионат" будет всесторонне освещать важнейшие спортивные события мира, включая Чемпионат мира по футболу и Олимпийские игры.
В связи с этим ищем кандидатов на вакансии Junior и Middle frontend developers.
– HTML5+CSS3, опыт разработки для мобильных устройств
– Уверенное знание нативного JS
– Понимание модульной архитектуры
Junior frontend developer
Подробнее тут: https://goo.gl/UKWfbo
Middle frontend developer
Подробнее тут: https://goo.gl/CL3Q7L
Компания: Championat.com
Резюме @little_gary или на почту: m.sotnikova@rambler-co.ru
Ngx-kit — набор инструментов и генератор компонентов для Angular 5 https://dev.nvx.me/2018/001-ngx-kit-intro/
Читать полностью…David Walsh присоединяется к команде разработчиков Mozilla DevTools https://davidwalsh.name/devtools
Читать полностью…Конференция для JavaScript-разработчиков HolyJS 2022 Autumn
🌐 10–11 ноября — онлайн
👥 20 ноября — офлайн в Москве
(с возможностью удаленного участия для тех, кто не готов добраться)
Программа конференции полностью готова.
Среди докладов:
✔ Александр Мышов, 2ГИС — «High refresh web»
✔ Виталий Харисов и Владимир Гриненко, Яндекс — «There and back again, или Нужно ли становиться руководителем»
✔ Артём Арутюнян, SimBaze — «Гигантизм Reatom»
Если вам хочется на несколько часов отвлечься и побыть среди единомышленников, то приходите на HolyJS. А промокод frontenddev2022JRGpc
даст скидку 20% на билеты из категории «Для частных лиц».
Подробности и билеты — holyjs.ru
Метапрограммирование с JavaScript Decorators API
Руководство по использованию Decorators API, который достиг 3 стадии (и доступен в babel).
https://2ality.com/2022/10/javascript-decorators.html
Полезные CSS генераторы
Подборка из 10 CSS генераторов, которые немного облегчат верстку.
https://blog.bitsrc.io/the-best-css-generators-for-web-developers-c1f75ab145f6
🚀 FrontEndDev
Что такое рекурсия в JS
Объясняем одну из самых старых концепций программирования с примерами.
https://blog.openreplay.com/explaining-recursion-in-javascript/
Используем background-color для дебага разметки
Один из подходов для отладки расположения элементов, требующий всего нескольких строк CSS.
https://blog.openreplay.com/using-CSS-background-color-to-debug-web-pages/
CSS техники для создания необычных креативных эффектов для текста #css https://css-tricks.com/css-techniques-and-effects-for-knockout-text/
Читать полностью…Демистификация использования памяти в ES6 React классах https://medium.com/dailyjs/demystifying-memory-usage-using-es6-react-classes-d9d904bc4557
Читать полностью…Обновление Firefox 57.0.4 и Chrome 63.0.3239.132 http://www.opennet.ru/opennews/art.shtml?num=47861
Читать полностью…Как Airbnb ставит AMP в основу своей цифровой стратегии https://medium.com/swlh/how-airbnb-is-putting-amp-at-the-core-of-its-digital-strategy-d6b9cf1fc0ad
Читать полностью…8 лучших практик для идеальной CSS документации https://webdesign.tutsplus.com/articles/css-documentation-best-practices--cms-30139
Читать полностью…Фронтенд в 2018: больше консенсуса, меньше сложности https://blog.logrocket.com/what-im-looking-for-from-frontend-in-2018-2f1de300b548
Читать полностью…UC Browser занимает 16% на глобальном рынке и доминирует в некоторых странах Азии https://itc.ua/news/uc-browser-zanimaet-16-na-globalnom-ryinke-i-dominiruet-v-nekotoryih-stranah-azii/
Читать полностью…Awesome Checklist Checklist: курируемый список чеклистов, посвященных веб-разработке и не только https://github.com/huyingjie/Checklist-Checklist
Читать полностью…Подключайтесь к каналу от разработчиков группы Chulakov Digital — @deepdigital.
Опытные специалисты из топ-8 России пишут заметки про frontend- и backend-разработку систем, сервисов и сайтов. ES6, React, разработка интерфейсов крупных систем, анимация, создание 2D- и 3D-графики, NodeJS, PHP-фреймворки, базы данных, оптимизация, тестирование, проектирование приложений и еще много других актуальных тем.
Канал нацелен на максимальную практическую пользу: в каждой заметке обсуждается проблема и описывается ее решение, а материалы сопровождаются примерами и интерактивными демо.
React PWA . Стартовый шаблон для PWA, с сервер-сайд рендерингом, встроенными SEO и техниками для достижения максимальной скорости UX https://www.reactpwa.com/
Читать полностью…