☑️ JavaScript tips & tricks #1 Массивы

Полезные практики написания кода связанные с массивами, которые делают код более лаконичным.

☑️ Разбор одного из вопросов, которые мне задавали на собеседовании на должность senior front-end developer в международные и украинские конторы.

Собственно сам вопрос с объяснениями.

☑️ Тесты на знание JavaScript

Встречали такие тесты, в которых приведены примеры кода и нужно сказать что он вернет после исполнения?
Их часто задают на собеседованиях или даже до, чтобы отсеять кандидатов.
Так же, стало модно создавать такие в разных компаниях для привлечения внимания разработчиков (и сбора контактов конечно же).
На очередной такой я наткнулся на dou_ua.
Возможно, некоторые из вас видели Luxoft JavaScript quiz (была реклама на главной) или даже проходили его.
Вопросы были подобраны из разных областей JS и как по мне, тест получился интересным.

Я сделал разбор некоторых технических вопросов c объяснениями.

Welcome: https://telegra.ph/Ocherednoj-JavaScript-test-12-25

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

Stay tuned 📡

Про особенности JavaScript ходят легенды. Сегодня постараемся прояснить одну из них.

☑️ МЕТОДЫ ПРИМИТИВОВ И БОКСИНГ В JAVASCRIPT

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

☑️ ЧТО ТАКОЕ ECMASCRIPT И ЧЕМ ЭТО ОТЛИЧАЕТСЯ ОТ JAVASCRIPT

Язык JavaScript изначально так назвали в надежде извлечь выгоду из успеха Java.
Позднее JavaScript прошел стандартизацию в ECMA International.
Это привело к появлению нового языкового стандарта, известного как ECMAScript.

Проясняем разницу между ES и JS здесь.

☑️ ДЕКЛАРАТИВНОЕ И ИМПЕРАТИВНОЕ ПРОГРАММИРОВАНИЕ

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

☑️ АЛЬТЕРНАТИВЫ РЕШЕНИЯ ТИПИЧНЫХ ЗАДАЧ


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

☑️ ДОСТУПНЫЙ FRONT-END #1

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

Первая статья про упрощение взаимодействия с формами.

Привет, спасибо, что читаете!

Появилась идея коротких постов. С упором на визуальный контент и не занимающий много времени на прочтение и осмысление. В телеграмм мне нравится делать большие посты с детальным разбором и описанием или переводить интересные статьи. Есть же вещи, про которые хочется рассказать, но для отдельного поста информации маловато, а собрать что-то схожее не совсем получается.
Для этих целей теперь есть инстаграмм WiseJS.

Многие из вас меня знают только по постам здесь. Исправим это постом знакомства.

PS: Небольшой quiz в стори!

☑️ ВЕБДОСТУПНІСТЬ HTML #2

Який сенс використовувати тег section і чому вам треба звернути увагу на article.
Пост українською 🇺🇦.

☑️ ПЕРЕСТАНОВКА ПЕРЕМЕННЫХ В JavaScript

5 вариантов обмена значений двух переменных.

☑️ БАЗОВЫЕ ЗНАЧЕНИЯ CSS

Разбираем разницу между ключевыми словами "initial", "inherit" и "unset”.

☑️ ЗАЧЕМ _ В АТРИБУТЕ target у ССЫЛОК

Атрибут target определяет, где открывать документ, на который указывает ссылка.
Но почему его значения начинаются с _ ?

☑️ CONTEXT и SCOPE

Проводил недавно собеседования.
Спрашивал про scope и context в JavaScript.

Примерно половина людей думает что это одно и то же, а другая половина путается и теряется.

Особенно важно обратить внимание начинающим разработчикам.
Разбираемся вместе.

☑️ ОТРИЦАТЕЛЬНЫЙ margin

Существует несколько точек зрения на использование отрицательного значения, как резко негативное, так и положительное.
Разбираемся в том, что же это такое: хак или обычное значение?

☑️ 10 способов скрыть элементы в CSS

Иногда появляется необходимость скрыть некоторые элементы с сайта (блоки, картинки, DIV и так далее), либо просто скрыть текст при помощи CSS. Для этого существует несколько различных способов, которые отличаются по эффекту. Далее вы можете узнать о них.

🎉 КАНАЛУ 1 ГОД 🎉

Спасибо что читаете!

В связи с этим, и пролонгацией карантина я решил сделать бесплатный онлайн курс по front-end разработке.

Заинтересовало?

Детали в соответствующем канале: https://t.me/free_front_end

☑️ min(), max(), clamp()

В апреле 2020 появилась поддержка этих функций в основных барузерах.
Что это за функции и чем могут быть полезны – в посте.

☑️ АДАПТИВНЫЕ ИЗОБРАЖЕНИЯ HTML5

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

☑️ НОВЫЕ ОПЕРАТОРЫ В JavaScript

JavaScript очень быстро развивается. В последнем стандарте были добавлены новые операторы, которые позволяют писать более красивый и выразительный код. Рассматриваем их здесь.