cookie

ما از کوکی‌ها برای بهبود تجربه مرور شما استفاده می‌کنیم. با کلیک کردن بر روی «پذیرش همه»، شما با استفاده از کوکی‌ها موافقت می‌کنید.

avatar

Frontend Portal

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

نمایش بیشتر
پست‌های تبلیغاتی
11 513
مشترکین
+7824 ساعت
+3067 روز
+1 03030 روز
توزیع زمان ارسال

در حال بارگیری داده...

Find out who reads your channel

This graph will show you who besides your subscribers reads your channel and learn about other sources of traffic.
Views Sources
تجزیه و تحلیل انتشار
پست هابازدید ها
به اشتراک گذاشته شده
ديناميک بازديد ها
01
Одинаковая ширина каждой цифры с помощью свойства font-variant-numeric Это свойство определяет, как будут отображаться числа. При значении 'tabular-nums' числа будут представлены с одинаковой шириной, что позволит им идеально выстраиваться в ряд 👉 @FrontendPortal | #CSS
2 170129Loading...
02
💬 Вопрос с собеседования В чем разница между innerText, innerHTML и value в JavaScript? Ответ: innerText выводит только текст без HTML-форматирования, идентичный тому, как если бы вы смотрели на страницу innerHTML позволяет манипулировать HTML-структурой элементов, включая теги и стили value применяется для работы с значениями интерактивных элементов, таких как input, textarea или select // Работаем с текстом, игнорируя HTML-теги document.querySelector('#elem').innerText = 'Текст'; // Вставляем HTML-код, изменяя структуру страницы document.querySelector('#elem').innerHTML = '<span>HTML</span>'; // Задаем значение для элементов форм, таких как input или select document.querySelector('#input').value = 'Данные'; Подробнее — Тык 👉 @FrontendPortal | #собес
2 51731Loading...
03
Frontend Developer — это первоисточник всего, что происходит во Frontend-сообществе Здесь опытный Senior-разработчик ежедневно публикует материалы, которые накопил за 9 лет Frontend-разработки: ➤ Шаблоны с готовым кодом для твоих проектов ➤ Вопросы с собеседований, задачи и викторины ➤ Шпаргалки по JavaScript, HTML и CSS P.S. Даже онлайн-школы берут материалы с этого канала🤫
2 4198Loading...
04
Свойство initial-letter Оно принимает два значения, разделенных пробелом: p:first-letter { initial-letter: 3.5 3; } Первый аргумент определяет размер начальной буквы в зависимости от того, сколько строк она занимает. Отрицательные значения не допускаются Второй определяет количество строк, на которые должна утонуть начальная буква, если задан ее размер. Значения должны быть больше нуля. Если этот параметр опущен, он дублирует значение размера, округляя его до ближайшего положительного целого числа 🔗 Полезные ссылки: • Попробовать самому • Подробная статья • Поддержка 89.24% 👉 @FrontendPortal | #CSS
2 46431Loading...
05
Media files
2 8506Loading...
06
👇 | #викторина
2 82514Loading...
07
Канал с полезными инструментами для верстальщика найден! Навыки верстальщика - канал в котором ты найдешь: ▫️Макеты в формате фигма для верстки ▫️Полезные фичи по CSS & HTML ▫️Готовые решения по верстке 👉 Мы ждем тебя в нашем дружном комьюнити!
2 7783Loading...
08
Деструктурирующее присваивание: Значения по умолчанию Если в массиве меньше значений, чем в присваивании, то ошибки не будет. Отсутствующие значения считаются неопределёнными: let [firstName, surname] = []; alert(firstName); // undefined alert(surname); // undefined Если мы хотим, чтобы значение «по умолчанию» заменило отсутствующее, мы можем указать его с помощью =: // значения по умолчанию let [name = "Guest", surname = "Anonymous"] = ["Julius"]; alert(name); // Julius (из массива) alert(surname); // Anonymous (значение по умолчанию) 👉 @FrontendPortal | #js
2 89325Loading...
09
Шпаргалка по box-shadow Каждая тень состоит из следующих значений: • Значения с единицами измерения(на картинке представлены 3) также если задано четвёртое значение, то оно отвечает за радиус распространения • Дополнительно можно указать ключевое слово inset, которое превратит тень из внешней во внутреннюю • Чаще всего, но не обязательно, нужно указывать цвет тени в любом доступном формате цвета 👉 @FrontendPortal | #шпора #CSS
2 97869Loading...
10
Учить JavaScript можно бесконечно, да? Вместо очередной теоретической задачки — вот вам практика: Бесплатное обучение фронтенд-разработке с нуля с личной поддержкой от наставника На канале Интенсивный JavaScript действующий тимлид уровня мидл+ помогает изучить фронтенд на практике Когда-то он работал крупье в казино, а сейчас помогает новичкам попасть в IT и собеседует людей в свою команду С 29 по 31 мая он проводит бесплатный интенсив, где поможет разобраться во JavaScript с нуля Что получите на интенсиве ✔️ Напишете свой проект на JS: сайт с услугой по сборке ПК под заказ ✔️ Узнаете, как вам сейчас попасть в сферу, каких ошибок избегать, как не попасть в категорию новичков, которых не берут на работу ✔️ и получите пошаговый план изучения JavaScript с нуля до трудоустройства или стабильных 50 тысяч на фрилансе Интенсив подойдёт, даже если вы новичок — всё объясняют так, чтобы поняла даже ваша бабушка Подписывайтесь, осталось 30 мест Учиться можно бесконечно, если не знать, куда копать На интенсиве сократите время на изучение JavaScript и получите пошаговый план, чтобы уверенно проходить собеседования, пока 95% ваших начинающих коллег будут сидеть без работы 👉Участвовать бесплатно 🔥Подписывайтесь и сразу получите доступ к первому уроку
2 8974Loading...
11
Определяем в CSS, что элемент пустой Псевдокласс :empty используется для выбора пустых элементов. Пустыми считаются элементы без потомков и текста. В реальных проектах этот селектор сильно помогает, когда нет возможности управлять элементом, но точно знаешь, что иногда он может быть пустым. Использование псевдокласса :empty позволяет убрать лишние отступы или рамки, которые могут быть у пустого элемента 👉 @FrontendPortal | #CSS
3 10661Loading...
12
Editor.js – это простая и привлекательная JS-библиотека, реализующая простой текстовый редактор 🔗 Ссылка: https://editorjs.io/ 👉 @FrontendPortal | #resourse
3 21773Loading...
13
👨‍💻 Изучаешь Frontend? Я тоже! idk Frontend - канал, в котором я максимально подробно конспектирую весь мой путь обучения с самого старта. С меня: — Сложная теория простым языком; — Практические примеры и объяснения; — Крутые викторины по JS и шпаргалки; — Работа над ошибками. С тебя: — Подписка @idk_frontend Продолжим обучаться вместе! 👋
3 2653Loading...
14
Notifications API в JS Используется для настройки и отображения уведомлений на рабочий стол пользователя Поскольку API уведомлений легко злоупотребить, по умолчанию он строго применяет две функции безопасности: — Во-первых, пользователи должны явно согласиться получать уведомления для каждого источника — Во-вторых, отправлять уведомления может только код, работающий в безопасном контексте (HTTPS) 👉 @FrontendPortal | #js
3 37077Loading...
15
Переключение видимости пароля Реализовано на HTML, CSS и JS 🔗 Код: Codepen 👉 @FrontendPortal | #codepen
3 636124Loading...
16
Linux как секс! Если зубрить его по книжкам, то кроме теории и деградации, ты ничему не научишься. В канале BashDays ты найдешь лучшие Linux и Bash практики. Действующий девопс-инженер, самобытно и с долей юмора, травит темы: - Рекавери файлов через grep - Почему коты гадят в макбуки - Как отключить логирование - Неочевидные трюки на Bash - Сниффер SSH на strace И это только цветочки. А если заскучал, поиграй с друзьями в piu-piu и надери им бэкенд. Рекомендую! В BashDays даже джуны становятся сеньорами. Подписывайся, это самый простой способ прокачать свои хард-скиллы: — @bashdays
3 2017Loading...
17
Копирование текста в буфер обмена Clipboard API позволяет считывать и записывать данные в буфер обмена document.querySelector('.copy').addEventListener('click', () => { const txt = document.querySelector('.content').value; navigator.clipboard.writeText(txt); }); writeText() — это метод объекта Clipboard, предназначенный для копирования текстовых данных в буфер обмена. Метод возвращает Promise, который завершается успешно в случае, если текст скопирован, и выдаёт ошибку, если операция не удалась 👉 @FrontendPortal | #js
3 63981Loading...
18
Tabler Icons – набор из более чем 5250 бесплатных высококачественных SVG-иконок, которые вы можете использовать в своих проектах 🔗 Ссылка: https://tabler.io/icons 👉 @FrontendPortal | #resourse
3 790185Loading...
19
Как освоить одну из самых творческих профессий в IT с помощью ChatGPT в 3 раза быстрее? Рассказываем на бесплатной открытой лекции для frontend-разработчиков или тех, кто хочет им стать После нашего эфира вы узнаете: – Что изменилось с появлением ИИ и что это значит для тех, кто хочет её освоить; – Кому точно подойдёт это направление в IT; – Как интегрировать нейросети в вашу работу уже сейчас, если вы действуйющий специалист; – Какими инструментами и навыками нужно владеть, чтобы попасть в ТОП компании с хорошим соц. пакетом и делать 200+ т.р; – Прямо в эфире покажем как ИИ помогает «не программистам» делать хороший Frontend Кликай на ссылку и забирай подробную информацию вместе с классными бонусами 👈🏼 erid: LjN8KXyga ООО Зерокодер, ИНН 9715401631
3 1819Loading...
20
Media files
3 9997Loading...
21
👇 | #викторина
4 2006Loading...
22
Frontend теперь в телеграм! Собрали крупные русскоязычные каналы, где вы найдете всю информацию о последних трендах и лучших практиках: Логово Верстальщика — научит верстать продающие сайты. Node.JS — поможет узнать все тонкости и секреты JavaScript и его фреймворков. Frontender's notes — советы и полезные приемы для каждого разработчика.
3 3175Loading...
23
Определение системной темы оформления Медиавыражение prefers-color-scheme может использоваться для определения того, светлую или тёмную тему использует пользователь в операционной системе window.matchMedia позволяет получить доступ к медиавыражениям из JS и подписываться на их срабатывание const mediaQueryList = window.matchMedia('(медиавыражение)') 👉 @FrontendPortal | #CSS #js
4 194101Loading...
24
Подборка 5 классных и полезных CSS фрагментов кода, которые могут решить некоторые популярные проблемы Понравилось? С вас — 🔥 👉 @FrontendPortal | #CSS #подборка
4 811201Loading...
25
Как стать востребованным разработчиком (Лекция без воды) Классика IT: учите и отрабатываете одно, а в вакансиях видите другое. По итогу злитесь и начинаете по-новой. А нужно получить набор знаний и навыков, которые востребованы в реальных проектах. К примеру, на старте вам не нужно знать все паттерны проектирования. Знаний ООП и принципов SOLID будет вполне достаточно. А стандартный pet-проект с простейшими crud-операциями в вашем CV далеко не то, что хотят видеть рекрутеры. Чтобы узнать, какие ключевые hard и soft skills качать в первую очередь, как искать лучшие вакансии в IT, сделать портфолио идеальным для работодателя и получить желанный оффер от 100 000 рублей, приходите на онлайн-эфир от «FAANG School». Мастер-класс проведет разработчик из BigTech-компании с многолетним опытом. Забирайте полезные подарки, чтобы вас завалило офферами: - Подробный гайд «Как найти работу в IT» - Пошаговый Roadmap по Java - Шпаргалка «Hotkey JetBrains IDE» - Шпаргалка по Rest API
3 5413Loading...
26
Движок для игры от первого лица в 265 строках Javascript Сегодня окунёмся в мир, который можно потрогать. В этой статье мы исследуем, как с нуля, быстро и без особо сложной математики написать движок для игры от первого лица. Для этого мы воспользуемся приёмом под названием «бросание лучей» (raycasting) Читать дальше: статья Вот демка: https://demos.playfuljs.com/raycaster/ 👉 @FrontendPortal | #js #article
4 02666Loading...
27
Платные курсы больше не нужны Вот каналы, чтобы освоить Frontend разработку с нуля 👇 📍Senior Frontend - JS, HTML и CSS 📍Frontend Interview - как проходить собеседования 📍Frontender Libs - библиотеки для фронтендеров 📍Web Craft - только Web-разработка С таким набором легко зайдешь в IT💪
3 35715Loading...
28
Переключаем режим редактирования для всего документа Когда мы изменяем HTML, обычно нужно дождаться обновления страницы, чтобы увидеть изменения. Вы можете сэкономить время, используя designMode, который позволяет мгновенно изменять страницу Чтобы переключить режим разработки, введите следующий код: document.designMode="on" 👉 @FrontendPortal | #js
3 926110Loading...
29
Теги sub и sup, нижний и верхний индексы Тег <sup> позволяет выводить надстрочный текст , а тег <sub> подстрочный текст 👉 @FrontendPortal | #HTML
3 95059Loading...
30
✔️ CodeBase | Frontend - канал для начинающих веб-мастеров, которые хотят покорить FrontEnd! ➡️ У нас вы найдете: 🟢 крутые фишки для вёрстки 🟢 макеты проектов 🟢 полезные материалы и ресурсы 🟢 все о javascript, react 🟢 тонну годного материала 🔥 Заходи прямо сейчас, чтобы не потерять - CodeBase | Frontend!
3 5114Loading...
31
fancy-border-radius - генерирует сложные фигуры используя восемь значений border-radius 🔗 Ссылка: https://9elements.github.io/fancy-border-radius/ 👉 @FrontendPortal | #resourse
4 647181Loading...
32
Провайдер знает о вас больше, чем ваш психолог "75% людей не готовы к выживанию в новом цифровом мире", — считает автор блога "Цифровой чай", IT-шник с 20-летним опытом. Доступным языком в ламповой атмосфере он объясняет: 📌 Как защитить свои данные от утечки 📌 Кого нейросети отправят на биржу труда 📌 Как цифровой рубль ограничит вашу возможность путешествовать Мир изменился. Инструкция к новому миру здесь: @digitaltea
3 2140Loading...
33
Использование 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
4 150134Loading...
Photo unavailableShow in Telegram
Одинаковая ширина каждой цифры с помощью свойства font-variant-numeric Это свойство определяет, как будут отображаться числа. При значении 'tabular-nums' числа будут представлены с одинаковой шириной, что позволит им идеально выстраиваться в ряд 👉 @FrontendPortal | #CSS
نمایش همه...
🔥 72👍 16 4
Photo unavailableShow in Telegram
💬 Вопрос с собеседования В чем разница между innerText, innerHTML и value в JavaScript? Ответ: innerText выводит только текст без HTML-форматирования, идентичный тому, как если бы вы смотрели на страницу innerHTML позволяет манипулировать HTML-структурой элементов, включая теги и стили value применяется для работы с значениями интерактивных элементов, таких как input, textarea или select
// Работаем с текстом, игнорируя HTML-теги
document.querySelector('#elem').innerText = 'Текст';

// Вставляем HTML-код, изменяя структуру страницы
document.querySelector('#elem').innerHTML = '<span>HTML</span>';

// Задаем значение для элементов форм, таких как input или select
document.querySelector('#input').value = 'Данные';
Подробнее — Тык 👉 @FrontendPortal | #собес
نمایش همه...
👍 25 4
Frontend Developer — это первоисточник всего, что происходит во Frontend-сообществе Здесь опытный Senior-разработчик ежедневно публикует материалы, которые накопил за 9 лет Frontend-разработки: ➤ Шаблоны с готовым кодом для твоих проектовВопросы с собеседований, задачи и викториныШпаргалки по JavaScript, HTML и CSS P.S. Даже онлайн-школы берут материалы с этого канала🤫
نمایش همه...
🔥 5👍 3🤔 1
Photo unavailableShow in Telegram
Свойство initial-letter Оно принимает два значения, разделенных пробелом:
p:first-letter {
  initial-letter: 3.5 3;
}
Первый аргумент определяет размер начальной буквы в зависимости от того, сколько строк она занимает. Отрицательные значения не допускаются Второй определяет количество строк, на которые должна утонуть начальная буква, если задан ее размер. Значения должны быть больше нуля. Если этот параметр опущен, он дублирует значение размера, округляя его до ближайшего положительного целого числа 🔗 Полезные ссылки:Попробовать самомуПодробная статьяПоддержка 89.24% 👉 @FrontendPortal | #CSS
نمایش همه...
👍 28
Под какой буквой правильный ответ?Anonymous voting
  • A
  • B
  • C
  • D
0 votes
🤔 33👍 3
Photo unavailableShow in Telegram
👇 | #викторина
نمایش همه...
🔥 22
00:07
Video unavailableShow in Telegram
Канал с полезными инструментами для верстальщика найден! Навыки верстальщика - канал в котором ты найдешь: ▫️Макеты в формате фигма для верстки ▫️Полезные фичи по CSS & HTML ▫️Готовые решения по верстке 👉 Мы ждем тебя в нашем дружном комьюнити!
نمایش همه...
👍 4🤯 1
Photo unavailableShow in Telegram
Деструктурирующее присваивание: Значения по умолчанию Если в массиве меньше значений, чем в присваивании, то ошибки не будет. Отсутствующие значения считаются неопределёнными:
let [firstName, surname] = [];

alert(firstName); // undefined
alert(surname); // undefined
Если мы хотим, чтобы значение «по умолчанию» заменило отсутствующее, мы можем указать его с помощью =:
// значения по умолчанию
let [name = "Guest", surname = "Anonymous"] = ["Julius"];

alert(name);    // Julius (из массива)
alert(surname); // Anonymous (значение по умолчанию)
👉 @FrontendPortal | #js
نمایش همه...
👍 24🔥 4
Photo unavailableShow in Telegram
Шпаргалка по box-shadow Каждая тень состоит из следующих значений: • Значения с единицами измерения(на картинке представлены 3) также если задано четвёртое значение, то оно отвечает за радиус распространения • Дополнительно можно указать ключевое слово inset, которое превратит тень из внешней во внутреннюю • Чаще всего, но не обязательно, нужно указывать цвет тени в любом доступном формате цвета 👉 @FrontendPortal | #шпора #CSS
نمایش همه...
👍 37🤔 2 1
00:07
Video unavailableShow in Telegram
Учить JavaScript можно бесконечно, да? Вместо очередной теоретической задачки — вот вам практика: Бесплатное обучение фронтенд-разработке с нуля с личной поддержкой от наставника На канале Интенсивный JavaScript действующий тимлид уровня мидл+ помогает изучить фронтенд на практике Когда-то он работал крупье в казино, а сейчас помогает новичкам попасть в IT и собеседует людей в свою команду С 29 по 31 мая он проводит бесплатный интенсив, где поможет разобраться во JavaScript с нуля Что получите на интенсиве ✔️ Напишете свой проект на JS: сайт с услугой по сборке ПК под заказ ✔️ Узнаете, как вам сейчас попасть в сферу, каких ошибок избегать, как не попасть в категорию новичков, которых не берут на работу ✔️ и получите пошаговый план изучения JavaScript с нуля до трудоустройства или стабильных 50 тысяч на фрилансе Интенсив подойдёт, даже если вы новичок — всё объясняют так, чтобы поняла даже ваша бабушка Подписывайтесь, осталось 30 мест Учиться можно бесконечно, если не знать, куда копать На интенсиве сократите время на изучение JavaScript и получите пошаговый план, чтобы уверенно проходить собеседования, пока 95% ваших начинающих коллег будут сидеть без работы 👉Участвовать бесплатно 🔥Подписывайтесь и сразу получите доступ к первому уроку
نمایش همه...
👍 3 2