Фронтед-разработчик Илья Туев делится опытом комплексной оптимизации проекта SPA, написанном на Vue 3, с использованием Vuetify для части UI компонентов и Firebase для авторизации.
Читать
Читать
Хабр
Как я сделал SPA в два раза быстрее
Существует огромное множество статей про оптимизацию загрузки веб-сайтов, но часто они обходятся лишь общими советами или абстрактными простыми примерами. В этой статье я хочу поделиться своим опытом...
#news
«Думайте об этом как о потоковой передаче для вашего JavaScript», — говорит команда Qwik, которая, кстати говоря, недавно представила крупный релиз 1.0.
Узнайте, чем вдохновлялись разработчики фреймворка и что нас ждет в новом релизе.
Читать
«Думайте об этом как о потоковой передаче для вашего JavaScript», — говорит команда Qwik, которая, кстати говоря, недавно представила крупный релиз 1.0.
Узнайте, чем вдохновлялись разработчики фреймворка и что нас ждет в новом релизе.
Читать
Builder.io
Qwik Reaches v1.0
With the release of Qwik v1.0, you can confidently deploy Qwik apps to production. Jump into our demos and tutorials to get started on your next Qwik app!
Вышел Nitro 2.4.0, под капотом у которого много полезных фич:
🐇 Rapid development with HMR
😌 Provider agnostic deployments with 15+ built-in presets
💼 Portable and compact output
📁 Directory structure conventions
🤏 Minimal design
🚀 Code-splitting
👕 TypeScript support
💾 Universal storage
💰 Route caching
🐱 Hackable
✨ Auto Imports
https://nitro.unjs.io/
🐇 Rapid development with HMR
😌 Provider agnostic deployments with 15+ built-in presets
💼 Portable and compact output
📁 Directory structure conventions
🤏 Minimal design
🚀 Code-splitting
👕 TypeScript support
💾 Universal storage
💰 Route caching
🐱 Hackable
✨ Auto Imports
https://nitro.unjs.io/
GitHub
Release v2.4.0 · nitrojs/nitro
compare changes
⬆️ How to Upgrade?
If you are directly using Nitro, make sure to recreate lockfile as well in order to receive all UnJS ecosystem updates.
If you are using Nitro via Nuxt, simply us...
⬆️ How to Upgrade?
If you are directly using Nitro, make sure to recreate lockfile as well in order to receive all UnJS ecosystem updates.
If you are using Nitro via Nuxt, simply us...
This media is not supported in your browser
VIEW IN TELEGRAM
Как вам такая валидация?
#новости
WebGPU, Devtools response headers override и First Party Sets: это и многое другое в Chrome 113.
Читать
WebGPU, Devtools response headers override и First Party Sets: это и многое другое в Chrome 113.
Читать
Хабр
Вышел Chrome 113
Эта статья — перевод оригинальной статьи « New in Chrome 113 » Также я веду телеграм канал « Frontend по‑флотски », где рассказываю про интересные вещи из мира разработки интерфейсов....
366. Safari, Chrome DevTools, ES2023, CSS-модули, письма без таблиц…
Веб-стандарты
Подкаст «Веб-стандарты»: Вадим Макеев, Никита Дубко, Алексей Симоненко про Safari TP, Chrome DevTools, ES2023, экспорты в CSS-модулях, письма без таблиц, HDR-градиенты, Node.js 20 и Deno.
00:01:39 Safari TP
00:08:05 Chrome DevTools
00:14:55 Новинки ES2023
00:24:09 Экспорты в CSS-модулях
00:41:41 Письма без таблиц
01:05:13 HDR-градиенты
01:14:03 Node.js 20
01:21:45 Зачем Deno?
01:34:55 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
00:01:39 Safari TP
00:08:05 Chrome DevTools
00:14:55 Новинки ES2023
00:24:09 Экспорты в CSS-модулях
00:41:41 Письма без таблиц
01:05:13 HDR-градиенты
01:14:03 Node.js 20
01:21:45 Зачем Deno?
01:34:55 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
Интерактивное анимированное руководство, в котором рассказывается, почему, когда и как рендерится React.
Читать
Читать
ui.dev
The Interactive Guide to Rendering in React
In this interactive guide, we'll explore why, when, and how React renders.
#новости
В новой версии Firefox много нового как для пользователей, так и для разработчиков. Разбираемся, что к чему.
https://www.opennet.ru/opennews/
В новой версии Firefox много нового как для пользователей, так и для разработчиков. Разбираемся, что к чему.
https://www.opennet.ru/opennews/
Улучшайте CSS-код, заимствуя идеи из функций JavaScript
Многие проблемы с макетами сайтов возникают, когда мы не пишем CSS с той же осторожностью, что и при написании функции JavaScript.
В статья рассказано и показано, как мы можем позаимствовать лучшие практики и идеи из написания функций JavaScript для CSS-кода.
Читать
Многие проблемы с макетами сайтов возникают, когда мы не пишем CSS с той же осторожностью, что и при написании функции JavaScript.
В статья рассказано и показано, как мы можем позаимствовать лучшие практики и идеи из написания функций JavaScript для CSS-кода.
Читать
Smashing Magazine
Write Better CSS By Borrowing Ideas From JavaScript Functions — Smashing Magazine
Many problems with website layouts happen when we don’t write CSS with the same care we’d use when writing a JavaScript function. Let’s look at how we can borrow best practices and ideas from writing good JavaScript functions for writing CSS.
Языки
● Python, JavaScript, TypeScript, C#, Go, SQL.
Тематика
● Информационная безопасность, Data Science, базовые концепции языков, продвинутый Python, JS (и т. д), бэкенд веб-приложений, фронтенд-разработка, React, системное программирование, базы данных.
Объем
● от 7 до 15 тыс. знаков.
➡️ Заполнить анкету ⬅️
Я хорошо программирую, но пишу «так себе». Что делать?
Если вы хорошо программируете, но навыки письма немного отстают, пройдите наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».
Please open Telegram to view this post
VIEW IN TELEGRAM
Новые методы копирования массивов ES2023
В последней спецификации ECMAScript представлены некоторые новые методы для массивов, которые вы можете найти полезными в своих проектах. Ниже вас ждет небольшая экскурсия от Phil Nash, Developer Advocate JS/TS.
Читать
В последней спецификации ECMAScript представлены некоторые новые методы для массивов, которые вы можете найти полезными в своих проектах. Ниже вас ждет небольшая экскурсия от Phil Nash, Developer Advocate JS/TS.
Читать
Sonarsource
ES2023 introduces new array copying methods to JavaScript
ES2023 is introducing new array methods in JavaScript & they are here to make our programs more predictable and maintainable by copying instead of mutating.
Разбираемся, как правильно улучшить качество своего сна и избежать проблем с психическим здоровьем?
Ставь
Please open Telegram to view this post
VIEW IN TELEGRAM
React: революция использования фигурных скобочек
Несколько привычек, которые есть у нас всех и которые, возможно, пора переосмыслить. Описанный подход применим к любому ES6+ коду, написанному на JavaScript.
Читать
Несколько привычек, которые есть у нас всех и которые, возможно, пора переосмыслить. Описанный подход применим к любому ES6+ коду, написанному на JavaScript.
Читать
Хабр
React: революция использования фигурных скобочек
Хорошо, react . Как много мы используем всего, потому что так исторически сложилось: пишем функции задом наперед (сначала объяви, потом вызывай). Оборачиваем все в стрелочные функции и константы с...
Подборка ресурсов с полезными шпаргалками для фронтенд-разработчика:
▫️htmlcheatsheet
▫️cssreference
▫️reactcheatsheet
▫️cheatography
▫️htmlcheatsheet
▫️cssreference
▫️reactcheatsheet
▫️cheatography
Htmlcheatsheet
HTML Cheat Sheet
Online interactive HTML Cheat Sheet contains useful code examples and web developer tools, markup generators and more.
Бесплатный курс для всех, кто любит качественные IT-публикации и хочет научиться интересно писать о программировании либо улучшить навыки письма.
Курс состоит из семи модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций. Ограничений на время прохождения заданий нет.
Курс будет интересен авторам, работающим в составе редакции, копирайтерам-одиночкам и просто программистам, которые хотят научиться интересно рассказывать о собственных проектах.
Материалы регулярно дополняются, обновляются и корректируется. Отвечаем на все учебные вопросы в комментариях курса.
Как стать автором «Библиотеки программиста» и получать гонорары за статьи?
➡️ Заполните анкету.
Если все ок, мы свяжемся с вами и обсудим дальнейшие шаги.
Please open Telegram to view this post
VIEW IN TELEGRAM
367. Инклюзивный ананас, Scroll animation, Badging, Opera, CSS Scope…
Веб-стандарты
00:01:32 Инклюзивный ананас
00:04:38 Scroll animations
00:19:16 Badging API
00:29:16 Opera One
00:38:08 Scope в CSS
00:52:43 Дизайн-система WP
01:00:45 ES-модули
01:19:16 Ответы на вопросы
🔗Слушайте на Ютубе
🔗Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM