Super User

Скорее всего имеется в виду производительность сайта при увеличении числа одновременных пользователей. От верстальщика тут на самом деле мало что зависит, если он только не будет намеренно писать тонны css.
Но если речь идет о фроненд-разработчике то тут дело кардинально меняется. Хреновый фронтенд разработчик может превратить сайт в смесь тяжелых и ненужных библиотек, фреймворков, картинок и т.д., которые будут посылать на сервер 100500 запросов от каждого пользователя. Посетители будут уходить с такого сайта, прибыль будет уменьшаться, что в конечном счете приведет к увольнению.
С другой стороны, если вопрос о SEO -оптимизации, то верстальщик является первым лицом, с которым взаимодействует SEO-специалист. Здесь идет речь о семантической разметке и микроразметке, а так же о специльных метатегах.

• прикладное ПО для телеприставок
  
• embedded programming
  
• программирование роботов
  
• нативные и гибридные приложения для мобильных платформ
  
• приложения для Windows
  
• программирование терминалов оплаты
  
• программирование игр на платформе Unity
  

и т.д.
Продолжать можно долго.

function callback() {
        $('.popup_Mac').fadeIn(0);
        $('.popup_Mac').animate({top:"0", bottom:"0"}, 400);
        $('header').animate({top:"-60px"}, 400);
}

$('.open_popup_Mac').on('click' callback);
$('.open_popup_iPhone').on('click', callback);
// и так далее

AngularJS:

• фреймворк
  
• предназначен для создания SPA (single page application)
  

jQuery:

• библиотека
  
• предназначена для более удобной и кроссбраузерной работы с DOM и AJAX.
  

Разницу между библиотекой и фреймворком объяснять нужно?

Как-то так:

$('form').on('submit', function(e){
  e.preventDefault(); //подавляем отправку данных формы и перезагрузку старницы
  var data = this.serialize();
  $.post("test1.php", data, function(json){
    $('.commentbox').append('<div><span>' + json.author + '</span><p>' + json.comment + '</p></div>'); 
  });
);
});

Это в простейшем виде. На самом деле зависит от разметки, требований и реализации на сервере.
UPD: Если с jQuery на Вы, то реализовать самому все это будет трудно.

Вы сами ответили на свой вопрос.

А вообще:

keyup
Fires when the user releases a key, after the default action of that key has been performed.

То есть событие keyup происходит, когда пользователь отпускает клавишу, после того, как дефолтное действие этой клавиши произошло.
Источник: www.quirksmode.org/dom/events/keys.html

function getWidthOfText(txt, fontname, fontsize) {
  var c=document.createElement('canvas');
  var ctx=c.getContext('2d');
  ctx.font = fontsize + 'px' + fontname;
  var length = ctx.measureText(txt).width;
  return length;
}

Или:

function getWidthOfText(txt, fontname, fontsize){
  var e=document.createElement('span');
  jQuery(e).text(txt);
  jQuery(e).css({
    'font-size': fontsize,
    'font-family': fontname
  });
  jQuery(e).width();
  delete e;
  return width;
}

Или:

function getWidthOfText(txt, fontname, fontsize){
  var e = document.createElement('span');
  e.style.fontSize = fontsize;
  e.style.fontFamily = fontname;
  e.innerHTML = txt;
  return e.innerWidth;
}

alternativeto.net/software/google-web-fonts
А чем кстати не устроил google fonts?

Сделать с помощью метода ajaxStop:

$( document ).ajaxStop(function() {
     $('.cool').append(data);  
});

Может не стоит изобретать велосипед, а взять готовый метод serializeArray() ?

По принципу FadeIn предложенный на сайте You Might Not Need JQuery

function fadeIn(el) {
  el.style.opacity = 0;

  var last = +new Date();
  var tick = function() {
    el.style.opacity = +el.style.opacity + (new Date() - last) / 400;
    last = +new Date();

    if (+el.style.opacity < 1) {
      (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16)
    }
  };

  tick();
}

fadeIn(el);

https://developer.mozilla.org/ru/docs/Web/JavaScript
www.2ality.com

$(document.querySelector('.class'))

https://developer.mozilla.org/en-US/docs/Web/JavaS...
www.2ality.com/2014/12/es6-proxies.html
blog.keithcirkel.co.uk/metaprogramming-in-es6-symbols

Если используется jQuery, то есть встроенный метод index().
P.S. Невнимательно читал вопрос, сорри.