Вышел бенчмарк для измерения скорости отклика веб-приложений Speedometer 3.0 от Mozilla, Google, Microsoft и Apple
Состоялся релиз бенчмарка для измерения скорости отклика веб-приложений в различных браузерах Speedometer 3.0. Работу над этим проектом вели разработчики Mozilla, Google, Microsoft и Apple.
В Speedometer 3.0 осуществлён переход на применение новых выпусков фреймворков Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte и Vue. Задействованы современные шаблоны проектирования сайтов и веб-приложений, например, использование Webpack, Web Components и новых методов работы с DOM.
Добавлены тесты для оценки производительности отрисовки при помощи элемента Canvas, генерации SVG, обработки сложных CSS, работы с очень большими деревьями DOM и использования методов, применяемых при редактировании контента в режиме WYSIWYG и при работе с новостными сайтами.
Исходный код проекта Speedometer опубликован на GitHub под лицензией BSD: https://github.com/WebKit/Speedometer/
@tproger_web #тестирование #дизайн #вёрстка
Состоялся релиз бенчмарка для измерения скорости отклика веб-приложений в различных браузерах Speedometer 3.0. Работу над этим проектом вели разработчики Mozilla, Google, Microsoft и Apple.
В Speedometer 3.0 осуществлён переход на применение новых выпусков фреймворков Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte и Vue. Задействованы современные шаблоны проектирования сайтов и веб-приложений, например, использование Webpack, Web Components и новых методов работы с DOM.
Добавлены тесты для оценки производительности отрисовки при помощи элемента Canvas, генерации SVG, обработки сложных CSS, работы с очень большими деревьями DOM и использования методов, применяемых при редактировании контента в режиме WYSIWYG и при работе с новостными сайтами.
Исходный код проекта Speedometer опубликован на GitHub под лицензией BSD: https://github.com/WebKit/Speedometer/
@tproger_web #тестирование #дизайн #вёрстка
Forwarded from Инструменты программиста
This media is not supported in your browser
VIEW IN TELEGRAM
3D DOM viewer — скрипт для визуализации сайта в 3D
Просто копируете код и вставляете его в консоль. Вуаля, красота!
Стоимость: #бесплатно
@prog_tools #web #fun
Просто копируете код и вставляете его в консоль. Вуаля, красота!
Стоимость: #бесплатно
@prog_tools #web #fun
Создаём портфолио в формате 2D-игры на JavaScript
Это один из креативных способом показать свои скилы и впечатлить рекрутера/тимлида/интервьюера.
Гайд по разработке: https://youtu.be/wy_fSStEgMs
Демо: https://jslegenddev.github.io/portfolio/
Исходники: https://github.com/JSLegendDev/2d-portfolio-kaboom
#javascript
Это один из креативных способом показать свои скилы и впечатлить рекрутера/тимлида/интервьюера.
Гайд по разработке: https://youtu.be/wy_fSStEgMs
Демо: https://jslegenddev.github.io/portfolio/
Исходники: https://github.com/JSLegendDev/2d-portfolio-kaboom
#javascript
Когда уронил всю инфраструктуру компании, но большинство коллег благодарны тебе за внеплановый выходной:
Не верьте тем, кто говорит, что PHP умирает и вот почему
В последнее время на слуху несколько популярных языков программирования: Python, C#, JavaScript. Из-за этого кажется, что другие языки не так востребованы на рынке и изучать их нет смысла.
На самом деле, это не так. В этой статье рассказали, сколько зарабатывают PHP-разработчики, и как на это влияет низкая конкуренция: https://tproger.ru/articles/php-ne-umiraet--i-dokazatelstvo-tomu---nehvatka-php-programmistov-na-rynke-i-vysokie-zarplaty
@tproger_web #php #тренды #карьера
В последнее время на слуху несколько популярных языков программирования: Python, C#, JavaScript. Из-за этого кажется, что другие языки не так востребованы на рынке и изучать их нет смысла.
На самом деле, это не так. В этой статье рассказали, сколько зарабатывают PHP-разработчики, и как на это влияет низкая конкуренция: https://tproger.ru/articles/php-ne-umiraet--i-dokazatelstvo-tomu---nehvatka-php-programmistov-na-rynke-i-vysokie-zarplaty
@tproger_web #php #тренды #карьера
Готовимся к вопросам по вёрстке на интервью фронтенд-разработчика: зачем нужно использовать свойство display?
Это один из самых интересных вопросов вёрстки. В статье разобрали, зачем нужно использовать свойство, и почему для большинства случаев значение состоит из двух ключевых слов, хотя все используют одно:
https://habr.com/ru/companies/ruvds/articles/798975/
@tproger_web #фронтенд #собеседование
Это один из самых интересных вопросов вёрстки. В статье разобрали, зачем нужно использовать свойство, и почему для большинства случаев значение состоит из двух ключевых слов, хотя все используют одно:
https://habr.com/ru/companies/ruvds/articles/798975/
@tproger_web #фронтенд #собеседование
Мега-учебник Flask
Нашли для вас статью, в которой начали перевод обновленного учебника по Flask от Мигеля Гринберга. Перевод издания 2018 остаётся достаточно актуальным для изучения веб-фреймворка, но обновление коснулось многих используемых пакетов, что привело к изменению каждой главы.
В этот раз автор выпустил весь учебник сразу, а не постепенно как издание 2018. Автор статьи обещает со стабильной периодичностью выпускать продолжение: https://habr.com/ru/articles/804245/
@tproger_web #python #flask
Нашли для вас статью, в которой начали перевод обновленного учебника по Flask от Мигеля Гринберга. Перевод издания 2018 остаётся достаточно актуальным для изучения веб-фреймворка, но обновление коснулось многих используемых пакетов, что привело к изменению каждой главы.
В этот раз автор выпустил весь учебник сразу, а не постепенно как издание 2018. Автор статьи обещает со стабильной периодичностью выпускать продолжение: https://habr.com/ru/articles/804245/
@tproger_web #python #flask
Годных инструментов в ленту: Screenshot to Code — тулз для конвертирования скринов, Figma-шаблонов и мокапов в чистый код.
Инструмент поддерживает HTML + Tailwind, React + Tailwind, Vue + Tailwind, Bootstrap, Ionic + Tailwind и SVG. Самое приятное, что инструмент бесплатный: https://screenshottocode.com/
#инструменты #дизайн
Инструмент поддерживает HTML + Tailwind, React + Tailwind, Vue + Tailwind, Bootstrap, Ionic + Tailwind и SVG. Самое приятное, что инструмент бесплатный: https://screenshottocode.com/
#инструменты #дизайн
Годных codepen-проектов вам в ленту: Video To ASCII Art — анимация превращения коротких видео в ASCII-арт. Проект реализован с помощью CSS и JavaScript.
Исходники: https://codepen.io/konstantindenerz/pen/YzgRQZj
#codepen @tproger_web
Исходники: https://codepen.io/konstantindenerz/pen/YzgRQZj
#codepen @tproger_web
Полезная библиотека для понимания работы JS
js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:
https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
@tproger_web #javascript #инструменты
js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:
https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
@tproger_web #javascript #инструменты
JavaScript-разработчик, когда прошло уже больше 10 минут, а новый JS-фреймворк ещё не появился:
Forwarded from Точка входа в программирование
Милый комикс о работе HTTPS
Комикс объяснит даже самым начинающим, зачем нужен HTTPS и как он работает. Тут также рассказывают о SSL, TLS и центрах сертификации — всё это с милыми животными и объяснениями на пальцах.
Ссылка на комикс
@prog_point
Комикс объяснит даже самым начинающим, зачем нужен HTTPS и как он работает. Тут также рассказывают о SSL, TLS и центрах сертификации — всё это с милыми животными и объяснениями на пальцах.
Ссылка на комикс
@prog_point
В Твиттере смеются над тем, как браузер Edge на каждом этапе установки Chrome пытается уговорить пользователя остаться.
— Насколько сильно мы должны быть навязчивыми?
— Да!
@tproger_web #браузеры #кек
— Насколько сильно мы должны быть навязчивыми?
— Да!
@tproger_web #браузеры #кек
Мощь декораторов TypeScript на живых примерах: декорирование методов класса
С помощью декораторов вы можете избежать дублирования кода и убрать лишний «шум» в коде. Они также помогают легко добавить к классам и членам класса метаданные.
В этой статье вы можете изучить несколько примеров из реальных проектов, где применение декораторов сильно упростило код и его понимание:
https://habr.com/ru/articles/707496/
@tproger_web #typescript
С помощью декораторов вы можете избежать дублирования кода и убрать лишний «шум» в коде. Они также помогают легко добавить к классам и членам класса метаданные.
В этой статье вы можете изучить несколько примеров из реальных проектов, где применение декораторов сильно упростило код и его понимание:
https://habr.com/ru/articles/707496/
@tproger_web #typescript
