una plataformas pagina librerias framework curva crear con como codigo aprendizaje javascript

plataformas - librerias javascript 2018



¿Dónde comienzo a aprender todas las diferentes tecnologías/bibliotecas de JavaScript? (12)

Aprende los conceptos básicos primero, luego elige un marco para aprender las cosas de Ajax: hay tantos que ya no hay razón para hacerlo a mano. I segundo (¿tercero? Quinto?) Aprendiendo jQuery; realmente se ve dulce.

Estoy construyendo un sitio que es una especie de cruce entre StackOverflow y Digg (solo un género diferente). Por lo general, en el pasado, simplemente lo había creado utilizando formularios web ASP.Net. Sin embargo, quiero utilizar este proyecto como una forma de aprender nuevas tecnologías. Estoy usando ASP.Net Mvc, que es realmente genial, pero necesito aprender / usar algún tipo de bibliotecas javascript.

Por ejemplo, cuando alguien vota en una publicación, quiero que se actualice con el conteo de votos de inmediato, o si alguien ingresa texto en el cuadro de texto "etiquetas", quiero que muestre una lista desplegable de las etiquetas utilizadas actualmente, etc. Básicamente Quiero proporcionar muchas cosas de AJAXy para mi sitio.

¿Entonces mi pregunta es dónde comenzar? Me siento bombardeado con tantas opciones y no estoy seguro de por dónde empezar, ni siquiera de qué son. ¿Puede alguien arreglarme y darme alguna explicación y dirección?

  • JSON
  • JQuery
  • MS-AJAX

Estoy seguro de que hay muchos otros que puedo recordar en este momento.

Comience por aprender los conceptos básicos de Javascript. Es importante que sepas cómo usar sus elementos internos antes de sumergirte en abstracciones más profundas. Mozila tiene un fantástico recurso en Javascript, incluida una guía general .

A continuación, elija un buen marco, le ayudará mucho a realizar manipulaciones DOM, que es lo que generalmente se utiliza para Javascript. Un marco ahorrará mucho tiempo en las diferencias de implementación entre navegadores y proporcionará una buena base para desarrollar. Hay mucha selección aquí, y te irá bien con cualquiera de las opciones populares. Personalmente, elegiría jQuery por su API conciso y una gran biblioteca de complementos.

A lo largo del camino aprenderá las definiciones de características / notaciones distintas, como JSON (lo que significa JavaScript Object Notation, y se usa para definir estructuras de datos portátiles en Javascript). Para cualquier pregunta específica que tenga, siempre puede google o volver a SO;)

JSON

JSON es un formato de datos, como XML, pero es nativo de Javascript. Puede evaluar () y se convierte en un objeto real (más literalmente, una tabla hash). Es un reemplazo ideal para XML para enviar y recibir datos de manera asincrónica en la página porque no necesita un analizador y porque tiene una huella más pequeña. Para el lado del servidor, hay una serie de bibliotecas JSON como JsonFx Serializer que lo ayudan a serializar / deserializar JSON en el servidor. Más información, incluyendo enlaces a múltiples bibliotecas JSON en http://www.json.org/ . Tenga en cuenta que también hay algunas bibliotecas Javascript opcionales para trabajar con JSON, también en json.org.

JQuery

jQuery se está convirtiendo rápidamente en la última biblioteca de utensilios de Javascript. Es literalmente uno de los primeros, sino el primero, el software de código abierto de terceros que Microsoft ha adoptado y ha incorporado a su línea de productos de desarrollo como componente principal (para Visual Studio 2010 y ASP.NET AJAX 4.0). Esta es definitivamente LA biblioteca que desea aprender, pero no antes de que tenga una comprensión completa de los fundamentos de Javascript primero.

MS-AJAX

Microsoft ASP.NET AJAX es básicamente un conjunto de extensiones de formularios Web ASP.NET que facilitan la funcionalidad de AJAX al realizar devoluciones de datos en el servidor sin actualizar toda la página. Hay más que eso; también tiene una extensa biblioteca de Javascript (Microsoft AJAX Library, creo que se llama, que es lo que "MS-AJAX" denota) que proporciona muchas características OOP similares a .NET a Javascript, y NO requiere ASP.NET AJAX para ser utilizado. La biblioteca de Microsoft AJAX (biblioteca de Javascript) no es algo MALO que aprender, pero no es necesario. ASP.NET AJAX, sin embargo, se basa en ASP.NET Web Forms y, como tal, no es compatible con ASP.NET MVC. Puede usar la biblioteca Javascript pero no en toda su extensión; de nuevo, no es necesario, puede lograr mucho con solo conocer los fundamentos de Javascript muy bien y conocer muy bien los complementos jQuery (y jQuery).

En resumen, aprenda el Javascript mismo (si no lo ha hecho ya), aprenda también los fundamentos de la manipulación del DOM / DHTML, y luego aprenda jQuery, y creo que ya estará todo listo.

JSON no es una biblioteca, así que no te preocupes por eso.

MS-AJAX es una herramienta muy específica, así que tampoco me molestaría, a menos que ya seas un chico de ASP.NET.

Te sugiero que comiences con Javascript puro, y cuando te sientas cómodo con él, prueba algo como jQuery, que es increíble, y también las "Técnicas Pro Javascript de John Resig" que te harán girar la cabeza de una buena manera. Mientras estaba leyendo el libro, decía "¡vaya! Es genial" en cada 2da página.

Pero lo importante es obtener los conceptos básicos primero , así que dirígete a w3schools u obtén un buen libro de javascript en la tienda.

Me gustaría agregar un agradecimiento a las bibliotecas de la Interfaz de usuario de Yahoo , que proporcionan muchas de las capas básicas de "estandarización" que bibliotecas como jQuery (por ejemplo, manipulación DOM, manejo de eventos, etc.) así como una bastante decente colección de widgets.

Puede que no tenga una sintaxis concisa, pero está bellamente documentado, incluidos muchos otros materiales excelentes que vale la pena leer, y tiene una gran cantidad de ejemplos.

Sentí que valía la pena señalarlo, solo para que la gente considere múltiples opciones.

Me gustaría ir con jQuery, últimamente es el que ha estado recibiendo más atención y encontrarás mejores puntos de partida / tutoriales / cosas ya hechas.

Pero si estás más ansioso por aprender Javascript, entonces no deberías preocuparte por el marco y aprender los principios básicos del lenguaje al principio ... luego usar frameworks para ayudarte a hacer las cosas más rápido y mejor.

No te pierdas este: http://ajaxpatterns.org/

Contiene una cobertura completa de todos los conceptos y patrones de diseño que puede usar en el desarrollo de AJAX en cualquier lib. También incluye una revisión de todas las bibliotecas de AJAX. Este sitio te dará una idea general en lugar de solo enseñarte una lib específica.

Personalmente me gusta ExtJS AJAX Lib http://extjs.com . Lo utilicé durante 6 meses en un proyecto de investigación después de revisar el mercado. Me gustó especialmente su excelente conjunto de widgets UI. Mira sus demos Esta biblioteca originalmente estaba basada en la interfaz de usuario de Yahoo, pero ahora tiene mucho más. Ahora lo han integrado con el kit de herramientas web de Google (que casi elegí pero por falta de widgets decentes).

Libs como jQuery se ven diminutos e incompletos junto a este. Dojo tiene algunas cosas geniales, pero no está tan integrado y la calidad del código no es tan alta (en mi humilde opinión). La desventaja para algunos podría ser los términos de la licencia GPL / Comercial (fue originalmente LGPL y el cambio a GPL causó cierta controversia).

Consulte el resto de mis enlaces de recursos de AJAX en http://delicious.com/tohagan/ajax ... ¡Disfrútelo!

Respuesta corta: creo que empiezas con jQuery.

Respuesta larga: JSON no es una biblioteca, es un formato de datos, y simple. Si está familiarizado con javascript, debe ser algo natural, es esencial aprender pero no llevará mucho tiempo. jQuery está obteniendo la tracción para convertirse en la biblioteca estándar de facto y eso incluye a MS y otros grandes jugadores. Es bastante sencillo comenzar y encontrarás un montón de apoyo de la comunidad para ello, no menos importante aquí.

Si lo haces "solo por diversión" probablemente deberías leer las otras respuestas aquí. Si se está enfocando en los resultados, podría ser mejor comenzar con una base de código existente que, por ejemplo, Stacked podría proporcionarle. Stacked es una implementación de código abierto de , con algunas diferencias creadas para ser más "flexible". Como, por ejemplo, soporte para más de una base de datos, muchas cosas de configuración, etc.

Por cierto, sí trabajo con Stacked ...

Siempre he descubierto que el libro de rinocerontes es mi amigo cuando se trabaja con javascript. Aunque no cubre los marcos llamativos, parece que siempre está ahí como un tutorial / referencia de backbone con una cobertura realmente sólida de todo. Las últimas ediciones también cubren cosas ajax.

Tengo no menos de 3 ediciones de este libro, y todas lucen gastadas y bien usadas.

jQuery tiene el beneficio distintivo de que ha sido bendecido por Microsoft, por lo que si está utilizando la tecnología SO, ese sería un buen lugar para comenzar (con los tutoriales del sitio jquery).

Definitivamente deberías comenzar con lo básico de Javascript. Comience con cosas como imprimir "Hello World" en la página. Pase a las características básicas del lenguaje como variables, bucles, condicionales y funciones. Recomiendo la introducción de W3Schools a Javascript . No te enredes demasiado tratando de hacer programación orientada a objetos en Javascript. Es doloroso y confuso, incluso para algunos programadores con experiencia en Javascript.

A continuación, recomiendo aprender a utilizar una biblioteca de JavaScript multiproveedor, en lugar de intentar hacer todo a mano (específicamente: interactuar con el DOM , realizar llamadas XmlHttpRequests aka AJAX, etc.). Recomiendo la biblioteca jQuery . Proporciona una base sólida para todas las cosas interesantes que AJAX-y desea hacer, y hay muchos complementos disponibles para ello.

jQuery es un marco de JavaScript que permite interacciones fáciles y confiables con el Modelo de Objetos de Documento (DOM). En términos simples, el DOM es la representación de todos los elementos HTML en una página web. El DOM es ligeramente diferente de navegador a navegador, e interactuar con él "a mano" es tedioso y propenso a errores. jQuery resuelve este problema esencialmente haciendo todo el trabajo duro detrás de las escenas. Es mucho más poderoso que eso, realmente, pero esa es la característica principal. También proporciona soporte para eventos de página, eventos personalizados, complementos, manipulación de CSS y mucho más.

JSON es otro término que mencionaste. Representa la notación de objetos de JavaScript. JSON es simplemente una forma ligera de representar estructuras en Javascript (y también en otros idiomas, en realidad). Para ser honesto, el artículo de Wikipedia JSON proporciona un resumen mucho mejor de cómo JSON se usa con AJAX que nunca, por lo que es posible que desee leerlo .

Aquí está el orden básico de los eventos:

  1. Su código Javascript hace una llamada AJAX a una página web. Puede hacerlo utilizando las funciones AJAX en jQuery.
  2. El resultado producido por esa página web es un objeto JSON. Por ejemplo, podría producir una cadena que se vea como: { ''firstname'':''Robert'', ''lastname'':''Smith'' }
  3. El resultado es recibido por su llamada AJAX y evaluado mediante la función especial "eval" de Javascript.
  4. Te queda un objeto Javascript nativo con el que puedes trabajar en tu código. A continuación, puede hacer cosas como: document.write(''Hello '' + result.firstname + '' '' + result.lastname)

Aquí hay algunos enlaces útiles que he recopilado durante el año pasado que me han ayudado. ¡Espero que te ayuden también!

Lo más importante para recordar es: aprender haciendo . Experimentar. Probar cosas nuevas. Haga un montón de páginas de prueba de concepto. Con Javascript, esa es realmente la mejor manera de mojarse los pies. ¡Buena suerte!