🤠На стороне своих правил в ESlint
В данной статье рассказывается о значимости договорённостей в разработке, представлены примеры правил для React и Redux, обсуждается автоматизация правил с помощью ESlint и раскрыта архитектура программы в ESlint при создании собственного плагина.
Читать...
Original post link: t.me/frontendnoteschannel/3380
Forwarded and filtered by @smartfeed_bot
В данной статье рассказывается о значимости договорённостей в разработке, представлены примеры правил для React и Redux, обсуждается автоматизация правил с помощью ESlint и раскрыта архитектура программы в ESlint при создании собственного плагина.
Читать...
Original post link: t.me/frontendnoteschannel/3380
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
ChatGPT попросили нарисовать слово «Honda» символами ASCII, но у ChatGPT не получалось...
Когда ИИ восстанет, автора этих сообщений явно помилуют.
Original post link: t.me/tproger_web/4418
Forwarded and filtered by @smartfeed_bot
Когда ИИ восстанет, автора этих сообщений явно помилуют.
Original post link: t.me/tproger_web/4418
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Ipanema Pattern – паттерн с деталями в форме кругов и эллипсов. Можно использовать его как заставку для шапки сайта или как фоновое изображение.
Сайтодел | #сниппет #css
Original post link: t.me/sitodel/1689
Forwarded and filtered by @smartfeed_bot
Сайтодел | #сниппет #css
Original post link: t.me/sitodel/1689
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Collapsible Timeline
Свёрстано на HTML и CSS. Логика раскрытия элементов меню реализована в JS.
👉 @seniorFront
Original post link: t.me/seniorFront/3875
Forwarded and filtered by @smartfeed_bot
Свёрстано на HTML и CSS. Логика раскрытия элементов меню реализована в JS.
👉 @seniorFront
Original post link: t.me/seniorFront/3875
Forwarded and filtered by @smartfeed_bot
😎GET запросы на практике: правила, принципы и примеры
В этой статье я спроектирую контракт по шагам, и на каждом из них я расскажу про общие рекомендации из копилочки “Полезное”, а также про личные правила и практики, полученные долгим опытом работы над постоянно меняющимися ИТ-продуктами, которые помогут для “дальновидного” проектирования GET REST API.
Читать...
Original post link: t.me/frontendnoteschannel/3381
Forwarded and filtered by @smartfeed_bot
В этой статье я спроектирую контракт по шагам, и на каждом из них я расскажу про общие рекомендации из копилочки “Полезное”, а также про личные правила и практики, полученные долгим опытом работы над постоянно меняющимися ИТ-продуктами, которые помогут для “дальновидного” проектирования GET REST API.
Читать...
Original post link: t.me/frontendnoteschannel/3381
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Color Palette
Палитра с оттенками цветов. Полноценно работает с компьютера. Логика переключения между оттенками написана на JavaScript.
https://codepen.io/onlyveen/pen/rwvKqb
Original post link: t.me/senior_front/1892
Forwarded and filtered by @smartfeed_bot
Палитра с оттенками цветов. Полноценно работает с компьютера. Логика переключения между оттенками написана на JavaScript.
https://codepen.io/onlyveen/pen/rwvKqb
Original post link: t.me/senior_front/1892
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 10 messages
Today you received: 8 messages
Our filtering prevented you from: 2 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 3 message(s)
Frontender's notes [ru]: 3 message(s)
Senior Frontend Developer | JavaScript, React, HTML & CSS: 2 message(s)
React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Today the bot processed: 10 messages
Today you received: 8 messages
Our filtering prevented you from: 2 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 3 message(s)
Frontender's notes [ru]: 3 message(s)
Senior Frontend Developer | JavaScript, React, HTML & CSS: 2 message(s)
React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Telegram
Oleg Litvinov
You can contact @OlegBEZb right away.
🐙 Brainwave – репозиторий проекта по созданию сайта. Здесь есть сниппеты кода, ссылка на видеоурок и описание фич готового продукта.
Сайтодел | #репозиторий #github
Original post link: t.me/sitodel/1690
Forwarded and filtered by @smartfeed_bot
Сайтодел | #репозиторий #github
Original post link: t.me/sitodel/1690
Forwarded and filtered by @smartfeed_bot
Интересный codepen-проект: Balloon Bears
Это небольшая игра, написанная на React с использованием gsap.
Исходники: https://codepen.io/jh3y/pen/NWOLyGd
#codepen
Original post link: t.me/tproger_web/4419
Forwarded and filtered by @smartfeed_bot
Это небольшая игра, написанная на React с использованием gsap.
Исходники: https://codepen.io/jh3y/pen/NWOLyGd
#codepen
Original post link: t.me/tproger_web/4419
Forwarded and filtered by @smartfeed_bot
🚀Гонка за скоростью: сравнение производительности ведущих фреймворков JavaScript в веб-разработке. Fastify, Express, Koa
В этой статье я узнаю, что было проведено исследование производительности веб-фреймворков JavaScript - Fastify, Express и Koa.
Читать...
Original post link: t.me/frontendnoteschannel/3383
Forwarded and filtered by @smartfeed_bot
В этой статье я узнаю, что было проведено исследование производительности веб-фреймворков JavaScript - Fastify, Express и Koa.
Читать...
Original post link: t.me/frontendnoteschannel/3383
Forwarded and filtered by @smartfeed_bot
❓ Что будет на выходе?
Ответ:10 10
Original post link: t.me/senior_front/1893
Forwarded and filtered by @smartfeed_bot
Ответ:
Original post link: t.me/senior_front/1893
Forwarded and filtered by @smartfeed_bot
Без каких знаний не обойтись бэкендеру в 2024 году?
Изучать бэкенд с нуля и даже актуализировать уже имеющиеся знания и навыки — задачка не из простых. Мало того, что основное время уходит на работу и дом, нужно постоянно следить за трендами разработки, чтобы оставаться востребованным специалистом.
Выбрать стек для обучения тоже непросто: языков, технологий, библиотек и фреймворков столько, что глаза разбегаются.
Мы попросили мидл- и сеньор-бэкендеров ответить на вопросы:
— Что должен был уметь бэкендер в 2024 году?
— Какие тренды в бэкенде в 2024 году?
— Что нужно изучить, чтобы прокачаться?
— Специалистов какого стека не хватает на рынке?
Вот что они ответили: https://tproger.ru/articles/backend-2024
@tproger_web #тренды
Original post link: t.me/tproger_web/4420
Forwarded and filtered by @smartfeed_bot
Изучать бэкенд с нуля и даже актуализировать уже имеющиеся знания и навыки — задачка не из простых. Мало того, что основное время уходит на работу и дом, нужно постоянно следить за трендами разработки, чтобы оставаться востребованным специалистом.
Выбрать стек для обучения тоже непросто: языков, технологий, библиотек и фреймворков столько, что глаза разбегаются.
Мы попросили мидл- и сеньор-бэкендеров ответить на вопросы:
— Что должен был уметь бэкендер в 2024 году?
— Какие тренды в бэкенде в 2024 году?
— Что нужно изучить, чтобы прокачаться?
— Специалистов какого стека не хватает на рынке?
Вот что они ответили: https://tproger.ru/articles/backend-2024
@tproger_web #тренды
Original post link: t.me/tproger_web/4420
Forwarded and filtered by @smartfeed_bot
😶🌫Web3 приложение Twitter на React.js + Solidity | часть 1
В этой статье я подробно покажу процесс создания dApp приложения на примере Twitter.
Читать...
Original post link: t.me/frontendnoteschannel/3385
Forwarded and filtered by @smartfeed_bot
В этой статье я подробно покажу процесс создания dApp приложения на примере Twitter.
Читать...
Original post link: t.me/frontendnoteschannel/3385
Forwarded and filtered by @smartfeed_bot
Forwarded from Senior Frontend - javascript, html, css
Почему конфликтуют тестировщики и разработчики, и как этого избежать
О взаимоотношениях и специфических противоречиях тестировщиков и разработчиков сегодня сложено немало анекдотов. Но представителям двух профессий важно уживаться в единой экосистеме для решения задача работодателя и заказчиков.
При знакомстве с командой первое, что я услышал от разработчика, было: «Надеюсь, мы не сильно задолбаем друг друга багами». Это описывает в целом проблему взаимодействия двух структур.
Сторона разработчика
Разработчик занят созданием и развитием продукта. Его образ мышления может включать некоторые элементы образа мышления тестировщика. Но успешные программисты больше увлечены реализацией творческих решений, чем рассмотрением того, что может быть неправильным в этих решениях.
Ошибки в работе встречаются абсолютно у всех. Но далеко не все имеют качества, позволяющие самостоятельно обнаруживать и исправлять их. Для большинства людей, когда указывают на их ошибки, это воспринимается как унижение. Налицо психологический эффект: тот, кто сообщает о баге, как бы нависает в образе более компетентного специалиста. Он выступает в роли свидетеля чужого дефекта разработки, а также пусть и микро-, но провала.
Сторона тестировщика
Тестировщик нацелен на разрушение, то бишь предвзятое выискивание чужих ошибок, доводя систему динамическим тестированием до состояния отказа. Попробуйте вспомнить, радовались ли когда-нибудь человеку, приходящему со списком ваших ошибок в работе, на которую ушла уйма времени? Это довольно трудно себе представить, даже если в целом понимаете, что это просто алгоритм рабочего процесса и так заведено. Встреча со специалистом по тестированию сама по себе несёт скрытый мотив — «ты не профи». Согласитесь, что психологическая сторона такого контакта вполне органично может приводить к пассивной агрессии со стороны разработчика созданного продукта и провокацией трений.
Корень конфликта
Таким образом, мы обнажили корень конфликта — разные цели! Когда у людей разные цели, как их не объединяй, они всё равно будут идти каждый своей дорогой, по итогу – в разные стороны.
Следовательно, одним из первоочередных вопросов, который стоит поднять специалистам, становится мотивация к пониманию того, что и программирование, и тестирование — это лишь средства в решении одной общей, стоящей перед ними, задачи. А задача эта — релиз.
👉 @seniorFront
О взаимоотношениях и специфических противоречиях тестировщиков и разработчиков сегодня сложено немало анекдотов. Но представителям двух профессий важно уживаться в единой экосистеме для решения задача работодателя и заказчиков.
При знакомстве с командой первое, что я услышал от разработчика, было: «Надеюсь, мы не сильно задолбаем друг друга багами». Это описывает в целом проблему взаимодействия двух структур.
Сторона разработчика
Разработчик занят созданием и развитием продукта. Его образ мышления может включать некоторые элементы образа мышления тестировщика. Но успешные программисты больше увлечены реализацией творческих решений, чем рассмотрением того, что может быть неправильным в этих решениях.
Ошибки в работе встречаются абсолютно у всех. Но далеко не все имеют качества, позволяющие самостоятельно обнаруживать и исправлять их. Для большинства людей, когда указывают на их ошибки, это воспринимается как унижение. Налицо психологический эффект: тот, кто сообщает о баге, как бы нависает в образе более компетентного специалиста. Он выступает в роли свидетеля чужого дефекта разработки, а также пусть и микро-, но провала.
Сторона тестировщика
Тестировщик нацелен на разрушение, то бишь предвзятое выискивание чужих ошибок, доводя систему динамическим тестированием до состояния отказа. Попробуйте вспомнить, радовались ли когда-нибудь человеку, приходящему со списком ваших ошибок в работе, на которую ушла уйма времени? Это довольно трудно себе представить, даже если в целом понимаете, что это просто алгоритм рабочего процесса и так заведено. Встреча со специалистом по тестированию сама по себе несёт скрытый мотив — «ты не профи». Согласитесь, что психологическая сторона такого контакта вполне органично может приводить к пассивной агрессии со стороны разработчика созданного продукта и провокацией трений.
Корень конфликта
Таким образом, мы обнажили корень конфликта — разные цели! Когда у людей разные цели, как их не объединяй, они всё равно будут идти каждый своей дорогой, по итогу – в разные стороны.
Следовательно, одним из первоочередных вопросов, который стоит поднять специалистам, становится мотивация к пониманию того, что и программирование, и тестирование — это лишь средства в решении одной общей, стоящей перед ними, задачи. А задача эта — релиз.
👉 @seniorFront
This is a daily stats digest!
Today the bot processed: 12 messages
Today you received: 7 messages
Our filtering prevented you from: 5 messages
Top 3 source channels:
Frontender's notes [ru]: 4 message(s)
Senior Frontend - javascript, html, css: 4 message(s)
Веб-страница: 2 message(s)
React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Today the bot processed: 12 messages
Today you received: 7 messages
Our filtering prevented you from: 5 messages
Top 3 source channels:
Frontender's notes [ru]: 4 message(s)
Senior Frontend - javascript, html, css: 4 message(s)
Веб-страница: 2 message(s)
React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
Telegram
Oleg Litvinov
You can contact @OlegBEZb right away.
Как работают профессионалы
Original post link: t.me/ithumor/10928
Forwarded and filtered by @smartfeed_bot
Original post link: t.me/ithumor/10928
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive Portfolio
Это полноценная страница-портфолио, свёрстанная в стиле macOS на HTML и CSS.
👉 @seniorFront
Original post link: t.me/seniorFront/3881
Forwarded and filtered by @smartfeed_bot
Это полноценная страница-портфолио, свёрстанная в стиле macOS на HTML и CSS.
👉 @seniorFront
Original post link: t.me/seniorFront/3881
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
💾 CSS Scroll-Driven Animations – слайдер с четырьмя видами анимации скролла. Перелистывать слайды можно по вертикали, по горизонтали, а также с эффектами зума или плавного переключения.
Сайтодел | #сниппет #css
Original post link: t.me/sitodel/1692
Forwarded and filtered by @smartfeed_bot
Сайтодел | #сниппет #css
Original post link: t.me/sitodel/1692
Forwarded and filtered by @smartfeed_bot
🗑Сборка мусора в V8
В этой статье мы детально разберем процесс сборки мусора движком V8. Познакомимся с понятиями поколений, Minor и Major Garbage Collection, посмотрим, как аллоцируются, трассируются и маркируются объекты в памяти. Что происходит с пустыми областями после очистки и как выполняется сборка мусора в фоновом режиме.
Читать...
Original post link: t.me/frontendnoteschannel/3387
Forwarded and filtered by @smartfeed_bot
В этой статье мы детально разберем процесс сборки мусора движком V8. Познакомимся с понятиями поколений, Minor и Major Garbage Collection, посмотрим, как аллоцируются, трассируются и маркируются объекты в памяти. Что происходит с пустыми областями после очистки и как выполняется сборка мусора в фоновом режиме.
Читать...
Original post link: t.me/frontendnoteschannel/3387
Forwarded and filtered by @smartfeed_bot
Pure CSS Still Life - Water and Lemons
Картинка создана на чистом CSS.
https://codepen.io/ivorjetski/pen/xMJoYO
Original post link: t.me/senior_front/1894
Forwarded and filtered by @smartfeed_bot
Картинка создана на чистом CSS.
https://codepen.io/ivorjetski/pen/xMJoYO
Original post link: t.me/senior_front/1894
Forwarded and filtered by @smartfeed_bot
Forwarded from Веб-страница
Состоялся релиз Puter — браузерной среды рабочего стола
Разработчики выпустили браузерную среду рабочего стола Puter, которую можно использовать для создания своих веб-проектов.
Puter представляет собой усовершенствованную и быструю среду рабочего стола, которая запускается в браузере. Решение можно кастомизировать под свои задачи.
Puter написан на JavaScript и jQuery. Разработчики не использовали фреймворки, чтобы полностью контролировать стек и избежать появления сложных абстракций. jQuery выбрали из-за того, что Puter взаимодействует напрямую с DOM, а jQuery предоставляет «элегантное, но мощное API для этих задач».
Разработчики развернули демоверсию Puter: https://puter.com/
В ней есть файловый менеджер, терминал, блокнот, графический редактор, камера, диктофон и даже VS Code. Окна можно перемещать по рабочему столу, изменить их размер, сворачивать и открывать на полный экран.
Код проекта есть на GitHub: https://github.com/HeyPuter/puter
@tproger_web #javascript #инструменты
Разработчики выпустили браузерную среду рабочего стола Puter, которую можно использовать для создания своих веб-проектов.
Puter представляет собой усовершенствованную и быструю среду рабочего стола, которая запускается в браузере. Решение можно кастомизировать под свои задачи.
Puter написан на JavaScript и jQuery. Разработчики не использовали фреймворки, чтобы полностью контролировать стек и избежать появления сложных абстракций. jQuery выбрали из-за того, что Puter взаимодействует напрямую с DOM, а jQuery предоставляет «элегантное, но мощное API для этих задач».
Разработчики развернули демоверсию Puter: https://puter.com/
В ней есть файловый менеджер, терминал, блокнот, графический редактор, камера, диктофон и даже VS Code. Окна можно перемещать по рабочему столу, изменить их размер, сворачивать и открывать на полный экран.
Код проекта есть на GitHub: https://github.com/HeyPuter/puter
@tproger_web #javascript #инструменты