Создание доступных табов пользовательского интерфейса в JavaScript
В этой статье рассказывается о том, как создать доступные вкладки пользовательского интерфейса с помощью JavaScript. Автор обсуждает несколько методов реализации вкладок и объясняет, как сделать их доступными для пользователей с ограниченными возможностями.
Он также предоставляет код для создания вкладок с помощью клавиатуры и для улучшения доступности визуального интерфейса.
https://blog.logrocket.com/build-accessible-user-interface-tabs-javascript/
#javascript
В этой статье рассказывается о том, как создать доступные вкладки пользовательского интерфейса с помощью JavaScript. Автор обсуждает несколько методов реализации вкладок и объясняет, как сделать их доступными для пользователей с ограниченными возможностями.
Он также предоставляет код для создания вкладок с помощью клавиатуры и для улучшения доступности визуального интерфейса.
https://blog.logrocket.com/build-accessible-user-interface-tabs-javascript/
#javascript
👍12
Мобильные платежи и оплата в приложении
В этой видео вы узнаете о том, какие существуют способы реализации платежей на мобильных устройствах и внутри приложений, а также о том, что стоит учитывать при разработке оплаты с мобилок:
https://youtu.be/58xWDkLyk7A
#видео
В этой видео вы узнаете о том, какие существуют способы реализации платежей на мобильных устройствах и внутри приложений, а также о том, что стоит учитывать при разработке оплаты с мобилок:
https://youtu.be/58xWDkLyk7A
#видео
👍10
Наглядные примеры использования React Hooks
В этой статье вы узнаете различные особенности React Hooks и получите полезные советы по их использованию. Автор объясняет, как работать с хуками жизненного цикла, кастомными хуками и хуками контекста, а также как обрабатывать ошибки в хуках на наглядных примерах с кодом.
https://css-tricks.com/react-hooks-the-deep-cuts/
#react #фронтенд
В этой статье вы узнаете различные особенности React Hooks и получите полезные советы по их использованию. Автор объясняет, как работать с хуками жизненного цикла, кастомными хуками и хуками контекста, а также как обрабатывать ошибки в хуках на наглядных примерах с кодом.
https://css-tricks.com/react-hooks-the-deep-cuts/
#react #фронтенд
👍10🔥2
Настала пора похвастаться!
Очередная рабочая неделя подошла к концу и у вас наверняка накопилось чем поделиться. Расскажите о своих успехах и достижениях за эту неделю в комментариях по ссылке:
https://tproger.ru/articles/chto-vy-delali-na-etoj-nedele-post-hvastovstva-za-3-10-marta/
#чат
Очередная рабочая неделя подошла к концу и у вас наверняка накопилось чем поделиться. Расскажите о своих успехах и достижениях за эту неделю в комментариях по ссылке:
https://tproger.ru/articles/chto-vy-delali-na-etoj-nedele-post-hvastovstva-za-3-10-marta/
#чат
👍8
«Как мы реализовали подпись документов с помощью ЭЦП для площадки на Bitrix»
В этой статье компания INDEXIS подробно рассказывает, как они технически реализовали возможность подписания документов для проведения аукционов на онлайн-площадке в сфере недропользования. И, конечно, делятся фрагментами кода для большей наглядности:
https://tproger.ru/articles/kak-my-s-pomoshh-yu-ecp-realizovali-podpisanie-dokumentov-dlya-elektronnoj-torgovoj-ploshhadki/
#bitrix
В этой статье компания INDEXIS подробно рассказывает, как они технически реализовали возможность подписания документов для проведения аукционов на онлайн-площадке в сфере недропользования. И, конечно, делятся фрагментами кода для большей наглядности:
https://tproger.ru/articles/kak-my-s-pomoshh-yu-ecp-realizovali-podpisanie-dokumentov-dlya-elektronnoj-torgovoj-ploshhadki/
#bitrix
👍6👎2
Типичная рабочая задача разработчика и её решение
Эта статья будет полезна как тем, кто интересуется разработкой, так и проходящим базовые курсы по программированию и еще не представляет, как все эти переменные, циклы, условия и функции применяются на реальных задачах.
Здесь вы посмотрите, как решается задача преобразования эмодзи при экспорте чатов из Slack в другой сервис:
https://tproger.ru/articles/typical-it-task/
Эта статья будет полезна как тем, кто интересуется разработкой, так и проходящим базовые курсы по программированию и еще не представляет, как все эти переменные, циклы, условия и функции применяются на реальных задачах.
Здесь вы посмотрите, как решается задача преобразования эмодзи при экспорте чатов из Slack в другой сервис:
https://tproger.ru/articles/typical-it-task/
👍2
Почему вы должны перейти на PNPM
pnpm — это пакетный менеджер для управления зависимостями в проектах на JavaScript. Он был создан с целью оптимизации установки и уменьшения использования дискового пространства в проектах. В отличие от других популярных менеджеров, pnpm устанавливает зависимости путем создания ссылок на уже установленные модули, вместо копирования их в каждый проект.
В этой статье вы узнаете почему вам стоит использовать его, а также получите краткую инструкцию по переносу проекта на новый менеджер и установке:
https://medium.com/@buffet_time/why-you-should-move-to-pnpm-82962f332418
#pnpm
pnpm — это пакетный менеджер для управления зависимостями в проектах на JavaScript. Он был создан с целью оптимизации установки и уменьшения использования дискового пространства в проектах. В отличие от других популярных менеджеров, pnpm устанавливает зависимости путем создания ссылок на уже установленные модули, вместо копирования их в каждый проект.
В этой статье вы узнаете почему вам стоит использовать его, а также получите краткую инструкцию по переносу проекта на новый менеджер и установке:
https://medium.com/@buffet_time/why-you-should-move-to-pnpm-82962f332418
#pnpm
👍13💩7🤮1🌚1
OpenAI представила GPT-4 и расскажет о ней подробнее на презентации в 23:00 по мск
Как и обещали, разработчики Microsoft и OpenAI, в целом улучшили GPT-4 и внедрили мультимодальные модели. Теперь GPT-4 может взаимодействовать ещё и через изображения (пример, на 1 скриншоте), звуки и видео. А ещё она свободно общается на разных языках, гораздо лучше сдаёт экзамены и лучше пишет о сложных вопросах, а не только общих темах.
Рассказываем, что ещё нового в новой модели от OpenAI, как получить к ней доступ и где посмотреть презентацию: https://tproger.ru/articles/openai-predstavila-gpt-4-chto-novogo-i-kak-poprobovat-novinku/
#chatgpt
Как и обещали, разработчики Microsoft и OpenAI, в целом улучшили GPT-4 и внедрили мультимодальные модели. Теперь GPT-4 может взаимодействовать ещё и через изображения (пример, на 1 скриншоте), звуки и видео. А ещё она свободно общается на разных языках, гораздо лучше сдаёт экзамены и лучше пишет о сложных вопросах, а не только общих темах.
Рассказываем, что ещё нового в новой модели от OpenAI, как получить к ней доступ и где посмотреть презентацию: https://tproger.ru/articles/openai-predstavila-gpt-4-chto-novogo-i-kak-poprobovat-novinku/
#chatgpt
⚡20👍8🥱3❤1🥰1
VueEnt — сложные формы на Vue и не только
VueEnt — это библиотека, которая предоставляет инструменты для быстрого создания прототипов Vue.js-приложений и ускорения разработки. Она включает в себя множество готовых компонентов, которые можно использовать для быстрой разработки, а также предоставляет набор инструментов для управления состоянием, маршрутизации и других аспектов веб-приложения.
Подробнее о том, как ею пользоваться:
https://habr.com/ru/post/717680/
#vue
VueEnt — это библиотека, которая предоставляет инструменты для быстрого создания прототипов Vue.js-приложений и ускорения разработки. Она включает в себя множество готовых компонентов, которые можно использовать для быстрой разработки, а также предоставляет набор инструментов для управления состоянием, маршрутизации и других аспектов веб-приложения.
Подробнее о том, как ею пользоваться:
https://habr.com/ru/post/717680/
#vue
👍2
Применение принципов SOLID в React
В этой статье вы узнаете, как применять принципы SOLID в React. SOLID — это набор принципов, которые помогают разработчикам создавать более поддерживаемый и расширяемый код. Здесь объясняется каждый принцип и показывается, как его можно применить в React-приложениях.
Если ты хочешь улучшить свои навыки разработки в React, эта статья точно стоит твоего внимания:
https://medium.com/dailyjs/applying-solid-principles-in-react-14905d9c5377
#react #solid
В этой статье вы узнаете, как применять принципы SOLID в React. SOLID — это набор принципов, которые помогают разработчикам создавать более поддерживаемый и расширяемый код. Здесь объясняется каждый принцип и показывается, как его можно применить в React-приложениях.
Если ты хочешь улучшить свои навыки разработки в React, эта статья точно стоит твоего внимания:
https://medium.com/dailyjs/applying-solid-principles-in-react-14905d9c5377
#react #solid
👍9🤮6
This media is not supported in your browser
VIEW IN TELEGRAM
Хороший фронтендер и UI интересный
🤣90😁9💯3❤2👍2🔥1
Дженерики в TypeScript
Эта статья для тех, кто не использует generic-типы в TypeScript: не знают о них, боятся использовать или используют вместо реальных типов — `any`:
https://habr.com/ru/company/tinkoff/blog/588655/
#typescript
Эта статья для тех, кто не использует generic-типы в TypeScript: не знают о них, боятся использовать или используют вместо реальных типов — `any`:
https://habr.com/ru/company/tinkoff/blog/588655/
#typescript
👍10
Разделяй и не страдай: что выбрать для микрофронтенда?
Последние несколько лет во фронтенд-сообществе активно обсуждается и используется термин «микрофронтенд». Разные компании делятся своими подходами к организации подобного архитектурного решения, но до сих пор мало описания проблематики, которую призваны решить микрофронтенды, критерии их применимости и ограничения в использовании.
В этой статье автор постарался сравнить разные способы организации микрофронтендов, а также сформировать рекомендации, где какой подход использовать:
https://habr.com/ru/company/simbirsoft/blog/698240/
Последние несколько лет во фронтенд-сообществе активно обсуждается и используется термин «микрофронтенд». Разные компании делятся своими подходами к организации подобного архитектурного решения, но до сих пор мало описания проблематики, которую призваны решить микрофронтенды, критерии их применимости и ограничения в использовании.
В этой статье автор постарался сравнить разные способы организации микрофронтендов, а также сформировать рекомендации, где какой подход использовать:
https://habr.com/ru/company/simbirsoft/blog/698240/
👍3
Click To Zoom Calendar
Этот проект представляет собой интерфейс календаря с интересной анимацией — при выборе конкретной даты, происходит зум на эту ячейку для просмотра подробностей, а повторный клик возвращает исходный вид календаря.
Посмотреть, как это реализовано с точки зрения код можно тут:
https://codepen.io/Hyperplexed/pen/qBVPaNV
#codepen
Этот проект представляет собой интерфейс календаря с интересной анимацией — при выборе конкретной даты, происходит зум на эту ячейку для просмотра подробностей, а повторный клик возвращает исходный вид календаря.
Посмотреть, как это реализовано с точки зрения код можно тут:
https://codepen.io/Hyperplexed/pen/qBVPaNV
#codepen
👍11👎1
15 обязательных шпаргалок для веб-разработчиков
Здесь вы найдёте подборку шпаргалок для разработчиков, которые содержат основные синтаксические конструкции и команды для работы с различными технологиями и языками программирования. Шпаргалки по
https://dev.to/ishratumar/15-must-have-cheatsheets-for-developers-1n92
#шпаргалки
Здесь вы найдёте подборку шпаргалок для разработчиков, которые содержат основные синтаксические конструкции и команды для работы с различными технологиями и языками программирования. Шпаргалки по
CSS Flexbox, Grid, React, Git, Node.js, Django и не только ждут вас тут:https://dev.to/ishratumar/15-must-have-cheatsheets-for-developers-1n92
#шпаргалки
👍14❤3😱1
Глобальные атрибуты HTML
Это атрибуты, которые могут быть использованы в любом HTML-элементе независимо от его типа. Они предоставляют общие свойства для всех элементов, такие как id, class, style, title, tabindex, data-* и другие, и позволяют разработчикам добавлять дополнительную информацию к HTML-элементам.
Подробнее о них:
https://doka.guide/html/global-attrs/
#html
Это атрибуты, которые могут быть использованы в любом HTML-элементе независимо от его типа. Они предоставляют общие свойства для всех элементов, такие как id, class, style, title, tabindex, data-* и другие, и позволяют разработчикам добавлять дополнительную информацию к HTML-элементам.
Подробнее о них:
https://doka.guide/html/global-attrs/
#html
👍14
Highlight.js — библиотека для выделения синтаксиса
Highlight.js — это библиотека на JavaScript, которая позволяет легко подсвечивать синтаксис кода на веб-страницах. Она поддерживает более чем 180 языков программирования и настроена для автоматического обнаружения языка. Библиотека также имеет возможность настройки стилей подсветки кода, что позволяет адаптировать её для различных дизайнерских концепций веб-сайтов.
Подробнее:
https://highlightjs.org/
#библиотека #javascript
Highlight.js — это библиотека на JavaScript, которая позволяет легко подсвечивать синтаксис кода на веб-страницах. Она поддерживает более чем 180 языков программирования и настроена для автоматического обнаружения языка. Библиотека также имеет возможность настройки стилей подсветки кода, что позволяет адаптировать её для различных дизайнерских концепций веб-сайтов.
Подробнее:
https://highlightjs.org/
#библиотека #javascript
👍8