Как движки JavaScript достигают высокой производительности
Будучи динамически типизированным, с несколькими типами ложных значений, без достаточной оптимизации готового кода, JavaScript остаётся быстрым и производительным. Как ему это удаётся?
В этой статье рассмотрели несколько методов, которые различные движки JavaScript используют для достижения хорошей производительности во время выполнения:
https://tprg.ru/WdA3
#javascript
Будучи динамически типизированным, с несколькими типами ложных значений, без достаточной оптимизации готового кода, JavaScript остаётся быстрым и производительным. Как ему это удаётся?
В этой статье рассмотрели несколько методов, которые различные движки JavaScript используют для достижения хорошей производительности во время выполнения:
https://tprg.ru/WdA3
#javascript
Создание компонента React с помощью TDD
Подход TDD, или Test Drive Driven, предполагает очень короткий цикл разработки, который повторяется до достижения необходимого результата путём постоянного проведения тестов кода и внесения необходимых изменений.
В этой статье автор решил воспользоваться этим методом разработки для создания компонента React. Вот, что у него вышло:
https://tprg.ru/9TA0
#react
Подход TDD, или Test Drive Driven, предполагает очень короткий цикл разработки, который повторяется до достижения необходимого результата путём постоянного проведения тестов кода и внесения необходимых изменений.
В этой статье автор решил воспользоваться этим методом разработки для создания компонента React. Вот, что у него вышло:
https://tprg.ru/9TA0
#react
Reacting in Svelte — понимание компонентов в svelte на основе знаний React
Svelte — относительной молодой фреймворк, который достаточно быстро обретает преданных поклонников. Одним из них стал автор статьи, который даже перевёл свой сайт-портфолио с React на Svelte. О том почему он это сделал, читайте в статье:
https://tprg.ru/LGyA
#svelte
Svelte — относительной молодой фреймворк, который достаточно быстро обретает преданных поклонников. Одним из них стал автор статьи, который даже перевёл свой сайт-портфолио с React на Svelte. О том почему он это сделал, читайте в статье:
https://tprg.ru/LGyA
#svelte
Что такое JSON — Введение
JSON, или JavaScript Object Notation — текстовый формат обмена данными, основанный на JavaScript, но применяемый и при работе с другими языками программирования. В этой статье разбираемся, как он работает и зачем нужен:
https://tprg.ru/zyEj
#json
JSON, или JavaScript Object Notation — текстовый формат обмена данными, основанный на JavaScript, но применяемый и при работе с другими языками программирования. В этой статье разбираемся, как он работает и зачем нужен:
https://tprg.ru/zyEj
#json
Распространённые ошибки при написании CSS с помощью БЭМ
При разработке программного обеспечения важно согласовать руководящие принципы, технологии и методологии. Одной из таких методологий является БЭМ. Если вы хотите работать в команде, применяющей методологию БЭМ, то стоит убедиться, что вы всё делаете правильно.
Какие ошибки могут возникнуть, узнаете здесь:
https://tprg.ru/f2Uy
#css
При разработке программного обеспечения важно согласовать руководящие принципы, технологии и методологии. Одной из таких методологий является БЭМ. Если вы хотите работать в команде, применяющей методологию БЭМ, то стоит убедиться, что вы всё делаете правильно.
Какие ошибки могут возникнуть, узнаете здесь:
https://tprg.ru/f2Uy
#css
JavaScript: разрабатываем приложение для записи звука
Небольшой туториал по созданию приложения на JavaScript, которое сможет записывать звук, сохранять его, а также воспроизводить запись. В общем говоря, это веб-версия диктофона.
Хотите научиться также? Тогда открывайте статью:
https://tprg.ru/nrOW
#javascript
Небольшой туториал по созданию приложения на JavaScript, которое сможет записывать звук, сохранять его, а также воспроизводить запись. В общем говоря, это веб-версия диктофона.
Хотите научиться также? Тогда открывайте статью:
https://tprg.ru/nrOW
#javascript
Интерактивное руководство по созданию @keyframe анимации
Анимация с помощью
В этой статье вы углубитесь в ключевые кадры CSS. Вы узнаете, как они работают, и посмотрите, как создать с их помощью довольно шикарную анимацию.
https://tprg.ru/lqWA
#css
Анимация с помощью
@keyframes — это один из самых мощных и универсальных инструментов в CSS, и мы можем использовать его для самых разных отличных вещей. В этой статье вы углубитесь в ключевые кадры CSS. Вы узнаете, как они работают, и посмотрите, как создать с их помощью довольно шикарную анимацию.
https://tprg.ru/lqWA
#css
Безопасный CSS
Безопасный CSS — это набор сниппетов, которые могут помочь вам в написании защищённого CSS. Другими словами, у вас будет меньше проблем в будущем при их использовании.
Подробнее в статье:
https://tprg.ru/Io0E
#css
Безопасный CSS — это набор сниппетов, которые могут помочь вам в написании защищённого CSS. Другими словами, у вас будет меньше проблем в будущем при их использовании.
Подробнее в статье:
https://tprg.ru/Io0E
#css
Ahmad Shadeed Blog
Defensive CSS - Ahmad Shadeed
A list of defensive CSS techniques to avoid potential future issues
Попап вместо селекта: новые HTML-элементы наконец-то решат старую проблему
В своём новом видео Вадим Макеев рассказал про новый способ создания выпадающего меню, который пока что находится на стадии разработки, но уже сейчас его можно «пощупать». Он решит проблему стилизации и большого количества JS-кода в случае создания кастомного кроссбраузерного селектора.
Подробнее:
https://www.youtube.com/watch?v=mG0VFWCTnZI
#видео #фронтенд #html
В своём новом видео Вадим Макеев рассказал про новый способ создания выпадающего меню, который пока что находится на стадии разработки, но уже сейчас его можно «пощупать». Он решит проблему стилизации и большого количества JS-кода в случае создания кастомного кроссбраузерного селектора.
Подробнее:
https://www.youtube.com/watch?v=mG0VFWCTnZI
#видео #фронтенд #html
YouTube
🥨 Попап вместо селекта: ✨новые HTML-элементы✨ наконец-то решат старую проблему
00:00 Интро
00:22 В чём проблема?
01:50 Описание задачи
02:34 Недостатки селекта
04:36 Что нам нужно
05:22 Open UI
07:20 Попап вместо селекта
09:46 Стилизация попапа
11:45 Доступность и фокус
13:52 Кроссбраузерность
15:41 Выводы
16:59 Аутро
Нравится? Становитесь…
00:22 В чём проблема?
01:50 Описание задачи
02:34 Недостатки селекта
04:36 Что нам нужно
05:22 Open UI
07:20 Попап вместо селекта
09:46 Стилизация попапа
11:45 Доступность и фокус
13:52 Кроссбраузерность
15:41 Выводы
16:59 Аутро
Нравится? Становитесь…
Forwarded from Типичный программист
Милоты пост: парень собрал для бабушки устройство, которое позволяет ей получать фотки от внуков с помощью термопринтера и чековый ленты.
Чтобы распечатать фото с подписью, достаточно просто отправить его в Telegram. Фотка автоматически напечатается на термопринтере, а бабушке останется только её оторвать.
Устройство работает на Raspberry Pi Zero 2 и встроенном SIM-модеме. А подробнее о процессе разработки можно почитать в этом Twitter-треде: https://twitter.com/palmerabollo/status/1480599689003212805
#diy #raspberry
Чтобы распечатать фото с подписью, достаточно просто отправить его в Telegram. Фотка автоматически напечатается на термопринтере, а бабушке останется только её оторвать.
Устройство работает на Raspberry Pi Zero 2 и встроенном SIM-модеме. А подробнее о процессе разработки можно почитать в этом Twitter-треде: https://twitter.com/palmerabollo/status/1480599689003212805
#diy #raspberry
Создаём красивые градиенты
Хотите разобраться, как работают градиенты в браузерах? Это поможет вам создавать качественные градиенты без некрасивых переходов цветов.
Если интересно, то переходите по ссылке. А ещё там вы найдёте уже готовый генератор градиентов:
https://www.joshwcomeau.com/css/make-beautiful-gradients/
#фронтенд #css
Хотите разобраться, как работают градиенты в браузерах? Это поможет вам создавать качественные градиенты без некрасивых переходов цветов.
Если интересно, то переходите по ссылке. А ещё там вы найдёте уже готовый генератор градиентов:
https://www.joshwcomeau.com/css/make-beautiful-gradients/
#фронтенд #css
5 лучших расширений VS Code для разработчиков Vue на 2022 год
VS Code является наиболее популярным редактором кода среди веб-разработчиков благодаря открытому исходному коду и множеству полезных расширений. Вероятно, многие из вас тоже пользуются именно им. А если вы ещё и работаете с Vue, то в этой статье вы найдёте 5 расширений, которые придутся вам по душе:
https://blog.openreplay.com/top-5-vs-code-extensions-for-vue-developers-for-2022
#фронтенд #vue
VS Code является наиболее популярным редактором кода среди веб-разработчиков благодаря открытому исходному коду и множеству полезных расширений. Вероятно, многие из вас тоже пользуются именно им. А если вы ещё и работаете с Vue, то в этой статье вы найдёте 5 расширений, которые придутся вам по душе:
https://blog.openreplay.com/top-5-vs-code-extensions-for-vue-developers-for-2022
#фронтенд #vue
Noutbuk tanlashda nimalarga eʼtibor berish kerak?
👨💻 Eng optimal noutbuk tanlashda eʼtibor berishingiz kerak boʻlgan elementlarni keltirib oʻtamiz:
💾 RAM — tezkor xotira
🔹 2 GB hajmga ega xotira sizga ofis dasturlari uchun ishlashda muammo tugʻdirmaydi;
🔹 8 GB hajmga ega xotirada dizayn va 3D modellashtirish uchun moʻljallangan dasturlarni erkin ishlata olasiz;
🔹 16 GB hajmli xotirada moushn grafika, videolarni render qiluvchi dasturlar ancha tez ishlaydi.
🎞 Videokarta
🔹 Videokartasiz noutbuklar ham unchalik yomon emas, yaʼni noutbuk ishlashida katta muammolar tugʻilmaydi;
🔹 2 GB hajmli videokarta onlayn oʻyinlar va dizayn dasturlarini ancha tezlatadi;
🔹 4 GB hajmli videokartada eng katta oʻyinlar va dasturlar ham, maʼlumotlar almashinuvi ham juda tez amalga oshiriladi.
🔋 Batareyka
🔹 3000 mA / soatdan kam batareyali noutbuklar 2-3 soat zaryadsiz ishlashi mumkin;
🔹 3000 — 6000 mA / soatlik batareyali noutbuklar 3-5 soatgacha zaryadsiz ishlay olishi mumkin;
🔹 8000 mA / soat va undan yuqori amp
👇👇
@procodeuz
👨💻 Eng optimal noutbuk tanlashda eʼtibor berishingiz kerak boʻlgan elementlarni keltirib oʻtamiz:
💾 RAM — tezkor xotira
🔹 2 GB hajmga ega xotira sizga ofis dasturlari uchun ishlashda muammo tugʻdirmaydi;
🔹 8 GB hajmga ega xotirada dizayn va 3D modellashtirish uchun moʻljallangan dasturlarni erkin ishlata olasiz;
🔹 16 GB hajmli xotirada moushn grafika, videolarni render qiluvchi dasturlar ancha tez ishlaydi.
🎞 Videokarta
🔹 Videokartasiz noutbuklar ham unchalik yomon emas, yaʼni noutbuk ishlashida katta muammolar tugʻilmaydi;
🔹 2 GB hajmli videokarta onlayn oʻyinlar va dizayn dasturlarini ancha tezlatadi;
🔹 4 GB hajmli videokartada eng katta oʻyinlar va dasturlar ham, maʼlumotlar almashinuvi ham juda tez amalga oshiriladi.
🔋 Batareyka
🔹 3000 mA / soatdan kam batareyali noutbuklar 2-3 soat zaryadsiz ishlashi mumkin;
🔹 3000 — 6000 mA / soatlik batareyali noutbuklar 3-5 soatgacha zaryadsiz ishlay olishi mumkin;
🔹 8000 mA / soat va undan yuqori amp
👇👇
@procodeuz
Forwarded from Веб-страница
Визуальное руководство по useEffect
Отличная статья для тех, кто с трудом понимает как работает
https://alexsidorenko.com/blog/useeffect/
#react
Отличная статья для тех, кто с трудом понимает как работает
useEffect в React и зачем он нужен. Здесь на понятных и простых примерах наглядно показано, как ведёт себя код в различных случаях, когда необходимо использовать useEffect с ним и без него:https://alexsidorenko.com/blog/useeffect/
#react