Frontend Raccoon

Репозиторий сообщества Frontend Raccoon. В репозиторий регулярно добавляются советы по верстке и написанию JavaScript кода, а также небольшие заметки о тонкостях JavaScript.

Содержание

Статьи

• Перебирающие методы массивов изнутри
• Продвинутое использование метода reduce
• Стилизация плэйсхолдеров с препроцессором Sass

Объектно-ориентированный JavaScript

• Объектно-ориентированный JavaScript: примитивы и объекты
• Объектно-ориентированный JavaScript: работа с объектами
• Объектно-ориентированный JavaScript: функции конструкторы
• Объектно-ориентированный JavaScript: прототипы
• Объектно-ориентированный JavaScript: немного практики
• Объектно-ориентированный JavaScript: наследование
• Объектно-ориентированный JavaScript: наследование на практике
• Объектно-ориентированный JavaScript: дескрипторы

ES6

• Перед тем, как вы начнете
• Вместо введения
• Блочные области видимости, let, const, временная мертвая зона
• Операторы spread и rest
• Параметры по умолчанию
• Реструктуризующее присваивание (destructuring)
• Интерполяция и умные строки
• Стрелочные функции
• Цикл for .. of
• Расширение литерала объектов

Советы

• HTML

  • Использование srcset для SVG изображений
  • Темы для мобильного Chrome

• CSS

  • Наследование свойства box-sizing
  • Список, разделенный запятыми
  • Отображение текста в пустых ссылках
  • Ненужное свойство display: block
  • Отладка лэйаутов с помощью универсального селектора
  • Применение стилей ко всем элементам, кроме последнего
  • Псевдоклассы :required и :optional
  • Стилизация выделенного текста
  • Конвертирование нативных CSS переменных с помощью функции calc

• JavaScript

  • Клонирование объекта
  • Удаление всех ложных свойств из массива
  • Поиск всех соседних элементов (siblings)
  • Передача аргументов в колбэки
  • Простой chaining
  • Измерение производительности блоков кода
  • Проверка загрузки страницы
  • Нативное копирование в буфер обмена

Задачи

1. Удаление всех гласных букв из строки
2. Тире между двумя четными числами
3. Землетрясение
4. Аккумуляция символов
5. Вычисление остатка при делении
6. Удаление элементов из массива по индексу
7. Объект наблюдатель
8. Найди анаграммы
9. Смешай цвета
10. Строковая шаблонизация
11. Пара двойников
12. Что за треугольник?
13. Последовательность скобок

Заметки

1. Числа с плавающей точкой
2. Унарный оператор +
3. Проверка на число
4. NaN (not a number)
5. Пустые ячейки в массиве
6. Метод reduce
7. Hoisting: поднятие переменных вверх