Frontend Interview - собеседования по Javanoscript / Html / Css – Telegram
Frontend Interview - собеседования по Javanoscript / Html / Css
11.4K subscribers
2.1K photos
118 videos
319 files
530 links
Канал для подготовки к собеседованиям по фронтенду

Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/frontendinterview

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Что такое WebRTC?

WebRTC (Web Real Time Communications) — это стандарт, который описывает передачу потоковых аудиоданных, видеоданных и контента между браузерами (без установки плагинов или иных расширений) или другими поддерживающими его приложениями в режиме реального времени. Сервер при этом не нужен.

👉 @frontendInterview
🔥81👍1
Реклама. ООО "Яндекс" ИНН 7736207543 Erid LdtCKfwJx
Какого цвета будет ссылка?
Anonymous Quiz
3%
green
40%
yellow
30%
blue
27%
red
👍27👎1🥰1
Что можно использовать с типами, но нельзя с интерфейсами в TypeScript?
Anonymous Quiz
53%
Пересечение и объединение
27%
Наследование
19%
Описание класса и функции
Что такое Cookie?

Cookie — это небольшие служебные файлы, которые хранятся на компьютере пользователя.

Они содержат данные, относящиеся к пользователю, его предпочтениям и действиям на конкретном сайте: данные для авторизации (логин и пароль), индивидуальные настройки, посещенные страницы, совершенные действия, товары в корзине, дата и время посещения и т.д.

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

👉 @frontendInterview
👍14😁2🥰1
Simplified JavaScript for Very Important Programmers: The Fast Track to Mastering Essential JavaScript Concepts (2023)

Это практическое руководство для всех, кто хочет освоить основные разделы JavaScript, не тратя время на запутанные объяснения и не пытаясь понять смысл неоднозначных слов. Книга наполнена реальными примерами и четким, лаконичным языком, который разбивает технические концепции на легкие для понимания фрагменты.

👉 @frontendInterview
🔥5👍3👏2
Jaden Casing Strings

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

Not Jaden-Cased:
// "How can mirrors be real if our eyes aren't real"
Jaden-Cased:
// "How Can Mirrors Be Real If Our Eyes Aren't Real"


👉 @frontendInterview
👍6😁32
Свойство transition

transition позволяет определять переходное состояние между двумя состояниями элемента. Различные состояния могут быть определены с помощью псевдоклассов, таких как :hover или :active или установлены динамически с помощью JavaScript.

Свойство transition - это сокращённое свойство для transition-property, transition-duration, transition-timing-function, и transition-delay.

Например, в следующем примере кода благодаря свойству transition прозрачность кнопки при наведении на неё будет изменяться плавно.

 button {
transition: opacity 0.2s ease-in-out;
}

button:hover {
opacity: 0.8;
}


Антипаттерном является запись вида transition: all, заставляющая браузер прибегать к излишним вычислениям. В особых случаях это может давать заметный негативный эффект в производительности.

👉 @frontendInterview
🔥72
Как сделать так, чтобы background-color автоматически менялся при изменении значения color?
Anonymous Quiz
30%
Средствами JavaScript
4%
Никак
13%
Используя препроцессор
53%
background-color: currentColor;
👍122🔥2😱2
🚀 Подними свои фронтенд-скиллы на новый уровень с True Frontender! 🚀

👨‍💻 Изучаешь фронтенд или хочешь поднять свой грейд? Хочешь успешно проходить собеседованя?
True Frontender – это твой навигатор в мире кода!

💡 На канале True Frontender тебя ждет:
- Полезные советы на основе реального опыта работы
- Примеры задач, которые встречаются на собеседованиях
- Фишки и авторские статьи по React, TypeScript, JavaScript, CSS, HTML
- Советы которые помогут сделать твой код чище и компактнее
- Рекомендации по улучшению качества твоего кода

🌟 True Frontender – это не просто канал, это твой путь к мастерству в фронтенде. Развивайся как в технических, так и в творческих аспектах разработки.

🔥 Присоединяйся сейчас – будущее твоего кода начинается здесь! 👉 @truefrontender 🚀
👍3
Что такое шаблон (паттерн) проектирования?

В разработке ПО шаблон проектирования — это типовое решение регулярно возникающей проблемы в рамках определённого контекста архитектуры приложения.

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

Шаблоны проектирования делятся на три группы:
1. Порождающие - описывают создание объекта (instantiation) или группы связанных объектов.
2. Структурные - в основном посвящены компоновке объектов (object composition). То есть тому, как сущности могут друг друга использовать.
3. Поведенченские - связаны с присвоением обязанностей (responsibilities) объектам. От структурных шаблонов они отличаются тем, что не просто описывают структуру, но и очерчивают шаблоны передачи данных, обеспечения взаимодействия.

👉 @frontendInterview
👍63👎3😁1
Как можно установить свойство opacity для элемента span, который следует сразу за элементом input?
Anonymous Quiz
9%
input.span
43%
input + span
13%
input span
35%
input > span
👍101
erid: LjN8KWVuk

Каждый день мы просыпаемся и идём к компьютеру писать код.

Но новогодние праздники — отличный повод отвлечься и показать, чему вы научились за год. Поэтому мы  запускаем телеграм-игру «Код сурка», чтобы вы могли блеснуть знаниями в веб-разработке и получить за это ценные призы.

Забрать их легко — достаточно отвечать на вопросы о веб-разработке (их будет аж 1200) и набирать баллы за правильные ответы. Чем выше вы вскарабкаетесь в рейтинге — тем круче призы.

К слову: разыграем профессию на выбор победителя, 2 «инженерии», 7 курсов по вёрстке и JavaScript, 20 безлимитных доступов к тренажёрам на месяц и 70 доступов к тренажёрам на неделю.

Ну и самое приятное — все участники акции смогут легко получить безлимитный доступ к тренажёрам Академии на время игры, а после игры — скидки и бонусы.

Присоединяйтесь, и пусть каникулы не проходят зря.

Реклама. ООО "ИНТЕРАКТИВНЫЕ ОБУЧАЮЩИЕ ТЕХНОЛОГИИ". ИНН 7807382880.
2👍1
Модификаторы доступа

Модификаторы доступа - это ключевые слова в объектно-ориентированных языках программирования, устанавливающие доступность классов, их свойств и методов.

Традиционно языки программирования поддерживает такие модификаторы доступа:

- private: Модификатор доступа private, применённый к свойству класса, традиционно делает это свойство доступным для чтения/записи только в методах и конструкторе этого класса. Получить доступ к этому свойству снаружи класса, обращаясь к нему через экземпляр, не получится.

- protected: Модификатор доступа protected, применённый к свойству класса, делает его доступным только в рамках этого класса и внутри классов-наследников.

- public: Модификатор доступа public, применённый к свойству класса, делает его доступным отовсюду посредством обращения к экземпляру.

👉 @frontendInterview
👍4🔥1
Программирование в алгоритмах

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

👉 @frontendInterview
🔥4