This media is not supported in your browser
VIEW IN TELEGRAM
3D Carousel
Автор создал необычную карусель с нуля на React. Стилизация реализована с использованием препроцессора SCSS.
Автор создал необычную карусель с нуля на React. Стилизация реализована с использованием препроцессора SCSS.
Что означает единица измерения vMax в CSS?
Anonymous Quiz
16%
100% ширины экрана
18%
большую сторону видимой части экрана
46%
такой единицы измерения нет
20%
100% высоты видимой части экрана
Задача
Реализуйте функцию
Ответ
Реализуйте функцию
checkBrackets
, которая должна проверять правильность расположения скобок в строке. Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Hover Card
При наведении курсора на карточку, задействуются CSS анимации и трансформации, которые создают уникальный эффект раскрытия.
При наведении курсора на карточку, задействуются CSS анимации и трансформации, которые создают уникальный эффект раскрытия.
Простое сжатие
Вам дана строка, состоящая из повторяющихся символов. Создайте функцию, которая обработает эту строку и преобразует её в массив, состоящий из кортежей (число повторений, символ).
Примеры:
string1="aaaaaaaaaaaaaaaaaaaaaaaaaabaaaaaaaaaaaaaaaaaa"
output1='[26,"a",1,"b",18,"a"]'
string="aaaaaaaabaaaa"
compressed=[8,"a",1,"b",4,"a"]
Вам дана строка, состоящая из повторяющихся символов. Создайте функцию, которая обработает эту строку и преобразует её в массив, состоящий из кортежей (число повторений, символ).
Примеры:
string1="aaaaaaaaaaaaaaaaaaaaaaaaaabaaaaaaaaaaaaaaaaaa"
output1='[26,"a",1,"b",18,"a"]'
string="aaaaaaaabaaaa"
compressed=[8,"a",1,"b",4,"a"]
Метод String.replaceAll (ES12 / ES2021)
В настоящее время в JavaScript у строк есть метод
Мы можем сделать полную замену, только если предоставим шаблон для замены в виде регулярного выражения.
Было:
Стало:
String.prototype.replaceAll()
заменяет все вхождения строки другим строковым значением.В настоящее время в JavaScript у строк есть метод
replace()
. Если входной шаблон для замены является строкой, метод replace()
заменяет только первое вхождение. Поэтому в коде второе вхождение «Back» не заменяется.Мы можем сделать полную замену, только если предоставим шаблон для замены в виде регулярного выражения.
Было:
const str = "Backbencher sits at the Back";
const newStr = str.replace(/Back/g, "Front");
console.log(newStr); // "Frontbencher sits at the Front"
String.prototype.replaceAll()
пытается произвести замену всех вхождений, даже если входной шаблон является строкой.Стало:
const str = "Backbencher sits at the Back";
const newStr = str.replaceAll("Back", "Front");
console.log(newStr); // "Frontbencher sits at the Front"
#jsThis media is not supported in your browser
VIEW IN TELEGRAM
Затмение
Этот красивый эффект достигается использованием CSS анимаций, фильтров и теней.
Этот красивый эффект достигается использованием CSS анимаций, фильтров и теней.
Комплексная разработка веб-приложений с помощью React и Node.js
React и Node.js. Сочетание этих двух технологий дает огромные преимущества при комплексной разработке веб-приложений.
Посмотрим, насколько хорошо совмещаются React и Node.js для создания быстрых сайтов, которые легко поддерживаются в течение долгого времени.
Читать...
React и Node.js. Сочетание этих двух технологий дает огромные преимущества при комплексной разработке веб-приложений.
Посмотрим, насколько хорошо совмещаются React и Node.js для создания быстрых сайтов, которые легко поддерживаются в течение долгого времени.
Читать...
NOP::Nuances of programming
Комплексная разработка веб-приложений с помощью React и Node.js
Хотите создавать быстрые сайты? Предлагаем эффективный способ комплексной разработки с помощью "волшебного тандема" React и Node.js.
Кто самый слабый JavaScript - разработчик?
Привет коллеги! Интересный видос с заковыристыми вопросами по JS в формате викторины. Посмотрите его и испытайте себя на сколько вы гуру.
👉 Проверить свои знания
Привет коллеги! Интересный видос с заковыристыми вопросами по JS в формате викторины. Посмотрите его и испытайте себя на сколько вы гуру.
👉 Проверить свои знания
YouTube
Кто самый слабый JavaScript - разработчик?
Настало время определить самого сильного и слабого JavaScript-программиста. Ни одно интервью не может сравниться по сложностью с этим испытанием!
0:00 Правила игры
00:28 Раунд 1
01:20 Раунд 2
02:47 Раунд 3
03:35 Раунд 4
04:15 Раунд 5
05:35 Раунд 6
06:20…
0:00 Правила игры
00:28 Раунд 1
01:20 Раунд 2
02:47 Раунд 3
03:35 Раунд 4
04:15 Раунд 5
05:35 Раунд 6
06:20…
Javascript вопрос: Код document.forms.my найдет...
Anonymous Quiz
20%
форму с id равным my
10%
форму с class равным my
34%
форму с name равным my
18%
первую форму на странице
18%
Посмотреть ответы
#вакансия #frontend #remote #удалёнка #москва #санктпетербург #javascript #html5 #css3 #saas #git
📢 Frontend разработчик
100 000 - 200 000 оклад
(по результатам тех интервью)
🟦 Продукт:
FPS Booster - программа, специализирующаяся на увеличении производительности компьютера для геймеров.
FPS Booster оптимизирует Windows, применяет продвинутые настройки для увеличения показателя FPS в играх, а также агрегирует в себе ряд полезных сервисов для геймеров. Основная цель - дать преимущество геймерам в игре, получив максимум эффективности из ПК.
🟦 Основной стек:
- JavaScript, ES6+
- Vue.js
- Nuxt.js
🟦 Задачи:
- Разработка и сопровождение веб-приложений. В основном сайта fps-booster.com и других проектов
- Создание новых UI-компонентов, разделов и функцинальных компонентов сайта
🟦 Наши ожидания:
- Хорошие знания JavaScript, ES6+
- Опыт работы с Vue.js/Nuxt.js
- Опыт работы с Vuex и построении store приложения
- Понимание взаимодействия между client и server, передачи и хранения данных, RESTFul
- Отличные знания HTML5 и CSS3 (чистый код, семантическая верстка, flexbox, grid, CSS анимации, a11y)
- Умение работать в команде и разбираться в чужом коде
- Личные качества: ответственность, быстрая обучаемость, самостоятельность и инициативность, умение решать задачи эффективно и в срок
- Знание английского языка на уровне чтения тех. литературы
- Заинтересованность, желание сделать проект лучше
🟦 Плюсом будет:
- Собственные проекты на Github;
- Опыт применения собственных архитектурных решений и создание архитектуры проектов с нуля
- Опыт работы с CSS препроцессорами (LESS, SASS).
https://yangx.top/hrdforit
📢 Frontend разработчик
100 000 - 200 000 оклад
(по результатам тех интервью)
🟦 Продукт:
FPS Booster - программа, специализирующаяся на увеличении производительности компьютера для геймеров.
FPS Booster оптимизирует Windows, применяет продвинутые настройки для увеличения показателя FPS в играх, а также агрегирует в себе ряд полезных сервисов для геймеров. Основная цель - дать преимущество геймерам в игре, получив максимум эффективности из ПК.
🟦 Основной стек:
- JavaScript, ES6+
- Vue.js
- Nuxt.js
🟦 Задачи:
- Разработка и сопровождение веб-приложений. В основном сайта fps-booster.com и других проектов
- Создание новых UI-компонентов, разделов и функцинальных компонентов сайта
🟦 Наши ожидания:
- Хорошие знания JavaScript, ES6+
- Опыт работы с Vue.js/Nuxt.js
- Опыт работы с Vuex и построении store приложения
- Понимание взаимодействия между client и server, передачи и хранения данных, RESTFul
- Отличные знания HTML5 и CSS3 (чистый код, семантическая верстка, flexbox, grid, CSS анимации, a11y)
- Умение работать в команде и разбираться в чужом коде
- Личные качества: ответственность, быстрая обучаемость, самостоятельность и инициативность, умение решать задачи эффективно и в срок
- Знание английского языка на уровне чтения тех. литературы
- Заинтересованность, желание сделать проект лучше
🟦 Плюсом будет:
- Собственные проекты на Github;
- Опыт применения собственных архитектурных решений и создание архитектуры проектов с нуля
- Опыт работы с CSS препроцессорами (LESS, SASS).
https://yangx.top/hrdforit
Telegram
Olgа Naumova IT HRD
Эффективность — ваш враг
Есть большая вероятность, что причиной большинства проблем в вашей жизни и работе является недостаточная бездеятельность. В статье рассказано как устроена бездеятельность и почему вам её нужно больше.
Читать...
Есть большая вероятность, что причиной большинства проблем в вашей жизни и работе является недостаточная бездеятельность. В статье рассказано как устроена бездеятельность и почему вам её нужно больше.
Читать...
Хабр
Эффективность — ваш враг
Есть большая вероятность, что причиной большинства проблем в вашей жизни и работе является недостаточная бездеятельность. В статье мы расскажем, как устроена бездеятельность и почему вам её нужно...
Javascript вопрос: Какие кавычки недопустимы в синтаксисе (не внутри строк) JS?
Anonymous Quiz
3%
' '
71%
« »
3%
" "
13%
` `
7%
Все перечисленные допустимы
4%
Посмотреть ответы
CSS media запрос any-hover
Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос?
Он предназначен для того что бы некоторые стили работали только на устройствах с мышью, а соответственно на сенсорных экранах не работали.
Пример применения:
#css #features
Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос?
Он предназначен для того что бы некоторые стили работали только на устройствах с мышью, а соответственно на сенсорных экранах не работали.
Пример применения:
@media(any-hover: hover) {
.element: hover {
// ваши стили
}
}
Если верить ресурсу caniuse то у этого медиа запроса уже довольно высокий уровень поддержки и из основных браузеров его не поддерживает только IE так что в большинстве случаев юзайте на здоровье.#css #features
Caniuse
"any-hover" | Can I use... Support tables for HTML5, CSS3, etc
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.