​Вышел бенчмарк для измерения скорости отклика веб-приложений 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 #тестирование #дизайн #вёрстка

3D DOM viewer — скрипт для визуализации сайта в 3D

Просто копируете код и вставляете его в консоль. Вуаля, красота!

Стоимость: #бесплатно

@prog_tools #web #fun

​​Вы не понимаете, эти сайты натуральные!

@tproger_web

​Создаём портфолио в формате 2D-игры на 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 #тренды #карьера

​​Готовимся к вопросам по вёрстке на интервью фронтенд-разработчика: зачем нужно использовать свойство display?

Это один из самых интересных вопросов вёрстки. В статье разобрали, зачем нужно использовать свойство, и почему для большинства случаев значение состоит из двух ключевых слов, хотя все используют одно:

https://habr.com/ru/companies/ruvds/articles/798975/

@tproger_web #фронтенд #собеседование

​​Мега-учебник 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/

#инструменты #дизайн

​Все: PHP-разработчики скоро останутся без работы, язык умирает.

Тем временем разработчики на PHP:

​Годных codepen-проектов вам в ленту: Video To ASCII Art — анимация превращения коротких видео в ASCII-арт. Проект реализован с помощью CSS и JavaScript.

Исходники: 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 #инструменты

​JavaScript-разработчик, когда прошло уже больше 10 минут, а новый JS-фреймворк ещё не появился:

Милый комикс о работе HTTPS

Комикс объяснит даже самым начинающим, зачем нужен HTTPS и как он работает. Тут также рассказывают о SSL, TLS и центрах сертификации — всё это с милыми животными и объяснениями на пальцах.

Ссылка на комикс

@prog_point

​​Вот так вот делай и веб-приложение от нативного не отличишь:

@tproger_web

WiFu

@ithumor

​​​Мощь декораторов TypeScript на живых примерах: декорирование методов класса

С помощью декораторов вы можете избежать дублирования кода и убрать лишний «шум» в коде. Они также помогают легко добавить к классам и членам класса метаданные.

В этой статье вы можете изучить несколько примеров из реальных проектов, где применение декораторов сильно упростило код и его понимание:

https://habr.com/ru/articles/707496/

@tproger_web #typescript

​​Как правильно называть программиста, а как — неправильно?

Разработчик — это полноценный программист или еще нет? А можно ли назвать коллегу кодером или это уже что-то обидное? Обидно ли вам, когда вас называют компьютерщиком?

Инженер, оператор ЭВМ, автоматизатор, разработчик, хакер, кодер, сисадмин, компьютерщик или IT-специалист? Как бы вы назвали себя? Как, когда и почему нужно называть других разработчиков?

#обсуждение