Альтернативы Redux в 2021 году
С момента появления Redux и пика его популярности прошло уже порядочно времени. Веб-разработка не стоит на месте и появляются новые инструменты, превосходящие предыдущие. Redux не стал исключением и сегодня существуют различные инструменты и способы управления состояниями.
Вы можете использовать Redux по-старинке, а можете прочитать эту статью и открыть для себя что-то новое и, возможно, более подходящее:
https://tprg.ru/UQMs
#redux
С момента появления Redux и пика его популярности прошло уже порядочно времени. Веб-разработка не стоит на месте и появляются новые инструменты, превосходящие предыдущие. Redux не стал исключением и сегодня существуют различные инструменты и способы управления состояниями.
Вы можете использовать Redux по-старинке, а можете прочитать эту статью и открыть для себя что-то новое и, возможно, более подходящее:
https://tprg.ru/UQMs
#redux
CSS анимация по заданной траектории
С помощью CSS можно без каких-либо сторонних инструментов создать красивую анимацию с заданной траекторией движения объектов. В этом видео вы научитесь это делать:
https://tprg.ru/gtON
#css
С помощью CSS можно без каких-либо сторонних инструментов создать красивую анимацию с заданной траекторией движения объектов. В этом видео вы научитесь это делать:
https://tprg.ru/gtON
#css
YouTube
CSS анимация по траектории. Что такое offset-path? | VIMP dev
Привет! В этом видео я покажу как можно заставить двигаться элементы на странице по произвольному пути на CSS.
Буду рад подписке и любой поддержке канала.
Приятного просмотра.
Все о шрифтах:
https://youtu.be/EkU18KIaxjI
Индикаторы загрузки:
https://you…
Буду рад подписке и любой поддержке канала.
Приятного просмотра.
Все о шрифтах:
https://youtu.be/EkU18KIaxjI
Индикаторы загрузки:
https://you…
Оптимизация изображения, использование атрибута alt, выбор правильного формата и размера
Никита Дубко (разработчик интерфейсов Яндекс.Поиска) выпустил большой доклад о небольшом теге
https://wow.link/DB21
Это #партнёрский пост
Никита Дубко (разработчик интерфейсов Яндекс.Поиска) выпустил большой доклад о небольшом теге
<img> и использовании изображений в целом. Там есть все необходимые примеры и даже готовые решения, которые помогут вам в разработке веб-сайта:https://wow.link/DB21
Это #партнёрский пост
Хабр
<img>. Доклад Яндекса
«Просто добавь картинку на сайт», — говорили они. А оказалось, что «просто» не значит «правильно». В докладе я постарался разобраться, как эффективно добавлять изображения на страницу, какие...
Ссылка для скачивания
Иногда необходимо, чтобы при нажатии на ссылку не открывалась новая страница, а скачивался какой-то файл. Браузеры умеют определять некоторые типы файлов и предлагать вариант загрузки, но что делать с другими типами?
В этой статье вы узнаете, как работать с такими ссылками, а также бонусом, как сохранить на лету JPEG файл из WebP или AVIF формата, используя Canvas:
https://tprg.ru/JLlY
Иногда необходимо, чтобы при нажатии на ссылку не открывалась новая страница, а скачивался какой-то файл. Браузеры умеют определять некоторые типы файлов и предлагать вариант загрузки, но что делать с другими типами?
В этой статье вы узнаете, как работать с такими ссылками, а также бонусом, как сохранить на лету JPEG файл из WebP или AVIF формата, используя Canvas:
https://tprg.ru/JLlY
Магия вне Хогвартса: NJS
У тех, кто начинает работать с Nginx, может закипеть мозг при попытке разобраться в его работе. Это очень мощный, но сложный веб-сервер.
Эта статья призвана помочь разобраться с Nginx, используя для написания скриптов привычный большинству веб-разработчиков JavaScript:
https://tprg.ru/LWPl
#javascript #nginx
У тех, кто начинает работать с Nginx, может закипеть мозг при попытке разобраться в его работе. Это очень мощный, но сложный веб-сервер.
Эта статья призвана помочь разобраться с Nginx, используя для написания скриптов привычный большинству веб-разработчиков JavaScript:
https://tprg.ru/LWPl
#javascript #nginx
5 популярных технологий для создания сайтов
Если только начинаете разбираться с тем, как устроена веб-разработка и хотите понять из чего состоит полноценный сайт, то в этой статье вы найдёте ответы на эти вопросы:
https://tprg.ru/gEFH
Если только начинаете разбираться с тем, как устроена веб-разработка и хотите понять из чего состоит полноценный сайт, то в этой статье вы найдёте ответы на эти вопросы:
https://tprg.ru/gEFH
Неоморфные элементы для сайта
В этом CodePen-проекте целая подборка неоморфных элементов для сайта, которые уже анимированы и готовы к использованию.
Сохраните к себе в избранное, а когда понадобится вам будет достаточно скопировать нужные элементы и стили для получения мгновенного эффекта:
https://tprg.ru/6GzL
#codepen
В этом CodePen-проекте целая подборка неоморфных элементов для сайта, которые уже анимированы и готовы к использованию.
Сохраните к себе в избранное, а когда понадобится вам будет достаточно скопировать нужные элементы и стили для получения мгновенного эффекта:
https://tprg.ru/6GzL
#codepen
Почему HTTPS так важен
Сейчас принято переводить все сайты на протокол HTTPS взамен устаревшего HTTP, так как новый более безопасный о чём и говорит буква S - Secure в аббревиатуре. Но что именно делает этот протокол более безопасным и как он помогает пользователям и владельцам сайтов?
Узнаете в этой статье:
https://tprg.ru/YJOz
Сейчас принято переводить все сайты на протокол HTTPS взамен устаревшего HTTP, так как новый более безопасный о чём и говорит буква S - Secure в аббревиатуре. Но что именно делает этот протокол более безопасным и как он помогает пользователям и владельцам сайтов?
Узнаете в этой статье:
https://tprg.ru/YJOz
Dasturchilar uchun eng yaxshi 5 frilanserlik platformalari.
Dasturchi sifatida frilanser boʻlib ishlashning gashti shundaki, u joy va vaqt tanlamaydi. Xohlagan joyingizdan, xohlagan vaqtingizda ishlaysiz. Shaxsiy tajribalarimdan kelib chiqib dasturchilarga frilanse loyihalar va mijozlar topish uchun quyidagi 5 saytni tavsiya qilaman!
1. Toptal
2. UpWork
3. Stackoverflow Jobs
4. Guru
5. Freelancer
Ushbu platformalarning baʼzilari grafik dizayner, moliyachi, va kopirayter sifatida frilanserlik qilmoqchi boʻlganlar uchun ham foydali.
Esingizda boʻlsa, oldinroq YouTube kanalimda TopTal haqida suhbatlashgan edik.
https://bit.ly/2OUf8SX
👉 @ITStarsUz
Dasturchi sifatida frilanser boʻlib ishlashning gashti shundaki, u joy va vaqt tanlamaydi. Xohlagan joyingizdan, xohlagan vaqtingizda ishlaysiz. Shaxsiy tajribalarimdan kelib chiqib dasturchilarga frilanse loyihalar va mijozlar topish uchun quyidagi 5 saytni tavsiya qilaman!
1. Toptal
2. UpWork
3. Stackoverflow Jobs
4. Guru
5. Freelancer
Ushbu platformalarning baʼzilari grafik dizayner, moliyachi, va kopirayter sifatida frilanserlik qilmoqchi boʻlganlar uchun ham foydali.
Esingizda boʻlsa, oldinroq YouTube kanalimda TopTal haqida suhbatlashgan edik.
https://bit.ly/2OUf8SX
👉 @ITStarsUz
Обслуживание оптимизированных изображений во Vue
Загрузка изображений сильно бьёт по производительности сайта. А согласно HTTP Archive изображения составляют не 50% от полезной нагрузки веб-сайта.
Но выход из этой ситуации есть. ImageEngine в связке с Vue.js позволяют снизить нагрузку на сеть при загрузке изображений. Подробнее здесь:
https://tprg.ru/Q1UX
#vue
Загрузка изображений сильно бьёт по производительности сайта. А согласно HTTP Archive изображения составляют не 50% от полезной нагрузки веб-сайта.
Но выход из этой ситуации есть. ImageEngine в связке с Vue.js позволяют снизить нагрузку на сеть при загрузке изображений. Подробнее здесь:
https://tprg.ru/Q1UX
#vue
Как работать с localStorage в JavaScript
Благодаря наличию веб-хранилища данные пользователя хранятся непосредственно в браузере. localStorage — это веб-хранилище, где данные хранятся бессрочно и не теряются при перезапуске браузера.
В этой статье вы создадите простой список дел, где данные будут храниться в localStorage:
https://tprg.ru/lzXr
#javascript
Благодаря наличию веб-хранилища данные пользователя хранятся непосредственно в браузере. localStorage — это веб-хранилище, где данные хранятся бессрочно и не теряются при перезапуске браузера.
В этой статье вы создадите простой список дел, где данные будут храниться в localStorage:
https://tprg.ru/lzXr
#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Когда в офисе осталась только команда веб-разработки
Hammaga hayrli kun do'stlar!
Kaminadan Ko'pchilik kutgan MERN kursi!
Endi Ofline tarizda! Nimalar o'tiladi qanday proyektlar bo'ladi bilmoqchimisiz ertangi ochiq darsda kutamiz!
Ochiq darsga yozilish uchun @Komrn murojat qiling!
@procodeuz
Kaminadan Ko'pchilik kutgan MERN kursi!
Endi Ofline tarizda! Nimalar o'tiladi qanday proyektlar bo'ladi bilmoqchimisiz ertangi ochiq darsda kutamiz!
Ochiq darsga yozilish uchun @Komrn murojat qiling!
@procodeuz
Создайте фитнес-трекер с React и Firebase
Давайте сделаем на этих выходных что-то необычное и крутое! Сегодня предлагаем вас руководство по созданию фитнес-трекера, который будет реализован в виде веб-приложения на React.
Если интересно, то переходите по ссылке:
https://tprg.ru/uInp
#react
Давайте сделаем на этих выходных что-то необычное и крутое! Сегодня предлагаем вас руководство по созданию фитнес-трекера, который будет реализован в виде веб-приложения на React.
Если интересно, то переходите по ссылке:
https://tprg.ru/uInp
#react
Идеальный инструмент для работы с СУБД без SQL для Node.js или Все, что вы хотели знать о Sequelize
Sequelize — это ORM для работы с системами управления базами данных, которая позволяет взаимодействовать с БД, используя синтаксис приложения. То есть веб-разработчик может обращаться к БД, используя привычный JavaScript.
В этой статье вы сможете ближе познакомиться с Sequelize и узнать его особенности:
https://tprg.ru/h3mK
Sequelize — это ORM для работы с системами управления базами данных, которая позволяет взаимодействовать с БД, используя синтаксис приложения. То есть веб-разработчик может обращаться к БД, используя привычный JavaScript.
В этой статье вы сможете ближе познакомиться с Sequelize и узнать его особенности:
https://tprg.ru/h3mK