Веб-разработка уже не будет прежней: Google объявила об отключении «старого» интернета и перехода на новый проект под названием «Бесконечный интернет» (Endless Internet)
Этот проект представляет собой альтернативную сеть, которая будет работать без использования протокола TCP/IP, на котором основана работа современного интернета. Вместо этого, новая сеть будет использовать технологию квантовых вычислений и квантовые коммуникации.
«Проект позволит обеспечить высокую скорость передачи данных и абсолютную безопасность передаваемой информации. Однако, для работы новой сети необходимо отключить существующую сеть интернет» — прокомментировал новую разработку Сундар Пичаи, CEO Google.
Поэтому, начиная с 23:59 1.04.2024, интернет перестанет работать до тех пор, пока не будет полностью запущена новая сеть «Бесконечный интернет».
@tproger_web #кек
Этот проект представляет собой альтернативную сеть, которая будет работать без использования протокола TCP/IP, на котором основана работа современного интернета. Вместо этого, новая сеть будет использовать технологию квантовых вычислений и квантовые коммуникации.
«Проект позволит обеспечить высокую скорость передачи данных и абсолютную безопасность передаваемой информации. Однако, для работы новой сети необходимо отключить существующую сеть интернет» — прокомментировал новую разработку Сундар Пичаи, CEO Google.
Поэтому, начиная с 23:59 1.04.2024, интернет перестанет работать до тех пор, пока не будет полностью запущена новая сеть «Бесконечный интернет».
@tproger_web #кек
Если вы разработчик какого-то сайта и у вас есть капча — замените вашу капчу вот на эту
Конечно, капча шуточная, в реальности такую любой ИИ пройдет еще быстрее чем человек. Но зато как выглядит!
Демо и код проекта: https://vivirenremoto.github.io/doomcaptcha/
#безопасность
Конечно, капча шуточная, в реальности такую любой ИИ пройдет еще быстрее чем человек. Но зато как выглядит!
Демо и код проекта: https://vivirenremoto.github.io/doomcaptcha/
#безопасность
Применение принципов SOLID в React
В этой статье вы узнаете, как применять принципы SOLID в React. SOLID — это набор принципов, которые помогают разработчикам создавать более поддерживаемый и расширяемый код. Здесь объясняется каждый принцип и показывается, как его можно применить в React-приложениях.
Если вы хотите улучшить свои навыки разработки в React, эта статья точно стоит вашего внимания:
https://medium.com/dailyjs/applying-solid-principles-in-react-14905d9c5377
@tproger_web #react #solid
В этой статье вы узнаете, как применять принципы SOLID в React. SOLID — это набор принципов, которые помогают разработчикам создавать более поддерживаемый и расширяемый код. Здесь объясняется каждый принцип и показывается, как его можно применить в React-приложениях.
Если вы хотите улучшить свои навыки разработки в React, эта статья точно стоит вашего внимания:
https://medium.com/dailyjs/applying-solid-principles-in-react-14905d9c5377
@tproger_web #react #solid
Годных codepen-проектов вам в ленту: Just Ice — анимированная сцена с объемным кубиком льда
Проект реализован с помощью CSS и JavaScript: https://codepen.io/atzedent/pen/eYKPGQr
@tproger_web #codepen
Проект реализован с помощью CSS и JavaScript: https://codepen.io/atzedent/pen/eYKPGQr
@tproger_web #codepen
Вышел бенчмарк для измерения скорости отклика веб-приложений 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