CodeRoll | Frontend

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

✏️ Используйте функции для удаления дубликатов кода

Одно из первых правил, которые мы изучаем в функциях - это соблюдение правила DRY (don't repeat yourself)

➕Если вы видите, что функционал повторяется - создайте для него отдельную функцию, которую вы будете вызывать в нужных местах

Coderoll | Frontend

100 челленджей для фронтендеров с задачами разной сложности

Сайт, на котором собрали сотню задачек для фронтов — от вёрстки поп-апов до фронтенда для email-клиента

➡️Попрактиковаться можно на сайте

Coderoll | Frontend

Инструмент для пошаговой визуализации выполнения JavaScript

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

➡️Ссылка на ресурс

Coderoll | Frontend

❓ Что такое for...of?

Ответ:
for...of — это цикл, который итерируется по итерируемым объектам (массивы, строки, генераторы и т.д.), возвращая значения элементов.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

❓ Что такое Destructuring Assignment?

Ответ:
Destructuring Assignment — это синтаксис JavaScript, который позволяет извлекать данные из массивов или объектов в переменные. Это упрощает работу с данными и делает код более читаемым.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

❓ Что такое Callback Hell?

Ответ:
Callback Hell — это ситуация, когда код становится трудно читаемым и поддерживаемым из-за глубокой вложенности коллбэков. Это часто происходит при работе с асинхронными операциями. Проблему можно решить с помощью Promises или Async/Await.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

✏ В JS отдавайте предпочтение функциональному программированию, а не императивному

Сложный для понимания пункт, особенно для новичков. И мы здесь не про чисто функциональное программирование, как в некоторых других языках. Но если говорить простыми словами, то старайтесь следовать правилам:

📌 Описывайте действия в функциях исходя из вопроса "Как прийти к такому результату?", а не "Сделать это и это"

📌 Используйте встроенные методы вместо того, чтобы реализовывать такой же функционал вручную

➕ Это сделает ваш код более универсальным, чистым и легко тестируемым

Coderoll | Frontend

❓ Что такое замыкание (closure) в JavaScript?

Ответ:
Замыкание — это функция, которая «запоминает» лексическое окружение, в котором была создана, даже после выхода из него.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Используем принципы “Чистого кода” в контексте JavaScript.

Функции

❗️ Не создавайте глобальные функции, которые могут создать конфликт с аналогичными функциями сторонних библиотек

Давайте разберем на примере: что, если вы хотите расширить собственный метод JavaScript Array, чтобы иметь метод diff, который мог бы показать разницу между двумя массивами?

Вы можете написать свою новую функцию в Array.prototype, но она может конфликтовать с другой библиотекой, которая попытается сделать то же самое

Что, если эта другая библиотека просто использует diff, чтобы найти разницу между первым и последним элементами массива?

Вот почему было бы гораздо лучше просто использовать классы ES2015/ES6 и просто расширить глобальный Array.

Coderoll | Frontend

❓ Как работает метод filter?

Ответ:
Метод filter создаёт новый массив, содержащий все элементы исходного массива, для которых callback-функция возвращает true. Исходный массив не изменяется.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend