Фронтенд Гайд

Микрофронтенд: что это такое и зачем он нужен? Микрофронтенды — это деление монолитного приложения на семантически изолированные части и их независимая разработка. В статье приведены сравнения способов организации микрофронтенда, показаны их преимущества и стратегии реализации. #Полезное

Sibling Gallery Галерея фотографий при наведение на одну из фото, она показывается крупнее. Написана на чистом CSS. #CodePen

Зачем писать юнит-тесты на фронтенд? Юнит-тестирование — процесс в программировании, позволяющий запускать независимые тесты для каждой функции, метода или класса. В статье были рассмотрены наиболее частые случаи, с которыми может столкнуться разработчик при написании unit-тестов. #Полезное

Макет Figma фитнес клуба. 🗂 Категория: Лендинг 💵 Сложность: Простой 📱 Адаптив: ✅ 📄 Страницы макета: Главная #Макет

Simple CSS loaders 9 простых анимаций для создания красивых прелоадеров. #CodePen

Log In / Sign Up Двойная форма Авторизации и регистрации. Собрана на CSS. #CodePen

Responsive Blog Card Slider Адаптивный слайдер карточек. Собран с помощью Swiper.js #CodePen

Нашли для вас ребят, с которыми можно начать карьеру разработчика без вложений, а после прохождения курса они гарантированно устроят на работу!🤩 IT Mentor - один из немногих проектов в России, где ты можешь научиться React разработке бесплатно. Оплата обучения происходит только после того, как ты начнешь работать. Первая зарплата - от 120 000 рублей. 💸 1. Ты получаешь гарантию трудоустройства, если не найдешь работу - ничего не должен. 2. Будешь учиться по индивидуальной программе с личным наставником. 3. Изучишь востребованный стек технологий: основы HTML, CSS, JavaScript, TypeScript, React, Redux, GIT, Scrum, Jira 4. Сможешь общаться в закрытом сообществе студентов - разработчиков 5. И получишь карьерную поддержку от экспертов бессрочно: мастер-классы, митапы, консультации и тренинги. Курс подойдет тем, кто хочет войти в IT, но никогда раньше не занимался программированием. Студентам ВУЗов и выпускникам образовательных программ, которые затрудняются найти работу после обучения. Действующим Junior и Middle программистам, которые хотят выйти на новый уровень дохода. Разработчикам из других ниш, которые хотят начать разрабатывать react-приложения. 🔥 Оставь заявку и стань высокооплачиваемым программистом в сфере IT уже в 2023 году. *Количество мест ограничено. »Перейти на сайт

Макет Figma лендинга на тему инвестиций. 🗂 Категория: Лендинг 💵 Сложность: Простой 📱 Адаптив: ✅ 📄 Страницы макета: Главная #Макет

CodeGPT  —  расширение, которое позволяет использовать GPT-3 в VSCode с помощью официального API OpenAI. Это нечто вроде ChatGPT в редакторе кода. В статье рассказывается как его настроить, и знакомят со всеми его функциональными возможностями. #Полезное

Price cards animation Анимированный карточки цен. Собрано на PUG и SCSS. #CodePen

Yet another slider Фоновый слайдер. Собрано на Less и JS. #CodePen

Макет Figma очень простого лендинга по сборке компьютеров. 🗂 Категория: Лендинг 💵 Сложность: Очень простой 📱 Адаптив: ❌ 📄 Страницы макета: Главная #Макет

В связи с быстро меняющимися технологиями разработчикам предоставляются невероятные новые инструменты и технологии. Но было замечено, что различные функции и возможности API не так активно используются, и многие даже не знают о них. Давайте взглянем на некоторые полезные веб-API, которые могут помочь вам поднять ваш сайт до небес! #Полезное

Responsive Product Card Анимированная карточка товара со сменой цвета. Собрано на CSS и jQuery. #CodePen

Хочешь щёлкать задачи по фронтенду как орешки? Канал Frontend Tests & Tasks научит! Это не очередной канал с задачами. Здесь придется думать. Убедись сам 👉 @frontend_tests

Макет Figma сайта по займ услугам. 🗂 Категория: Лендинг 💵 Сложность: Простой 📱 Адаптив: ✅ 📄 Страницы макета: Главная #Макет

Бесплатно освойте тренд 2023 года - профессию моушен-дизайнера с нуля.  За 4 дня вместе сделаем крутой проект в портфолио и расскажем как заработать на дизайне. Что вы получите? — Практическое знакомство с инструментами анимации — Проверки домашних работ в прямом эфире — Уникальный авторский сертификат — Участие в дизайн сообществе с более чем 8000 дизайнерами Для тех, кто успеет пройти регистрацию мы подготовили 6 подарков и возможность участвовать в розыгрыше призов! Регистрация👈

Макет Figma сервиса знакомств. 🗂 Категория: Сайт-сервис 💵 Сложность: Сложный 📱 Адаптив: ✅ 📄 Страницы макета - 18 #Макет

Перебрав, казалось, бесконечную вереницу HTML-элементов, автор статьи нашел несколько очень полезных, но при этом редко используемых. #Полезное