Frontend разработчик
11.7K subscribers
1.75K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
This media is not supported in your browser
VIEW IN TELEGRAM
Создание отзывчивого макета с помощью HTML и CSS flex 🚀

https://github.com/atherosai/ui/tree/main/layout-03

👉 @frontend_1
👍13
Обзор методов JavaScript DOM 👨‍💻

👉 @frontend_1
👍8
Promises Training

Проект помогает углубить фронтенд-разработчику свои знания о промисах в Javascript.

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

https://github.com/henriqueinonhe/promises-training

👉 @Githublib
👍10🎉1
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по использованию инструментов Chrome Dev Tools 💡

Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?

👉 @frontend_1
👍23🥰2
Совет по производительности веб-сайтов 💡

Используйте Map вместо Object в случае частых добавлений/удалений пар key-value или когда ключи динамические .

👉 @frontend_1
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Создание вкладок с помощью HTML, CSS и JavaScript 🚀

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

👉 @frontend_1
4👍1
Совет по Javascript 💡

Вы можете не знать об этом сокращенном синтаксисе для объявления метода в object literal

👉 @frontend_1
👍7👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Создание отзывчивого макета с помощью HTML и CSS 🚀

https://github.com/atherosai/ui/tree/main/layout-04

👉 @frontend_1
👍51
Узнайте о позиционировании CSS с помощью следующей шпаргалки 🚀

👉 @frontend_1
👍9
This media is not supported in your browser
VIEW IN TELEGRAM
Vercel Data Cache остается неизменным в течение всего периода развертывания

👉 @frontend_1
👍3
Визуализация методов массивов JavaScript 🚀

👉 @frontend_1
👍30
Совет по HTML 💡

Легко создайте красивый индикатор выполнения, используя элемент <progress> 🤩

👉 @frontend_1
👍6
Autofill vs autofit

👉 @frontend_1
👍9
Совет по Javascript 💡

Для лучшей отладки используйте именованные выражения стрелочных функций для критических/часто используемых callback'ов

👉 @frontend_1
👍10🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
Загрузка файла с помощью server action в Next.js

👉 @frontend_1
👍42
Советы по HTML 💡

Знаете ли вы, зачем мы пишем <meta charset=«utf-8»> в HTML-документе?

👉 @frontend_1
👍6🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем платежную карту с эффектом переворачивания, используя только HTML и CSS 🚀

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

👉 @frontend_1
👍5