Стартуйте в Telegram Ads без бюджета

Подарок на запуск и Персональный менеджер от eLama

Раскрутка без денег

Новый способ от 0 до 8792 пдп.

Subers

Бот для работы с трафиком и защиты каналов.

Statistika Saralanganlar

Frontend Portal

@FrontendPortal

Kanal geosi va tili: Rossiya, Ruscha

Toifa: Texnologiyalar

Присоединяйтесь к нашему каналу и погрузитесь в мир фронтенд-разработки
Связь: @devmangx

Связанные каналы | Похожие каналы

Kanal geosi va tili

Rossiya, Ruscha

Toifa

Texnologiyalar

Statistika

Postlar filtri

O‘chirilganlarni yashirish

Repostlarni yashirish

Frontend Portal

26 Jun, 12:19

00:41

Два полезных, дополняющих друг друга, ресурса по функциям плавности (easing)

https://easings.net/ru - здесь более подробное описание

https://easings.co/ - здесь более наглядные примеры

👉 @FrontendPortal | #resourse

1.2k 0 27 10

Frontend Portal

26 Jun, 10:07

Лайфхак для IT-шников в 2024

Разберись в алгоритмах. Компании уровня BigTech вязнут в большом количестве данных. Поэтому тот, кто сможет подобрать эффективное решение для задачи и оптимизировать рабочие процессы, поможет генерировать им больше прибыли.

На бесплатном обучении от FAANG School ты прокачаешь алгоритмы с разработчиком с 7-летним опытом, который решил 500+ задач на LeetCode. Узнаешь:

– Как использовать разные структуры данных
при решении задач
– Какие 20% усилий дают 80% результата
при подготовке к алгоритмам
– Prefix Sum и Sliding Window. 2 подхода, которые закрывают задачи на 200к$ во время собесов в Google
– Как научиться решать алгоритмы без матана

Простые и доступные объяснения, полезные квизы и опросы, а также много задач для практики.

Переходи и жми на кнопку «Принять участие», если хочешь увеличить шансы устроиться в Яндекс, Amazon, Google и другие.

1.6k 0 5 2

Frontend Portal

26 Jun, 08:08

Эффект матового стекла(Glassmorphism)

Генератор — https://css.glass/

CSS:
.box {
background: linear-gradient(135deg, rgba(255,255,255, 0.1), rgba(255, 255, 255, 0));
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 32px;
height: 200px;
width: 450px;
}

👉 @FrontendPortal | #CSS

1.9k 0 103 40

Frontend Portal

25 Jun, 19:19

00:07

Плагин px to rem

Alt+Z переводит выбранный текст из px в rem и обратно

🔗 Плагин: ссылка

👉 @FrontendPortal | #vscode

2.3k 0 84 7 33

Frontend Portal

25 Jun, 17:07

00:38

Video oldindan ko‘rish uchun mavjud emas

Telegram'da ko‘rish

Привет, я Никита, лид по фронтенд-разработки в Merk Team ❤️

Прямо сейчас я работаю на трех проектах, где управляю командами разработчиков, оцениваю их обратную связь и развитие, координирую их работу и выбираю стратегии разработки с их дальнейшей поддержкой.

На этой неделе я веду канал Merk/daily от своего имени. Там я не буду рассуждать, почему Ангуляр круче Реакта, ведь технологии меняются все время. Зато расскажу о том, что в свое время помогло мне получить первый оффер, когда не было даже опыта работы, какие фишки и общие принципы можно использовать для успешного прохождения технических интервью и что поможет развиваться в индустрии дальше.

Подписывайтесь, чтобы ничего не пропустить и приходите общаться со мной в комментариях: @merkteam 👋

2.5k 0 3 8

Frontend Portal

25 Jun, 12:08

00:14

На данном ресурсе в интерактивном режиме можно посмотреть, как работают свойства CSS3, возможности HTML5, посмотреть поддержку этих возможностей браузерами и сгенерировать необходимый код

Помимо CSS3 и HTML5, есть генераторы для SEO-оптимизации

Все грамотно структурировано, максимально лаконично и интуитивно понятно

🔗 Ссылка: https://webcode.tools/

👉 @FrontendPortal | #resourse

2.4k 0 116 1 19

Frontend Portal

25 Jun, 10:07

💡 Огромная база актуальной теории для Frontend Разработчиков:

Что такое AbortController в JS?
Что такое render props в React?
Что такое Proxy в JavaScript?
Какие в TypeScript есть Utility Types?
Что такое Каррирование?
В чем разница между __proto__ и prototype?
Что такое Mutation Observer?
Какие есть коды ответа HTTP?
Что такое блочная модель в CSS?

Канал ведут опытные Frontend Разработчики, которые еженедельно проводят собеседования.

Подпишись на @frontend_questions

2.5k 0 21 11

Frontend Portal

25 Jun, 08:07

Градиентная обводка текста

Простой способ cоздать градиентную обводку для текста с помощью нескольких строк кода. В комментариях поподробнее👇

.text {
/* Устанавливаем градиентный фон */
background: linear-gradient(
45deg, #4158D0 0%, #C850C0 50%, #FFCC70 100%
);
/* Устанавливаем цвет текста, равный цвету фона контейнера */
color: black;
/* Используем свойство background-clip, при использовании значения text фон будет применен для текста элемента */
background-clip: text;
/* Используем webkit-text-stroke, чтобы добавить ширину и цвет обводки. Цвет нужно установить на transparent(прозрачный), чтобы цвет градиента из-за обрезки фона начал отображаться */
-webkit-text-stroke: 6px transparent;
}

👉 @FrontendPortal | #CSS

2.5k 0 86 1 41

Frontend Portal

24 Jun, 13:18

00:29

Шпаргалка по БЭМ, на которой можно наглядно посмотреть структуру часто используемых компонентов вёрстки, и варианты наименования таких компонентов и их дочерних элементов

🔗 Ссылка: https://9elements.com/bem-cheat-sheet/

👉 @FrontendPortal | #resourse

2.8k 0 234 3 43

Frontend Portal

24 Jun, 11:07

Вам тоже знаком «мандраж» перед обсуждением денег с HR или с руководителем?

• Как понять стою «рыночную стоимость»?
• Как отвечать на вопрос о зарплатных ожиданиях, чтобы не «спугнуть» рекрутера?
• Чем аргументировать начальству просьбу о повышении зарплаты?

Канал «Выше вилки» — всё о том, как айтишнику вести переговоры о деньгах, чтобы не продешевить с зарплатой!

Никаких диванных визуализаций, бабушкиных заговоров на «успешных успех» и прочей шизотерики. Только польза, которой делятся в канале два разработчика и HR, с суммарным опытом в IT более 30 лет!

СПОЙЛЕР: Избавиться от страха и стеснения на переговорах о деньгах можно буквально за неделю!

Если решили сменить работу или вас не устраивает зарплата — это точно будет вам интересно.

Подписывайтесь и читайте закреп канала, чтобы узнать подробности!

➡️ Тык сюда

Реклама. ИП Шишков И.И. ИНН: 575206903941 erid: 2VtzqxP6StP

2.9k 0 2 3

Frontend Portal

24 Jun, 09:07

Пользовательский текст маркера списка

В CSS counter(list-item) — это специальное значение счетчика, которое доступно по умолчанию и содержит номер текущего элемента списка в упорядоченном списке

👉 @FrontendPortal | #CSS

2.8k 0 55 1 37

Frontend Portal

23 Jun, 12:37

Две хорошие минималистичные шпаргалки по Flexbox и Grid

https://flexbox.malven.co/

https://grid.malven.co/

...на первое время очень даже полезно

Только нет моего любимого свойства place-content: center; (сокращенная запись для align-content и justify-content), которое позволяет одной строкой центрировать дочерние элементы - https://developer.mozilla.org/en-US/docs/Web/CSS/place-content

👉 @FrontendPortal | #resourse

3k 0 154 5 22

Frontend Portal

23 Jun, 10:30

7 дней бесплатного обучения вёрстке сайтов!

🔥 Организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором.

За 7 дней ты:
- Освоишь базовый функционал Figma;
- Узнаешь, как создавать трендовый дизайн;
- Разберешься с UX и UI дизайном и интерфейсами;
- Научишься создавать адаптивный дизайн;
- Получишь советы по доработке своих проектов;

В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне.

Ухватить бесплатно такой ценный материал можешь по ссылке 👉 UX/UI-Start

После подтверждения участия мы вышлем тебе в подарок чек-лист «45 мест для поиска работы», где собраны все ресурсы, на которых UX/UI-дизайнеры находят работу в веб-студиях и IT-компаниях.

Начинаем уже завтра.

Реклама. ИП Чернова О. А., ИНН:771399721044

👉 Участвовать бесплатно

2.9k 0 7 2

Frontend Portal

23 Jun, 08:37

Вариативные шрифты

Один вариативный шрифт хранится в одном файле, но способен заменить собою множество различных шрифтов хранящихся в разных файлах. Традиционно под каждый вес (жирность) или стиль (italic, bold, light) шрифта вам надо загрузить несколько соответствующих шрифтов, файлов. С OpenType вариативным файлом шрифта, вы можете сгенерировать множество разных вариации шрифта причем любой градации

Подробнее — тык

👉 @FrontendPortal | #CSS

2.8k 0 48 1 20

Frontend Portal

22 Jun, 14:07

00:17

Video oldindan ko‘rish uchun mavjud emas

Telegram'da ko‘rish

patterns — мощнейший ресурс по паттернам проектирования веб-приложений для опытных разработчиков

🔗 Ссылка: https://www.patterns.dev/

👉 @FrontendPortal | #resourse

3.1k 0 122 17

Frontend Portal

22 Jun, 10:36

Как отслеживать производительность веб-приложения

Performance API — это API браузера, позволяющее измерять время работы программы при помощи различных методов. Для этого используется очень точный тип измерения времени – DOMHighResTimeStamp, работающий с точностью до 5 микросекунд (в одной миллисекунде их тысяча).

Подробнее — тык

👉 @FrontendPortal | #js

2.9k 0 63 3 14

Frontend Portal

21 Jun, 12:17

Поделюсь еще парочкой полезных ресурсов:

https://htmlrecipes.dev/ — проект с примерами семантических секций, блоков, карточек и т.д.

https://smolcss.dev/ — современные CSS-решения для различных кейсов

👉 @FrontendPortal | #resourse

3.5k 0 135 1 21

Frontend Portal

21 Jun, 08:07

00:26

Свойство shape-outside

Определяет форму, вокруг которой должно обтекаться соседнее встроенное содержимое. Обычно это делается для того, чтобы текст мог перерисовываться по такой фигуре, как круг, эллипс или многоугольник

.column--left .shape {
float: right;
shape-outside: circle(100px at 100% 50%);
}

Подборка примеров использования этого свойства — Ссылка

👉 @FrontendPortal | #CSS

3.3k 0 123 54

Frontend Portal

20 Jun, 20:17

00:06

Форма с анимацией placeholder

Реализовано на HTML, CSS и JS

🔗 Код: Codepen

👉 @FrontendPortal | #codepen

3.4k 0 89 44

Frontend Portal

20 Jun, 12:07

02:09

Video oldindan ko‘rish uchun mavjud emas

Telegram'da ko‘rish

Учим Flexbox, уничтожая зомби - это же надо было так заморочиться :)

Изначально ценник на этот курс/игру был $179, сейчас в свободном доступе

🔗 Ссылка: https://flexboxzombies.com/p/flexbox-zombies

👉 @FrontendPortal | #resourse

3.5k 0 169 7 34

20 ta oxirgi post ko‘rsatilgan.

12 035

obunachilar

Kanal statistikasi

Kanalda mashhur

Подборка бесплатных онлайн игр для освоения CSS — Flexbox Froggy — Coding Fantasy — Flexbox D...

Подборка 5 классных и полезных шпаргалок, которые упростят вам жизнь в мире фронтенд-разработки ...

Одинаковая ширина каждой цифры с помощью свойства font-variant-numeric Это свойство определяет, ...

💬 Вопрос с собеседования В чем разница между innerText, innerHTML и value в JavaScript? Ответ:...

👇 | #викторина