Объяснение

Вызов функции Array(5) создает пустой массив без единого элемента, только со свойством length, равным 5.

Метод map итерирует объект по ключам, но так как ключей нет, коллбэк никогда не вызовется.

В итоге, в массиве arr нет ни одного элемента.

Подробнее: Вот почему создание массива через map не работает в JS

Круговое меню на HTML, CSS и JS

Верстаем симпатичное меню с помощью базовых знаний HTML, CSS, JS и геометрии 😲

Смотреть и повторять: https://www.youtube.com/watch?v=RR1Ag4SQ54E&feature=youtu.be

#code #video

Бесплатные курсы!!

Много 👉 БЕСПЛАТНЫХ материалов для начинающих веб-разработчиков и JS-фуллстеков!

Начать учиться: https://prglb.ru/3g1md

#javascript #html #css #beginners

​Полезные плагины Google Chrome

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

➡️ SVG-grabber для быстрой загрузки svg с любого сайта
➡️ Colorzilla для удобной работы с цветами
➡️ WhatFont для моментального определения шрифтов

Разыскивается ментор в Web Hero School ✨

Требования:
— Опыт от 1 года работы
— Уверенные знания: GIT, HTML, CSS, JavaScript, React

Задачи:
— Проверка домашних работ
— Ведение команд
— Отчет по работе

Условия:
— Гибкий график работы
— Удаленная работа
— от 50000р/мес

➡️ Подробности - https://proglib.io/vacancies/mentor-onlayn-shkoly-po-veb-razrabotke-web-hero-school-2020-05-05

@seniorFront - канал для тех кто хочет стать гуру в Frontend разработке

Бесплатные курсы по css и js
Подборка актуальных статей
Авторские комментарии

Заходи на @seniorFront

70 YouTube-каналов для фронтенд-разработчика

Подборка YouTube-каналов, плейлистов и подкастов, посвящённых фронтенду: вёрстка, JS, библиотеки и фреймворки, уроки и скринкасты, доклады на конференциях и записи встреч локальных сообществ. Приятного просмотра!

Добавляйте в закладки: https://proglib.io/p/70-youtube-kanalov-dlya-frontend-razrabotchika-2020-05-03

#digest #video

Сортировка по умолчанию в JavaScript осуществляется в лексикографическом порядке, то есть элементы сравниваются как строки.

Узнать больше о методе sort: https://prglb.ru/48baz

#javascript #core

Drag&Drop-компоненты для слепых пользователей. Вы шутите?

Доклад Сергея Кригера о доступности в самых неожиданных местах.

Смотреть: https://www.youtube.com/watch?v=U1UjLN4I9fA

#video #accessibility #interface

О правильном дизайне полей с выпадающими списками

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

Читать: https://proglib.io/p/o-pravilnom-dizayne-poley-s-vypadayushchimi-spiskami-2020-05-07

#interface

Секреты создания производительных веб-приложений на Express.js

Как структурировать веб-приложение на Express.js, повысить его производительность и надёжность, в том числе с помощью DevOps-инструментов, балансировки нагрузки и обратного прокси 🚂 →🚅

Читать: https://proglib.io/p/sekrety-sozdaniya-proizvoditelnyh-veb-prilozheniy-na-express-js-2020-05-06

#express #node #backend #performance

Clippy.js

Добавьте на свой сайт легендарного Скрепыша 📎 и его друзей!

Библиотека: https://www.smore.com/clippy-js

#tools #library

Весь мир на удаленке, заработки в офлайне просели – нельзя полагаться на один источник дохода. Бывшие офисные сотрудники штудируют курсы и уходят во фриланс за онлайн-заказами. Преимущества очевидны:

💎 Зарплату определяют нагрузка и опыт, а не мнение начальника
🌐 Международный рынок: больше вариантов, оплата в валюте
🌊 Сам выбираешь, когда трудиться и отдыхать

Но работа во фрилансе отличается от офисной. Учиться лучше у людей с опытом – на GeekBrains freelance. Курсы по тестированию, верстке, мобильной разработке и вебу – все с акцентом на быстрый старт во фрилансе. Делимся ссылкой: https://proglib.io/w/193d6508

Как публиковать веб-компоненты в NPM

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

Читать: https://prglb.ru/2p1jc

#npm

Обработка ошибок в SPA

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

Подробнее: https://prglb.ru/3y6wn

#bestpractices #javascript

Предотвращение навигации по истории браузера при горизонтальном скроллинге

Использование малоизвестного свойства overscroll-behavior для решения распространенной проблемы интерфейсов.

Читать: https://prglb.ru/418p5

#interface #css

REQRES: эмуляция API для тестирования фронтенда

Начать пользоваться: https://reqres.in/

#tools #testing #api