¿Cuál es la forma correcta de agregar Jquery y Angularjs en un proyecto?

Estoy empezando a agregar Jquery y AngularJs en nuestro próximo proyecto. He visto que algunos artículos dicen usar Jquery antes de AngularJs y Algunos artículos usaron Jquery después de AngularJs. Por lo tanto, estoy poco confundido acerca de cuál es el correcto.

see KendoUI usó jquery antes de AngularJs y su propia biblioteca después de él.

   

¿Cuál es el concepto detrás de usar jquery antes de AngularJs y Kendo u otra biblioteca después de AngularJs?

Y por qué kendoUI no funcionará si lo usamos antes de AngularJs, cuál es el concepto detrás de él.

Angular puede trabajar con o sin jQuery. Si está cargado sin jQuery ya cargado, usará jQLite, que solo tiene un puñado de funciones jQuery. Referencia

Entonces, si planea usar jQuery en su JS, tiene sentido cargarlo antes de Angular, lo que evitará que jQLite se cargue.

La interfaz de usuario de Kendo incluye directivas angulares, que no funcionarán correctamente a menos que el marco angular se cargue antes.

El mismo principio se aplicaría a cualquier biblioteca que use el marco angular. Si una biblioteca no lo usa, entonces el orden de carga no tiene efecto.

Si carga jQuery después de AngularJS, AngularJS se adjunta a jqLite pero aún puede acceder a jQuery a través de $. Esta no es una buena situación. Si va a utilizar jQuery, siempre debe cargarlo antes de AngularJS.