This media is not supported in your browser
VIEW IN TELEGRAM
Кстати, нас уже 20 000! Спасибо за интерес к «Библиотеке фронтендера» ❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Vue.js: The Documentary
by honeypot.io | What began as a side project of a Google developer
now shares the JS leaderboard with #React and #Angular...
With the help of Sarah Drasner, Taylor Otwell, Thorsten Lünborg and many others from the Vue.js community, Evan You tells the story…
now shares the JS leaderboard with #React and #Angular...
With the help of Sarah Drasner, Taylor Otwell, Thorsten Lünborg and many others from the Vue.js community, Evan You tells the story…
Быстрый взгляд на новую возможность HTML, которая может заменить множество кастомных компонентов ввода на основе
Читать
<div>: <selectmenu>.Читать
Хабр
Однажды у нас будет полностью настраиваемый select
Сегодня я хочу рассмотреть предложенную функцию HTML, которая может в итоге заменить множество пользовательских компонентов ввода на основе <div> : <selectmenu> . CSS это круто Позвольте...
Руководство, в котором на примерах демонстрируется разница между похожими, но одновременно различными UI-виджетами. Про новый атрибут
Читать
popover автор тоже не забыл. Читать
Hidde's blog
Dialogs and popovers seem similar. How are they different?
A deep dive into the semantics, behaviours and characteristics of some of the most common user interface elements of websites today.
Сравнение элементов двух массивов в JavaScript: с использованием объектов Set и с применением функций высшего порядка.
Читать
Читать
NOP::Nuances of programming
Продвинутые методы программирования на JavaScript: сравнение элементов двух массивов
Хотите писать более профессиональный код на JavaScript? Заметных успехов при сравнении двух массивов позволят добиться решения опытного разработчика.
refactor-like-a-superhero-ru.pdf
9.6 MB
Рефакторинг на максималках
Книга выросла из доклада «Рефакторинг на максималках» Алексея Беспоясова в 2022 году, при подготовке которого стало очевидно, что в 40-минутный слот не получится затолкать всё, о чём хотелось бы рассказать.
Книга о том, как эффективно и без боли рефакторить код. В ней обсуждается польза рефакторинга для разработки/бизнеса; рассматривается, как искать проблемы в коде; исследуются возможные решения этих проблем.
Примеры написаны преимущественно на JavaScript и иногда на TypeScript, но описанные техники рефакторинга применимы и в других высокоуровневых языках. Если вы не пишите на JS/TS, но можете понять небольшие фрагменты кода на них, то эта книга может оказаться полезной и вам тоже.
Источник
Книга выросла из доклада «Рефакторинг на максималках» Алексея Беспоясова в 2022 году, при подготовке которого стало очевидно, что в 40-минутный слот не получится затолкать всё, о чём хотелось бы рассказать.
Книга о том, как эффективно и без боли рефакторить код. В ней обсуждается польза рефакторинга для разработки/бизнеса; рассматривается, как искать проблемы в коде; исследуются возможные решения этих проблем.
Примеры написаны преимущественно на JavaScript и иногда на TypeScript, но описанные техники рефакторинга применимы и в других высокоуровневых языках. Если вы не пишите на JS/TS, но можете понять небольшие фрагменты кода на них, то эта книга может оказаться полезной и вам тоже.
Источник
Sailboat UI — современная библиотека UI-компонентов для Tailwind CSS. Под капотом более 150 компонентов Tailwind с открытым исходным кодом.
https://sailboatui.com/
https://sailboatui.com/
#css #tip by reactive_dude
Наглядная иллюстрация разницы между space-between, space-around и space-evenly (justify-content) в CSS Flexbox.
Наглядная иллюстрация разницы между space-between, space-around и space-evenly (justify-content) в CSS Flexbox.
351. React Concurrency, HTTP3, сжатие картинок, SVG-фильтры, visibility…
Веб-стандарты
Подкаст «Веб-стандарты»: Андрей Мелихов, Никита Дубко, Юля Миоцен, Вадим Макеев про React Concurrency, HTTP3, сжатие картинок, SVG-фильтры, visibility, order и тригонометрию в CSS.
00:01:16 React Concurrency
00:18:34 Мифы HTTP3
00:39:12 Сжатие картинок
00:48:10 SVG-фильтры
00:53:55 CSS visibility
00:58:11 Порядок чтения
01:12:27 Тригонометрия в CSS
🔗 Слушать на Ютубе
🔗 Ссылки на сайте
00:01:16 React Concurrency
00:18:34 Мифы HTTP3
00:39:12 Сжатие картинок
00:48:10 SVG-фильтры
00:53:55 CSS visibility
00:58:11 Порядок чтения
01:12:27 Тригонометрия в CSS
🔗 Слушать на Ютубе
🔗 Ссылки на сайте
https://risingstars.js.org/2022/en
Please open Telegram to view this post
VIEW IN TELEGRAM
risingstars.js.org
2022 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2022: trends about frontend, fullstack and Node.js frameworks, React and Vue.js ecosystems, build tools, state management...
Новогодние праздники подходят к концу, надеемся вы успели провести их с пользой😌
А если нет, спешим напомнить: Сегодня последний день 50% распродажи курсов в Библиотеке программиста!
– Математика для Data Science
– Алгоритмы и структуры данных
– Как айтишнику устроиться в международную компанию
– Основы IT для непрограммистов
– Основы программирования на Python
– Frontend Basic: принцип работы современного веба.
🏄 Успейте забронировать скидку на любой из курсов: https://proglib.io/w/e90c5539
Начните новый год правильно!
И не забывайте - завтра подводим итоги конкурса, где можно выиграть:
🥇 Apple AirPods Pro 2
🥈 Курс «Математика для Data Science
🥉 Курс: «Алгоритмы и структуры данных»
👉Поторопитесь, подробности по ссылке: https://proglib.io/w/e72668b2
А если нет, спешим напомнить: Сегодня последний день 50% распродажи курсов в Библиотеке программиста!
– Математика для Data Science
– Алгоритмы и структуры данных
– Как айтишнику устроиться в международную компанию
– Основы IT для непрограммистов
– Основы программирования на Python
– Frontend Basic: принцип работы современного веба.
🏄 Успейте забронировать скидку на любой из курсов: https://proglib.io/w/e90c5539
Начните новый год правильно!
И не забывайте - завтра подводим итоги конкурса, где можно выиграть:
🥇 Apple AirPods Pro 2
🥈 Курс «Математика для Data Science
🥉 Курс: «Алгоритмы и структуры данных»
👉Поторопитесь, подробности по ссылке: https://proglib.io/w/e72668b2
#css #tip by reactive_dude
Наглядная иллюстрация разницы между align-items и justify-content в CSS Flexbox.
justify-content: aligns items along flex-direction (main axis)
align-items: in the opposite direction (cross axis)
Наглядная иллюстрация разницы между align-items и justify-content в CSS Flexbox.
justify-content: aligns items along flex-direction (main axis)
align-items: in the opposite direction (cross axis)