Какой инструмент для сборки лучше: Webpack или vite?
Кто-то хоронит Webpack. Кто-то говорит, что он как PHP — ещё долго будет поддерживаться, и что его точно стоит учить хотя бы на всякий случай.
Какие инструменты для сборки сейчас в топе? Что уже можно учить новичку, а что лучше обойти стороной? Какие есть достойные альтернативы Wepack сегодня и есть ли они вообще?
@tproger_web #обсуждение
Кто-то хоронит Webpack. Кто-то говорит, что он как PHP — ещё долго будет поддерживаться, и что его точно стоит учить хотя бы на всякий случай.
Какие инструменты для сборки сейчас в топе? Что уже можно учить новичку, а что лучше обойти стороной? Какие есть достойные альтернативы Wepack сегодня и есть ли они вообще?
@tproger_web #обсуждение
🤔9😁4👍2
Роадмап по фронтенду на 2024: сравнение 2017 vs 2021 vs 2024. Что действительно должен знать джун сегодня?
Интересное видео, в котором автор сравнил разные требования для джунов во фронтенде за последние 7 лет: https://www.youtube.com/watch?v=OKiZ4kA0KyU
@tproger_web #начинающим
Интересное видео, в котором автор сравнил разные требования для джунов во фронтенде за последние 7 лет: https://www.youtube.com/watch?v=OKiZ4kA0KyU
@tproger_web #начинающим
🔥11👍6
Насколько потолстел JavaScript к 2024 году?
Интересная статистика по популярным сайтам и их отношению к оптимизации JS-бандлов: https://habr.com/ru/companies/ruvds/articles/796595/
@tproger_web #javascript
Интересная статистика по популярным сайтам и их отношению к оптимизации JS-бандлов: https://habr.com/ru/companies/ruvds/articles/796595/
@tproger_web #javascript
👍1
Составили для вас тест на знание Рунета
Постарались подобрать неочевидные вопросы, ответы на которые должен помнить только настоящий олд. Пройдите тест, а мы по результату попытаемся угадать дату вашего рождения: https://tproger.ru/articles/runet-2000
Что еще помните о том времени?
@tproger_web #тесты
Постарались подобрать неочевидные вопросы, ответы на которые должен помнить только настоящий олд. Пройдите тест, а мы по результату попытаемся угадать дату вашего рождения: https://tproger.ru/articles/runet-2000
Что еще помните о том времени?
@tproger_web #тесты
😁15🔥3👎1
Веб-разработка уже не будет прежней: 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 #кек
😁61🤣54👍10👎3🔥2❤1🤯1
Если вы разработчик какого-то сайта и у вас есть капча — замените вашу капчу вот на эту
Конечно, капча шуточная, в реальности такую любой ИИ пройдет еще быстрее чем человек. Но зато как выглядит!
Демо и код проекта: https://vivirenremoto.github.io/doomcaptcha/
#безопасность
Конечно, капча шуточная, в реальности такую любой ИИ пройдет еще быстрее чем человек. Но зато как выглядит!
Демо и код проекта: https://vivirenremoto.github.io/doomcaptcha/
#безопасность
🤩15🔥8👍6
Применение принципов 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
🔥19👍2
Вышел бенчмарк для измерения скорости отклика веб-приложений 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 #тестирование #дизайн #вёрстка
❤7👍4
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
🔥20🤔2👍1
Создаём портфолио в формате 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
❤17👍6🥰2
Когда уронил всю инфраструктуру компании, но большинство коллег благодарны тебе за внеплановый выходной:
😁66❤1🤣1
Не верьте тем, кто говорит, что 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 #тренды #карьера
🤩11❤2👍1
Готовимся к вопросам по вёрстке на интервью фронтенд-разработчика: зачем нужно использовать свойство display?
Это один из самых интересных вопросов вёрстки. В статье разобрали, зачем нужно использовать свойство, и почему для большинства случаев значение состоит из двух ключевых слов, хотя все используют одно:
https://habr.com/ru/companies/ruvds/articles/798975/
@tproger_web #фронтенд #собеседование
Это один из самых интересных вопросов вёрстки. В статье разобрали, зачем нужно использовать свойство, и почему для большинства случаев значение состоит из двух ключевых слов, хотя все используют одно:
https://habr.com/ru/companies/ruvds/articles/798975/
@tproger_web #фронтенд #собеседование
🔥5👍1
Мега-учебник 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/
#инструменты #дизайн
🔥6