Estou começando agora a lidar com desenvolvimento web em PHP. Sabemos que para ter um sistema eficiente e dinâmico, o recomendável é utilizar JavaScript, como, JQuery, AngularJS, Backbone.js e dentro outros. Mas pelo o que conheço do Javascipt, não possui um API para conectar ao banco de dados.
Tenho um sistema para desenvolver em PHP para manipular dados a partir do banco. Nesse caso preciso "pegar" os dados no banco e gerar um gráfico, utilizando por exemplo a API do Google Charts. A primeira coisa que pensei, é manipular código JavaScript com o PHP, ou seja, colocar as tags JavaScript dentro do código PHP (código para conectar ao banco de dados) e obter os dados e inserir no JavaScript. Porém, essa não seria uma boa prática de programação, pois, meu código ficaria ilegível de se manipular e eu teria problemas futuros com o meu sistema.
Gostaria de obter de programadores experientes em como contornar essa situação. Basicamente, como eu posso manipular dados a partir do banco de dados em JavaScript, AngularJS, Google Charts e etc. e como posso obter uma boa integração entre programação PHP e JavaScript, assim como outros linguagens com JavaScript.