Frontend Flow
171 subscribers
21 photos
1 video
6 files
75 links
youtube /@front-flow
rutube /channel/10328475
Download Telegram
Frontend Flow
Photo
Что выведет следующий код?
Anonymous Quiz
22%
3 5
23%
4 5
18%
3 4
38%
4 4
👎5
Извиняюсь, не совсем точно указал верный ответ)
Вот новая задачка
Frontend Flow
Photo
Что будет выведено в консоль при выполнении следующего кода?
Anonymous Quiz
0%
{ x: 1, y: 2 }
52%
{ y: 2, z: 3 }
4%
{ x: 1, z: 3 }
43%
{ x: 1, y: 2, z: 3 }
Frontend Flow
Что будет выведено в консоль при выполнении следующего кода?
Пояснение:

Синтаксис деструктуризации объектов позволяет извлекать отдельные свойства объекта и сохранять их в переменных.
В данном случае, переменная x будет содержать значение свойства
x объекта obj, а переменная rest будет содержать оставшиеся свойства объекта obj.
Оператор
... перед переменной rest используется для сбора всех оставшихся свойств объекта в новый объект.
В результате, при выполнении
console.log(rest) будет выведен объект, содержащий только оставшиеся свойства объекта obj, то есть { y: 2, z: 3 }.
👍5👏1
Какие единицы измерения ширины и высоты в CSS используются для создания адаптивной (responsive) верстки?
Anonymous Quiz
9%
Пиксели (px)
46%
Проценты (%)
9%
Эмы (em)
36%
Все перечисленные единицы
😁4
Frontend Flow
Какие единицы измерения ширины и высоты в CSS используются для создания адаптивной (responsive) верстки?
Пояснение:

Единица измерения px используется для задания фиксированной ширины и высоты элементов в пикселях.
Единица измерения
% используется для задания относительной ширины и высоты элементов в процентах от ширины и высоты родительского элемента.
Единица измерения
em используется для задания относительной ширины и высоты элементов на основе размера шрифта, установленного для родительского элемента.
Адаптивная (responsive) верстка использует единицы измерения, которые могут адаптироваться под различные экраны и разрешения, такие как
% и em.
👍1
Собираем статистику по студентам, которые уже устроились на свою первую работу, в IT. Начиная с 01.01.2023
Anonymous Poll
2%
Устроился на работу! (после 01.01.2023)
98%
Пока учусь/Ищу
😢17
Студенты, которые уже устроились на работу, напишите мне пожалуйста в тг https://t.me/ruslan_js

На пару вопросов, для статистики)
Всем привет! Я, к сожалению, заболел. Поэтому какое то время меня будут подменять другие кураторы 😓
😢16💊9😭2
Чувствую себя лучше, начинаю проверки)
👍9🍾8🆒5🥰4🔥1
Всем привет!
Сегодня буду записывать новые видео-рекомендации по курсу. Планируются записи по материалам:

2️⃣ 2-го модуля (html теги)

3️⃣3-го модуля (базовая разметка и классы)

7️⃣7-го модуля (базовый flexbox)

1️⃣1️⃣11-го модуля (hover/focus/active по обычным элементам и SVG)

1️⃣2️⃣12-го модуля (базовая верстка и подготовка проекта по обновленному макету + базовый БЭМ)

1️⃣3️⃣13-го модуля - базовые знания по адаптиву
👍19🔥12👎2
Пример "Евклид": Как сделать адаптив секции "Этапы" (смена положения картинки).

https://stackblitz.com/edit/web-platform-b5qpia?file=index.html
👏4
👨‍💻 Дополнительные материалы, для 2-го модуля, по курсу Javascript «Базовый уровень».

https://disk.yandex.ru/i/TcqhBjgh7tSPIw
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🤓1
👨‍💻 Примеры для адаптива меню в Евклид:

1. Свойство order
2. Скролл меню
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍2
🎞 🇷🇺Полезный плейлист, для тех, кто в скором времени собирается проходить интервью.

Автор достаточно коротко и по делу разбирает одни из самых частых и важных вопросов на собеседовании, всем советую!

https://www.youtube.com/playlist?list=PLAbxjWeP5bFWXKeS1NCs6uPBXzAR3AJ_6
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
[Задача по JS] Отфильтруйте анаграммы

ТЗ достаточно простое. Есть массив, в нем встречаются анаграммы. Нужно написать функцию, которая вернет массив уже без них.

Что такое анаграмма?
Решение задачи.
👍4