Интерактивное анимированное руководство, в котором рассказывается, почему, когда и как рендерится 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
CSS-революция 2023: обзор функций, которые появились недавно или появятся в ближайшее время в CSS и UI.
▫️Container queries
▫️Style queries
▫️:has() selector
▫️nth-of microsyntax
▫️text-wrap: balance
▫️initial-letter
▫️Dynamic viewport units
▫️Wide-gamut color spaces
▫️color-mix()
▫️Nesting
▫️Cascade layers
▫️Scoped styles
▫️Trigonometric functions
▫️Individual transform properties
▫️popover
▫️anchor positioning
▫️selectmenu
▫️Discrete property transitions
▫️Scroll-driven animations
▫️View transitions
Читать
▫️Container queries
▫️Style queries
▫️:has() selector
▫️nth-of microsyntax
▫️text-wrap: balance
▫️initial-letter
▫️Dynamic viewport units
▫️Wide-gamut color spaces
▫️color-mix()
▫️Nesting
▫️Cascade layers
▫️Scoped styles
▫️Trigonometric functions
▫️Individual transform properties
▫️popover
▫️anchor positioning
▫️selectmenu
▫️Discrete property transitions
▫️Scroll-driven animations
▫️View transitions
Читать
Chrome for Developers
What's new in CSS and UI: I/O 2023 Edition | Blog | Chrome for Developers
The top 20 CSS and UI features highlighted at Google I/O 2023 that you don't want to miss.
Экосистема JavaScript восхитительно странная
Существует множество примеров того, насколько странным является JavaScript, но автор этой статьи сосредоточился на предпосылках «странности» экосистемы.
Читать
Существует множество примеров того, насколько странным является JavaScript, но автор этой статьи сосредоточился на предпосылках «странности» экосистемы.
Читать
Vue 3.3 "Rurouni Kenshin": обзор основных возможностей новой версии Vue, которая среди прочего решает многие давние проблемы при использовании Vue с TypeScript.
Читать
Читать
Хабр
Представляем вам Vue 3.3
Эта статья — перевод оригинальной статьи " Announcing Vue 3.3 ". Также я веду телеграм канал “ Frontend по-флотски ”, где рассказываю про интересные вещи из мира разработки интерфейсов. Вступление...
📝👍 Тесты на собеседовании: как к ним подготовиться и получить оффер
Рассказываем, какие бывают тесты на собеседованиях, а главное – как и где к ним подготовиться, чтобы точно получить работу в компании мечты.
🔗 Основной сайт
🔗 Зеркало
Рассказываем, какие бывают тесты на собеседованиях, а главное – как и где к ним подготовиться, чтобы точно получить работу в компании мечты.
🔗 Основной сайт
🔗 Зеркало
368. Safari TP и WebKit, единицы QC, Chrome 113 и 114, SupportsCSS…
Веб-стандарты
🎙Подкаст «Веб-стандарты»: Андрей Мелихов, Вадим Макеев, Алексей Симоненко про Safari TP и WebKit, единицы QC, Chrome 113 и 114, SupportsCSS, Event Loop, Deno и Vercel Ship.
00:01:38 Safari TP 169
00:09:19 WebContainer в Safari
00:25:06 Ошибка в единицах QC
00:29:40 Chrome 113
00:40:58 Бета Chrome 114
00:58:06 SupportsCSS
01:10:29 Event Loop
01:15:37 Deno 1.33
01:24:41 Vercel Ship
01:35:02 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
00:01:38 Safari TP 169
00:09:19 WebContainer в Safari
00:25:06 Ошибка в единицах QC
00:29:40 Chrome 113
00:40:58 Бета Chrome 114
00:58:06 SupportsCSS
01:10:29 Event Loop
01:15:37 Deno 1.33
01:24:41 Vercel Ship
01:35:02 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
Впереди выходные — собрали для вас несколько вариантов досуга.
🧙♂️Потренироваться в написании промтов для ChatGPT в игровой форме: нужно семь раз выведать пароль у Гэндальфа.
🔍Позалипать на худшие интерфейсы, созданные на реддите — самые запоминающиеся уже собрали в твиттере.
🎮Бесплатно забрать симулятор курьера Death Stranding ипопытаться доставить посылку поиграть.
#навыходные
🧙♂️Потренироваться в написании промтов для ChatGPT в игровой форме: нужно семь раз выведать пароль у Гэндальфа.
🔍Позалипать на худшие интерфейсы, созданные на реддите — самые запоминающиеся уже собрали в твиттере.
🎮Бесплатно забрать симулятор курьера Death Stranding и
#навыходные
Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Medium
Angular: Best Practices for 2023
Listing down few practices to catch up to early, on the way to being an Angular Developer.
Подробное введение в веб-доступность в контексте инклюзивных веб-сайтов, которое сделает ваш дизайн не только доступным для пользователей с любыми способностями, но и лаконичным и минималистичным.
Читать
Читать