Frontend Portal


Гео и язык канала: Россия, Русский
Категория: Технологии


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

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

Гео и язык канала
Россия, Русский
Категория
Технологии
Статистика
Фильтр публикаций


Linux как секс!

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

В канале BashDays ты найдешь лучшие Linux и Bash практики. Действующий девопс-инженер, самобытно и с долей юмора, травит темы:

- Рекавери файлов через grep
- Почему коты гадят в макбуки
- Как отключить логирование
- Неочевидные трюки на Bash
- Сниффер SSH на strace

И это только цветочки. А если заскучал, поиграй с друзьями в piu-piu и надери им бэкенд. Рекомендую!

В BashDays даже джуны становятся сеньорами.

Подписывайся, это самый простой способ прокачать свои хард-скиллы:@bashdays


Копирование текста в буфер обмена

Clipboard API позволяет считывать и записывать данные в буфер обмена

document.querySelector('.copy').addEventListener('click', () => {
const txt = document.querySelector('.content').value;
navigator.clipboard.writeText(txt);
});

writeText() — это метод объекта Clipboard, предназначенный для копирования текстовых данных в буфер обмена. Метод возвращает Promise, который завершается успешно в случае, если текст скопирован, и выдаёт ошибку, если операция не удалась

👉 @FrontendPortal | #js


Tabler Icons – набор из более чем 5250 бесплатных высококачественных SVG-иконок, которые вы можете использовать в своих проектах

🔗 Ссылка: https://tabler.io/icons

👉 @FrontendPortal | #resourse

2.3k 0 139 3 36

Как освоить одну из самых творческих профессий в IT с помощью ChatGPT в 3 раза быстрее?

Рассказываем на бесплатной открытой лекции для frontend-разработчиков или тех, кто хочет им стать

После нашего эфира вы узнаете:
– Что изменилось с появлением ИИ и что это значит для тех, кто хочет её освоить;
– Кому точно подойдёт это направление в IT;
– Как интегрировать нейросети в вашу работу уже сейчас, если вы действуйющий специалист;
– Какими инструментами и навыками нужно владеть, чтобы попасть в ТОП компании с хорошим соц. пакетом и делать 200+ т.р;
– Прямо в эфире покажем как ИИ помогает «не программистам» делать хороший Frontend

Кликай на ссылку и забирай подробную информацию вместе с классными бонусами 👈🏼

erid: LjN8KXyga
ООО Зерокодер, ИНН 9715401631


Что будет в консоли?
Опрос
  •   Ошибка
  •   200 400 ['block', 'red']
  •   200 400 'block' 'red'
  •   200 400
1012 голосов


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


Frontend теперь в телеграм!

Собрали крупные русскоязычные каналы, где вы найдете всю информацию о последних трендах и лучших практиках:

Логово Верстальщика научит верстать продающие сайты.

Node.JS поможет узнать все тонкости и секреты JavaScript и его фреймворков.

Frontender's notes советы и полезные приемы для каждого разработчика.


Определение системной темы оформления

Медиавыражение prefers-color-scheme может использоваться для определения того, светлую или тёмную тему использует пользователь в операционной системе

window.matchMedia позволяет получить доступ к медиавыражениям из JS и подписываться на их срабатывание
const mediaQueryList = window.matchMedia('(медиавыражение)')

👉 @FrontendPortal | #CSS #js


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

Понравилось? С вас — 🔥

👉 @FrontendPortal | #CSS #подборка

2.9k 0 171 1 93

Как стать востребованным разработчиком
(Лекция без воды)


Классика IT: учите и отрабатываете одно, а в вакансиях видите другое. По итогу злитесь и начинаете по-новой.

А нужно получить набор знаний и навыков, которые востребованы в реальных проектах.

К примеру, на старте вам не нужно знать все паттерны проектирования. Знаний ООП и принципов SOLID будет вполне достаточно. А стандартный pet-проект с простейшими crud-операциями в вашем CV далеко не то, что хотят видеть рекрутеры.

Чтобы узнать, какие ключевые hard и soft skills качать в первую очередь, как искать лучшие вакансии в IT, сделать портфолио идеальным для работодателя и получить желанный оффер от 100 000 рублей, приходите на онлайн-эфир от «FAANG School».

Мастер-класс проведет разработчик из BigTech-компании с многолетним опытом.

Забирайте полезные подарки, чтобы вас завалило офферами:
- Подробный гайд «Как найти работу в IT»
- Пошаговый Roadmap по Java
- Шпаргалка «Hotkey JetBrains IDE»
- Шпаргалка по Rest API


Движок для игры от первого лица в 265 строках Javascript

Сегодня окунёмся в мир, который можно потрогать. В этой статье мы исследуем, как с нуля, быстро и без особо сложной математики написать движок для игры от первого лица. Для этого мы воспользуемся приёмом под названием «бросание лучей» (raycasting)

Читать дальше: статья

Вот демка: https://demos.playfuljs.com/raycaster/

👉 @FrontendPortal | #js #article


Платные курсы больше не нужны

Вот каналы, чтобы освоить Frontend разработку с нуля 👇

📍Senior Frontend - JS, HTML и CSS

📍Frontend Interview - как проходить собеседования

📍Frontender Libs - библиотеки для фронтендеров

📍Web Craft - только Web-разработка


С таким набором легко зайдешь в
IT💪


Переключаем режим редактирования для всего документа

Когда мы изменяем HTML, обычно нужно дождаться обновления страницы, чтобы увидеть изменения. Вы можете сэкономить время, используя designMode, который позволяет мгновенно изменять страницу

Чтобы переключить режим разработки, введите следующий код:
document.designMode="on"

👉 @FrontendPortal | #js


Теги sub и sup, нижний и верхний индексы

Тег позволяет выводить надстрочный текст , а тег подстрочный текст

👉 @FrontendPortal | #HTML


✔️ CodeBase | Frontend - канал для начинающих веб-мастеров, которые хотят покорить FrontEnd!

➡️ У нас вы найдете:

🟢 крутые фишки для вёрстки
🟢 макеты проектов
🟢 полезные материалы и ресурсы
🟢 все о javascript, react
🟢 тонну годного материала

🔥 Заходи прямо сейчас, чтобы не потерять - CodeBase | Frontend!


fancy-border-radius - генерирует сложные фигуры используя восемь значений border-radius

🔗 Ссылка: https://9elements.github.io/fancy-border-radius/

👉 @FrontendPortal | #resourse

4k 0 167 1 72

Использование CSS-градиента для затемнения картинки

Одним из способов затемнения изображений с помощью CSS является использование градиентов. Этот метод позволяет более гибко настроить эффект, а также добавить различные переходы и цветовые комбинации

СSS:
background: linear-gradient(
to right,
rgb(0 0 0 / 0.5),
rgb(0 0 0 / 0)
), url("img.jpg") 100%/cover no-repeat;

👉 @FrontendPortal | #CSS


Форма с капчей

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

🔗 Код: Codepen

👉 @FrontendPortal | #codepen


Обводка текста с помощью CSS-свойства text-stroke

Свойство определяет ширину и цвет обводки текстовых символов. Это сокращенная форма записи для следующих свойств:
webkit-text-stroke-width
webkit-text-stroke-color

Поддержка свойства составляет 96.3%

👉 @FrontendPortal | #CSS


Broadcast Channel API

Broadcast Channel API позволяет контекстам браузера (browser contexts) обмениваться данными друг с другом. К браузерным контекстам относятся такие элементы, как окно, вкладка, iframe и т.д.

По причинам безопасности контексты, обменивающиеся данными, должны принадлежать одному источнику (same origin). Один источник означает одинаковый протокол, домен и порт

👉 @FrontendPortal | #js

Показано 20 последних публикаций.