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

Создаем виджет банковских аккаунтов, вдохновленный Wise, используя HTML, CSS и JavaScript 🚀

https://github.com/atherosai/ui/tree/main/scrolling-02

👉 @frontend_1

👍4❤1

2.48K views11:12

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

Не стоит недооценивать HTML

«HTML – это просто», «Разрабатывать фронтенд проще, чем бэкенд», «После реализации бэкенда обновление UI не должно составлять труда», – за время работы в сфере веб-разработки вокруг меня то и дело звучали эти и другие аналогичные утверждения.

И очень часто они вызывали у меня грусть.

Дело в том, что бо́льшую часть времени я проводила за написанием фронтенда, включая работу с HTML, CSS и JavaScript (по факту в основном TypeScript). Когда кто-нибудь говорит мне о «простоте» моей работы, я начинаю думать, что мои навыки не представляют высокой ценности, и меня может легко заменить любой разработчик…

В статье же я решила описать свои размышления, которые рождались в течение последних двух лет во время работы с людьми из разных команд с разным опытом в HTML-разработке и фронтенд-технологиях в целом. Здесь я озвучу несколько основных своих вопросов «Почему?», сопроводив их возможными ответами.

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

👉 @frontend_1

👍9

2.57K views08:05

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

Event Loop в деталях

В данной статье поговорим о том, почему Event Loop вообще был создан, как с ним работать и почему про него спрашивают на собесах.

JS был спроектирован как однопоточный язык программирования. Это значит, что он может выполнять только одну операцию одновременно. Тем не менее у JavaScript есть такой механизм как Event Loop, который как раз и позволяет выполнять "асинхронные" операции. Почему "асинхронные" в кавычках? Да просто потому что JavaScript тоже выполняет их синхронно, асинхронности в самом JavaScript как таковой нет. Вперед под кат, будем разбираться)

https://habr.com/ru/articles/762618/

👉 @frontend_1

👍4

2.85K views21:57

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

This media is not supported in your browser

VIEW IN TELEGRAM

Используйте сокращение CSS flex flow, чтобы объединить свойства flex direction и flex wrap 👨‍💻🚀.

👉 @frontend_1

❤10👍6👎1

2.57K views09:01

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

This media is not supported in your browser

VIEW IN TELEGRAM

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

Знаете ли вы, что в Chrome Dev Tools можно легко фильтровать запросы по временным рамкам? ✨

👉 @frontend_1

👍9💯1

2.36K views11:04

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

Sugar High

Суперлегкая подсветка синтаксиса для JSX, 1 КБ после минификации и gizpped.

https://sugar-high.vercel.app/

👉 @frontend_1

👍5

2.42K views11:45

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

This media is not supported in your browser

VIEW IN TELEGRAM

Создаем анимированное меню, вдохновленное Github, используя HTML, CSS и JavaScript 🚀.

Код https://github.com/atherosai/ui/tree/main/menu-03

👉 @frontend_1

👍4❤1

2.4K views05:10

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.18K views12:58

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

CSS linear

С появлением на горизонте новой функции CSS linear() возможности создания естественных анимаций и переходов в будущем значительно расширяются. В этой статье Джейхи Томпкинс рассматривает текущее состояние смягчения CSS и демонстрирует, чего можно ожидать от функции linear(), включая удобные инструменты для работы с ней уже сегодня.

https://www.smashingmagazine.com/2023/09/path-css-easing-linear-function/

GitHub https://codepen.io/smashingmag/pen/PoXmRJQ

👉 @frontend_1

👍3

2.06K views08:31

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

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

👉 @frontend_1

👍15

2.53K views14:15

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

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

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

источник

👉 @frontend_1

👍6

2.5K views10:50

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

Совет по Javascript 💡

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

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

👉 @frontend_1

👍11❤1

2.61K views23:35

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

1:10

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

👉 @frontend_1

👍6

2.25K views20:58

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

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

👉 @frontend_1

👍5

1.96K views10:30

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

2.33K views13:39

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

Совет по Javascript 💡

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

👉 @frontend_1

👍9

2.43K viewsedited 08:44

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

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

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

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

👉 @frontend_1

👍7

2.65K views21:53

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

Совет по Javascript 💡

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

👉 @frontend_1

👍14❤1

2.46K views10:41

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

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

👉 @frontend_1

👍8

2.13K views09:12

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

0:18

This media is not supported in your browser

VIEW IN TELEGRAM

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

👉 @frontend_1

👍8❤4

1.88K views20:27

2025/07/11 21:36:46
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>