Frontend Study

@Fronted_Study

Гео и язык канала: Россия, Русский

Категория: Софт и приложения

Изучаем Frontend.
По вопросам сотрудничества: @MiyaFitness

Связанные каналы

Гео и язык канала

Россия, Русский

Категория

Софт и приложения

Статистика

Избранное

Фильтр публикаций

Скрывать удаленные

Скрывать репосты

Frontend Study

21 Jun, 14:50

00:08

Simple 3D Card

Простая карточка с эффектом переворота при наведении на чистом CSS.

https://codepen.io/rtredes2/pen/LYdwjow

3.4k 0 4

Задача

Преобразуйте строку по таким правилам:

1) Изменить регистр каждого символа, т.е. нижний регистр в верхний, верхний регистр в нижний. Например, 'FizzBuzz' -> 'fIZZbUZZ'.
2) Изменить порядок слов на обратный. Например, 'pen pinapple apple PEN' -> 'pen APPLE PINAPPLE PEN'.

Примечание:
Количество пробелов должно быть сохранено. Например, для строки 'js css html':
- 'HTML CSS JS' - неправильный вариант
- 'HTML CSS JS' - правильный вариант

Входные данные: строка, состоящая из букв английского алфавита и пробелов.
Выходные данные: преобразованная строка.

Ответ

1k 0 1

Frontend Study

19 Jun, 14:14

Задача

Что будет выведено в консоль после выполнения этого кода?

Ответ

2.9k 0 1

Frontend Study

18 Jun, 16:24

00:03

Gooey Navigation

При наведении на элементы меню задействуются CSS-трансформации, параметры которых задаются через CSS-переменные.

https://codepen.io/simeydotme/pen/LYLxJqV

3.2k 0 1

Frontend Study

17 Jun, 14:42

JavaScript. Что будет выведено в консоль?

Ответ

3.6k 0 5

Frontend Study

14 Jun, 12:21

#вопросы_с_собеседований
Какие бывают человеческие ошибки в javascript?

В javascript есть два типа ошибок.
Syntax error. Это ошибки или опечатки в коде, из-за которых программа вообще не выполняется или останавливается на полпути. Обычно появляются сообщения об этих ошибках.

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

3.1k 0 0

Frontend Study

13 Jun, 17:38

JavaScript. Напишите функцию order, которая принимает строку и возвращает её вариант, очищенный от цифр, вшитых в каждое слово, и отсортированный на основе этих цифр.

Ответ

3k 0 0

Frontend Study

13 Jun, 14:14

00:05

CSS Card Hover Effects

Анимация при наведении на карточки, выполненная на чистом CSS, без использования JavaScript.

https://codepen.io/Jhonierpc/pen/MWgBJpy

3.6k 0 0

Frontend Study

13 Jun, 11:08

Работа с временными интервалами

setInterval используется для выполнения функции через определенные промежутки времени.

3.3k 0 1

Frontend Study

12 Jun, 16:48

#вопросы_с_собеседований
Что произойдет в результате выполнения выражения var a = 1 + "2" и почему?

Переменная a примет значение "12". В JS такое поведение называется приведением типов. Если хоть один из операндов в операторе + является строкой, второй также будет преобразован в строку.

3.2k 0 1

Frontend Study

11 Jun, 14:54

00:05

3D glass weather icons

Иконки, сверстанные на HTML и SCSS.

https://codepen.io/onediv/pen/MWQKgmv

2.6k 0 0

Frontend Study

9 Jun, 14:18

Что произойдет, если вы не используете параметр rest в качестве последнего аргумента?

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

Пример: если вы определите функцию, как показано на картинке, это не будет иметь никакого смысла и вызовет SyntaxError.

3.9k 0 0

Frontend Study

7 Jun, 16:45

#вопросы_с_собеседований
Что такое объект arguments?

Объект arguments — это массивоподобный объект, доступный внутри функции, который содержит значения аргументов, переданных этой функции.

3.3k 0 1

Frontend Study

6 Jun, 14:31

JavaScript. Напишите функцию duplicateEncode, которая принимает строку и кодирует каждый символ в скобку. Если такой символ только один, то скобка будет открывающая, если несколько, то закрывающая.

Ответ

3.3k 0 1

Frontend Study

5 Jun, 15:15

Что будет выведено в консоль?

Ответ

3.1k 0 1

Frontend Study

4 Jun, 12:20

#вопросы_с_собеседований
Преобразование массива в объект с группировкой и фильтрацией элементов

Напишите функцию, которая на вход принимает массив из студентов, где студент — это объект с полями «имя», «возраст» и «номер группы» {name: string, age: number, groupId: number}, а на выходе возвращает объект, где ключ — это номер группы, а значение — массив из студентов старше 17 лет.

На картинке — решение "в одну строчку". Если возраст студента меньше 18, возвращаем аккумулятор. Если нет, смотрим, есть ли его id группы в аккумуляторе. Если есть, значит в аккумуляторе уже есть массив со студентами, следовательно, добавляем этого студента в него, в противном случае создаём новый массив с текущим студентом и добавляем его в аккумулятор под текущим id группы.

3.7k 0 0

Frontend Study

31 May, 12:24

00:09

Sidebar Interaction

Боковое меню со светлой и тёмной темами оформления, реализованное с помощью SCSS и библиотеки React.js.

https://codepen.io/aybukeceylan/pen/wvpBmrq

2.5k 0 2

Frontend Study

30 May, 12:08

00:01

Text Animation

Анимация появляющегося текста. Написана на чистом CSS.

https://codepen.io/stevenlei/pen/MWjdWvp

3.5k 0 1

Frontend Study

29 May, 11:49

00:02

CSS Responsive animated Accordion

Адаптивный анимированный аккордеон. Реализован с помощью JavaScript и CSS.

https://codepen.io/chriswrightdesign/details/AVENwb

2.8k 0 1

Frontend Study

28 May, 12:16

00:04

Magnify Glass w/ Zoom

Изначально на картинку накладывается фильтр blur. В js создана логика, благодаря которой фильтр убирается в месте, где находится курсор пользователя.

https://codepen.io/kitjenson/pen/ExLRrgw

3.6k 0 1

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

6 880

подписчиков

Статистика канала

Язык сайта

Mellstroy Stream - Прямой Эфир!

Реклама в Телеграм

Ваш ChatGPT-4 Bot помощник 24/7!

Frontend Study

Гео и язык канала

Категория

6 880

Популярное в канале