DOM, который построил Chrome. Или не построил? Или не Chrome? Или не DOM?
Обычный, теневой, виртуальный, инкрементальный… Как получилось, что простой программный интерфейс доступа к элементам веб-страниц обзавелся таким количеством «родственников»? Чем современные фреймворки не устраивает стандартная объектная модель документа или просто DOM? Что и как на самом деле отрисовывает браузер в процессе рендера веб-страницы?
Статья
Обычный, теневой, виртуальный, инкрементальный… Как получилось, что простой программный интерфейс доступа к элементам веб-страниц обзавелся таким количеством «родственников»? Чем современные фреймворки не устраивает стандартная объектная модель документа или просто DOM? Что и как на самом деле отрисовывает браузер в процессе рендера веб-страницы?
Статья
☕ ТОП-10 актуальных книг по JavaScript на русском языке: от новичка до профессионала
Когда-то этот язык был нужен для добавления интерактивности веб-страницам, а теперь на нем пишут мощные приложения и активно используют его на стороне сервера. Читайте подборку актуальной литературы по JavaScript на русском языке.
Статья
Когда-то этот язык был нужен для добавления интерактивности веб-страницам, а теперь на нем пишут мощные приложения и активно используют его на стороне сервера. Читайте подборку актуальной литературы по JavaScript на русском языке.
Статья
Webchic - frontend, backend, ci/cd pinned «🔥🔥Toп 8 Расширений VSCode. 1. JavaScript (ES6) Code Snippets - предоставляет сниппеты кода JS, TS, Vue, React и HTML. 2. Live Server - обеспечивает просмотр вашего веб-приложения в реальном времени прямо в редакторе. 3. Prettier - Code formatter - выполняет…»
🔥🔥Toп 8 Расширений VSCode.
1. JavaScript (ES6) Code Snippets - предоставляет сниппеты кода JS, TS, Vue, React и HTML.
2. Live Server - обеспечивает просмотр вашего веб-приложения в реальном времени прямо в редакторе.
3. Prettier - Code formatter - выполняет форматирование кода JS, CSS и HTML.
4. Better Comments - создаёт более понятные и удобные для чтения комментарии.
5. Bracket Pair Colorizer - Это расширение позволяет идентифицировать совпадающие скобки по цвету.
6. Path Intellisense - Это расширение ускоряет разработку за счет автозаполнения имен файлов при импорте.
7. Debugger for Chrome - Это расширение добавляет дебаггер прямо в IDE.
8. Git Lens - это плагин VSC, расширяющий возможности git.
1. JavaScript (ES6) Code Snippets - предоставляет сниппеты кода JS, TS, Vue, React и HTML.
2. Live Server - обеспечивает просмотр вашего веб-приложения в реальном времени прямо в редакторе.
3. Prettier - Code formatter - выполняет форматирование кода JS, CSS и HTML.
4. Better Comments - создаёт более понятные и удобные для чтения комментарии.
5. Bracket Pair Colorizer - Это расширение позволяет идентифицировать совпадающие скобки по цвету.
6. Path Intellisense - Это расширение ускоряет разработку за счет автозаполнения имен файлов при импорте.
7. Debugger for Chrome - Это расширение добавляет дебаггер прямо в IDE.
8. Git Lens - это плагин VSC, расширяющий возможности git.
☕️ Распространенные алгоритмы и структуры данных в JavaScript: основные понятия и работа с массивами
Начинаем серию статей о реализации популярных алгоритмов и структур данных в JavaScript. Не факт, что веб-разработчику придется делать самому, скажем, пузырьковую сортировку, но про нее часто спрашивают на собеседованиях. К тому же знание общих подходов к решению подобных задач позволяет писать более качественный код.
статья
Начинаем серию статей о реализации популярных алгоритмов и структур данных в JavaScript. Не факт, что веб-разработчику придется делать самому, скажем, пузырьковую сортировку, но про нее часто спрашивают на собеседованиях. К тому же знание общих подходов к решению подобных задач позволяет писать более качественный код.
статья
Бандлинг всего того, что не относится к обычному JavaScript-коду
Предположим, вы работаете над веб-приложением. В таком случае весьма вероятно то, что вам приходится иметь дело не только с JavaScript-модулями, но и с самыми разными другими ресурсами. Это и веб-воркеры (их тоже пишут на JavaScript, но они обособлены от обычного кода фронтенда), и изображения, и стили, и шрифты, и WebAssembly-модули, и иные материалы, входящие в состав сайта.
Статья
Предположим, вы работаете над веб-приложением. В таком случае весьма вероятно то, что вам приходится иметь дело не только с JavaScript-модулями, но и с самыми разными другими ресурсами. Это и веб-воркеры (их тоже пишут на JavaScript, но они обособлены от обычного кода фронтенда), и изображения, и стили, и шрифты, и WebAssembly-модули, и иные материалы, входящие в состав сайта.
Статья
React: простое и эффективное решение для управления состоянием приложений
В этом небольшом "туториале" я хочу показать вам, как реализовать простое, но эффективное решение для управления состоянием React-приложений.
Немного забегая вперед, скажу, что решение получилось чуть менее производительным, чем "классическое" сочетание хука useReducer() и инструментов, предоставляемых Context API (которые, собственно, и составляют ядро решения).
Статья
В этом небольшом "туториале" я хочу показать вам, как реализовать простое, но эффективное решение для управления состоянием React-приложений.
Немного забегая вперед, скажу, что решение получилось чуть менее производительным, чем "классическое" сочетание хука useReducer() и инструментов, предоставляемых Context API (которые, собственно, и составляют ядро решения).
Статья
Habr
React: простое и эффективное решение для управления состоянием приложений
Привет, друзья! В этом небольшом "туториале" я хочу показать вам, как реализовать простое, но эффективное решение для управления состоянием React-приложений . Немного забегая вперед, скажу,...
PWA: управление service-worker'ом
То есть, код service worker'а более стабилен по сравнению с кодом приложения и во многих случаях для его "обновления" достаточно программно обнулить кэш-хранилище браузера и обновить "понимание того, к какому ресурсу какую стратегию применять" - обновить конфигурацию service worker'а. А для этого нужно приложению нужно иметь возможность каким-то образом управлять состоянием service worker'а и передавать ему данные, что осложняется тем, что приложение и service worker работают в различных потоках.
Статья
То есть, код service worker'а более стабилен по сравнению с кодом приложения и во многих случаях для его "обновления" достаточно программно обнулить кэш-хранилище браузера и обновить "понимание того, к какому ресурсу какую стратегию применять" - обновить конфигурацию service worker'а. А для этого нужно приложению нужно иметь возможность каким-то образом управлять состоянием service worker'а и передавать ему данные, что осложняется тем, что приложение и service worker работают в различных потоках.
Статья
Habr
PWA: управление service-worker'ом
Прочитал я хорошую статью " Обновление вашего PWA в продакшене " и задался вопросом - а как часто при обновлении PWA нужно обновлять непосредственно сам service worker? Ведь что такое service worker...
Самосохраняющийся компонент выбора
Недавно Бхарат Рави опубликовал статью о директиве самосохраняющегося select-элемента на InDepth. Это интересная концепция изолирования логики в директиве, что в целом идея хорошая.
Однако в этом случае у меня есть сомнения, которые я хочу подсветить. Я предлагаю свою версию компонента, исправляющую эти моменты. Начнем с того, что назовем проблемы текущего решения.
Статья
Недавно Бхарат Рави опубликовал статью о директиве самосохраняющегося select-элемента на InDepth. Это интересная концепция изолирования логики в директиве, что в целом идея хорошая.
Однако в этом случае у меня есть сомнения, которые я хочу подсветить. Я предлагаю свою версию компонента, исправляющую эти моменты. Начнем с того, что назовем проблемы текущего решения.
Статья
Обзор Chrome DevTools. Решаем основные задачи веб-разработчика
Возможности Chrome DevTools огромны. С их помощью можно изменять анимацию, проверять доступность, отлавливать ошибки, следить за производительностью сайта и выполнять многие другие задачи. Но на начальных этапах обучения веб-разработке не обязательно разбираться со всеми функциями. Достаточно знать набор базовых инструментов, который понадобится для решения повседневных задач.
Статья
Возможности Chrome DevTools огромны. С их помощью можно изменять анимацию, проверять доступность, отлавливать ошибки, следить за производительностью сайта и выполнять многие другие задачи. Но на начальных этапах обучения веб-разработке не обязательно разбираться со всеми функциями. Достаточно знать набор базовых инструментов, который понадобится для решения повседневных задач.
Статья
99% людей живут как унылые овощи. Почему?
а) Вы можете уволиться сию секунду, познакомиться с любой девушкой или парнем, поменять город или страну без раздумий.
б) Вы легко зарабатываете деньги, но они вас не волнуют; вас не волнует власть, популярность, вас нельзя купить и невозможно обмануть.
в) Вы контролируете тело, чувства, мысли и эмоции, вы можете просидеть взаперти без гаджетов и бигмаков 3 месяца и не сойти с ума.
г) Вы НИКОГДА не страдаете, способны полюбить и разлюбить кого угодно просто по желанию.
Каждый пункт — естественное состояние человека... Которое у вас ОТНЯЛИ.
Верните Реальную Свободу — прямо сейчас подпишитесь на канал https://t.me/freeman365
Начните с ядерного очищения информационного пространства с этим постом.
Этот отбитый парень пробует на себе ВСЁ, что вы читали в якобы «духовной» литературе, а потом просто закинули на полку.
Весь бред про «блаженное блаженство», «утренние медитации», «эффективность, продуктивность» и прочую «асознаность» он переводит на конкретный практический язык: https://t.me/freeman365
а) Вы можете уволиться сию секунду, познакомиться с любой девушкой или парнем, поменять город или страну без раздумий.
б) Вы легко зарабатываете деньги, но они вас не волнуют; вас не волнует власть, популярность, вас нельзя купить и невозможно обмануть.
в) Вы контролируете тело, чувства, мысли и эмоции, вы можете просидеть взаперти без гаджетов и бигмаков 3 месяца и не сойти с ума.
г) Вы НИКОГДА не страдаете, способны полюбить и разлюбить кого угодно просто по желанию.
Каждый пункт — естественное состояние человека... Которое у вас ОТНЯЛИ.
Верните Реальную Свободу — прямо сейчас подпишитесь на канал https://t.me/freeman365
Начните с ядерного очищения информационного пространства с этим постом.
Этот отбитый парень пробует на себе ВСЁ, что вы читали в якобы «духовной» литературе, а потом просто закинули на полку.
Весь бред про «блаженное блаженство», «утренние медитации», «эффективность, продуктивность» и прочую «асознаность» он переводит на конкретный практический язык: https://t.me/freeman365
Сколько стоит держать 100 запросов в секунду в Azure на .NET Core MVC и MSSQL
Эта пятничная история началась еще пять лет назад. Один мой друг, который в то время помогал запускаться разным стартапам, пожаловался на производительность базы данных, размещенной в Azure. По его словам, они провозились почти все выходные, но добиться приемлемого времени отклика от БД им не удалось, несмотря на все попытки. Даже переход на существенно более дорогой тариф не принес ощутимых результатов. Помню, я тогда еще подумал, что было бы неплохо протестировать все это самому, но времени не было и идея осталась не реализованной, хотя сам разговор я запомнил хорошо.
Статья
Эта пятничная история началась еще пять лет назад. Один мой друг, который в то время помогал запускаться разным стартапам, пожаловался на производительность базы данных, размещенной в Azure. По его словам, они провозились почти все выходные, но добиться приемлемого времени отклика от БД им не удалось, несмотря на все попытки. Даже переход на существенно более дорогой тариф не принес ощутимых результатов. Помню, я тогда еще подумал, что было бы неплохо протестировать все это самому, но времени не было и идея осталась не реализованной, хотя сам разговор я запомнил хорошо.
Статья
Вот почему мы всегда пишем селекторы на XPath
XPath — мощный и гибкий инструмент для работы с веб-интерфейсами, который при этом почему-то остается не особенно популярным. Статей и мануалов по XPath очень много, и в этом посте я постараюсь рассказать, как мы применяем данный инструмент и почему считаем его более эффективным, чем другие подходы...
Статья
XPath — мощный и гибкий инструмент для работы с веб-интерфейсами, который при этом почему-то остается не особенно популярным. Статей и мануалов по XPath очень много, и в этом посте я постараюсь рассказать, как мы применяем данный инструмент и почему считаем его более эффективным, чем другие подходы...
Статья
Вместо
🔴 Не так
}
✅ Вот так
}
background лучше использовать background-color , если требуется поменять только цвет фона. В целом разницы никакой но на code review могут придираться🔴 Не так
.example { background: tomato;}
✅ Вот так
.example { background-color: tomato;}
Бинарный протокол для JavaScript
Нативная поддержка JSON одно из преимуществ разработки full-stack JavaScript приложений. JSON является простым, не требующим схемы и человекочитаемым - качества особенно ценимые на ранней стадии разработки, когда ваша модель данных подвержена частым изменениям. Однако за все надо платить, а именно размером и скоростью обработки данных.
Статья
Нативная поддержка JSON одно из преимуществ разработки full-stack JavaScript приложений. JSON является простым, не требующим схемы и человекочитаемым - качества особенно ценимые на ранней стадии разработки, когда ваша модель данных подвержена частым изменениям. Однако за все надо платить, а именно размером и скоростью обработки данных.
Статья
В 2021 году так мало годного дизайна, что его собирают в отдельном канале.
Только лучший дизайн, мусора нет.
Дизайнеры, блогеры, фрилансеры — этот канал для вас: @Dribbbuble
Только лучший дизайн, мусора нет.
Дизайнеры, блогеры, фрилансеры — этот канал для вас: @Dribbbuble