#вакансия #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

Эффективность — ваш враг

Есть большая вероятность, что причиной большинства проблем в вашей жизни и работе является недостаточная бездеятельность. В статье рассказано как устроена бездеятельность и почему вам её нужно больше.

Читать...

CSS media запрос any-hover

Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос?

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

Пример применения:

@media(any-hover: hover) {
.element: hover {
// ваши стили
}
}

Если верить ресурсу caniuse то у этого медиа запроса уже довольно высокий уровень поддержки и из основных браузеров его не поддерживает только IE так что в большинстве случаев юзайте на здоровье.

#css #features

Тренды JavaScript в 2022 году

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

Пользователи заинтересованы в производительности, скорости, популярности и соотношении цены и качества, в то время как разработчики стремятся улучшить свои решения, чтобы успешно конкурировать. В этой статье мы попытаемся спрогнозировать тренды в мире JavaScript в 2022 году и немного поразмышлять о них.

Читать...

Учим английский слэнг. Shake hands (рукопожатие) - это....

Скролл страницы наверх

Всем привет! Микро-пост о том как простейшим способом проскроллить страницу наверх.

Вот так:

const scrollToTop = (x, y) => {
window.scrollTo(x, y);
};
scrollToTop(0, 0);


#js #features

15 библиотек JavaScript, о которых стоит знать

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

В этой статье автор составил список библиотек JavaScript, о которых было бы неплохо хотя бы просто знать.

Читать статью...

#js

Трудности перевода: может ли менталитет помешать вашей релокации и карьере

Вечера доброго товарищи фронты! И снова о релокации. В этой статье описаны факторы которые чаще всего мешают уезжающим обосноваться на новом месте.

Читать статью...

А вот тут если кто пропустил довольно интересная статейка с подборкой самых популярных материалов на тему релокации на хабре за 2021 год.

#relocation

Задача

Напишите функцию sumTo(n), которая будет вычислять сумму чисел 1 + 2 + ... + n.

Ответ

HTML тег base

Всем привет! Относительно недавно узнал что есть такой тег как <base />. Так вот, он служит для того что-бы подменять url относительно которого будут ссылаться все относительные ссылки и определять их поведение.

Пример:

<head>
<base href="http://some-other-domain.ru/" target="_blank">
</head>

<body>
<a href="somepage">Ссылка</a>
// Эквивалентно написанию:
<a href="http://some-other-domain.ru/somepage" target="_blank">Ссылка</a>
</body>

Надеюсь вам это было полезно, если будет интересно то вот тут вы сможете узнать более подробно о минусах и плюсах использования данного тега.

Пару слов о стилизации React компонентов

Стилизация. Довольно насущный для меня момент. Несмотря на годы работы с React, стартуя новый проект, я каждый раз задумываюсь о стилизации. Я перепробовал многие её способы, больше и дольше всего я работал с css-modules и styled-components. Сегодня я хочу предложить вам рассмотреть еще один не менее интересный вариант.

Читать...

Фрактал

Анимированный фрактал, выполненный на чистом JavaScript.

#js

Задача

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

Ответ