Cómo comenzar a usar JavaScript puro

La forma más sencilla de asegurarse de que está utilizando Javascript puro sería asegurarse de no incluir ningún otro script en su página web.

Solo cree una etiqueta de secuencia de comandos única en su página html.

// tu código aquí

Para empezar, debe ponerlo dentro de la etiqueta del cuerpo después de todos los demás elementos de la página. Más tarde, puede capturar el evento de carga de la página si lo prefiere y luego el script podría ir a cualquier parte. Por ahora, ponerlo al final de la página debe asegurarse de que todos los demás elementos DOM se hayan cargado primero.

Una vez que tenga esto, comience a ver lo que puede hacer con la manipulación pura del DOM. MDN (Mozilla Developer Network) tiene mucha buena información, y W3 Schools no es un lugar horrible para comenzar. Comenzaría mirando la documentación y los métodos del “documento” como queryAll y getElementById que lo ayudarán a comenzar.

Mientras no use ninguna etiqueta de script con un atributo src, puede estar bastante seguro de que todo lo que está haciendo es javascript puro (junto con los ganchos del navegador que le permiten manipular el DOM, que técnicamente no forma parte de Javascript, pero son características clave para javascript que se ejecutan dentro de un navegador).

Dicho esto, puede ver el código fuente de muchas de las bibliotecas como jquery, lodash y otras para darle ideas de cosas que puede hacer con javascript, y encontrará un gran beneficio al usar estas bibliotecas junto con su código.

Puede encontrar muchos beneficios al usar sitios como Plunker, JS Bin, CSSDeck o jsFiddle para ayudarlo con esto, solo asegúrese de no hacer referencia a ninguna biblioteca como jquery o angular o cualquier otra cosa mientras intenta enfocar su aprendizaje en Javascript puro.

espero que esto ayude

La evolución de la web es que lo primero que la mayoría de la gente aprende o encuentra sobre Javascript en estos días no es JavaScript en sí, sino jQuery. Habla de la importancia de los marcos como parte de la pila de desarrollo moderno, pero también de los peligros potenciales de no tener primero los fundamentos de un lenguaje; jQuery es un ahorro de tiempo para acceder y manipular el DOM, tratar con Ajax, etc., pero si no hubiera aprendido JavaScript primero, me perdería muchas veces tratando de hacer que jQuery se comportara exactamente como quería.

Algunos otros excelentes recursos para aprender JavaScript vainilla:

Kit de JavaScript (muchos tutoriales)

JavaScript elocuente (libro completo de JS en línea)

Comprensión de ECMAScript 6 (libro completo de JS sobre la versión oficial actual de JS)

En mi opinión, las dos mejores fuentes dedicadas a ayudarlo a hacer cosas sin jQuery son:

Plain JS (Repositorio Vanilla JS)

Puede que no necesites jQuery

Esto no quiere decir que jQuery sea malo. jQuery es asombroso. Pero en serio, NO es increíble acceder a la biblioteca jQuery solo por algunas manipulaciones DOM. jQuery se usa mejor si va a hacer MUCHO trabajo DOM. Debería sentirse cómodo trabajando con o sin jQuery, pero primero consultaría con su trabajo antes de salir de jQuery, ya que es la biblioteca JS de mayor calidad y probada en batalla que existe en este momento, y es posible que quieran que se quede. con esto solo para minimizar la posibilidad de errores.

Además, todas las características de la API DOM que le interesen deben estudiarse en:

Red de desarrolladores de Mozilla

Tu web, documentada · WebPlatform.org

Esto es para que entienda lo que está haciendo, y no solo pegue los métodos en su editor. ¡Buena suerte!

Si quieres manipular el dom con js puro, el truco es elegir UN-jquery

http://stackoverflow.com/questio

Encontré este podcast muy útil en una línea de pensamiento similar, y hay muchos defensores de “entender js antes de jQuery”, y alguien incluso escribió un libro “construye tu propio angular”

Episodio: http://javascriptair.podbean.com
Aprendiendo y desarrollando JavaScript con Ashley G. Williams y Kyle Simpson Descripción: Ashley y Kyle saben una o dos cosas sobre la enseñanza de JavaScript. Estas dos personas maravillosas saltarán y conversarán con nosotros sobre aprender y desarrollar este lenguaje extraño llamado JavaScript.

Una muy buena pregunta … jQuery es como pedir un plátano y conseguir un gorila en la puerta sosteniendo un plátano junto con la selva. *

Hay muchas personas agnósticas de la biblioteca como yo contra el uso de jQuery. Para lo que necesite, hay una forma mucho más eficiente de hacerlo con JS puro. Una muy buena publicación de blog es Cómo olvidarse de jQuery y comenzar a usar las API de JavaScript nativas y, si busca, estoy seguro de que puede encontrar muchas del mismo tipo. Sin embargo, si realmente no puede vivir sin bibliotecas, le sugiero que consulte la biblioteca Vanilla JS 🙂

* No es mi metáfora.

Aprenda Javascript puro

Usa estos recursos

Que no sabes JS · GitBook

Tutorial de JavaScript para principiantes absolutos

Encontrará más materiales a medida que cava más

Luego construye cosas pequeñas a medida que aprendes

si no sabes cosas para construir, ideas de programación de google para principiantes.

More Interesting

¿Qué es un desarrollador fullstack?

¿Cuál es la mejor empresa de desarrollo web en Asheville?

¿Cómo implementan las startups la autenticación y autorización del cliente?

Cómo mover recursos compartidos sociales de Sharethis a otro plugin

¿Qué tecnología usar para la web en 2017?

¿Por qué debería aprender CSS, HTML, Javascript y PHP si Python con Flask / Django / Pylon puede crear fácilmente una aplicación / sitio web?

¿Cuál es la diferencia entre 301 redirect & rel = canonical?

¿Qué sitios web utilizan Agile?

¿Cuándo y por qué es mejor usar AngularJS para su sitio web en comparación con la programación del sitio utilizando, por ejemplo, HTML, CSS y PHP?

¿Cuál es el mejor curso de lenguaje HTML, CSS en aplicaciones móviles?

Cómo cambiar el contenido en index.HTML desde un cuadro de texto en la página 2.HTML

¿Por qué necesitamos ASP.NET, PHP, etc., si podemos hacer un sitio web dinámico completo usando JQuery y Ajax?

¿Por qué los componentes ReactJS están tan hinchados en comparación con componentes similares de jQuery / Bootstrap (por ejemplo, botones, selectores de fecha, carga de imágenes, etc.)?

¿Qué versión de Ruby y qué versión de Rails debo usar hoy para un nuevo proyecto, con el objetivo de desarrollar sin problemas, reducir las incompatibilidades con las gemas populares y evitar peculiaridades que aún no se han documentado / solucionado ampliamente en la web?

¿Es un MacBook Air bueno para Ruby / desarrollo web? ¿Cómo funciona un MBA 2010 al máximo si está desarrollando Ruby en él y algún diseño web pequeño?