Как запустить мобильное приложение за две недели с помощью PWA
В статье рассказывается, какие задачи решают PWA-приложения, есть ли у них ограничения и почему Frontend-разработчики справляются с PWA-разработкой лучше других. В конце материала — инструкция по интеграции прогрессивного веб-приложения в сайт.
#pwa
Cелекторы в CSS от А до Я
Селекторы в CSS позволяют сделать внешний вид вашего сайта более эстетичным и функциональным.
Эта статья поможет вам повторить базу и научиться пользоваться продвинутыми селекторами.
#css #селекторы
Figma добавила Dev Mode для веб-разработчиков
Анонсирован режим Dev Mode, который позволяет получить код CSS из макетов в Figma. Функция бесплатна до 2024 года для всех пользователей.
Как использовать новые возможности описано здесь.
#css #figma
Как настроить Node.js Express сервер для React
С помощью сервера на Express.js можно сделать многое, например, осуществлять вызовы к базе данных. Однако, в этом руководстве мы сосредоточились на том, как быстро подключить клиентское React приложение к серверу.
#nodejs #react
Странники, нужна ваша помощь в борьбе с за лучшее образование в IT!
Яндекс Практикум в поисках чертовски крутых наставников, которые готовы делиться знаниями и помочь новичкам на их пути в IT.
Особые приметы и вознаграждение можно посмотреть здесь:
— Go
— Python
Ждём вас в команде Практикума!
#работа #вакансии
Веб-интерфейсы JavaScript для создания сайтов будущего
Мы нашли 7 веб-интерфейсов JavaScript, которые вы можете добавить в ваш проект. Они помогут вам привлечь новых пользователей и увеличить конверсию в продажи.
От использования голосовой технологии с помощью Web Speech до работы с акселерометром и геолокацией, эти API предоставляют множество возможностей для улучшения функциональности и интерактивности веб-приложений.
Однако стоит отметить, что некоторые из них всё ещё находятся на экспериментальной стадии и могут не поддерживаться всеми браузерами. Перед использованием важно проверить совместимость.
#javascript #api
Большой и страшный CSSНашли для вас ряд не очевидных моментов в CSS, которые сбивали с толку многих новичков:
— значение свойства display у элемента с классом child во вкладке Computed в DevTools;
— особенности использования математической функции calc();
— свойство min-width;
— необычное поведение position: fixed.
Надеемся, будет полезно.
#фронтенд #css
Вас бесит ваша работа?
Кого-то раздражают коллеги, кто-то устал от бесконечных созвонов, а кому-то надоело тянуть на себе обязанности целого отдела. Это не редкий случай.
Но чем крутить это в голове, проще поделиться и разделить свою боль с единомышленниками. Присылайте свои истории к нам на сайт. Как это сделать рассказали тут:
tproger.ru/article…om-opyte
Разработка чат-ботов с использованием Ruby
Нечасто у нас появляются материалы по Ruby, но этот бриллиант, вернее рубин, нельзя обойти стороной. Мы привыкли, что ботов делают на Python, но автор этой статьи показал, что разрабатывать их на Ruby может быть не менее удобно.
Убедитесь сами:
tproger.ru/article…iem-ruby
#ruby
Что такое WebRTC и как этим пользоваться
На сегодняшний день почти в любом браузере уже есть всё, что необходимо для совершения видеозвонков. Это возможно благодаря встроенному WebRTC API, который даёт доступ к системным камерам, позволяет запускать видеопоток и подключаться к удалённой системе, и всё это без использования каких-либо сторонних плагинов.
Подробнее об этом в статье:
www.sitepen.com/blog/ge…h-webrtc
#api #webrtc
Прямо сейчас Практикум ищет крутых авторов для того, чтобы сделать IT-образование ещё лучше. Седлайте коней, поделитесь IT-мудростью и помогите сотням новичков стать лучше.
Особые приметы разыскиваемых — по ссылкам:
— Python
— Go
— Веб
— Фронтенд
Читайте подробности по ссылкам и оставляйте отклик!
#вакансии #работа
Почему функция map не работает с некоторыми массивами в JavaScript и что с этим делать
Некоторые функции в JavaScript не всегда ведут себя так, как того ожидает программист. В частности, это касается функции map, которая в ряде случаев ведёт себя странно и на первый взгляд нелогично. Разбираемся в чём причина такого поведения тут:
tproger.ru/transla…snt-work
#javascript
Основы Websocket. Использование с react, redux, saga и RTK Query
WebSocket — протокол связи поверх TCP-соединения, предназначенный для обмена сообщениями между браузером и веб-сервером, используя постоянное соединение. В этой статье вы узнаете, как он используются со стороны фронтенда и бэкенда, в чём его преимущества перед другими протоколами, а также какие библиотеки сегодня используются для работы с ним.
Подробнее:
https://habr.com/ru/articles/727696/
#websocket
API_PATH или как фронтенд может узнать, где находится его бэкенд?
Существуют ситуации, когда разработчик не может знать точно, по какому URL будет запущено его web-приложение: например, когда его web-приложение встраивается в другое. В таком случае надо разбираться откуда будут браться данные и как получить к ним доступ.
Решить эту задачу можно несколькими способами. Подробнее о них в статье:
https://tprg.ru/rfGN
#фронтенд #бэкенд
Дайджест Python #13: инструменты для Data Science и исполняемые файлы из скрипта
Свежий дайджест за первую половину июля уже у нас на сайте. Заходите и узнайте, как сделать из Python-скрипта исполняемый файл, какие инструменты использовать в Data Science и как настроить автопостинг в ВК:
tproger.ru/article…-skripta
#python #дайджест