Frontend Developer

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

Уверен, каждый начинающий HTML-верстальщик, время от времени задаётся вопросом, можно ли вкладывать какой-либо HTML-тег в другой. Например, можно ли вложить img или div в тег абзаца p Чтобы не искать эту информацию в спецификации, есть полезный инструмент-шпаргалка по вложенности тегов. Выбираете дочерний и родительский теги и сразу получаете результат 🔗 Ссылка: https://caninclude.glitch.me/ 👉 @byFrontDeveloper | #ресурс

Мы собрали для вас лучшие TG для web разработчиков! 😎 Подписывайся скорее, пока доступ не заблокировали! 🔥 • Рецепты кода • Мемы • Интересные статьи и факты • Викторины • Макеты • Иконки • Полезные ссылки Пссс... А в этом сервисе (klicks.ru) ты можешь сократить ссылку, поделиться файлом илм текстом, ставить пароли, отслеживать статистику по переходам, включать автоудаление - и всё это бесплатно!

Принёс вам очередной интересный сайт — CodeAnalogies Вместо сухих объяснений здесь каждый концепт разбирается через забавные аналогии. Например, CSS позиционирование — как создание мороженого, а JavaScript переменные — как погрузка в грузовик. Интерактивные уроки, иллюстрации, необычные сравнения — учиться становится не только проще, но и веселее 🦍 Держите: https://www.codeanalogies.com/ ➡️ @byFrontDeveloper | дать буст

👩‍💻 Vue.js 3 Design Patterns and Best Practices Сайт предоставляет перевод книги, посвященной лучшим практикам и шаблонам проектирования в Vue.js 3. В книге рассматриваются основные принципы работы с фреймворком, инструменты разработки (Pinia, Router, Vite и др.) и эффективные подходы к созданию веб-приложений Книга ориентирована на разработчиков, знакомых с Vue и JavaScript ⛓ Ссылка: https://vue-faq.org/ru/book/ ➡️ @byFrontDeveloper | дать буст

Крутое видео — Некоторые функции Dev Tools, на которые вы, возможно, раньше не обратили особого внимания ➡️ @byFrontDeveloper

Принёс вам очередную крутую тулзу — Unlighthouse Это инструмент, который сканирует весь ваш сайт за пару минут, используя Google Lighthouse. Он помогает находить проблемы с производительностью, доступностью и SEO на всех страницах, а не только на главной. Автоматически находит URL-адреса, визуализирует состояние сайта, имеет современные UI и полезные интеграции Запустите это:

npx unlighthouse --site <ваш-сайт>

👉 https://next.unlighthouse.dev/ ➡️ @byFrontDeveloper | #ресурсы

Превращай изображения в КОД с помощью этого ИИ! 💻 ► Бесплатно ► Измени результат по своему вкусу ► Экспортируй в различные фреймворки: React, Vue, Angular, Svelte и другие Код копируется в один клик, без регистрации и премиум аккаунтов ⛓Ссылка: тык ➡️ @byFrontDeveloper | #ресурсы

МЕГА-коллекция кастомных хуков для React. Сэкономит вам много времени при разработке! ✓ 50 готовых хуков ✓ С примерами кода ✓ Совместимы с TypeScript 🔜 http://usehooks.com ➡️ @byFrontDeveloper | #ресурсы

Апгрейдни свой гитхаб за пару секунд! GitHub Profile Generator может быстро и легко создать красиво оформленный профиль. Инструмент незаменим для разработчиков, студентов и тех, кто ищет работу.❤️ ⛓Ссылка: тык ➡️ @byFrontDeveloper | #ресурсы

Супер HTML шпаргалка 🖥 Сохраняй и делись с друзьями! ➡️ @byFrontDeveloper | #cтатьи

☃️ Адаптивные SVG на практике Расширьте свои знания о работе с SVG, чтобы получить масштабируемый и адаптивный интерфейс. 🔜 Читать ➡️ @byFrontDeveloper | #cтатьи

⚡️ Бесплатное обучение фронтенду (HTML/CSS + JS + React) с нуля с поддержкой от наставника Опыт в программировании не нужен. На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить С 17 декабря стартует бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript и React на примере проекта — доски объявлений. 💡Вот план обучения: — день 1: Начинаем верстку. Верстаем шапку, элемент Поиск. — день 2: Про верстку. Верстаем контент главной страницы и карточку товара. Верстаем страницу одного товара — день 3: Подключаем JS. Изучаем базовые понятия. Обработка событий. — день 4: Базовое приложение React. Компонентный подход. — день 5: Переносим верстку в приложение React. Подключаем роутинг. Создаем страничку одного товара Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду. Поделится способом трудоустройства. Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией Подписывайтесь, чтобы участвовать бесплатно Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 👉Участвовать бесплатно Подготовительные уроки уже доступны.

Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress. Автор: М.: Манн, Иванов и Фербер Год издания: 2019 ⬇️ Скачать книгу ➡️ @byFrontDeveloper | #книги

Красивый эффект при наведении всего за несколько шагов: :hover, CSS anchor positioning, :has и ни единого JS-кода 🔎 Посмотреть код и поиграть можно здесь ➡️ @byFrontDeveloper | #ресурсы

✅️ GitHub теперь в Telegram! Подписывайтесь: @GitHub

Наткнулся тут на одну годную штуку — Mocky называется 🥳 В общем, если нужно быстро сгенерить какой-нибудь фейковый ответ от сервера — вот это как раз то, что надо Заходишь на сайт, вбиваешь свой JSON-ответ, настраиваешь заголовки, коды ответов — и вуаля, у тебя уже есть URL, который можно дёргать как настоящий API ✓ Эндпоинты GET/POST/PUT/DELETE ✓ Настройка заголовков и ответов ✓ Без регистрации и бесплатно ➡️ @byFrontDeveloper | #ресурсы

Анимация для веба 🔝 Animista — это онлайн-инструмент для создания и предварительного просмотра CSS-анимаций. Он предоставляет широкий выбор анимационных эффектов, которые можно легко применить к элементам веб-страницы. ☑️ На сайте можно настроить различные параметры анимаций, такие как скорость, направление и задержка, а затем сгенерировать готовый CSS-код для использования в своих проектах. 📑 @byFrontDeveloper | #cтатьи