Frontend разработчик 3375

Frontend разработчик

Именно так вы получаете и итерируете данные в
React, Vue и Svelte.

Какой из них вам больше нравится? 🧐

👉 @frontend_1

🤔5👍3👏2🐳2

2.86K views19:00

Frontend разработчик

Обзор методов JavaScript DOM 👨‍💻

👉 @frontend_1

👍6

2.19K views12:27

Frontend разработчик

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

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

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

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

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

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

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

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

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

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

GitHub Сообщество 📌
https://www.tg-me.com/Githublib Интересное из GitHub

Базы данных (Data Base) 📌
https://www.tg-me.com/database_info Все про базы данных

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

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

Разработка игр 📌
https://www.tg-me.com/game_devv Все о разработке игр

Вакансии 📌
https://www.tg-me.com/sysadmin_rabota Системный Администратор
https://www.tg-me.com/progjob Вакансии в IT

Чат программистов📌
https://www.tg-me.com/developers_ru

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

БигДата, машинное обучение 📌
https://www.tg-me.com/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

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

QA, тестирование 📌
https://www.tg-me.com/testlab_qa Библиотека тестировщика

Шутки программистов 📌
https://www.tg-me.com/itumor Шутки программистов

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

Книги, статьи для дизайнеров 📌
https://www.tg-me.com/ux_web Статьи, книги для дизайнеров

Английский 📌
https://www.tg-me.com/UchuEnglish Английский с нуля

Математика 📌
https://www.tg-me.com/Pomatematike Канал по математике

Excel лайфхак📌
https://www.tg-me.com/Excel_lifehack

👍2

2.4K views12:49

Frontend разработчик

This media is not supported in your browser

VIEW IN TELEGRAM

Parallel Routes в Next.js 13: наглядный пример для фронтенд-разработчика.

👉 @frontend_1

👍4🎉1

2.2K views04:06

Frontend разработчик

Внутреннее представление и оптимизации строк в JavaScript-движке V8: «отмываем» строки, «обгоняем» C++

С самого рождения JavaScript в каком-то смысле был языком для манипулирования текстом — от веб-страничек в самом начале до полноценных компиляторов сейчас. Неудивительно, что в современных JS-движках достаточно много сил уделено оптимизации внутреннего представления строк и операций над ними.

В этой статье я хочу рассмотреть, как могут быть представлены строки в движке V8. Попытаюсь продемонстрировать их эффект, обогнав C++ в очень честном бенчмарке. А также покажу, в каких случаях они могут, наоборот, привести к проблемам с производительностью, и что в таких случаях можно сделать.

https://habr.com/ru/companies/ruvds/articles/745008/

👉 @frontend_1

👍4

2.69K views05:53

Frontend разработчик

Знаете ли вы, что можно изменить метод формы в HTML-форме, указав атрибут formMethod на кнопке?

👉 @frontend_1

👍12🔥3❤1

2.38K views15:10

Frontend разработчик

Forwarded from React

Понимание компонентов React Server

Изучите основы React Server Components, чтобы лучше понять, зачем (и когда) их внедрять.

https://vercel.com/blog/understanding-react-server-components

✍️ @React_lib

👍2

2.47K views12:24

Frontend разработчик

Cовет💡

Быстрый и простой совет для вложенных радиусов: ваши углы будут выглядеть намного лучше, если вы установите внешний радиус на сумму внутреннего радиуса + отступы.

👉 @frontend_1

👍21🔥3❤1

2.43K views07:56

Frontend разработчик

Forwarded from GitHub Сообщество

This media is not supported in your browser

VIEW IN TELEGRAM

Craft.js

🚀 React Framework для создания расширяемых редакторов с возможностью drag and drop страниц

Редакторы страниц - отличный способ обеспечить превосходный пользовательский опыт. Однако создание такого редактора зачастую является довольно сложной задачей.

Существуют библиотеки, которые поставляются с полностью рабочим редактором страниц из коробки с пользовательским интерфейсом и редактируемыми компонентами. Однако если вы захотите внести изменения в пользовательский интерфейс и его поведение, это наверняка повлечет за собой модификацию самой библиотеки.

Craft.js решает эту проблему за счет модульного подхода к строительным блокам редактора страниц. Он поставляется с системой drag-n-drop и управляет тем, как пользовательские компоненты должны быть отображены, обновлены и перемещены - среди прочего. Благодаря этому вы сможете создать свой собственный редактор страниц именно так, как вы хотите, чтобы он выглядел и вел себя.

https://github.com/prevwong/craft.js

👉 @Githublib

👍5🔥3

2.09K views12:39

Frontend разработчик

Schema

Библиотеке для определения и использования схем для проверки и преобразования данных в TypeScript.

https://github.com/Effect-TS/schema

👉 @frontend_1

👍3🥰2🎉1

2.07K views22:07

Frontend разработчик

Croner

Запускайте функции или обрабатывайте выражения cron на JavaScript или TypeScript. Никаких зависимостей. Большинство функций. Node. Deno. Bun. Браузер.

// Basic: Run a function at the interval defined by a cron expression
const job = Cron('*/5 * * * * *', () => {
 console.log('This will run every fifth second');
});

// Enumeration: What dates do the next 100 sundays occur on?
const nextSundays = Cron('0 0 0 * * 7').nextRuns(100);
console.log(nextSundays);

// Days left to a specific date
const msLeft = Cron('59 59 23 24 DEC *').nextRun() - new Date();
console.log(Math.floor(msLeft/1000/3600/24) + " days left to next christmas eve");

// Run a function at a specific date/time using a non-local timezone (time is ISO 8601 local time)
// This will run 2024-01-23 00:00:00 according to the time in Asia/Kolkata
Cron('2024-01-23T00:00:00', { timezone: 'Asia/Kolkata' }, () => { console.log('Yay!') });

https://github.com/hexagon/croner

👉 @frontend_1

GitHub

GitHub - Hexagon/croner: Trigger functions or evaluate cron expressions in JavaScript or TypeScript. No dependencies. Most features.…

Trigger functions or evaluate cron expressions in JavaScript or TypeScript. No dependencies. Most features. Node. Deno. Bun. Browser. - Hexagon/croner

👍3

2.29K views10:46

Frontend разработчик

SVG в вебе. Практическое руководство.

Мы живём в век пикселей. Как дизайнеры и разработчики в вебе, пиксели могут быть нам как друзьями, так и врагами. Мы хотим, чтобы всё выглядело красиво и чётко для всех, кто пользуется нашими сайтами, и нам необходимо уменьшать размеры файлов для улучшения производительности. В общем-то, есть только один способ для иконок, логотипов и иллюстраций — это SVG. Масштабируемая векторная графика (Scalable Vector Graphics) позволяет изображению выглядеть чётко на мониторе с любым разрешением, при этом иметь очень маленький размер файла и легко поддаваться редактированию и изменениям.

Цель этого руководства — дать обзор практического применения SVG-изображений в вебе с некоторыми советами и хитростями, которые помогут получить максимальную отдачу от них.

https://svgontheweb.com/ru/#preparation

👉 @frontend_1

👍9

2.45K views10:42

Frontend разработчик

This media is not supported in your browser

VIEW IN TELEGRAM

Знаете ли вы, что в CSS можно определить поворот с помощью блока `turn`? 🤩

👉 @frontend_1

🔥23👍10

2.38K views06:44

Frontend разработчик

Разбираем HTTP/2 по байтам

Откройте любую статью с обзором HTTP/1.1. Скорее всего, там найдётся хотя бы один пример запроса и ответа, допустим, такие:

GET / HTTP/1.1
Host: localhost

HTTP/1.1 200 OK
Date: Sat, 09 Oct 2010 14:28:02 GMT
Server: Apache
Content-Length: 38
Content-Type: text/html; charset=utf-8

<!DOCTYPE html>
<h1>Привет!</h1>

https://habr.com/ru/companies/timeweb/articles/751338/

👉 @frontend_1

👍2

2.22K views07:55

Frontend разработчик

Совет по HTML 💡

Для большей безопасности и конфиденциальности пользователей всегда устанавливайте rel="noreferrer" для всех внешних ссылок на важных страницах ✅.

👉 @frontend_1

👍10🔥2

2.27K views14:36

Frontend разработчик

0:34

This media is not supported in your browser

VIEW IN TELEGRAM

Совет по использованию инструментов Chrome Dev Tools 💡

Иногда бывает сложно разработать/отладить стили для различных состояний элемента, таких как hover, focus, active и т. д.
Узнайте, как можно принудительно перевести элемент в такие состояния, чтобы легко разрабатывать/отлаживать стили для этих состояний 👆

👉 @frontend_1

👍8🥰2🥱2

2.17K views11:05

Frontend разработчик

This media is not supported in your browser

VIEW IN TELEGRAM

Создание отзывчивого макета с помощью областей CSS grid 👨‍💻🚀

👉 @frontend_1

👍10🔥4👎3🎉1

2.03K views15:39

Frontend разработчик

❤1💩1👾1

1.94K views16:32

2025/07/13 14:34:33
Back to Top

HTML Embed Code:

<iframe width="100%" src="https://www.bootg.com/buyppe/web?embed=1" title="Telegram Web" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>