проблема с javascript, имя аргумента не показывает правильное значение

Надеюсь, вы можете прояснить этот вопрос:

По сути, я следую учебнику по javascript, человек в учебнике пишет этот код и получает результат: привет, Джеймс; что я получаю: привет $ {имя};

   function greet(name){
        console.log('hi ${name}');
    }
    greet('James');ter code here

Когда я использую такой код:

function greet(name){
    console.log('hi' +' '+ name);
}
greet('James');
greet('John');
greet('kate');

Он работает и показывает корректный результат со всеми из них, кто-нибудь может объяснить, почему я не могу получить результат с помощью console.log('hi ${name}');.

Большое спасибо заранее, также, если кто-то захочет порекомендовать какой-либо учебник по основам javascript, мы будем очень признательны