​​Состоялся релиз WinterJS — самой быстрой среды выполнения JavaScript

Разработчики Wasmer представили среду выполнения JavaScript-кода WinterJS 1.0. Проект поддерживает компоненты React Server и работу с Cloudflare API.

WinterJS анонсировали в октябре 2023 года, а уже сейчас проект поддерживает обработку базовых HTTP-запросов и цикл событий JavaScript. Среду выполнения можно полностью скомпилировать в WebAssembly, что делает её первой поддерживающей полную совместимость с Wasmer Edge. Код WinterJS написан на JavaScript и Rust.

Из приятных особенностей WinterJS:
— обработка 150 тыс. запросов в секунду, что делает среду выполнения самой быстрой из доступных.
— совместимость с Cloudflare API;
— поддержка веб-фреймворков Next.js, Hono, Astro, SvelteKit, компонентов React Server, Nuxt, Gatsby и Remix.run.

Код среды выполнения WinterJS открыт и опубликован на GitHub: https://github.com/wasmerio/winterjs

@tproger_web #javascript

«Я💛Фронтенд 2024»: встречаемся 23 марта в Москве!

Выступления спикеров, дискуссии с экспертами, новости веба, активности с подарками и, конечно же, нетворкинг — программа будет насыщенной.

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

А чтобы ожидание конференции пролетело незаметно, мы подготовили разные интересные онлайн-выпуски, которые будут выходить на нашем сайте. Уже можно посмотреть:

🔸«Как это можно переписать?»
Обсудили, как найти разный подход к созданию одного и того же кода и выбрать тот, что понравится именно вам.
🔸 «Как устроены собеседования в Яндексе»
СЕО Hexlet Кирилл Мокевнин поделился, почему полезно ходить на профильные конференции и как это может повлиять на поиск и устройство на работу.
🔸 «Докладчики и конференции»
Рассказываем, как найти тему для выступления и побороть страх того, что она будет никому не интересна.

Смотрите выпуски на сайте и регистрируйтесь на конференцию.
20 марта перестаём принимать заявки на участие офлайн.

💾 Shader Practice – парящие в пространстве слои с паттернами. Идею можно использовать в качестве иллюстрации для сайта.

Сайтодел | #сниппет #css

​​🤫Микрофронтенд с использованием Module Federation. Соединяем компоненты между системами на разных фреймворках

В этой статье вы узнаете о том, как можно использовать технологию микрофронтендов с помощью Module Federation для соединения компонентов между системами на разных фреймворках, таких как Vue и React.

Читать...


Original post link: t.me/frontendnoteschannel/3413
Forwarded and filtered by @smartfeed_bot

Curved Range Slider

Это input type="range", стилизованный в CSS.

👉 @seniorFront


Original post link: t.me/seniorFront/3903
Forwarded and filtered by @smartfeed_bot

​​😵Создание Web components на Vue 3

В этой статье мы рассмотрим два способа обеспечить использование созданного компонента не только в Vue проектах, но и на других фронтенд-платформах.

Читать...


Original post link: t.me/frontendnoteschannel/3415
Forwarded and filtered by @smartfeed_bot

Javascript Scroll Animation

В этом видео создается анимация при прокрутке страницы при помощи библиотеки gsap.

👉 @seniorFront


Original post link: t.me/seniorFront/3905
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 20 messages
Today you received: 11 messages
Our filtering prevented you from: 9 messages

Top 3 source channels:
Веб-страница: 8 message(s)
Frontender's notes [ru]: 4 message(s)
Senior Frontend Developer | JavaScript, React, HTML & CSS: 3 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

🔥 Это база с 1400 вопросами с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏


Original post link: t.me/seniorFront/3906
Forwarded and filtered by @smartfeed_bot

​​Разработчики знают, что ChatGPT до них далеко


Original post link: t.me/tproger_web/4451
Forwarded and filtered by @smartfeed_bot

Тот самый сотрудник у которого на созвонах вечно какой-то посторонний шум в микрофоне

👉 @seniorFront


Original post link: t.me/seniorFront/3907
Forwarded and filtered by @smartfeed_bot

🖥 Agriculture Landing Website Templates – компоненты для создания лендингов на тему сельского хозяйства. Здесь также есть UI-кит и иконки.

Сайтодел | #макет #figma


Original post link: t.me/sitodel/1700
Forwarded and filtered by @smartfeed_bot

​​⚡️JS. Валидация данных. Пишем свой YUP

В этой статье вы узнаете о различных типах валидации - клиентской и серверной, и о том, почему валидацию следует применять как на стороне клиента, так и на стороне сервера.

Читать...


Original post link: t.me/frontendnoteschannel/3417
Forwarded and filtered by @smartfeed_bot

Hidden Search Widget

Логика раскрытия реализована в JS. Плавность достигается использованием CSS transition.

👉 @seniorFront


Original post link: t.me/seniorFront/3908
Forwarded and filtered by @smartfeed_bot

Morphing Submit Button

Содержимое кнопки — svg-картинка. После нажатия на кнопку изменяются CSS-классы на элементах кнопки.

https://codepen.io/jkantner/pen/zYdaBPJ


Original post link: t.me/senior_front/1918
Forwarded and filtered by @smartfeed_bot

​​👍Мемоизация в React: я почитал документацию вместо вас

В этой статье мы рассмотрим три инструмента мемоизации в React: useMemo, useCallback, memo.

Читать...


Original post link: t.me/frontendnoteschannel/3419
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:
Frontender's notes [ru]: 4 message(s)
Senior Frontend - javascript, html, css: 3 message(s)
Веб-страница: 1 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

​Я: *Говорю вслух, что я HTML-программист*

Шкаф, когда это услышал:


Original post link: t.me/tproger_web/4452
Forwarded and filtered by @smartfeed_bot

Dot Map

Вся сцена - это SVG картинка, анимируемая при помощи тегов

👉 @seniorFront


Original post link: t.me/seniorFront/3909
Forwarded and filtered by @smartfeed_bot

#вопросы_с_собеседований
В чем разница между обычной функцией и функциональным выражением?

Вызов notHoistedFunc приведет к ошибке, а вызов hoistedFunc нет, потому что hoistedFunc «всплывает», поднимается в глобальную область видимости, а notHoistedFunc нет.


Original post link: t.me/senior_front/1919
Forwarded and filtered by @smartfeed_bot

​​👨‍💻Путь развития (Roadmap) Frontend разработчика

В этой статье описывается путь развития frontend разработчика, начиная с основ HTML, CSS и JS, затем переходя к работе с DOM, асинхронными запросами и адаптивной версткой.

Читать...


Original post link: t.me/frontendnoteschannel/3420
Forwarded and filtered by @smartfeed_bot