Дмитрий

https://gist.github.com/
можешь еще https://jsfiddle.net/ использовать также для готовых конструкций

Потому что 1+2+3+4+5+6+7+8+9+10=55
А вы чего ожидали?

Да все очень просто.
На самом деле адекватное образование не получают. Его берут.
Не ищите какого-то заведения, куда походите и внезапно получите образование.
Берешь сам идешь на различные онлайн-курсы, и изучаешь интересующие тебя области.
Полно и на русском, еще больше на английском.
Та же coursera.

body
  header
     nav
  main
      section
      section
      section
      aside
  footer

---- вот она, базовая семантическая разметка для лендинга. Даже если вы не назовёте что-то aside, не будет ничего критичного. Нужно придерживаться семантики, но не надо делать из нее каргокульт, между тем что бы думать час над названием тэга и выбрать div- выбирайте div

такой сервис называется фриланс https://freelance.habr.com/

В общем случае да. Представь, что у тебя код

var imageFromInternet = GetImageByUrl("http://example.com/big-image.bmp");
picture.image = imageFromInternet;

Есть вариант, когда GetImageByUrl тормозит твой код, пока картинка из инета не загрузится, а это может быть и пол часа. А если тебе надо сказать 10 таких картинок - это за займёт больше суток. И всё зависло, ты даже прогресс бар не можешь нарисовать, потому, что твой код выполняется где-то внутри GetImageByUrl.

А есть вариант, когда тебе возвращают хендл операции и твой код тут же продолжается дальше. Вот она отложенность, фактически задача выполниться когда-то потом, а не сейчас. И ты получаешь возможность поставить на скачку одновременно все свои 10 картинок. А потом сидеть и ждать когда они все скачаются. И лишь затем, что-то уже с ними делать.

По сути все операции с устройствами ассинхронны внутри, иначе бы всё вставало колом пока не дождалось бы ответа.

То, о чём Вы спрашиваете, официально называется WAI-ARIA.
Тут можно скачать бесплатно экранного диктора и с помощью него тестировать свои сайты, осуществляя навигацию по ним с помощью табуляции, а так же открывая специальное меню с помощью горячих клавиш (командная кнопка приложения, которую назначите, по умолчанию ins+f7, или f6? Не помню уже точно :-) )

Доклады Вадима Макеева на ютубе:
https://www.youtube.com/watch?v=MWJKwn_gKR4
https://www.youtube.com/watch?v=ssJsjGZE2sc

Если действительно умеете соблюдать семантику, то, скорее всего, Вы уже сделали достаточно.
Рускоязычные ресурсы по доступности:
https://weblind.ru/
specialbank.ru/guide (В данный момент чёт не работает, но должен)
Есть курс, где учат именно этому: https://kurmak.info/
Статья на хабре: https://habr.com/ru/post/40730/ (там внизу есть полезные ссылки)
Тут можно найти информацию по этому вопросу, в том числе перевод статей из первой ссылки англоязычных ресурсов

В подкасте Веб-стандарты упоминается об этом очень часто. Тут можно прослушать все выпуски, а так же покопаться в выпусках и поискать упоминания доступности и статьи про это.

Есть англоязычные ресурсы
Про доступные компоненты: https://inclusive-components.design/ (нажимаете в хроме справа сверху "перевести страницу" и профит)
Есть спецификация: https://www.w3.org/TR/wai-aria-1.1/#usage (аналогично, перевод в браузере и профит)
MDN: https://developer.mozilla.org/en-US/docs/Learn/Acc...

Конечно можете. После await у вас должен идти промис, который будет ресолвиться из обработчика события. Если речь о событиях DOM, то как-то так:

HTMLElement.prototype.waitFor = function(event_name) {
    if (event_name) {
        return new Promise((res, rej) => {
        	const listener = function() {
        		res()
        		this.removeEventListener(event_name, listener)
        	};

        	this.addEventListener(event_name, listener);
        })
    } else {
        throw 'No event passed to waitFor method!';
    }
}

async function foo() {
	const start = new Date();
	await document.querySelector('body').waitFor('click');
	console.log('uspeshno dojdalis clicka, jdali celih ' + ((new Date().getTime() - start.getTime())/1000) + ' sekund');
}

foo();

Используйте автопрефиксер.
Пусть компьютер этим заморачивается https://github.com/postcss/autoprefixer

Один мальчик не зная javascriipt-а приступил к фреймворкам, нашел себе работу, дорос до тимлида, создал свои курсы, так и не поняв, что он не знал javascript и совершенно не был готов к изучению фреймворка. А время то не вернешь.

PS Если говорить серьезно, то доказательство существования пудинга в его вкусе. Если пишете работающий код на js - значит знаете на уровне, достаточном для фреймворка. Процесс познания почти бесконечен. Поэтому какой-то точки, где можете сказать "Да, теперь я знаю" не существует. просто получайте удовольствие от изучения и программирования и не парьтесь знаете вы что-то или нет.

Как вариант поглумиться

Конструкция table.row(i).$(...) выглядит стремно и ведет себя странно. В документации таких фокусов не припоминаю.

const trElem = table.row(i).node(); // tr
const $rowControls = $('input,select,textarea', trElem); // инпуты из строки
const serialized = $rowControls.serialize();
console.log(serialized);

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

Такие картинки делаются в Polacode - плагине для VS code

Развлекайтесь на здоровье

Учусь несколько месяцев результата нет..

За несколько месяцев вы могли уже сверстать макетов 5-10.

Когда сверстаете 99 макет, отпишитесь из будущего как там поживает верстка. Обычно на макете 50-том ты макет видишь в виде html разметки и css стилей, и уже мыслено разбил его на bem блок и добавил в проект как отдельный кусок кода.

Теги нужно не заучивать как стишок в школе, а понимать.
Ибо скорее всего вы вместо практики сидели и тупо запоминали теги/стили, а как оно работает хз. Это как тактика студента заучить , заучил, а как работает хз.
Просто начните с чего-то маленькое. Сперва какой нить элемент сверстате, потом соберите их в див. И так пару раз, а потом бац - и что-то, да готово.