Aprendí jQuery antes de JS, y ahora soy súper dependiente. ¿Cómo me vuelvo menos dependiente de jQuery y más de JS?

jQuery es una herramienta maravillosa que permitió a muchos desarrolladores. No es una mala herramienta y no hay vergüenza en usarla.

Pero a medida que aumentan sus habilidades de JavaScript, parte de la funcionalidad de jQuery podría dificultar su camino para convertirse en un desarrollador feliz una vez más. Si bien jQuery no le prohíbe explícitamente escribir código elegante, se enfoca en modificaciones rápidas de DOM y en el uso de código “único” que es inseparable de su página HTML.

Para no usar jQuery, necesita encontrar una buena solución para la manipulación DOM, AJAX y la manipulación de datos.

Reemplace jQuery por su manipulación DOM

Pago: es posible que no necesite jQuery y tómese un tiempo con Document.querySelector () para sus consultas DOM.

La verdad es que la manipulación del DOM es la parte más difícil de obtener el 100% correcto y es posible que te encuentres en una larga cola llena de obstáculos, problemas en la disponibilidad del navegador cruzado y problemas de rendimiento.

Los desarrolladores más productivos que conozco (incluyéndome a mí) esquivan la mayor parte del dolor aquí y usan react / angular o usan una microbiblioteca. Si quieres sumergirte en la manipulación DOM, no olvides leer sobre la basura del diseño Lo que fuerza el diseño / reflujo. La lista completa. No saber esto le quita mucha diversión.

Reemplace jQuery por AJAX

Esa es la fácil. Use la API Fetch (Polyfill aquí: github / fetch).

Reemplazar jQuery para la manipulación de datos

Use lodash para sus manipulaciones de datos. Es una buena incursión en la programación funcional y le ayuda a escribir código que sea fácil de razonar.

ES6 podría facilitarle el acceso a un entorno sin jQuery, ya que cierra algunos de los vacíos con los que jQuery le ayuda. Estoy enamorado de Babel · El compilador para escribir JavaScript y Webpack de próxima generación (servidor de desarrollo webpack).

Además, si aprende la programación funcional en paralelo con la simplificación de jQuery, su mente podría verse afectada por el bache inicial en su rendimiento de desarrollo.

¡Es un momento emocionante para aprender cosas nuevas!

Vuelva a escribir un proyecto (algo así como una lista de tareas pendientes) que haya escrito en la consulta J, usando JavaScript (Nativo).

Una vez que hayas hecho esto, haz que un desarrollador front-end con experiencia lo revise y pregúntale qué otros patrones de programación podrías haber utilizado.

Ahora vuelva a escribir la aplicación con un enfoque diferente. Intente incluir tantos patrones de JS como sea posible y así es como se acostumbra a JS nativo y deja de lado jquery.

PD: La práctica es la única forma. Cuanto más escribas NATIVE JS, más fuerte te vuelves

¿Qué tal leer el código fuente de jQuery y entender lo que realmente hace?

No hay nada de malo en confiar en jQuery. Es una gran herramienta y su valor es mucho más que pasar por alto las grietas del navegador (un papel menos importante).

Sin embargo, confiar en jQuery sin comprender el idioma en el que está escrito no es bueno y te meterá en problemas.

Soy exactamente opuesto a ti.

Cualquiera que sea la tarea que me han encomendado, nunca pensé en la biblioteca.

Confía en mí, la próxima versión de los navegadores tendrá todas las posibilidades de jQuery.

Sugiero que este es el momento adecuado para cambiar a JavaScript puro.

Ahora llegando a tu pregunta. Uno de los únicos libros en los que confié y sigo confiando para JavaScript es JavaScript de cabeza. Te ayudarán a ser fuerte en lo básico.

Luego comienza a escribir lógica múltiple en JavaScript. Puede usar el sitio de codificación de sitio para eso.

Luego comience a pasar al concepto de Uy. Tome múltiples patrones de diseño de Java y comience a implementar en JavaScript.
Cuando haya terminado con estas cosas, le diré que está listo en JavaScript.

Todo lo mejor.

JavaScript, el futuro 😉

Obtenga un buen libro en JavaScript y léalo. Un buen libro de JavaScript es JavaScript elocuente: una introducción moderna a la programación: Marijn Haverbeke: 9781593275846: Amazon.com: Libros

Cuando busque en Google, use las palabras clave “JavaScript” sin JQuery. Además, puede buscar en Google utilizando las palabras clave “JavaScript -JQuery ……”. Esto devolverá resultados que contienen JavaScript y no JQuery.

No eres dependiente. Aún estás aprendiendo Cada vez que escribes algo en jQuery, estás aprendiendo JavaScript.

No has aprendido todo JavaScript porque no lo has necesitado. La solución es encontrar problemas que requieren el uso extensivo de JavaScript sin jQuery. Resuelve esos problemas y habrás aprendido JavaScript.

Piénselo: aprendió jQuery porque lo necesitaba. También aprenderá JavaScript cuando lo necesite.

¡está bien! pero es como si conocieras a un nuevo amigo sin conocer a sus padres . una vez que los conozca, sabrá qué tipo de cosas puede hacer con él y comprenderá mejor a su amigo y su amistad. Así que es realmente bueno conocerlos también. también JavaScript para jQuery.

Si aprende el concepto de JS , comprenderá mejor jQuery, incluso dominará todas las bibliotecas y marcos relacionados con JavaScript.

Simplemente intente usar Vanilla JavaScript e intente manipular DOM sin jQuery.

More Interesting

Si creara una aplicación móvil o web que sirviera a más de 5 millones de personas, ¿cómo haría para diseñar una aplicación de este tipo?

Cómo construir un sitio web desde el principio

Tengo conocimientos básicos de desarrollo web, diseño gráfico, codificación competitiva y desarrollo de aplicaciones de Android. ¿Cómo aprendo más al respecto?

No estoy alcanzando ningún hito en el aprendizaje del desarrollo web. ¿Estoy en el camino equivocado?

Como aficionado al diseño y desarrollo web, quiero crear mi nuevo sitio web con WordPress. ¿Cómo podría configurar esto mientras mi dominio todavía está alojado en otra plataforma y migrarlo rápidamente a WordPress, con poco tiempo de inactividad?

Soy un principiante y quiero crear mi propio sitio web. ¿Cómo podría hacer eso y por dónde empezar?

Cómo mover cada elemento individualmente unos pocos píxeles usando CSS

He trabajado como diseñador / desarrollador web durante 5 años con poco que mostrar. ¿Cómo construyo una cartera?

Quiero ser desarrollador de Full Stack WEB algún día. Quiero centrarme mucho en JavaScript, Node.js y MEAN Stack, ¿es una buena inversión de tiempo?

Soy un probador manual. Mi interés está en el desarrollo. ¿Es bueno aprender AWS o aprender alguna tecnología de desarrollo? Ya he versado en ASP.NET y Java.

Quiero ser competente en HTML, CSS, JavaScript y PHP. ¿Debo aprenderlos de forma secuencial o simultánea? Si es simultáneo, ¿hasta qué punto debería sumergirme en cada idioma antes de comenzar a aprender el siguiente?

Desarrollo web, ¿cuál es el tema de tendencia único más que nada?

¿Cuál es la mejor manera de hacer un sitio web y vender productos en línea?

Estoy buscando externalizar un complemento de WordPress a un desarrollador, y he encontrado algunos en oDesk. Sin embargo, la mayoría parecen ser agencias o tener un equipo. ¿Es esto problemático para aquellos de ustedes que lo han pasado?

Estoy creando una aplicación en Haskell que implica un poco de raspado web. ¿Debo construir la parte de raspado web en Haskell o en Python?