Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «javascript» - 195
Дайджест свежих материалов из мира фронтенда за последнюю неделю №309 (2 — 8 апреля 2018)
2018-04-08 в 20:40, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендУправление виртуальной 3D моделью через микроконтроллер на JavaScript
2018-04-08 в 18:27, admin, рубрики: es5, esp8266, espruino, html5, javascript, microcontrollers, WebSocket, Демосцена, ПрограммированиеДобрый день, хочется представить очередное свое произведение рукотворчества, свою подделку "3D-Quarter-the-Espruino" и рассказать о проблемах с которыми я столкнулся в процессе изготовления устройства.
Модульное тестирование интерфейсов в Headless Chrome. Лекция Яндекса
2018-04-08 в 7:14, admin, рубрики: chrome, headless browser, javascript, mocha, nightwatch, phantomjs, Puppeteer, selenium, Блог компании Яндекс, интеграционное тестирование, интерфейсы, Тестирование веб-сервисов, юнит-тестированиеЧтобы непрерывно улучшать большие клиентские интерфейсы, нужна мощная система автотестов. Разработчик Яндекса Дмитрий Андриянов dima117 кое-что про это знает — пару месяцев назад он поделился своим опытом на Я.Субботнике в Нижнем Новгороде.
— Сегодня я расскажу, как мы в Директе пишем модульные тесты на веб-интерфейс. Мы в целом посмотрим, чем тесты на интерфейс отличаются от других тестов. Рассмотрим два подхода к написанию тестов: с помощью Selenium и с помощью Headless-браузеров. И в конце покажу инструмент, который мы написали в Директе для запуска тестов в Headless Chrome.
Читать полностью »
Ещё один пример автоматизации или PowerShell + Google Apps Script
2018-04-06 в 18:25, admin, рубрики: devops, Google API, javascript, powershellЛень — двигатель прогресса…
Вот и я, найдя немного свободного времени, решил автоматизировать достаточно рутинную для каждого админа задачу — создание и отключение пользователей.
Читать полностью »
Осторожнее с копипастом: фингерпринтинг текста непечатаемыми символами
2018-04-06 в 6:41, admin, рубрики: javascript, open source, Unicode, информационная безопасность, Разработка веб-сайтов, типографика, управляющие символы, фингерпринтинг, ЮникодНе хотите читать? Посмотрите демо.
Символы нулевой ширины — это непечатаемые управляющие символы, которые не отображаются большинством приложений. Например, в это предложение я вставил десять пробелов нулевой ширины, вы это заметили? (Подсказка: вставьте предложение в Diff Checker, чтобы увидеть местоположение символов!). Эти символы можно использовать как уникальные «отпечатки» текста для идентификации пользователей.
Безусловно, он может здесь быть. И вы никогда не догадаетесь
Зачем?
Ну, изначальная причина не слишком интересна. Несколько лет назад я с командой участвовали в соревнованиях по различным видеоиграм. У команды была приватная страничка для важных объявлений, среди прочего. Но в итоге эти объявления стали репостить в других местах, с издевательствами над командой, раскрывая конфиденциальную информацию и командную тактику.
Читать полностью »
Как протестировать SkyNet? (если он написан на JS)
2018-04-05 в 13:13, admin, рубрики: dependency injection, javascript, mocking, rewiremock, testing tools, Тестирование IT-системДавным давно я посмотрел Терминатор1. Немного подрос и посмотрел немного отрефакторенный Терминатор 2. Третьей интерации пришлось ждать немного дольше.
И каждый раз бедному СкайНету не везло, и каждый раз все наперекосяк, и секрет этого невезения очень прост — СкайНет не был Subject Under Test (SUT).
Другими словами SkyNet подзабила на тестирование, и производила разведку боем. И, как это обычно бывает, падала в корку(под пресс, в лаву, далее не помню) примерно сразу после выкладки в продакшен.
И весь вопрос — как же протестировать что-то до этой выкладки, до того момента как станет поздно поворачивать назад. И убить всех человеков, конечно же.
Первый в Беларуси FrontSpot хакатон без правил. И это не шутка
2018-04-05 в 9:59, admin, рубрики: AngularJS, community, EPAM, EPAM Systems, frontspot, FrontSpot HACKATHON, Hackathon, javascript, nodle.js, React, Блог компании EPAM, хакатонПока по всему миру шутили про белые спины, новые логотипы старых футбольных клубов и пускали в «плаванье» первоапрельских уток, здесь креативили, генерили, презентовали и, само собой, кодили. Команды провели выходные за созданием проектов на JavaScript – таким было единственное условие участия в FrontSpot хакатоне, организованном frontend сообществом Минска. Все остальное – импровизация.
Проект RealWorld: сравнение фронтенд-фреймворков
2018-04-05 в 9:25, admin, рубрики: javascript, Блог компании RUVDS.com, разработка, Разработка веб-сайтов, фреймворк, фронтендМатериал, перевод которого мы предлагаем сегодня вашему вниманию, представляет собой обновлённую, с учётом положения дел в 2018 году, версию статьи об исследовании фреймворков, которая была опубликована в декабре 2017.
Веб-воркеры в JavaScript: безопасный параллелизм
2018-04-04 в 10:38, admin, рубрики: javascript, Блог компании RUVDS.com, веб-воркеры, разработка, Разработка веб-сайтовВеб-воркеры дают программисту инструмент для выполнения JavaScript-кода за пределами главного потока, который отвечает за то, что происходит в браузере. Этот поток обрабатывает запросы на вывод данных на экран, он поддерживает взаимодействие с пользователем, воспринимая, в частности, нажатия на клавиши клавиатуры и щелчки мышью. Этот же поток отвечает за поддержку сетевого взаимодействия, например, обрабатывая AJAX-запросы.
Обработка событий и AJAX-запросов асинхронна, её можно считать способом выполнения некоего кода за пределами главного потока, однако, вся нагрузка по выполнению подобных операций, всё равно, ложится на главный поток, и, для обеспечения нормальной работы пользовательского интерфейса, эти операции нужно выполнять очень быстро. В противном случае интерактивные элементы страниц будут работать не так хорошо, как ожидается.
Веб-воркеры позволяют выполнять JavaScript-код в отдельном потоке, который совершенно независим от главного потока и от того, что в нём обычно происходит.
В последнее время было много разговоров о том, какие практические задачи можно решать с помощью веб-воркеров. Учитывая ту вычислительную мощь, которой обладают даже обычные современные персональные компьютеры, и то, что мобильные устройства приближаются к ним в плане производительности и объёма памяти, теперь в приложениях для браузеров можно делать много такого, что раньше считалось слишком сложным.
В материале, перевод который мы публикуем сегодня, будут рассмотрены особенности использования веб-воркеров для решения задач, которые слишком тяжелы для главного потока. В частности, речь здесь пойдёт о том, как организовать обмен данными между главным потоком и потоком веб-воркера. Здесь же будет рассмотрена пара примеров, иллюстрирующих различные сценарии использования веб-воркеров.
Читать полностью »
Continuous Integration для новичков
2018-04-03 в 18:42, admin, рубрики: continuous integration, javascript, node.js, ReactJS, travis-ciЧто такое CI
Continuous Integration — это практика разработки программного обеспечения, которая заключается в слиянии рабочих копий в общую основную ветвь разработки несколько раз в день и выполнении частых автоматизированных сборок проекта для скорейшего выявления потенциальных дефектов и решения интеграционных проблем. В обычном проекте, где над разными частями системы разработчики трудятся независимо, стадия интеграции является заключительной. Она может непредсказуемо задержать окончание работ. Переход к непрерывной интеграции позволяет снизить трудоёмкость интеграции и сделать её более предсказуемой за счет раннего обнаружения и устранения ошибок и противоречий. Основным преимуществом является сокращение стоимости исправления дефекта, за счёт раннего его выявления.
Если вы не знаете как настроить CI в своем проекте, я приглашаю вас "под кат"