Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «javascript» - 70
Дайджест свежих материалов из мира фронтенда за последнюю неделю №393 (9 — 15 декабря 2019)
2019-12-15 в 21:15, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтенд9 очень полезных советов по JavaScript
2019-12-15 в 18:16, admin, рубрики: hacks, javascript, перевод, перевод с английскогоПриветствую! Представляю вашему вниманию перевод статьи «9 Extremely Powerful JavaScript Hacks» автора Klaus.
Прим. переводчика: в этом новом (от 10 декабря) посте классные приёмы для JavaScript, которые мне как начинающему понравились, но также есть очевидная реклама приложения для тестов. Но я обязан переводить материал целиком, поэтому рекламную часть скрываю в спойлер, хотя она не бесполезная, кстати.
Нативочка из переводимой статьи
Я люблю оптимизировать.
Но пользователям наплевать на мой оптимизированный код, если их сайт не работает в браузере Internet Explorer 11.
Я использую Endtest для создания автоматизированных тестов и выполнения их в кросс-браузерном облаке.
К слову, Netflix использует ту же платформу для тестирования своих веб-приложений. Более того, он даже указан как необходимый навык в некоторых вакансиях.
Endtest действительно имеет некоторые прикольные функции, такие как:
- Кросс-браузерная сетка, работающая на компьютерах с Windows и MacOS
- Редактор без кода для автоматизированных тестов
- Поддержка веб-приложений
- Поддержка как нативных, так и гибридных приложений для Android и iOS
- Неограниченное количество видеозаписей для ваших тестовых прогонов
- Сравнение скриншотов
- Геолокация
- Оператор if
- Циклы
- Загрузка файлов в ваши тесты
- API Endtest, для легкой интеграции с вашей системой CI/CD
- Расширенные утверждения
- Мобильные тесты на реальных мобильных устройствах
- Тестирование электронной почты с помощью Endtest Mailbox
Вы можете просмотреть документы по этому инструменту.
А теперь 9 очень полезных советов по JavaScript.
Читать полностью »
Делаем кроссплатформенное нативное десктоп приложение на Angular
2019-12-15 в 18:02, admin, рубрики: angular, electron, javascript, Разработка под Linux, Разработка под MacOS, разработка под windows
Как вы уже наверно знаете, Angular уже есть во многих платформах:
- Ionic (https://ionicframework.com/)
- NativeScript (https://www.nativescript.org/)
- NestJs (https://nestjs.com/)
- Universal (https://github.com/angular/universal)
- Platform-terminal, консольное приложение (https://github.com/Tibing/platform-terminal)
Ну и, конечно, здесь не хватало десктопа (не будем пока про Electron).
Вывод типов в jscodeshift и TypeScript
2019-12-14 в 20:38, admin, рубрики: javascript, jscodeshift, type checking, TypeScriptВывод типов в jscodeshift и TypeScript
Начиная с версии 6.0 jscodeshift поддерживает работу с TypeScript (далее TS). В процессе написания codemode-ов (преобразований), может потребоваться узнать тип переменной, которая не имеет явной аннотации. К сожалению, jscodeshift не предоставляет средств для вывода типов «из коробки».
Анализ нагрузки на процессор, создаваемой отдельными JavaScript-компонентами
2019-12-12 в 9:30, admin, рубрики: javascript, Блог компании RUVDS.com, Клиентская оптимизация, разработка, Разработка веб-сайтовДавайте немного поговорим о том, как наблюдать за тем, какой объём ресурсов процессора потребляет JavaScript-код приложений. При этом предлагаю построить наш разговор вокруг компонентов — базовых строительных блоков приложения. При таком подходе любые усилия по улучшению производительности (или усилия по поиску причин замедления программ) можно сосредоточить на (хочется надеяться) маленьких самодостаточных фрагментах проекта. Я предполагаю при этом, что ваше фронтенд-приложение, как и многие другие современные проекты, создано путём сборки небольших фрагментов интерфейса, подходящих для многократного использования. Если это не так, то наши рассуждения можно будет применить и к другому приложению, но вам придётся найти собственный способ разделения своего крупномасштабного кода на фрагменты и надо будет подумать над тем, как анализировать эти фрагменты.
Пишу на C#, чтобы фронтендерам было полегче
2019-12-11 в 16:05, admin, рубрики: C#, javascript, webstorm, Блог компании Контур, Программирование
В этом декабре, как прошлые пару лет, я участвую в Advent of Code — ежегодном рождественском соревновании от автора популярного фреймворка Vanilla JS. В этом году я пишу на C#, потому что привычный мне, как фронтендеру, JavaScript я уже весь использовала в прошлом году. Прошло всего 10 дней, но я уже чувствую, как жизнь фронтендеров по всему миру становится лучше. Сейчас расскажу, как это происходит.
Что нового можно ожидать от Node.js в 2020 году?
2019-12-11 в 9:30, admin, рубрики: javascript, node.js, Блог компании RUVDS.com, разработка, Разработка веб-сайтовВ 2019 году Node.js исполнилось 10 лет. Количество пакетов, доступных в реестре npm, пересекло отметку в 1 миллион. С каждым годом объём загрузок самой платформы Node.js увеличивается на 40%. Ещё одной важной вехой для Node.js стало то, что этот проект присоединился к OpenJS Foundation. Благодаря этому можно ожидать улучшения состояния и стабильности проекта, а также, в целом, положительных сдвигов в области взаимодействия членов JavaScript-сообщества.
Несложно заметить то, что за короткий отрезок времени, за год, в мире Node.js произошло много всего интересного. Каждый год Node.js набирает обороты. У нас нет причин рассчитывать на что-то другое в 2020.
В следующих релизах Node.js нас ждёт множество интересных возможностей. Этот материал посвящён наиболее значительным новшествам платформы, которые могут появиться в ней в 2020 году.
Читать полностью »
Разбираем WTF задачки в JavaScript
2019-12-10 в 8:20, admin, рубрики: banana, javascript, Занимательные задачки, Программирование
JavaScript язык особенный. Сколько его не изучай, всегда найдутся моменты, которые заставят даже матёрого профессионала начать чесать репу.
В этой статье приводятся несколько задачек на JavaScript, связанных с необычным поведением языка. Кому-то они помогут узнать что-нибудь новое, а кто-то просто сможет освежить знания.
Задачка 1 — «BANANA»
WebRTC через Kurento: опыт тестирования и внедрения
2019-12-09 в 14:20, admin, рубрики: Google Web Toolkit, inobitec, javascript, kurento, Resiprocate, WebRTC, Блог компании Inobitec, видеоконференция, Разработка систем связи, управление разработкой
В этой статье я поделюсь опытом работы с технологией WebRTC и медиасервером Kurento на этапе тестирования и внедрения. Расскажу с какими проблемами я столкнулся и как их решил. Я не расскажу о том как разработать приложение с нуля, но приведу много полезных ссылок. Уверен, что мой рассказ будет полезен тем, кто собирается работать с WebRTC.
Читать полностью »
Создаем готовый для опенсорса проект на Angular в пару кликов
2019-12-09 в 11:31, admin, рубрики: angular, ci, coveralls, github, javascript, npm, open source, travis-ci, Блог компании Tinkoff.ruНедавно я публиковал статью о том, как быстро настраивать npm-пакеты перед публикацией в opensource. В ней я разобрал настройку версионирования, CI, построение воркфлоу и удобный деплой на страничку с демо. Все советы той статьи распространяются и на библиотеки Angular. Но все же специфика Ангуляра не позволит вам развернуться сходу.
С шестой версии Ангуляра мы используем Angular Workspaces. Это отличный инструмент для организации проекта, но он может добавить сложностей при его первичной настройке для опенсорса. Мы решили предусмотреть их и автоматизировать процесс.
