Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
120 videos
38 files
4.61K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🤔 Как Google обрабатывает JavaScript в процессе индексации веб-страниц

Понимание того, как поисковые системы изучают, рендерят и индексируют веб-страницы, имеет решающее значение для оптимизации сайтов под поисковые системы. По мере изменений в работе поисковых систем (например, Google), отслеживать, что работает, а что нет, становится все сложнее, особенно в случае с клиентским JS.

Все еще существуют устаревшие убеждения, вводящие в заблуждение SEO-специалистов относительно выбора лучших решений для поисковой оптимизации приложений:

🔻 Google не умеет рендерить клиентский JS.
🔻 Google по-разному обрабатывает страницы, содержащие JS.
🔻 Очередь рендеринга и его длительность значительно влияют на SEO.
🔻 Сайты с большим объемом JS медленнее индексируются.

Чтобы разобраться с этими убеждениями, команда Vercel объединилась с MERJ, ведущей консалтинговой компанией в области SEO и управления данными, и провела эксперименты по изучению поведения поискового бота Google. Они проанализировали более 100 000 запросов Googlebot на различных сайтах, чтобы протестировать и подтвердить (или опровергнуть) его возможности, связанные с SEO.

👉 Читать
Привет, друзья! 👋

Мы готовим статью о прокрастинации среди разработчиков и хотим узнать ваше мнение! 🤓 Поделитесь своим опытом, а самые интересные и полезные советы мы обязательно включим в нашу статью.

Какая самая необычная причина прокрастинации у вас была в работе над проектом?
Какой метод борьбы с прокрастинацией оказался для вас наиболее эффективным?
Как вы справляетесь с когнитивной перегрузкой во время работы над сложными задачами?

Не стесняйтесь делиться своими историями и лайфхаками в комментариях! 💬 Ваш опыт может помочь другим разработчикам справиться с прокрастинацией. Спасибо за участие!
💡Простой способ использования свойства gap для макета flexbox

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 V8: работа со строкам

Гайд от фронтенд-разработчика Романа Максимова познакомит вас с организацией строк внутри движка V8, таблицей строк и разными типами самих строк.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🎨 ТОП-7 библиотек визуализации данных в 2024 году: обзор и сравнение

Подробный обзор 7 популярных библиотек для визуализации данных. Сравниваем функциональность, производительность и удобство использования Latitude, D3.js, Chart.js, Apache ECharts, Nivo, Plotly и Victory.

👉 Читать статью
👉 Зеркало
🤦‍♂️ 50 TypeScript F**k Ups Mistakes

Книга с, надо признать, красочно названным описанием множества тонких ошибок, с которыми вы можете столкнуться при работе с TypeScript.

Она доступна на Leanpub в форматах PDF, iPad и Kindle, или вы можете прочитать ее целиком прямо в репозитории GitHub. По крайней мере, стоит пролистать, если вы столкнетесь с какими-либо из ее пунктов.
🤔 React становится фулстек-фреймворком

React, с добавлением Server Components и Server Actions, превращается в полноценный фреймворк. Будучи когда-то самым популярной фронтенд-библиотекой, теперь он успешно перекинул мост между фронтендом и бэкендом.

Автор делится мыслями о том, что заставило его начать рассматривать React как более полнофункциональное решение.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 Простой способ изменения стиля кнопки выбора файлов с помощью CSS: на заметку фронтенд-разработку

➡️ Поиграть можно здесь

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🆕📜 Что нового в TypeScript 5.5: 4 ключевых улучшения

В версии 5.5 TypeScript предлагает ряд новшеств, которые делают код более надежным и читаемым. Рассмотрим ключевые изменения, включая предикаты выводимых типов и оптимизацию работы с массивами.

👉 Читать статью
👉 Зеркало
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.

Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.

Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
🎨 Relative Color Syntax: основные юзкейсы

Теперь у нас есть широкая поддержка Relative Color Syntax! Крис Койер рассматривает этот «чрезвычайно мощный способ управления цветами в CSS» по отношению к цветам, которые вы уже используете.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🎮📖 Библиотека геймдизайнера: 10 must-read книг 2024 года

От концепции до реализации, от баланса до монетизации – представляем вашему вниманию 10 ключевых книг 2024 года, которые помогут вам достичь новых высот в геймдеве.

👉 Статья
This media is not supported in your browser
VIEW IN TELEGRAM
Привет, друзья! 👋

Мы готовим статью о том, что делать, если вы наврали в резюме, и нам нужна ваша помощь! 🤔

Поделитесь своим опытом и мнением, а самые интересные и полезные советы мы обязательно включим в нашу статью.

Сталкивались ли вы когда-нибудь с ситуацией, когда пришлось преувеличить свои навыки в резюме? Как вы с этим справились?
Какой, по вашему мнению, самый эффективный способ исправить ситуацию, если вы немного приукрасили свое резюме?
Как вы думаете, какая «ложь» в резюме может быть простительной, а какая — абсолютно недопустимой?

💬 Не стесняйтесь делиться своими историями и мнениями в комментариях! Ваш опыт может помочь другим избежать подобных ситуаций или найти выход, если они уже в них оказались. Спасибо за участие!
📆 Даты в Javascript наконец-то пофиксят

Одно из последних полезных изменений ECMAScript — предложение Temporal. Этим API уже можно воспользоваться при помощи полифила, разработанного командой FullCalendar.

Temporal API вводит новый объект Temporal.ZonedDateTime, который точно представляет даты и время в их соответствующих часовых поясах. Это решает проблемы, возникающие при использовании текущего объекта Date в JavaScript, где даты обрабатываются как простые числа, что приводит к потере семантической информации и несоответствиям в представлении дат в разных часовых поясах.

В статье объясняется, как Temporal.ZonedDateTime помогает разработчикам более эффективно управлять часовыми поясами, избегать проблем, связанных с переходом на летнее время, и работать с различными календарными системами.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🛠️ Rspack 1.0 — сборщик JavaScript на основе Rust

Rspack не просто «еще один сборщик» со своим подходом и терминологией, которую нужно изучать, он гордится тем, что совместим с API и экосистемой webpack, предлагая при этом во много раз большую производительность. Теперь команда считает его готовым к продакшену и призывает вас попробовать свои проекты на основе webpack на нем.

👉 Подробнее
👩‍💻 Behavior Subject —> Signals
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 ES13 Cheat Sheet: 6 современных возможностей JavaScript

👉 Источник

#cheatsheet
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Вышла четвертая часть серии статей, в которой Игорь Агапов из Timeweb Cloud разбирает структуры данных и алгоритмы, представленные в популярном репозитории 👉 https://yangx.top/frontendproglib/5399
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM