Что лучше: Map или Object?
Объекты в JavaScript способны на всё. Нет, серьёзно, это просто всемогущая сущность с точки зрения языка. Но даже если объект может всё, это не значит, что его нужно использовать повсеместно.
Например, если вы собираетесь хранить пары ключ-значения, то для этого лучше использовать map и вот почему: https://www.builder.io/blog/maps
@tproger_web #javascript
Original post link: t.me/tproger_web/4413
Forwarded and filtered by @smartfeed_bot
Объекты в JavaScript способны на всё. Нет, серьёзно, это просто всемогущая сущность с точки зрения языка. Но даже если объект может всё, это не значит, что его нужно использовать повсеместно.
Например, если вы собираетесь хранить пары ключ-значения, то для этого лучше использовать map и вот почему: https://www.builder.io/blog/maps
@tproger_web #javascript
Original post link: t.me/tproger_web/4413
Forwarded and filtered by @smartfeed_bot
😵Рефакторинг прайс-листа без духоты
В этой статье я расскажу, как мы рефакторили наболевшее, обнаруживали главные проблемы и находили элегантные решения.
Читать...
Original post link: t.me/frontendnoteschannel/3371
Forwarded and filtered by @smartfeed_bot
В этой статье я расскажу, как мы рефакторили наболевшее, обнаруживали главные проблемы и находили элегантные решения.
Читать...
Original post link: t.me/frontendnoteschannel/3371
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 10 messages
Today you received: 9 messages
Our filtering prevented you from: 1 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 3 message(s)
Веб-страница: 3 message(s)
Frontender's notes [ru]: 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: 9 messages
Our filtering prevented you from: 1 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 3 message(s)
Веб-страница: 3 message(s)
Frontender's notes [ru]: 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/tproger_web/4414
Forwarded and filtered by @smartfeed_bot
Original post link: t.me/tproger_web/4414
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Icon Hover Effect Using
Иконки с оригинальным эффектом при наведении, созданные на HTML и CSS.
👉 @seniorFront
Original post link: t.me/seniorFront/3866
Forwarded and filtered by @smartfeed_bot
Иконки с оригинальным эффектом при наведении, созданные на HTML и CSS.
👉 @seniorFront
Original post link: t.me/seniorFront/3866
Forwarded and filtered by @smartfeed_bot
😍Frontend в условиях полной редактируемости
В этой статье мы расскажем подробно про систему поблочной сборки и подводные “камни” реализации подобной системы под «1С-Битрикс» для frontend-разработчиков.
Читать...
Original post link: t.me/frontendnoteschannel/3372
Forwarded and filtered by @smartfeed_bot
В этой статье мы расскажем подробно про систему поблочной сборки и подводные “камни” реализации подобной системы под «1С-Битрикс» для frontend-разработчиков.
Читать...
Original post link: t.me/frontendnoteschannel/3372
Forwarded and filtered by @smartfeed_bot
🎨 Цветовая палитра макета "Parallax Effect"
Сайтодел | #палитра
Original post link: t.me/sitodel/1686
Forwarded and filtered by @smartfeed_bot
HEX | RGB #F1CBCB | rgb(241,203,203)
#F27A85rgb(242,122,133) #7D909C | rgb(125,144,156)
⚠️ Цвет копируется одним кликом!Сайтодел | #палитра
Original post link: t.me/sitodel/1686
Forwarded and filtered by @smartfeed_bot
Forwarded from Senior Frontend - javascript, html, css
Каким образом работает каррированная функция (curry function) и в чем заключается её преимущество?
Anonymous Quiz
71%
Каррирование озволяет разделить функцию с аргументами на несколько, принимающих по 1 аргументу.
17%
Каррирование означает использование кеширования в функциях для повышения производительности.
12%
Каррированная функция может вызывать саму себя
Азбука SQL: подборка полезных статей по SQL
1. Создаем базу данных и первую таблицу: https://proglib.io/p/azbuka-sql-v-primerah-chast-1-sozdaem-bazu-dannyh-i-pervuyu-tablicu-2023-11-17
2. Ограничения, которые упрощают жизнь: https://proglib.io/p/azbuka-sql-v-primerah-chast-2-ogranicheniya-kotorye-uproshchayut-zhizn-2023-11-21
3. Обрабатываем результаты и делаем сложные запросы: https://proglib.io/p/azbuka-sql-v-primerah-chast-3-obrabatyvaem-rezultaty-i-delaem-slozhnye-zaprosy-2024-01-19
@tproger_web #sql #бд
Original post link: t.me/tproger_web/4415
Forwarded and filtered by @smartfeed_bot
1. Создаем базу данных и первую таблицу: https://proglib.io/p/azbuka-sql-v-primerah-chast-1-sozdaem-bazu-dannyh-i-pervuyu-tablicu-2023-11-17
2. Ограничения, которые упрощают жизнь: https://proglib.io/p/azbuka-sql-v-primerah-chast-2-ogranicheniya-kotorye-uproshchayut-zhizn-2023-11-21
3. Обрабатываем результаты и делаем сложные запросы: https://proglib.io/p/azbuka-sql-v-primerah-chast-3-obrabatyvaem-rezultaty-i-delaem-slozhnye-zaprosy-2024-01-19
@tproger_web #sql #бд
Original post link: t.me/tproger_web/4415
Forwarded and filtered by @smartfeed_bot
⭐️Немного об интеграции Cube в SegmentStream
В этой статье я расскажу как о том, как была решена задача адаптации Cube под наши нужды.
Читать...
Original post link: t.me/frontendnoteschannel/3373
Forwarded and filtered by @smartfeed_bot
В этой статье я расскажу как о том, как была решена задача адаптации Cube под наши нужды.
Читать...
Original post link: t.me/frontendnoteschannel/3373
Forwarded and filtered by @smartfeed_bot
Отблеск, перспектива и поворот - причудливые CSS 3D эффекты для изображений
Эта статья представляет собой сборник необычных 3D-эффектов для изображений. Мы расскажем, как добавить изображениям перспективу, глубину, поворот и даже гладкий блеск при помощи CSS. И все это вы сможете использовать в своем следующем проекте.
https://msiter.ru/articles/otblesk-perspektiva-i-povorot-prichudlivye-css-3d-effekty-dlya-izobrazheniy
Original post link: t.me/senior_front/1888
Forwarded and filtered by @smartfeed_bot
Эта статья представляет собой сборник необычных 3D-эффектов для изображений. Мы расскажем, как добавить изображениям перспективу, глубину, поворот и даже гладкий блеск при помощи CSS. И все это вы сможете использовать в своем следующем проекте.
https://msiter.ru/articles/otblesk-perspektiva-i-povorot-prichudlivye-css-3d-effekty-dlya-izobrazheniy
Original post link: t.me/senior_front/1888
Forwarded and filtered by @smartfeed_bot
Msiter.RU
Отблеск, перспектива и поворот - причудливые CSS 3D эффекты для изображений
CSS, используя определенные приемы, позволяет превращать изображения в аккуратные интерактивные элементы. Эта статья представляет собой сборник необычных 3D-эффектов для изображений, демонстрирующих эти возможности CSS
This is a daily stats digest!
Today the bot processed: 8 messages
Today you received: 8 messages
Our filtering prevented you from: 0 messages
Top 3 source channels:
Веб-страница: 2 message(s)
Senior Frontend - javascript, html, css: 2 message(s)
Frontender's notes [ru]: 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: 8 messages
Today you received: 8 messages
Our filtering prevented you from: 0 messages
Top 3 source channels:
Веб-страница: 2 message(s)
Senior Frontend - javascript, html, css: 2 message(s)
Frontender's notes [ru]: 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.
Media is too big
VIEW IN TELEGRAM
Creative Text Hover Effect
В этом видео автор стилизует простой текст. Изначально всем буквам кроме первой задано отрицательное значение CSS letter-spacing, из-за чего буквы скрываются.
👉 @seniorFront
Original post link: t.me/seniorFront/3868
Forwarded and filtered by @smartfeed_bot
В этом видео автор стилизует простой текст. Изначально всем буквам кроме первой задано отрицательное значение CSS letter-spacing, из-за чего буквы скрываются.
👉 @seniorFront
Original post link: t.me/seniorFront/3868
Forwarded and filtered by @smartfeed_bot
Обзор types-spring — библиотеки-надстройки над TypeScript, улучшающей безопасность и удобство использования встроенных типов
К сожалению, TypeScript не идеален: несмотря на всю его продуманность, он имеет много проблем и недоработок, которые обсуждаются в сообществе годами, но так и остаются нерешенными.
Types-spring ставит перед собой цель нивелировать как можно больше таких недоработок. Это своего рода патч над TypeScript, который расширяет встроенные типы, делая их более точными и полезными для разработчика.
В статье рассказали, что за библиотека и как её использовать: https://tproger.ru/articles/obzor-biblioteki-types-spring
@tproger_web #typescript #инструменты
Original post link: t.me/tproger_web/4416
Forwarded and filtered by @smartfeed_bot
К сожалению, TypeScript не идеален: несмотря на всю его продуманность, он имеет много проблем и недоработок, которые обсуждаются в сообществе годами, но так и остаются нерешенными.
Types-spring ставит перед собой цель нивелировать как можно больше таких недоработок. Это своего рода патч над TypeScript, который расширяет встроенные типы, делая их более точными и полезными для разработчика.
В статье рассказали, что за библиотека и как её использовать: https://tproger.ru/articles/obzor-biblioteki-types-spring
@tproger_web #typescript #инструменты
Original post link: t.me/tproger_web/4416
Forwarded and filtered by @smartfeed_bot
⚡️Система иконок на React
В этой статье вы узнаете о том, как можно создать систему иконок на React, используя пакет SVGR для преобразования svg-иконок в React-компоненты.
Читать...
Original post link: t.me/frontendnoteschannel/3374
Forwarded and filtered by @smartfeed_bot
В этой статье вы узнаете о том, как можно создать систему иконок на React, используя пакет SVGR для преобразования svg-иконок в React-компоненты.
Читать...
Original post link: t.me/frontendnoteschannel/3374
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
💾 SVG Debit Card Animation – анимированный фон для банковской карты. Этот эффект подойдет для страниц, где нужно вводить данные для оплаты товаров.
Сайтодел | #сниппет #css
Original post link: t.me/sitodel/1687
Forwarded and filtered by @smartfeed_bot
Сайтодел | #сниппет #css
Original post link: t.me/sitodel/1687
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
animated text
Буквы создаются в JS и анимируются в CSS.
👉 @seniorFront
Original post link: t.me/seniorFront/3869
Forwarded and filtered by @smartfeed_bot
Буквы создаются в JS и анимируются в CSS.
👉 @seniorFront
Original post link: t.me/seniorFront/3869
Forwarded and filtered by @smartfeed_bot
🧐Анатомия StyleX
В этой статье мы разберемся, как stylex работает. Но давайте начнем с примера ее использования.
Читать...
Original post link: t.me/frontendnoteschannel/3375
Forwarded and filtered by @smartfeed_bot
В этой статье мы разберемся, как stylex работает. Но давайте начнем с примера ее использования.
Читать...
Original post link: t.me/frontendnoteschannel/3375
Forwarded and filtered by @smartfeed_bot
#вопросы_с_собеседований
Нарисовать стилями полукруг.
Ответ:
Original post link: t.me/senior_front/1890
Forwarded and filtered by @smartfeed_bot
Нарисовать стилями полукруг.
Ответ:
height: 100px;
width: 100px;
border-right: 1px solid #f00;
border-radius: 0 50% 50% 0;Original post link: t.me/senior_front/1890
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 8 messages
Today you received: 7 messages
Our filtering prevented you from: 1 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 2 message(s)
Frontender's notes [ru]: 2 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: 8 messages
Today you received: 7 messages
Our filtering prevented you from: 1 messages
Top 3 source channels:
Senior Frontend - javascript, html, css: 2 message(s)
Frontender's notes [ru]: 2 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.
The Coupon Code
Создайте функцию, которая проверит, не истек ли купон.
Купон больше не действителен на следующий день после даты истечения срока действия. Все даты будут передаваться как строки в этом формате: "MONTH DATE, YEAR".
👉 @seniorFront
Original post link: t.me/seniorFront/3870
Forwarded and filtered by @smartfeed_bot
Создайте функцию, которая проверит, не истек ли купон.
Купон больше не действителен на следующий день после даты истечения срока действия. Все даты будут передаваться как строки в этом формате: "MONTH DATE, YEAR".
checkCoupon("123", "123", "July 9, 2015", "July 9, 2015") === true checkCoupon("123", "123", "July 9, 2015", "July 2, 2015") === false👉 @seniorFront
Original post link: t.me/seniorFront/3870
Forwarded and filtered by @smartfeed_bot