Frontend Developer

VPN VND Instagram, Chat GPT и остальные сервисы грузятся мгновенно! Переходите в @vnd_bot и забирайте 30 дней бесплатно, а дальше — всего 83 рублей в месяц. 🔘Запускайте @vnd_bot 🔘Нажимайте «Как подключить ⚙️» 🔘 Подключайся и пользуйся 30 дней бесплатно, без карт и подписок. 🔘Следуйте инструкциям и забудьте о блокировках!

👩‍💻 FilePond 📌 FilePond — это продвинутый и настраиваемый JavaScript-плагин для загрузки файлов с красивым интерфейсом и поддержкой drag-and-drop. ❔ Особенности:

🟠Красивый UI из коробки 🟠Drag-and-drop + предпросмотр изображений 🟠Поддержка асинхронной загрузки 🟠Валидация файлов (размер, тип, количество) 🟠Расширяется плагинами (например, обрезка, трансформация изображений) 🟠Работает с обычными <input type="file">

⚙️ Как установить:

npm install filepond

Вариант через CDN:

<link href="https://unpkg.com/filepond/dist/filepond.min.css" rel="stylesheet">
<script src="https://unpkg.com/filepond/dist/filepond.min.js"></script>

⚡️ Ссылка на Github: Тык ➡️ фронтенд-курсы | #библиотека

🖥 Продвинутый видеокурс по Redux, с фундаментальных основ 🔴 Курс посвящён глубокому изучению Redux, включая управление состоянием, асинхронность, Redux-Saga, WebSocket и тестирование. Он охватывает как основы, так и продвинутые техники для создания масштабируемых приложений. 💭 В курсе:

🔴Архитектура Flux и синхронное управление состоянием в Redux 🔴Асинхронность, middleware и сайд-эффекты 🔴Формы, навигация и аутентификация в SPA 🔴Redux-Saga, WebSocket и редкие техники оптимизации 🔴Тестирование Redux и функций-генераторов

➡️ фронтенд-курсы | #redux

💲Каналы с Junior IT вакансиями и стажировками Подписывайся и забирай свой оффер⚡ 1. IT вакансии по СНГ 2. IT стажировки по СНГ 3. IT стажировки в топовых компаниях мира 4. Удалённые IT вакансии и стажировки 5. Python вакансии и стажировки 6. БИГТЕХ вакансии и стажировки 7. Design вакансии и стажировки 8. QA вакансии и стажировки 9. Junior вакансии и стажировки 10. Frontend вакансии и вопросы собесов 11. Вакансии и стажировки для аналитиков 12. Вакансии в русских стартапах за границей 13. Вакансии и стажировки для DevOps 14. Вакансии, которых нет на ХХ.РУ

🔥 Zenscroll 📌 Zenscroll — это небольшая и удобная JavaScript-библиотека для плавной анимации прокрутки страницы (или контейнера) к нужному элементу. Позволяет легко реализовать мягкий скроллинг без использования jQuery и лишнего кода. 💭 Особенности:

🟠Плавный скролл к элементу или позиции 🟠Нет зависимостей (чистый JS) 🟠Весит <1KB 🟠Работает во всех современных браузерах 🟠Позволяет настроить скорость и отступ 🟠Поддерживает прокрутку внутри контейнеров, не только window

⚙️ Как установить:

npm install zenscroll

Вариант через CDN:

<script src="https://cdn.jsdelivr.net/npm/zenscroll@4/zenscroll.min.js"></script>

⚡️ Ссылка на Github: Тык ➡️ фронтенд-курсы | #библиотека

🖥 HTML и CSS. Профессиональная вёрстка сайтов 🔴 Курс по вёрстке сайтов для новичков, которые хотят сменить профессию. Вы научитесь создавать адаптивные и доступные интерфейсы, работать с HTML, CSS, графикой, сетками и подключать JavaScript. 💭 В курсе:

🔴Основы веба, профессия верстальщика, инструменты 🔴HTML и семантическая разметка, анализ макета 🔴Стилизация, работа с шрифтами, графикой и сетками 🔴Адаптация, декоративные элементы, доступность 🔴JavaScript в интерфейсе, подготовка и защита проекта

➡️ фронтенд-курсы | #верстка

Если ты до сих пор пользуешься только ChatGPT, поздравляю — ты застрял в 2023 году Сейчас есть ИИшки под любые задачи, которые ты только можешь вообразить. • Zapier AI, AutoGPT, AgentHub — автоматизируют целую рутину за тебя. Перескажут письмо, создадут по нему задачу, сами внесут данные в Гугл-таблицу. Настоящие ИИ-агенты. • Fireflies, Otter, Sembly — фиксируют мысли в созвонах, переводят речь в текст, составляют конспекты по итогам диалога. • LLaMA 3, Mixtral, RWKV — "бандиты" без цензуры и ограничений как у ChatGPT. Скажут как создать ядерную бомбу, за сколько тебя продадут на органы в Эквадоре и на каком форуме можно заказать убийство. Пощупать бесплатно все эти модели, найти что-то для себя и посмотреть как развивается индустрия можно в Doctor GPT. Читай и используй лучшие инструменты первым: https://t.me/+kcFCzv8uRQBkYWUy

👩‍💻 Динамический to (реактивный) телепорт 📌 Динамический to (реактивный) телепорт в Vue — это <teleport>, у которого атрибут to задаётся переменной или вычисляемым значением (computed), а не жёсткой строкой. ❔ Зачем это нужно:

Чтобы динамически менять место, куда телепортируется контент, например: 🟢в зависимости от ширины экрана 🟢по нажатию кнопки 🟢по логике состояния приложения

Телепорт меняет своё «место назначения» на лету — за счёт реактивности Vue. ➡️ фронтенд-курсы | #vue

🖥 Хуки React на практике 🔴 Практический курс по хукам в React: изучите стандартные хуки, создадите собственные, соберёте библиотеку и научитесь публиковать её на NPM. Подходит для начинающих React-разработчиков. 💭 В курсе:

🔴Работа со стандартными React-хуками 🔴Создание собственных хуков (useInput, useTabs, useClick и др.) 🔴Реализация библиотеки хуков 🔴Публикация библиотеки на NPM 🔴Практика с React, NPM и функциональными компонентами

➡️ фронтенд-курсы | #react

🎉 Большой розыгрыш от крупнейшего IT-медиа 1337, легендарного паблика Рифмы и Панчи, канала Техно. Победителей будет много, а для участия нужны лишь пара кликов: 1. Подписаться на Рифмы и Панчи, 1337 и на Техно. 2. Нажать «Участвовать» под этим постом Что по призам:

1 место - Iphone 16 Pro 2 место - PS5 Slim 3 место - Nintendo Switch 2 4-10 места - 10 000 рублей на карту

Победителей определим 21 июля в 18:00 МСК. Всем удачи!

🖥 props.children ❔ Что такое props.children? props.children — это встроенное свойство в React, которое содержит всё, что находится внутри компонента при его использовании. 💡 Главное:

⭐️props.children — это содержимое тега компонента ⭐️React автоматически передаёт его в компонент ⭐️Очень удобно для композиции, переиспользуемых обёрток, UI-шаблонов

➡️ фронтенд-курсы | #react

🔥 Полный курс FSD 🔴 Курс посвящён FSD — набору архитектурных практик, упрощающих поддержку и развитие фронтенд-проектов на React. Разбираются основные принципы, слои, инструменты и миграция существующего кода. 💭 В курсе:

🔴Изучение принципов и сущностей FSD 🔴Практика внедрения FSD в React-проекты 🔴Разбор слоёв и паттернов архитектуры 🔴Работа с Redux, MobX, Zustand, React-query 🔴Миграция существующих проектов на FSD

➡️ фронтенд-курсы | #FSD

⚡️ Бесплатное обучение HTML/CSS, JavaScript, Angular с нуля с поддержкой от наставника Можно неделями гуглить инфу по JS и смотреть туториалы, читать книги, делать задачки в тренажёрах,но всё равно не понимать, как из этого собрать нормальынй сайт. С 20 июля действующий тимлид и опытный разработчик запускает бесплатное обучение в своём телеграм-канале. Участники разработают фронтенд для своего киносайта Что вы сделаете на обучении — Сверстаете макет своего кинотеатра под присмотром тимлида — Затем добавите JavaScript (и это не пара скриптов для модального окна) — И перепишете проект на Angular Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как джуну стартовать на фрилансе или устроиться на работу Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду. Поделится способом трудоустройства. Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией Подписывайтесь, осталось 30 мест Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 📌 Если вы уже пробовали изучать фронтенд, но каждый шаг — это гуглинг, страдание и тысяча вкладок, — приходите на интенсив. Увидите путь от вёрстки до Angular и сможете продолжать изучать фронтенд без хаоса в голове. 👉Участвовать бесплатно Подготовительные уроки уже доступны

🔥 Fuzzysort 📌 Fuzzysort — это JavaScript-библиотека для быстрого и точного нечеткого поиска (fuzzy search) по строкам. Особенно полезна, когда пользователь вводит часть слова с ошибками или в произвольном порядке. 💭 Особенности:

🟠Очень быстрый поиск, даже в больших массивах 🟠Без зависимостей, вес <10KB 🟠Сортирует результаты по релевантности 🟠Поддерживает поиск по вложенным полям объектов 🟠Возвращает индексы совпадений (можно подсвечивать текст) 🟠Работает с юникодом (в т.ч. кириллицей)

⚙️ Как установить:

npm install fuzzysort

Вариант через CDN:

<script src="https://cdn.jsdelivr.net/npm/fuzzysort@2.0.4/fuzzysort.min.js"></script>

⚡️ Ссылка на Github: Тык! ➡️ фронтенд-курсы | #библиотека

🔥 Набор курсов по соданию сайтов 🔴 Набор онлайн-курсов по работе и настройке сайта для структурированного доступа к видеоурокам. Подходит тем, кто знаком с локальными серверами и веб-разработкой. ➡️ фронтенд-курсы | #вебразработка

⚡️Это случилось! MIT теперь в Телеграм MIT — один из лучших ВУЗов мира в сфере технологии и нейросетей. Наконец-то, они сделали русское комьюнити, где публикуются обучающие методики и ресурсы. Подпишись по ссылке: @mit

🖥 Навык «Вёрстка текстового содержания страниц» 🔴 Курс по профессиональной вёрстке текстового контента для сайтов, включающий работу с типографикой, обтекаемыми элементами и подготовкой страниц к CMS. Основан на кейсах и практическом разборе решений. ➡️ фронтенд-курсы | #верстка

🔥 WordPress + Ai 🔴 Курс учит создавать полноценные сайты на WordPress с помощью искусственного интеллекта, даже без опыта. Включает PRO-инструменты, 3500 готовых блоков. 💭 В курсе:

🔴Создание и структура сайта с нуля 🔴Настройка WordPress, домена и SSL 🔴Работа с Elementor и Flexbox 🔴Применение ИИ для текстов и дизайна 🔴SEO, мультиязычность и защита сайта

➡️ фронтенд-курсы | #wordpress

🔥 Angular и NgRx - пишем реальный проект с нуля 🔴 Практический курс по созданию клона Medium с нуля на Angular и NgRx. Подходит тем, кто хочет прокачать навыки на реальном проекте без теории и документации. 💭 В курсе:

🔴Структурирование и настройка Angular-проекта 🔴Создание переиспользуемых компонентов и модулей 🔴Работа с NgRx и управление состоянием 🔴Реализация авторизации и интерфейсов 🔴Покрытие всего кода типами TypeScript

➡️ фронтенд-курсы | #angular

🖥 React для начинающих на практике - создаем фильмотеку 🔴 Курс по основам React JS с упором на практику: вы создадите приложение для отображения базы фильмов и научитесь работать с компонентами, API и маршрутизацией. Подходит для начинающих фронтенд-разработчиков. 💭 В курсе:

🔴JSX и основы React 🔴Состояния и пропсы 🔴Функциональные и классовые компоненты 🔴Работа с API и Axios 🔴Маршрутизация и развертывание на GitHub Pages

➡️ фронтенд-курсы | #react