En mi propia experiencia, el enfoque más rentable para aprender una habilidad es ponerla en práctica. Ensúciate las manos, lucha en un proyecto de nivel principiante utilizando jQuery.
Elija un proyecto que refleje un tipo común de sitio web que los desarrolladores construyen a menudo. De esa manera, tendrá una gran cantidad de documentación y ejemplos de personas que lo han hecho antes, y el conocimiento de jQuery que obtendrá será relevante. Finalmente, le presentará las herramientas comunes que utiliza junto con jQuery y se sentirá cómodo utilizando una pila.
Por lo tanto, cree un sitio web simple de una sola página utilizando HTML, CSS y jQuery. Puede omitir un marco web para empezar. Esto le presentará la oportunidad de centrarse en la manipulación del DOM con jQuery.
Una vez que se construya su sitio web simple, hágalo más sensible e interactivo con scripts más avanzados. Utilice jQueryUI y otros complementos para agregar elementos interactivos, por ejemplo, notas post-it, elementos de la lista de arrastrar y soltar. Puede agregar jQuery y otras bibliotecas a su sitio web a través de un CDN.
En algún momento se dará cuenta de que no se puede guardar nada de lo que un usuario hace en su sitio web porque no tiene medios para almacenar información del estado o de otro tipo. Si está buscando un desafío, expanda a un marco de aplicación web simple, tal vez Express a través de Node.JS. En este punto, estará entrando en un mundo más complejo, introduciendo la programación del lado del servidor. Me gustaría advertir sobre saltar directamente a esto si no tiene conocimientos de programación. El uso de un marco de JavaScript te ayudará a mantener la mayor parte de tu atención en la programación de JavaScript, y utilizarás una pila popular.
Volver a almacenar los datos. Agregue un almacén de datos en bruto: un archivo JSON sería un buen comienzo. Intente utilizar AJAX para interactuar de forma asíncrona con el servidor. Comience simplemente recuperando datos, realizando solicitudes GET HTTP a su servidor web y luego mostrando los datos de la respuesta.
Ahora que ha pasado a un diseño de aplicaciones más robusto y una pila, considere adjuntarlo a una base de datos relacional como MySQL o PostgreSQL. Una vez que tenga un almacén de datos, puede crear una interfaz RESTful CRUD, que ofrezca a los usuarios los medios para recuperar, agregar y cambiar datos en su aplicación. Podría considerar agregar algo como un panel de discusión similar a Reddit a su sitio web para sentirse cómodo con los fundamentos de esta arquitectura. Una gran parte de las aplicaciones web es la recopilación de datos, por lo que debería sentirse cómodo con los formularios HTML independientemente.
El punto es que si comienza construyendo un sitio simple sin una plantilla y con un uso mínimo de complementos y plataformas, fomentará una comprensión más profunda de jQuery junto con la arquitectura de la aplicación y una útil pila de herramientas.
La documentación de jQuery es excepcional, al igual que MDN, W3Schools y la gran cantidad de videos en YouTube. Si está comprometido, debería poder autoaprenderse a sí mismo a un nivel de principiante con una inversión financiera mínima aparte del tiempo. Esto es cierto para la mayoría de las personas que me incluyen, pero ciertamente no * todas * las personas. Una alternativa es simplemente asistir a un curso.
Si está convencido de que el desarrollo web es algo que desea hacer para una carrera, considere invertir en un campo de arranque de codificación que se centre en JavaScript.
Recursos útiles:
Escuelas w3
MDN
Nodo.JS
Documentación jQuery
Tutorial simple
jQuery vs JavaScript
Usando Node.JS y jQuery
Para inspiración y preguntas:
Desbordamiento de pila
GitHub