Cómo dominar AngularJS de la nada sin conocimiento en Javascript básico o jQuery

A diferencia de jQuery, Angular no es una biblioteca de uso múltiple. No debe incluirlo solo para que esos menús desplegables se desplieguen con gracia con la animación (sin mencionar que no debe usar JS para efectos en todos estos días: CSS lo hace mucho mejor). Probablemente ni siquiera debería usarlo cuando solo tiene que validar un formulario antes de enviarlo; ese es un enfoque demasiado complejo para una tarea tan simple. Debe usar Angular para crear aplicaciones HTML que requieran interacciones masivas in-page y page-to-outside-world (AJAX / Comet, P2P), donde los datos deben procesarse de manera compleja aquí, en la página. Ejemplos: un chat, un tablero, un widget de calculadora, un juego.

Para mí, la fuerte preocupación por JS y especialmente jQuery es más un daño que una ventaja en el aprendizaje de AngularJS. Seguramente, debería poder comprender la sintaxis JS y algunos trucos comunes como los cierres, pero principalmente, primero debe comprender la idea del marcado y luego el enlace de datos. Aquí, saber que alcanzar el mismo nivel de respuesta en vivo que antes requería mucha codificación JS puede ser ventajoso como un estímulo para continuar con Angular. Pero principalmente, si supiera cómo lo haría sin Angular e intentara implementarlo de esa manera, la mayoría de las veces iría en contra de los principios de Angular.

Entonces, en lugar de mirar jQuery, te sugiero que te concentres en el marcado HTML y el enlace de datos proporcionado por Angular. Debe comprender el principio básico: hay un marcado HTML, e incluso puede hacer que los navegadores presenten formularios muy complejos para que los llene un cliente, pero esos formularios están muertos sin importar cómo los codifique, no pueden procesar los datos ingresados. Puede introducir AngularJS en la página y algunos pequeños cambios en su marcado HTML para que sean interactivos. Este es el nivel básico de comprensión angular, y este nivel básico es a veces lo suficientemente bueno como para crear aplicaciones simples de una sola página (SPA, como lo abrevian). Algunos casos ni siquiera requieren que escriba ningún código JS. Estudie los ejemplos suministrados con la documentación angular y la guía de inicio: encontrará muchas cosas interesantes que aprender.

La presencia de jQuerylite como parte de Angular no debería confundirte. La mayoría de las veces realmente no lo usas, al menos al principio (personalmente nunca lo hice, pero estoy haciendo Angular solo por diversión). Está allí para aquellos que están dispuestos a manipular su HTML sin enlace de datos (por lo tanto, un enfoque bastante complejo), pero no están dispuestos a lanzar jQuery real por alguna razón.

Y aquí es donde se vuelve empinado: exactamente la codificación JS para Angular es mucho más compleja que simplemente JS o codificación con jQuery. Debe comprender conceptos como Inversión de control (comúnmente abreviado como IoC) o fábricas, ambas cosas bastante exóticas para una sesión de codificación JS típica y más comunes en entornos de programación “empresarial” como Java o .NET. Aquí es donde Angular agrega de repente una complejidad extrema solo para obligarlo a hacer que su aplicación sea mantenible en el futuro, cuando (con suerte) se vuelvan mucho más complejas y ricas en funciones. Probablemente, en este punto, si todavía está allí, ya conoce JS lo suficiente o debería comprender esos conceptos de nivel superior y cómo se aplican en JavaScript (le dije que son un poco ajenos a este idioma, por lo que tomará un poco de esfuerzo). para envolver tu cabeza con eso). La crítica de AngularJS se basa principalmente en esta extrañeza de los conceptos angulares a la ruta habitual de JavaScript, pero bueno, no sería perjudicial si no interrumpe. De todos modos, los ejemplos en la documentación son lo suficientemente buenos como para al menos copiar y pegar hasta que realmente comprenda cómo funciona.

Realmente necesitará buenos conocimientos de JS en este punto, aquí es donde sugeriría ir con algunos cursos o libros. Pero primero tiene que llegar a ese punto, y realmente no necesita JS para comenzar.

Entonces, en general, mi sugerencia: comience con la parte de marcado y comprenda lo que puede hacer únicamente en el marcado basado en HTML + ng. Lea la documentación extensamente e investigue los conceptos mencionados allí para comprenderlo: muchas cosas que usan son poco comunes en JS, así que no dude en estudiar, por ejemplo, IoC como concepto en otros idiomas. Comienza a aprender JS en gran medida cuando comprendas que no puedes ir más lejos sin él. Haga eso solo si está seguro de que realmente necesita exactamente Angular, con su espectro de aplicaciones y JS no común para páginas web (incluido jQuery) o para servidor (Node.js): esas dos son historias totalmente diferentes de Angular.

Empiezas con JavaScript.

Es posible que no necesite saber todo, pero al menos lo básico. Haga el seguimiento de JavaScript de Codecademy en su totalidad, eso es aproximadamente de 9 a 12 horas.

JQuery no es muy necesario, pero aún así es bueno saberlo ya que Angular tiene JQuerylite incorporado. Echa un vistazo al curso JQuery de la escuela de códigos.

Luego, busque tutoriales angulares. Echa un vistazo a http://thinkster.io , el curso AngularJS de la escuela de código, y sigue intentando construir tus propios elementos. Cree una aplicación meteorológica, una aplicación de tareas pendientes, etc.

Visite http://freecodecamp.com si está buscando una experiencia completa e integrada

Creo que necesita un tutor para aprender angular, JavaScript, etc.
¡Te puede ayudar! El código completo en Angularjs y
Documentación de Angularjs con implementaciones

¡Gracias!