27159
Присоединяйтесь к нашему каналу и погрузитесь в мир фронтенд-разработки Связь: @devmangx РКН: https://clck.ru/3Fs3wT
ВЫ НЕ МАСШТАБИРУЕТЕ СВОЁ ДЕЛО БЕЗ ЭТИХ ТРЁХ ПРАВИЛ
Раскроем для вас тайну здесь и сейчас:
1. Выстроенная система привлечения клиентов
2. Оцифровка бизнеса
3. Сильная команда,но без больших затрат
Ответы на эти вопросы ⬆️ Вы найдёте в закреплённом посте
Почему же они знают,а вы нет?
Предприниматели с 11-летним стажем Виталий Миронюк и Максим Плугарь;
📍 С мая 2023 привлекли 1,2 млрд руб инвестиций для предпринимателей
📍 Собрали 1500+ кейсов по росту в доходе за 2 года
Все фишки можете узнать и вы,просто читая их канал 😉
Ребята профессионалы своего дела, так что если вы готовы расти в доходе:
Забирайте находку и подписывайтесь на канал @X11FOUNDER
Реклама. ИП Плугарь Максим Андреевич. ИНН 920359268768.
Erid: 2Vtzqw7w6Lj
💡 Простой способ получения скриншотов во время загрузки и фильтрации запросов в Chrome dev tools: на заметку фронтенд-разработчику
✔️ #tip by Shripal Soni
➡️ @FrontendPortal | #devtools
💻 Настоящие читы для программистов/разработчиков!
Hacking & InfoSec Base — Самая большая в телеграме библиотека книг по хакингу и ИБ;
Программистика — Лучший канал про Python;
Coding Base — огромное количество полезных ресурсов, репозиториев статей для разработчиков;
GameDev Base — Множество крутых приёмов и лайвхаков для геймдев разработчиков;
🫵 Подпишись и прокачивай свои навыки с невиданной скоростью!
💡 AbortSignal.timeout() в действии: на заметку фронтенд-разработчику
Данный метод создает сигнал, который автоматически прерывается через указанный промежуток времени в мс
🔜 Поиграть можно здесь
✔️ #tip by Shripal Soni
➡️ @FrontendPortal | #CSS
Как получить реальный опыт во фронтенд-разработке за 7 дней?
А именно:
- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.
В итоге своими руками разработаешь качественный сайт, который не стыдно добавить в портфолио или продать.
Такой опыт можно получить на бесплатном практикуме от Айтилогии с поддержкой от опытных разработчиков на каждом этапе.
👉 Приходи на бесплатное обучение и зови с собой друзей
Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
💡 Простой способ получения доступа к любому значению атрибута в виде строки с помощью функции attr(): на заметку фронтенд-разработчику
CSS-функция, которая умеет получать значение любого атрибута элемента, а потом использовать это значение прямо в стилях
Самые распространённые случаи использования этой функции - для создания тултипа(пример на гифке) и также для отображение значения атрибута href после текста ссылки при печати страницы
@media print {
a::after {
content: " [" attr(href) "]";
}
}
Когда заказчик требует mobile-first 😂
➡️ @FrontendPortal | #memes
📚 Организуй свои знания легко вместе с Smarty-tabs!
Хватит терять полезные ссылки — сохраняй, структурируй и создавай свою личную базу знаний для обучения и подготовки к собеседованиям! Удобная организация, быстрый доступ, а главное — все нужные ресурсы в одном месте! 🚀
💡 Отображения звездочки(*) для всех обязательных полей с помощью одного CSS-правила
Функция-псевдокласс :has() позволяет уточнить основной селектор дополнительным. Это единственный способ выбрать элемент на основе дочернего или соседнего элемента посредством CSS
Мы можем использовать :has() чтобы выбрать все label с обязательным полем формы рядом с ними и отобразить звездочку(*)
label:has(+ [required])::after {
content: " *";
color: red;
}
Разница между «opacity: 0» и «visibility: hidden» и «display: none» в CSS с наглядными примерами
➡️ @FrontendPortal | #CSS
Стать Data-инженером за 120 часов
14 октября в Слёрме стартует поток курса «Data-инженер»: 88 часов практики и 32 часа теории.
Будем работать с большими данными:
✔️ Сбор, хранение и обработка
✔️ Визуализация и отчетность
✔️ Интеграция
⚙️ Освоим инструменты и технологии для аналитики и обработки данных и научимся эффективно их подбирать под задачу: PythonSQL, PostgreSQL, Сlickhouse, MongoDB, HDFSHadoop, Spark, Apache Kafka, Redis, Airflow, NiFi, dbt, Metabase.
⚡️Смотреть программу подробнее и оставить заявку по ссылке – на сайте⚡️
МТС True Tech Champ меняет представление об ИТ-ивентах. Стань зрителем шоу роботов 👾
8 ноября МТС приглашает гостей на финал ИТ-чемпионата МТС True Tech Champ. Событие станет ещё более масштабным и зрелищным по сравнению с прошлым годом!
🤖 Шоу «Гонка роботов». Робомыши будут проходить лабиринты на скорость по алгоритмам, которые написали финалисты. Найти путь будут мешать вспышки света, дым и другие спецэффекты. Победители получат 4 000 000 рублей, а зрители станут свидетелями шоу роботов.
🎤 ИТ-Конференция. Участников ждут выступления спикеров в интерактивном лектории True Tech Garage. Акцент будет не на том, чтобы слушать, а на том, чтобы пробовать, экспериментировать и играть.
🕹Фестиваль технологий. Гости события окажутся на площадках c кодерскими и развлекательными айтивностами. Залезть на скалодром по маршруту, который сгенерировал ИИ? Почему бы нет!
Узнать подробности и зарегистрироваться можно на https://truetechchamp.ru/conf
Как работает Javascript: шпаргалка для разработчика
🔜 Источник
➡️ @FrontendPortal | #js
👨💻 Изучай фронтенд по мини-гайдам!
Канал WebTaverna ежедневно публикуют полезные обучающие мини-гайды в картинках, а также различные полезные шпаргалки и советы по HTML, CSS и JavaScript
➡️ Подписывайся на WebTaverna 😮
Новая фича в веб-разработке недавно стала стабильной во всех основных браузерах, и вот все подробности, которые помогут вам начать работу с ней 🌟
Всплывающие окна повсеместно распространены в Интернете, но до сих пор не было более простого способа их реализации.
Этот API предлагает чрезвычайно простой, гибкий и доступный способ реализации всплывающих окон!
➡️ @FrontendPortal | #CSS
🦋 Изучение TypeScript — Полное руководство для начинающих
Оригинал шпаргалки и перевод серии руководств для начинающих в TypeScript👇:
— Часть 1. Введение и примитивные типы данных
— Часть 2. Ссылочные типы данных
— Часть 3. Классы и интерфейсы
— Часть 4. Литералы и дженерики
— Часть 5. Строгий режим и сужение типов
➡️ @FrontendPortal | #TypeScript
Платные курсы больше не нужны!
Эти каналы помогут освоить Frontend - разработку с нуля ➡️➡️
🖥 Senior Frontend - JS, HTML и CSS
👩💻 Frontend Interview - как проходить собеседования
👩💻 Frontender Libs - библиотеки для фронтендеров
👩💻 Web Craft - только Web-разработка
📌 Практические задачи, разборы кода, тесты, вопросы с собеседований, полезные статьи
С таким набором легко зайдешь в IT💪
🈳 Извлечение компонентов React с помощью Cursor Composer
➡️ @FrontendPortal | #react
CSS table-layout
Свойство предназначено для управления режимом формирования ширины столбцов в таблице
/*Для корректной работы fixed обязательно должна быть задана ширина таблицы */
table {
table-layout: fixed;
width: 100%;
}
/* обрезаем текст, не влезающий в ячейку */
td {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
Что будет, если собрать в одном месте Frontend-разработчиков из разных компаний? 🔥
21 сентября мы сделали это на A?.Frontend Day! В Москве и онлайн собрались сотни специалистов, чтобы погрузиться в мир IT, узнать что-то новое и поделиться своим опытом.
📢 Ключевые моменты дня:
— Вадим Царегородцев из Ostrovok.ᅠru рассказал, как с помощью Valibot сделать валидацию данных в JavaScript не только гибкой, но и безопасной.
— Сергей Попов из Skillbox поделился опытом преодоления проблем при внедрении изменений в компании.
— Никита Мамизеров объяснил, как внедряли BDUI в Альфа-Онлайн и какие вызовы пришлось преодолеть.
— Никита Ульшин из Т-Банка рассказал о паттернах отказоустойчивости, которые помогут обеспечить стабильную работу приложений.
— Андрей Смирнов из X5 Tech рассмотрел карьерные ловушки для тимлидов и объяснил, как их избежать.
— Евгений Смирнов из Альфа-Банка провёл дискуссию о том, как ИИ и Copilot меняют разработку и что ждёт программирование в будущем.
И это только часть того, что происходило на A?.Frontend Day! А ещё были квизы, розыгрыши подарков и афтепати с нетворкингом.
Хотите увидеть, как это было? Переходите по ссылке и смотрите подробный отчёт с мероприятия!❤️
Свойство scroll-padding
Позволяет остановить прокрутку на определённом расстоянии от края контейнера
Можно воспользоваться сокращённым свойством scroll-padding или альтернативными ему более конкретными свойствами scroll-padding-*
➡️ @FrontendPortal | #CSS
🈳 The React Handbook — отличный источник после изучения официальной документации по React
Основные темы включают:
— Frameworks & Build Tools
— Project Standards for High-Quality Code
— Ecosystem
— Accessibility & Semantics
— Styling & UI Libraries
— Proficiency with the Hooks API
— State Management in React Applications
— React Performance & Optimization
➡️ @FrontendPortal | #react
⚡Узнайте об актуальных инструментах веб-разработки в 2024 году, последних тенденциях и лучших практиках в разработке фронтенда (React, Vue 3, Svelte) и бэкенда (C#, ASP.NET)!
🔥17 октября в 20.00 мск приглашаем на открытую конференцию "Эффективная веб-разработка в 2024 году: новинки в React, Vue и ASP.NET", на которой обсудим:
✅ React, Vue 3 и Svelte: ключевые обновления в этих фреймворках, которые упрощают создание и поддержку кода. Преимущества и недостатки каждого фреймворка;
✅ Новые возможности .NET 8/9: улучшения в C# и ASP.NET;
✅ Интеграция с фронтендом: продемонстрируем, как легко создавать и взаимодействовать с современными фронтенд-технологиями.
👉Регистрация https://otus.pw/mPGFC/?erid=LjN8KEnnV
🎁Бонусы участника: Карта развития навыков специалиста ASP.NET и Базовые операторы в JavaScript
#реклама
О рекламодателе
💡 Упрощение группировки данных в JavaScript с помощью Object.groupBy() или Map.groupBy(): на заметку фронтендеру
✔️ #tip by Shripal Soni
➡️ @FrontendPortal | #js
🌟 Анимация скачками, плавно или как прыгающий мячик? Управляем механизмом проигрывания анимации
При помощи свойства animation-timing-function можно задать, как будет развиваться анимация между ключевыми кадрами: равномерно, или сначала быстро, потом медленно, или по каким-то сложным внутренним законам
Очень сложно представить, как же будет выглядеть анимация при каждом значении, так что вот демка с некоторыми из них
➡️ @FrontendPortal | #CSS
Визуализация JavaScript: выполнение промисов
Гайд с диаграммами и анимацией в сочетании с 8-минутным видео, из которого вы узнаете некоторые внутренние механизмы работы промисов и разберетесь, как они позволяют выполнять неблокирующие асинхронные задачи в JavaScript.
🔜 Читать
➡️ @FrontendPortal | #article
response-print-pdf — UI Kit для создания PDF-файлов с использованием React и TypeScript.
Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:
⏩ Простоту в использовании
⏩ Готовые компоненты и шаблоны
⏩ 100% контроль макета
⏩ Интеграция динамических данных в PDF-файл
🔜 GitHub
➡️ @FrontendPortal | #resourse