WebDEV #test #js

Выберите правильный вариант 👇🏼

💡 Объявляйте и инициализируйте массивы

Для инициализации массива определенного размера можно использовать значения по умолчанию, такие как “”, null или 0.

const array = Array(5).fill(''); 
// Output 
(5) ["", "", "", "", ""]
const matrix = Array(5).fill(0).map(()=>Array(5).fill(0)); 
// Output
(5) [Array(5), Array(5), Array(5), Array(5), Array(5)]
0: (5) [0, 0, 0, 0, 0]
1: (5) [0, 0, 0, 0, 0]
2: (5) [0, 0, 0, 0, 0]
3: (5) [0, 0, 0, 0, 0]
4: (5) [0, 0, 0, 0, 0]
length: 5

WebDEV #советы #js

📖 Beginning Jakarta EE Web Development
🖋 Luciano Manelli, 2020

Начните создавать веб-приложения на основе Java прямо сейчас, даже если вы новичок в Java. Эта всеобъемлющая и основанная на примерах книга - все, что вам нужно для разработки динамических веб-приложений на основе Java с использованием JSP, подключения к базам данных с помощью JSF и их практического использования с помощью популярного веб-сервера Java с открытым исходным кодом, Apache Tomcat.

💾 Скачать книгу

WebDEV #book #java #JakartaEE

🛠 Stylestage — современная витрина CSS, оформленная открытым сообществом.

WebDEV #инструменты #css

💡 Использование логических операторов для работы с несколькими условиями

Чтобы уменьшить вложенность блоков If..else или switch, можно использовать логические операторы.

function doSomething(arg1){function doSomething (arg1)
 10;
// Set arg1-10 as the default, if it isn't already.
Return arg1
}
let foo = 10;
foo ===10 && doSomething()
// is the same as "foo == 10") then doSomething()
// Output: 10.
 doSomething();
// is the same as "foo!= 5" then doSomething()
// Output: 10.

WebDEV #советы #coding #js

🔥 Лучшее на канале за неделю

1. Beginning Jakarta EE Web Development.

2. Stylestage — современная витрина CSS, оформленная открытым сообществом.

3. Объявляйте и инициализируйте массивы.

WebDEV #test #js

Выберите правильный вариант 👇🏼

💡 Избавляемся от дубликатов

Возможно, вы используете indexOf() в сочетании с циклом for для возврата первого найденного индекса. Или пользуетесь более новой функцией includes(), которая возвращает логическое значение true/false массива. Но есть два более быстрых метода удаления дубликатов.

const array = [5,4,7.8,9,2,7.5,]
array.filter((item,idx,arr) => arr.indexOf(item) === idx);
//
const nonUnique = [...new Set(array)];
// Output: (5, 4, 7, 8, 9, 2, 2)

WebDEV #советы #coding #js

CSS за 100 секунд

Cascading Style Sheets или CSS — это язык, на котором веб-сайты HTML выглядят красиво. Узнайте, как такие концепции, как каскад, специфичность, наследование и блочная модель, влияют на внешний вид веб-страницы.

📺 YouTube

WebDEV #видео #css

🛠 Halfmoon — интерфейсный фреймворк со встроенным тёмным режимом и полной настраиваемостью с использованием переменных CSS; отлично подходит для панелей мониторинга и инструментов.

WebDEV #инструменты #css

💡 Создаем объект-счетчик или Map

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

let string = "kapilalipak"
={}; Const Table
for(let char of string) {For(let char string)
  table[char]=table[char]+1 || 1;
}
// Output
k. 2, a. 3, p. 2, i. 2, l. 2
And
const countMap = New Map()
  for (let i = 0; i < string.length; i++) {
    if (countMap.has(string[i])) {
      countMap.set(string[i], countMap.get(string[i]) + 1);
    } else {or else
      countMap.set(string[i], 1);
    }
  }
// Output
Map(5) "k” => 2, “a” => 3, “p” => 2, „i” => 2, „l” => 2

WebDEV #советы #coding #js

🔥 Лучшее на канале за неделю

1. CSS за 100 секунд.

2. Halfmoon — интерфейсный фреймворк со встроенным тёмным режимом и полной настраиваемостью с использованием переменных CSS.

3. Избавляемся от дубликатов.

WebDEV #test #css

Выберите правильный вариант 👇🏼

💡 Тернарный оператор

Использование тернарных операторов позволяет избежать использования If..elseif..elseif.

function Fever(temp) {Function Fever(temp).
Return temp > 97? "Visit Doctor!"
Temp 97 "Go out and play!"
Temp ===97 "Take some rest!" 'Take Some Rest!
}
// Output
Fever (97): "Take Some Recover!"
Fever (100): "Visit Doctor!" "

WebDEV #советы #coding #js

🛠 Spirit Studio — браузерный инструмент анимации, помогающий дизайнерам и разработчикам создавать свои анимации и управлять ими в режиме реального времени.

WebDEV #инструменты #css

💡 Параметры по умолчанию

Параметры по умолчанию позволяют задавать формальным параметрам функции значения по умолчанию в случае, если функция вызвана без аргументов, или если параметру явным образом передано значение undefined.

function multiply(a, b = 1) {
  return a * b;
}

console.log(multiply(5, 2));
// expected output: 10

console.log(multiply(5));
// expected output: 5

WebDEV #советы #coding #js

🔥 Лучшее на канале за неделю

1. Параметры по умолчанию.

2. Spirit Studio — браузерный инструмент анимации, помогающий дизайнерам и разработчикам создавать свои анимации и управлять ими в режиме реального времени.

3. Закрашивание фона внутри текста переднего плана.

WebDEV #test #css

Выберите правильный вариант 👇🏼