Перевод серии статей, посвященных паттернам проектирования в TypeScript.
🔗 Часть 1: «стратегия», «цепочка обязанностей», «наблюдатель», «издатель-подписчик» как частный случай использования паттерна «наблюдатель».
🔗 Часть 2: «шаблон», «адаптер», «фабрика», «абстрактная фабрика».
🔗 Часть 1: «стратегия», «цепочка обязанностей», «наблюдатель», «издатель-подписчик» как частный случай использования паттерна «наблюдатель».
🔗 Часть 2: «шаблон», «адаптер», «фабрика», «абстрактная фабрика».
Хабр
TypeScript: паттерны проектирования. Часть 1
Привет, друзья! Представляю вашему вниманию перевод первой части серии статей , посвященных паттернам проектирования в TypeScript . Спасибо Денису Улесову за помощь в переводе материала. Паттерны (или...
Новая директория
Читать
app
, layouts, server components, streaming, turbopack и next/image: эти и многие другие изменения в новой версии Next.js.Читать
Хабр
Что нового в Next.js 13?
Эта статья — перевод оригинальной статьи " Next.js 13 " Также я веду телеграм канал “ Frontend по-флотски ”, где рассказываю про интересные вещи из мира разработки интерфейсов. Новая директория app...
🔧 Fontpie — CLI-инструмент, который генерирует CSS-код и решает проблему сдвигов макета из-за веб-шрифтов. За наводку спасибо подписчику.
https://github.com/pixel-point/fontpie
https://github.com/pixel-point/fontpie
GitHub
GitHub - pixel-point/fontpie: Get your layout shifts optimized with a CLI-generated piece of CSS
Get your layout shifts optimized with a CLI-generated piece of CSS - pixel-point/fontpie
📌 Если вы всегда хотите быть в курсе книжных новинок, обновлений и другой полезной информации, касающейся вашего языка или области программирования, вы можете начать читать один из наших каналов, где мы каждый день публикуем учебные материалы для разработчиков разного уровня.
😂 Канал с мемами: t.me/itmemlib
👨💻 Полезные материалы по всему, что может быть интересно любому программисту.
Библиотека программиста: t.me/proglibrary
Библиотека хакера: t.me/hackproglib
Go: t.me/goproglib
C\C++: t.me/cppproglib
PHP: t.me/phpproglib
Frontend: t.me/frontendproglib
Python: t.me/pyproglib
Mobile: t.me/mobileproglib
Data Science: t.me/dsproglib
Java: t.me/javaproglib
C#: t.me/csharpproglib
Devops: t.me/devopsslib
Тестирование: t.me/testerlib
Бот с IT-вакансиями: t.me/proglib_job_bot
🎓 Наша школа Proglib Academy: https://yangx.top/proglib_academy
📺 Наш канал на YouTube: https://www.youtube.com/c/Библиотекапрограммиста
📄 Лента в Дзен: https://zen.yandex.ru/proglib
🗺 Если вы хотите быть в курсе последних событий в мире разработки, подписывайтесь на нашего бота t.me/event_listener_bot. Там можно настроить бота под себя: указать интересующие города и темы.
Подписывайтесь: t.me/event_listener_bot
👨💻 Полезные материалы по всему, что может быть интересно любому программисту.
Библиотека программиста: t.me/proglibrary
Библиотека хакера: t.me/hackproglib
Go: t.me/goproglib
C\C++: t.me/cppproglib
PHP: t.me/phpproglib
Frontend: t.me/frontendproglib
Python: t.me/pyproglib
Mobile: t.me/mobileproglib
Data Science: t.me/dsproglib
Java: t.me/javaproglib
C#: t.me/csharpproglib
Devops: t.me/devopsslib
Тестирование: t.me/testerlib
Бот с IT-вакансиями: t.me/proglib_job_bot
📺 Наш канал на YouTube: https://www.youtube.com/c/Библиотекапрограммиста
📄 Лента в Дзен: https://zen.yandex.ru/proglib
🗺 Если вы хотите быть в курсе последних событий в мире разработки, подписывайтесь на нашего бота t.me/event_listener_bot. Там можно настроить бота под себя: указать интересующие города и темы.
Подписывайтесь: t.me/event_listener_bot
Please open Telegram to view this post
VIEW IN TELEGRAM
Вышла вторая часть серии статей, посвященных паттернам проектирования в TypeScript 👉 https://yangx.top/frontendproglib/3556
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Перевод серии статей, посвященных паттернам проектирования в TypeScript.
🔗 Часть 1: «стратегия», «цепочка обязанностей», «наблюдатель», «издатель-подписчик» как частный случай использования паттерна «наблюдатель».
🔗 Часть 2: «шаблон», «адаптер», «фабрика»…
🔗 Часть 1: «стратегия», «цепочка обязанностей», «наблюдатель», «издатель-подписчик» как частный случай использования паттерна «наблюдатель».
🔗 Часть 2: «шаблон», «адаптер», «фабрика»…
Что хорошего в функциональном программировании?
Под катом вы увидите отрывок главы из будущей книги Джеймса Синклера под названием «Руководство скептика по функциональному программированию с помощью JavaScript».
Читать
Под катом вы увидите отрывок главы из будущей книги Джеймса Синклера под названием «Руководство скептика по функциональному программированию с помощью JavaScript».
Читать
Jrsinclair
What’s so great about functional programming anyway?
To hear some people talk about functional programming, you’d think they’d joined some kind of cult. They prattle on about how it’s changed the way they think about code. They’ll extol the benefits of purity, at length. And proclaim that they are now able…
День Angular в рамках Google Open Source Live
Вы услышите доклады о текущем состоянии Angular и многом другом.
Смотреть
Вы услышите доклады о текущем состоянии Angular и многом другом.
Смотреть
YouTube
Full Event | Angular Day on Google Open Source Live
October's Google Open Source Live event highlighted the State of Angular along with multiple sessions presented by Angular team members and the community. In this event you can find the following sessions- Building Accessible Angular Apps, Simplifying Angular…
#news
Подборка новостей и обновлений популярных инструментов/библиотек для фронтенд-разработчика:
— ECMAScript proposal: RegExp flag
— Примечания к выпуску Firefox 107.0
— Анонс Deno 1.28
— Анонс Angular 15
— Анонс стабильной версии Nuxt 3.0
— Анонс TypeScript 4.9
— Релиз Playwright 1.28
— Релиз Cypress 11.1
— Релиз NPKILL 0.10
— Релиз Derby 1.1
— Релиз Node.js 19.1.0
— Релиз tslog 4.3
— Релиз OverlayScrollbars 2.0
— Релиз <qr-code> 1.1
— Релиз FortuneSheet 0.9
— Релиз Happy DOM 7.7
— Релиз Capacitor 4.5
— Релиз vue-concurrency 4.0
— Релиз <relative-time> 3.4.1
— Релиз DOCX 7.7
— Релиз React95 4.0
Подборка новостей и обновлений популярных инструментов/библиотек для фронтенд-разработчика:
— ECMAScript proposal: RegExp flag
/v
makes character classes and character class escapes more powerful— Примечания к выпуску Firefox 107.0
— Анонс Deno 1.28
— Анонс Angular 15
— Анонс стабильной версии Nuxt 3.0
— Анонс TypeScript 4.9
— Релиз Playwright 1.28
— Релиз Cypress 11.1
— Релиз NPKILL 0.10
— Релиз Derby 1.1
— Релиз Node.js 19.1.0
— Релиз tslog 4.3
— Релиз OverlayScrollbars 2.0
— Релиз <qr-code> 1.1
— Релиз FortuneSheet 0.9
— Релиз Happy DOM 7.7
— Релиз Capacitor 4.5
— Релиз vue-concurrency 4.0
— Релиз <relative-time> 3.4.1
— Релиз DOCX 7.7
— Релиз React95 4.0
2Ality
ECMAScript proposal: RegExp flag `/v` makes character classes and character class escapes more powerful
In this blog post, we look at the ECMAScript proposal “RegExp v flag with set notation + properties of strings” by Markus Scherer and Mathias Bynens.
«Библиотека программиста» находится в поиске авторов оригинальных статей
Языки:
– Python, JavaScript, TypeScript, SQL.
Тематики:
– Информационная безопасность, Data Science, базовые концепции языков, продвинутый Python, JS (и т. д), бэкенд веб-приложений, фронтенд-разработка, React, системное программирование, базы данных.
Объем:
– от 7 до 15 тыс. знаков.
➡️ Заполнить анкету ⬅️
Я хорошо программирую, но пишу «так себе». Что делать?
Если вы хорошо программируете, но навыки письма немного отстают, пройдите наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».
Языки:
– Python, JavaScript, TypeScript, SQL.
Тематики:
– Информационная безопасность, Data Science, базовые концепции языков, продвинутый Python, JS (и т. д), бэкенд веб-приложений, фронтенд-разработка, React, системное программирование, базы данных.
Объем:
– от 7 до 15 тыс. знаков.
➡️ Заполнить анкету ⬅️
Я хорошо программирую, но пишу «так себе». Что делать?
Если вы хорошо программируете, но навыки письма немного отстают, пройдите наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».
345. Safari TP, WebDX, OKLCH, TS 4.9, CSS-токены на типах, гриды…
Веб-стандарты
🎙️Подкаст «Веб-стандарты»: Юля Миоцен и Никита Дубко про Safari TP, группу WebDX, OKLCH в CSS, TypeScript 4.9, CSS-токены на типах, гриды и шейпы, where или is и про трюк с has.
00:01:08 Safari TP 158
00:10:31 Группа WebDX
00:19:54 OKLCH в CSS
00:33:11 TypeScript 4.9
00:45:40 CSS-токены на типах
00:56:03 Гриды и шейпы
01:04:17 Where или is
01:10:13 Трюк с has
Слушайте на Ютубе: https://youtu.be/jfbqsfmjPRw
Ссылки на сайте: https://web-standards.ru/podcast/345
00:01:08 Safari TP 158
00:10:31 Группа WebDX
00:19:54 OKLCH в CSS
00:33:11 TypeScript 4.9
00:45:40 CSS-токены на типах
00:56:03 Гриды и шейпы
01:04:17 Where или is
01:10:13 Трюк с has
Слушайте на Ютубе: https://youtu.be/jfbqsfmjPRw
Ссылки на сайте: https://web-standards.ru/podcast/345
Оптимизация анимаций на CSS
Creative фронтенд-разработчик в Red Collar рассказывает, как улучшить производительность страницы путём выноса элементов на композитные слои, какие CSS-свойства для этого использовать и как делать это разумно.
Читать
Creative фронтенд-разработчик в Red Collar рассказывает, как улучшить производительность страницы путём выноса элементов на композитные слои, какие CSS-свойства для этого использовать и как делать это разумно.
Читать
Хабр
Чёрная магия трансформов, или об оптимизации анимаций на CSS
Иногда Frontend-разработчики сталкиваются с тем, что для оптимизации производительности нужно написать волшебное свойство translateZ(0) или will-change. Тогда анимации перестанут зависать, ничего не...
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - lucide-icons/lucide: Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather…
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. - lucide-icons/lucide
📜 15 лучших практик SQL после 20 лет программирования
Даже если ваш SQL-код работает правильно, его все равно можно улучшить, в частности в том, что касается производительности и читаемости. В статье перечислены лучшие практики составления SQL-запросов, которым вы должны следовать, чтобы сделать ваш код более легким для чтения и понимания.
🔗 Основной сайт
🔗 Зеркало
Даже если ваш SQL-код работает правильно, его все равно можно улучшить, в частности в том, что касается производительности и читаемости. В статье перечислены лучшие практики составления SQL-запросов, которым вы должны следовать, чтобы сделать ваш код более легким для чтения и понимания.
🔗 Основной сайт
🔗 Зеркало
В CSS более пятисот свойств — и хоть не обязательно знать их все, многие считают, что CSS становится слишком много. Что думаете по этому поводу?
🤔 Статья по теме
Please open Telegram to view this post
VIEW IN TELEGRAM
CSS-Tricks
Is There Too Much CSS Now? | CSS-Tricks
As front-end developers, we've wished for a lot of things over the years — ways to center things in CSS, encapsulate styles, set an element’s aspect ratio,
Please open Telegram to view this post
VIEW IN TELEGRAM
Jack Hacks
Chrome Browser Exploitation, Part 1: Introduction to V8 and JavaScript Internals
Web browsers, our extensive gateway to the internet. Browsers today play a vital role in modern organizations as more and more software applications are delivered to users via a web browser in the form of web applications. Pretty much everything you might…
346. Firefox, таблицы, шум на CSS, State of JS, npm, IWA, флексы…
Веб-стандарты
🎙️Подкаст «Веб-стандарты»: Никита Дубко, Юля Миоцен, Андрей Мелихов, Вадим Макеев про Firefox, таблицы, шум на CSS, State of JS, npm, IWA, флексы, доступность, двух волков и инпут.
00:01:24 Firefox Nightly
00:09:16 Смешные таблицы
00:17:38 Шум на CSS
00:28:17 State of JS
00:34:57 Npm-пакеты
00:40:28 Isolated Web Apps
00:56:49 Картинки, флексы и CSS
01:07:03 Доступность с клавиатуры
01:16:10 Два волка и инпут
🔗 Слушать на Ютубе
🔗 Ссылки на сайте
00:01:24 Firefox Nightly
00:09:16 Смешные таблицы
00:17:38 Шум на CSS
00:28:17 State of JS
00:34:57 Npm-пакеты
00:40:28 Isolated Web Apps
00:56:49 Картинки, флексы и CSS
01:07:03 Доступность с клавиатуры
01:16:10 Два волка и инпут
🔗 Слушать на Ютубе
🔗 Ссылки на сайте