szQocks

Конечно, зачем сервер загружать лишней логикой?

Добрый день!
Ну во-первых, уточните должна ли база данных быть локальной или можно хранить данные пользователей на удаленке.
Если БД должна быть локальной, то посмотрите в сторону sqlite, возможно даже использование embedded db (h2, postgres и др.). Далее определитесь с технологией ORM. Например, hibernate, eclipselink, ormlite, room и др.
Теперь, касаемо интерфейса: можно использовать JavaFX.
Я бы, если пришлось писать на Java выбрал бы Spring + JavaFX. В Spring добавил бы все нужные зависимости типа hibernate, spring data и т.д.
Если БД будет удаленной, то на том же Spring нужно поднять restful сервис, который будет создавать учетки для пользователей, реализовывать crud записей и т.д. Таким образом получится клиент - серверное приложение

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

План действий может быть таким:
1. Берете/получаете макет
2. Внимательно рассматриваете его, мысленно разбивая на блоки. Думаете что куда может/должно растягиваться или уменьшаться при изменениях экрана и увеличении/уменьшении контента.
3. Если п.2. сразу не осилился, идете гулять или спать.
4. Возвращаетесь к п.2.
5. Верстаете понятные большие блоки, затем их заполняете. Разбивайте задачи более простые.

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

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

const b = [{a:5},{b:3},{c:1},{d:6}];
const maxValue = Math.max(...b.map(d => Object.values(d)[0]));
const result = Object.keys(b[b.findIndex(c => Object.values(c)[0] === maxValue)])[0]

console.log(result);

Ну можно так. Не знаю насколько это блистательнее и точно не короче, но зато за один проход и без не нужной сортировки массива.

const arr = [{a:5},{d:6},{g:0},{b:3},{c:1}];
let max = null;
let result;

for (const currentObj of arr) {
  const currentValue = currentObj[Object.keys(currentObj)[0]];
  const currentKey = Object.keys(currentObj)[0];

  if (max < currentObj[currentKey] || max === null) {
    max = currentValue;
    result = currentKey;
  }
}
console.log(result);

хз на сколько это адекватнее) ну можно хранить отдельно ключ и значение

let max = arr[0]
arr.slice(1).forEach(function(elem) {if(Object.values(max)[0]<Object.values(elem)[0]) {max = elem}});

Ваш вариант тоже не плох, допишите ему

console.log(Object.keys(arr.sort(((a, b) =>Object.values(b)-Object.values(a)))[0])[0])

Немного моей дичи:

const arr = [{a:5},{b:3},{c:1},{d:6}];

let vals = arr.map(v=>Object.values(v)[0]);
let key = Object.keys(arr[vals.indexOf(Math.max(...vals))])[0];

console.log(key)

ИМХО: вариант BigSmoke самый быстрый и к тому же ещё читаемый для живого человека - что немаловажно в нашем деле.

Можно эффективнее, без сортировки, в один проход reduce.

Можно и короче записать

Оверлей - svg

на очень скорую руку и совсем не адаптивно



svg online: https://editor.method.ac/

Потому что перевод строки после return движок JS воспринимает как границу между операторами. Как будто там точка с запятой.
Если записать в одну строчку, то не будет undefined:

if(res.includes(array[i]) ) return res.push(array[i])

Ну а так, в целом, return здесь вовсе не нужен.
Ведь return - это выход из функции.
А вам нужен выход из текущей итерации цикла - это continue.

Best Practice https://github.com/vladilenm/select-plugin

взять готовый реакт, или же, если немного таких полей, то проще всего написать несколько event listener-ов

нуууу, или же.... (но это просто мне было интересно попробовать, так делать не надо)

https://www.youtube.com/watch?v=jblAsT79xvM Отличная верстка данного таймлайна)

Можно передавать флаг события в дочерний компонент через props.
Повесить на кнопку в родительском обработчик события, где при клике isClicked = true при нажатии, и затем передать в дочерний элемент в качестве props этот самый isClicked

Не знаю как во вью но в реакте это можно сделать передав из родителя в ребенка функцию как пропс, либо де на крайний вариант можно использовать useRef либо в контексте передать функцию

Вообще, если компонент завязан на родительский компонент, то это говорит о проблемах с архитектурой.
Но если очень надо, то можно:
1. подписаться на события родительского компонента, обратившись к нему через this.$parent
https://ru.vuejs.org/v2/guide/components-edge-case...
2. родительский компонент может вызвать методы любого потомка, на который он навешал ref
https://ru.vuejs.org/v2/guide/components-edge-case...

А почему не while?

const arr = [1,2,3,4,5,6]
let num = 10
let index = 3

while ( num > 0 ) {
  if ( !arr[index] ) {
    index = 0
  }
  
  arr[index] += 1
	
  index++
  num--
}

console.log( arr )