Шпаргалка по HTML input types

👉 @frontend_1

Истоки TypeScript: Документальный фильм

В фильме приняли участие ведущие разработчики и члены сообщества, такие как Андерс Хейлсберг, Стив Лукко, Люк Хобан, Дэниэл Розенвассер, Райан Кавана, Аманда Сильвер, Мэтт Покок, Джош Голдберг и многие другие!

Также в нем рассказывается о примерах применения и понимании языка программирования от компаний JetBrains, Xata, AG_Grid, Deno, Visual Studio Code и Tech at Bloomberg.

источник

👉 @frontend_1

Совет по Javascript 💡

Возможно, вы не знаете об этом простейшем способе отображения относительного времени в человекочитаемом и чувствительном к языку формате.

Demo https://www.codewithshripal.com/playground/js/show-time-in-human-readable-format

👉 @frontend_1

Обновление данных в режиме реального времени с помощью Next.js и Supabase

Поскольку обновления в реальном времени запускают router.refresh, мы можем удалить revalidatePath из серверного экшена. В противном случае человек, запускающий обновление, будет получать одни и те же данные дважды.

👉 @frontend_1

Создаем эту красивую звуковую волну, используя только HTML и CSS 🚀

https://github.com/atherosai/ui/tree/main/animation-01

👉 @frontend_1

Подборка Telegram каналов для программистов

Системное администрирование 📌
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов
https://yangx.top/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://yangx.top/sysadminoff Новости Линукс Linux


https://yangx.top/tikon_1 Новости высоких технологий, науки и техники💡
https://yangx.top/mir_teh Мир технологий (Technology World)

https://yangx.top/rust_lib Полезный контент по программированию на Rust
https://yangx.top/golang_lib Библиотека Go (Golang) разработчика

https://yangx.top/itmozg Программисты, дизайнеры, новости из мира IT.
https://yangx.top/phis_mat Обучающие видео, книги по Физике и Математике

https://yangx.top/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста

1C разработка 📌
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С

Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++
https://yangx.top/cpp_geek Учим C/C++ на примерах

Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/python_real Python подборки на русском и английском
https://yangx.top/python_360 Книги по Python Rus

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/java_360 Книги по Java Rus
https://yangx.top/java_geek Учим Java на примерах

GitHub Сообщество 📌
https://yangx.top/Githublib Интересное из GitHub

Базы данных (Data Base) 📌
https://yangx.top/database_info Все про базы данных

Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка
https://yangx.top/kotlin_lib Подборки полезного материала по Kotlin

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков
https://yangx.top/frontend_sovet Frontend советы, примеры и практика!
https://yangx.top/React_lib Подборки по React js и все что с ним связано

Разработка игр 📌
https://yangx.top/game_devv Все о разработке игр

Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT

Чат программистов📌
https://yangx.top/developers_ru

Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов
https://yangx.top/books_reserv Книги для программистов

БигДата, машинное обучение 📌
https://yangx.top/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию

QA, тестирование 📌
https://yangx.top/testlab_qa Библиотека тестировщика

Шутки программистов 📌
https://yangx.top/itumor Шутки программистов

Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности
https://yangx.top/xakep_1 Статьи из "Хакера"

Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров

Английский 📌
https://yangx.top/UchuEnglish Английский с нуля

Математика 📌
https://yangx.top/Pomatematike Канал по математике

Excel лайфхак📌
https://yangx.top/Excel_lifehack

Совет по Javascript 💡

Короткий способ проверки multiple OR conditions в javascript

👉 @frontend_1

Паттерны для реактивности с помощью современного ванильного JavaScript

Мы много работаем с JavaScript на веб-сайтах и в веб-приложениях, поскольку браузер - это полностью асинхронная среда. Мы должны реагировать на пользовательский ввод, взаимодействовать с серверами, вести журнал, выполнять действия и т. д. Все эти задачи связаны с обновлением пользовательского интерфейса, запросами Ajax, URL-адресами браузера и изменениями навигации, что делает каскадное изменение данных одним из основных аспектов веб-разработки.

https://frontendmasters.com/blog/vanilla-javascript-reactivity/

👉 @frontend_1

Совет по Javascript 💡

Знаете ли вы о способе копирования массива с заменой одного элемента?

👉 @frontend_1

Создание поля ввода, похожего на Material UI, с помощью HTML, CSS и JavaScript 🚀

https://github.com/atherosai/ui/tree/main/input-05

👉 @frontend_1

Последовательная и параллельная выборка данных

👉 @frontend_1

Driver.js

Легкий, независящий, ванильный JavaScript-движок, которая позволяет пошагово познакомить пользователя с продуктом или просто сосредоточить внимание на странице. Без лишних зависимостей, работает с любым фреймворком, написана на TypeScript.

https://github.com/kamranahmedse/driver.js

👉 @frontend_1

Поговорим про деньги в IT?

Приглашаем опытных IT-специалистов пройти небольшой опрос про зарплаты и бенефиты в технологических компаниях. Это займёт не более 7 минут — а ваше мнение поможет одному крупному российскому работодателю делать актуальные офферы.

Пройти опрос можно здесь

Совет по CSS 💡

Используя color-mix() или синтаксис относительных цветов, мы можем динамически изменять прозрачность любого цвета.

👉 @frontend_1

VK расширяет команду IT-специалистов и приглашает бэкенд разработчиков на Weekend Offer. Это онлайн-мероприятие, которое познакомит вас с тимлидом и вакансией. И если вы подходите друг другу — поможет влиться в команду разработчиков VK

Получите оффер за выходные и присоединяйтесь к компании, кстроит суперапп Почты Mail.ru и ищет коллегу, готового улучшать пользовательский опыт миллионов людей:
— работать над умной организацией рассылок;
— решать проблемы нежелательной почты;
— создавать способы для отслеживания онлайн-заказов;
— поддерживать платежные системы и ещё много всего.

Если вы готовы, то приходите познакомиться с тимлидами, узнать о работе в команде VK и получить оффер: https://vk.cc/cveN6G

Кулинарный гид по Vue.js: всё о props

В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.

Props – от слова «properties» (здесь и дальше будем использовать слово «props») – это специальные атрибуты, используемые в экосистеме Vue для передачи данных в компоненты. Они являются частью системы реактивности, позволяют определять типы данных и проводить с ними валидацию.

По большей части мы будем покрывать основы передачи props. Поэтому статья будет актуальна как для Vue 2, так и для Vue 3, поскольку по части объявления props отличий мало. Но так как в Composition API и TypeScript все же они есть, то мы рассмотрим их тоже.

Если вы готовы, то добро пожаловать, мы начинаем наш кулинарный гайд! Bon appétit!

https://habr.com/ru/companies/simbirsoft/articles/765024/

👉 @frontend_1

"use client" обозначает границу между серверным и клиентским кодом в дереве зависимостей модуля.

Каждый компонент, импортированный в файл с "use client", автоматически становится клиентским компонентом.

Мы по-прежнему можем передавать серверные компоненты в качестве реквизитов клиентским компонентам.

👉 @frontend_1

Лучшие практики React-разработки собраны на бесплатном вебинаре Optimizing React: Web & Beyond!

13 марта команда разработчиков Social Discovery Group на примере реальных кейсов расскажут про:

Как оптимизировать React-приложения и снизить нагрузку на устройства;
Как основные «фичи» React нашли себе применение в монтаже видео, 3D графике и написании ботов;
Как не сломать мемоизацию в React.

📅 Дата: 13 марта, 19:00 (GMT+4)
🔉 Язык: русский

Регистрируйтесь на вебинар 👉🏻 здесь 👈🏻

Советы по HTML💡

Знаете ли вы, что с помощью элемента <progress> в HTML можно легко создать прогресс-бар?

👉 @frontend_1

Совет по Javascript 💡

Быстро измените содержимое страницы и посмотрите, как выглядит пользовательский интерфейс с изменениями, включив режим DesignMode.

https://www.codewithshripal.com/playground/js/quickly-modify-ui-using-design-mode

👉 @frontend_1