Frontend Developer

Изучение JavaScript Это свежее издание 2024 года. ❯ HTML https://exploringjs.com/js/book/index.html ❯ PDF https://exploringjs.com/js/downloads/exploring-js-screen-preview.pdf ➡️ @byFrontDeveloper | дать буст

svgl - лучший сайт для получения технических логотипов в SVG Копирование в один клик для React, Angular, Vue и других: https://svgl.app/ ➡️ @byFrontDeveloper | дать буст

Совет для VS Code: Используйте Ctrl + Shift + L, чтобы мгновенно выделить все вхождения выделенного текста в текущем файле. Это отлично подходит для быстрых правок и массовых изменений ➡️ @byFrontDeveloper | дать буст

Мини-гайд: Как создать кнопку в стиле "пластик" с использованием теней и градиентов. Он включает в себя подробные настройки для элементов, таких как Drop shadow, Inner shadow и градиент, а также рекомендации по шрифтам и их настройкам. 🔥 Такой гайд может быть полезен для изучающих веб-дизайн и работу с Figma. ➡️ @byFrontDeveloper | дать буст

32 бинда в VS Code Ctrl C + Ctrl V - база 🤓 ➡️ @byFrontDeveloper | дать буст

Какой замечательный веб-компонент! <pixel-canvas> Создает анимированный пиксельный фон при наведении курсора ✓ Совместим с React, Vue и Angular ✓ Открытый исходный код ✓ Менее 2 КБ → http://github.com/hexagoncircle/pixel-canvas ➡️ @byFrontDeveloper | дать буст

НАКОНЕЦ-ТО! Прощай, Date() в JavaScript! В этом году в язык добавят Temporal — и это мощно! ✓ Легко манипулируй и сравнивай даты ✓ Создавай длительности, даты без часового пояса и многое другое ✓ Неизменяемые даты с точностью до наносекунд Ты уже можешь попробовать, установив:

npm install temporal-polyfill

➡️ @byFrontDeveloper | дать буст

Изучите эти 5 шпаргалок для веб-разработчиков ➡️ @byFrontDeveloper | дать буст

Когда дело доходит до Full Stack Web Dev, то вот лучшие курсы по - HTML, CSS, JavaScript - Node, React, and Next.js ❯ Узнайте X за Y минут https://youtube.com/playlist?list=PLZlA0Gpn_vH85jM1TWO6TdCtSr6ruglWn ❯ Полный стек https://youtube.com/playlist?list=PLZlA0Gpn_vH8jbFkBjOuFjhxANC63OmXM ❯ Node.js https://youtube.com/playlist?list=PLZlA0Gpn_vH_uZs4vJMIhcinABSTUH2bY ❯ JavaScript https://youtube.com/playlist?list=PLZlA0Gpn_vH9k5ju1yq9qCDqvtuTVgTr6 ❯ TypeScript https://youtube.com/playlist?list=PLZlA0Gpn_vH_z2fqIg50_POJrUkJgBu7g ❯ HTML https://youtube.com/playlist?list=PLZlA0Gpn_vH8BoXcpCUvdmdPZFuR5y2lV ❯ CSS https://youtube.com/playlist?list=PLZlA0Gpn_vH9D0J0Mtp6lIiD_8046k3si ❯ React https://youtube.com/playlist?list=PLZlA0Gpn_vH_NT5zPVp18nGe_W9LqBDQK ❯ Next.js https://youtube.com/playlist?list=PLZlA0Gpn_vH8Bqoo3cG2tpSwiZ2VZyu51 ➡️ @byFrontDeveloper | дать буст

Зацените эту находку — библиотека Sonner для React Это мощный инструмент для создания уведомлений. Простая установка, кастомизация и реально топовые визуальные фишки. Хватает трёх строчек кода, чтобы всё заработало. Фишки: задавайте типы, настраивайте позиции, управляйте количеством отображаемых уведомлений. Плюс есть суперудобная поддержка анимаций и дополнительных действий. Короче, если хотите добавить стильных "тостов" в проект — однозначно стоит глянуть: https://sonner.emilkowal.ski/ ➡️ @byFrontDeveloper | дать буст

Кого почитать начинающему фронтендеру? Того, кто за 12 лет создал более 350 веб-приложений. Fullstaсk-разработчик Роман Чернов начал делиться опытом на своём канале, где ты найдёшь: - Обучающие статьи по инструментам фрондендера; - Инструкции по собеседованию и релокации; - Советы и лайфхаки от опытного разработчика; - Практические задачки на проверку знаний с решением. Информация на канале бесплатна, но можно купить менторство 💪 🫴 Читаем. Реклама. ИП Чернова О. А., ИНН:771399721044, erid:2W5zFJVYux23

Программисты прямо сейчас 😏 ➡️ @byFrontDeveloper | дать буст

Подборка полезных нейросетей для учебы, написания контрольных и дипломов: CopyAI — один из лучших (если не лучший) бесплатных сервисов для написания учебных текстов; Paperpal — проверит текст на ошибки и сделает его более академическим; Paraphrasetool — перефразирует вашу работу, повысив уникальность и уменьшив след ИИ; Turnitin — один из лучших антиплагиатов в интернете, который умеет детектировать, использовались ли нейросети в процессе написания. Для проверки себя. ➡️ @byFrontDeveloper | дать буст

Создайте этот компонент пагинации с помощью HTML, CSS и JavaScript ➡️ @byFrontDeveloper | дать буст

Bulma — современный CSS-фреймворк на основе Flexbox. Он не включает в себя javaScript и поэтому легко встраивается в разные проекты. ➡️ @byFrontDeveloper | дать буст

Frontend-разработчик или собираешься им стать? Тогда следующий бесплатный вебинар от школы Level Up для тебя! «Виды архитектуры фронтенд-приложений на React: выбираем подход для вашего проекта» Расскажем о популярных подходах к построению фронтенд-архитектуры на React. Разберем, когда использовать монолитный подход, модульные структуры, микро-фронтенды и другие решения. Обсудим их плюсы, минусы и случаи применения, а также разберем примеры из реальных проектов.

Бесплатное API для определения местоположения IP-адреса 50 000 бесплатных запросов в месяц Работает с JavaScript, Python и другими языками программирования 👉 https://ipinfo.io ➡️ @byFrontDeveloper | дать буст

Наткнулся на крутую штуку — Project Wallace Это сервис, который анализирует качество твоего CSS-кода Разбирает CSS на кусочки и показывает, где накосячил с производительностью, что не по стандартам, а что вообще сложно поддерживать. В итоге получаешь чёткий список того, что нужно поправить, чтобы код стал чище и быстрее 👉 https://projectwallace.com/css-code-quality ➡️ @byFrontDeveloper | дать буст

📌Есть только 2 способа стать JavaScript Senior: 1. Часами просматривать видео на YouTube, документацию и решать сложные задачи, так и не достигнув ощутимого прогресса. 2. Следить за каналом «JavaScript Senior» и сократить 70% времени на подготовку к собеседованиям и улучшение навыков! Получай полезные сниппеты, актуальные вопросы с собеседований и будь в курсе последних новинок – подпишись @JavaScriptSenior!