Как протестировать сайт с помощью 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
Читать полностью…Ресурсоёмкий Node.js
При разработке веб-сервера на Node.js можно столкнуться с проблемой блокировки event цикла JavaScript при обработке тяжелых (длительных) операций. Из-за этого новые запросы долго ожидают обработки.
Для решения этой проблемы можно создавать дочерние процессы, которые не будут блокировать цикл событий родительского процесса.
Однако, каждый дочерний процесс кушает память. И это решение плохо масштабируется.
Другой вариант решения - настройка очереди и пула рабочих процессов.
О том как это сделать и зачем нам Kue и Redis, читайте в переводе цикла из 2 коротких статей "CPU Intensive Node.js" :
Часть 1 https://goo.gl/HuxxEc
Часть 2 https://goo.gl/72Pf4x
«ALL YOUR HTML» #31: «Вёрстка простого макета и общение» https://www.youtube.com/watch?v=IJ5qDr7DWew
Читать полностью…Полезные 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/
Читать полностью…npmjs.com: Состояние JavaScript фреймворков, 2017 Часть 1: Front-End фреймворки , Часть 2: Экосистема React , Часть 3: Back-End фреймворки https://www.npmjs.com/npm/the-state-of-javascript-frameworks-2017-part-3-back-end-frameworks
Читать полностью…