Frontend Developer
2.28K subscribers
276 photos
168 videos
19 files
422 links
Обучающие видео, готовый код, полезные ресурсы и статьи

Наш чат — https://t.me/+1lXro3gcUwM2YmY6

Сотрудничество – @argo_chat
Download Telegram
Апгрейдни свой гитхаб за пару секунд!

GitHub Profile Generator может быстро и легко создать красиво оформленный профиль.

Инструмент незаменим для разработчиков, студентов и тех, кто ищет работу.❤️

Ссылка: тык

➡️ @byFrontDeveloper | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍41
This media is not supported in your browser
VIEW IN TELEGRAM
МЕГА-коллекция кастомных хуков для React.

Сэкономит вам много времени при разработке!

✓ 50 готовых хуков
✓ С примерами кода
✓ Совместимы с TypeScript

🔜 http://usehooks.com

➡️ @byFrontDeveloper | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Превращай изображения в КОД с помощью этого ИИ! 💻

► Бесплатно
► Измени результат по своему вкусу
► Экспортируй в различные фреймворки: React, Vue, Angular, Svelte и другие

Код копируется в один клик, без регистрации и премиум аккаунтов

Ссылка: тык

➡️ @byFrontDeveloper | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Принёс вам очередную крутую тулзу — Unlighthouse

Это инструмент, который сканирует весь ваш сайт за пару минут, используя Google Lighthouse. Он помогает находить проблемы с производительностью, доступностью и SEO на всех страницах, а не только на главной.

Автоматически находит URL-адреса, визуализирует состояние сайта, имеет современные UI и полезные интеграции

Запустите это:
npx unlighthouse --site <ваш-сайт>


👉 https://next.unlighthouse.dev/

➡️ @byFrontDeveloper | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Крутое видео — Некоторые функции Dev Tools, на которые вы, возможно, раньше не обратили особого внимания

➡️ @byFrontDeveloper
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥2
About JavaScript.pdf
1.5 MB
Вопросы для интервью по JS 🖥

Сохраняй для подготовки!

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Vue.js 3 Design Patterns and Best Practices

Сайт предоставляет перевод книги, посвященной лучшим практикам и шаблонам проектирования в Vue.js 3. В книге рассматриваются основные принципы работы с фреймворком, инструменты разработки (Pinia, Router, Vite и др.) и эффективные подходы к созданию веб-приложений

Книга ориентирована на разработчиков, знакомых с Vue и JavaScript

Ссылка: https://vue-faq.org/ru/book/

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Принёс вам очередной интересный сайт — CodeAnalogies

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

Интерактивные уроки, иллюстрации, необычные сравнения — учиться становится не только проще, но и веселее 🦍

Держите: https://www.codeanalogies.com/

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍2🤔1
CSS_Master from scratch .pdf
1.6 MB
91 Вопросы и ответы на собеседовании по Css

🛑Что такое justify-content? (Свойство выравнивает элементы по главной оси: flex-start, flex-end, center и др.).
🛑Как работает правило @ media only screen and (max-width: 600px)?
🛑Как создать контейнер сетки? (Используйте display: grid; на элементе-контейнере).

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Уверен, каждый начинающий HTML-верстальщик, время от времени задаётся вопросом, можно ли вкладывать какой-либо HTML-тег в другой. Например, можно ли вложить img или div в тег абзаца p

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

🔗 Ссылка: https://caninclude.glitch.me/

👉 @byFrontDeveloper | #ресурс
👍42
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6🤣3👍2🗿1
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать плавающий ярлык ввода с помощью HTML и CSS | CSS Tutorial

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

📲 Cмотреть курс: тут

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🗿2🔥1
Это дорожная карта для структурированного изучения JavaScript.

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔4
This media is not supported in your browser
VIEW IN TELEGRAM
Вы можете просто использовать clear() для очистки консоли Chrome DevTools

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍2🔥21
This media is not supported in your browser
VIEW IN TELEGRAM
Нашел это шедевральное перетаскивание с помощью HTML, CSS и JavaScript

🔗 Код: тут

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
SQL за 2 минуты

На обоих изображениях представлены выдержки из документации + шпаргалки по SQL, включая примеры использования подзапросов, агрегатных функций, строковых функций, а также функций работы с датами и временем.

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥2
Список с задачами для подготовки к SQL-интервью с различными базами данных:

1. [Database Basics](https://bit.ly/3zGK6S7)
2. [SQL Queries](https://bit.ly/3bGzN8r)
3. [MSSQL](https://bit.ly/3A5qIj0)
4. [MySQL](https://bit.ly/3bFkhtE)
5. [Postgres](https://bit.ly/3BOLLHP)
6. [Oracle](https://bit.ly/3zF2WsH)

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Полезный сайт, где можно конвертировать различные элементы — HTML в JSX, JavaScript в JSON, CSS в объекты JS и не только.

Может сильно сэкономить время, когда нужно срочно поменять формат.

🔗 Ссылка: https://transform.tools/

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2