Preguntas antes de la clase

Clase 2 de 61 • Curso de JavaScript y jQuery 2015

Resumen

¿Por qué aprender JS y jQuery?

¿Que significa DOM?

¿Que necesito para este curso?

¿Para que usas jQuery?

¿Por que no usar solo JS?

¿Que es NPM?

¿En que momento JavaScript tomo tanta fuerza?

¿jQuery es amigable para sitios móviles?

¿Qué tan buena práctica o qué conflictos genera mezclar Vanilla JS con jQuery?

¿Qué librerías se van a usar en este curso, aparte de jQuery?

¿Que es ECMAScript?

¿jQuery y ReactJS comparten casos de uso? Si sí, cuál es mejor y por qué.

jQuery UI: ¿Veremos algo al respecto?

¿Cómo poder escribir jQuery con la nueva sintaxis ES6? ¿Funciona con babel.js?

¿Usaremos gulp o grunt?

jQuery Mobile está en desuso ¿Qué lo reemplaza?

¿Qué significa NPM?

Cesar David Ramírez Dimaté

student•

Conceptos Básicos

1.- ¿Por qué aprender JS (Javascript) y jQuery?

jQuery es una librería de Javascript. Creció Javascript considerablemente gracias al npm 'node package manager / manejador de paquetes por defecto' y NodeJs. Crearon gestores de paquetes tanto para el Front-End como para el Back-End.

2.- ¿Qué significa DOM?

DOM 'Document Object Model / Modelo de Objetos del Documento'. Es el árbol de jerarquía de todos los documentos HTML que dibuja un navegador. jQuery permite trabajar en ese árbol con mucha facilidad.

3.- ¿Qué se necesita para el curso?

Se realizará una aplicación web y será solo en Front-End, se utilizará una API TVmaze para acceder a shows de TV. Se debe tener instalado un editor de textos (Sublime Text, Notepad++, Atom, Visual Studio Code, etc) y npm sólo para instalar algunas cosas, no para trabajar con NodeJs propiamente. Se puede implementar jQuery de dos maneras. La primera es descargando nuestra librería y colocandola en nuestro servidor; la segunda es apuntar a un CDN 'Content Delivery Network / Red de entrega de contenidos' (colocando la url de la librería) esto con facilitar el rendimiento por ejemplo si el servidor se encuentra en un país diferente a donde se está accediendo la aplicación aunque se corre con el riesgo de que se caiga el servidor donde esté el archivo js. En https://code.jquery.com/ existen dos versiones, la uncompressed y la minified. Una es para entorno de desarrollo y la otra es para producción. Es lo mismo, sólo que una pesa menos tamaño.

4.- ¿Por qué usas jQuery?

Por temas laborales y su enfoque web. El proyecto DemocracyOS (que se encuentra en Y Combinator) se enfoca en la política y la participación ciudadana, proyectos de ley, etc.

5.- ¿Por qué no se usa sólo JavaScript y por qué la necesidad de aprender jQuery?

jQuery facilita nuestra vida en un montón de tareas. Facilita la reutilización de código y a su vez maneja la compatibilidad de los browsers (navegadores) a partir de la versión 9 de IE (Internet Explorer). Interactuar con el comportamiento del DOM tanto en apariencia como en eventos. Manejo de errores.

6.- ¿Que opinas de los frameworks como AngularJS?

AngularJS permite manejar rutas, se interactua más con el DOM y facilita la construcción de una aplicación Front-End. Otras alternativas que se encuentran de utilizar una librería diferente a jQuery son Lodash o Underscore.js. El 60% de las aplicaciones web trabajan con jQuery. jQuery es una mejora a Prototype (Es preferible usar alguna de los dos, no ambas para no generar conflictos). Hay funcionalidades que jQuery no alcanza a cubrir como las rutas pero existen otras librerías para eso.

7.- ¿Qué es NPM y cómo instalarlo?

npm 'node package manage' es un gestor de paquetes y módulos. La idea es reutilizar el código que otras personas hacen en un único repositorio (snippets - pequeñas partes reusables de código). Se descarga en https://www.npmjs.com/

8.- ¿En que momento JavaScript tomo tanta fuerza?

A partir de NodeJS, cada vez fueron aparecieron nuevos módulos y gestor de paquetes como npm. La comunidad fue creciendo bastante, creando un mayor control para el Front-End, por ejemplo el cambio importante de pasar de xml a json. Manipular la página de una manera más eficiente según el DOM.

9.- ¿jQuery es amigable para sitios móviles?

Bastante amigable. La librería no pesa mucho realmente. En móviles, la primera vez si es necesario ejecutar una serie de scripts. Si son muy exigentes con el performance podrían utilizar otras opciones, pero jQuery permite muchas cosas para móviles.

10.- ¿Qué tan buena práctica o qué conflictos genera mezclar Vanilla JS con jQuery?

Al final nosotros resultaremos escribiendo VanillaJS en algún momento (JavaScript puro) en vez de jQuery, por ejemplo creando una variable, recorriendo un array, definiendo una función, etc. Pero para obtener un elemento del DOM, realizar una petición de Ajax, agregar una función a un evento es mucho más sencillo hacerlo con jQuery.

11.- ¿Qué librerías se van a usar en este curso, aparte de jQuery?

jQuery y un poco de npm. Los assets (js, css, img) son recursos que se cargan externamente con el fin de manejar eficientemente los request (peticiones). El bundle 'empaquetado de aplicaciones' compuesto por librerías, imágenes, ficheros, etc, permite a través de paquetes manejar las bibliotecas que depende un programa para su funcionamiento de una manera organizada al momento de instalar o desinstalar un software.

12.- ¿Que es ECMAScript?

Este define fundamentos, evolución y versionamiento de JavaScript. Especifica mejor este lenguaje e implementa un estandar. Permite definir funciones, clases y objetos. Tiene una mejor sintaxis. Existen actualmente las vesiones ES6 y ES7.

13.- ¿jQuery y ReactJS comparten casos de uso? Si sí, cuál es mejor y por qué.

ReactJS es una librería para las vistas. Hay muchos plugins de jQuery que uno desea seguir utilizando como por ejemplo un calendario. Al momento de que la vista ya está en el DOM, se le dice a jQuery que dispare ese plugin.

14.- jQuery UI: ¿Veremos algo al respecto?

jQuery UI (User Interface) es una librería parecida a Boostrap, se utilizará un poco en el curso. XAMPP sirve para montar un servidor independiente totalmente rápido para desarrollar, compuesto con Apache, MySQL, Php y Perl. Jamás se debe montar para un ambiente de producción (No se utilizará XAMPP en el curso).

15.- ¿Cómo se puede escribir jQuery con la nueva sintaxis ES6? ¿Funciona con babel.js?

Babel.js se utiliza para pasar el código de ES6 a ES5. Esto se hace porque ES6 no es soportado en todos los navegadores.

16.- ¿Usaremos gulp o grunt?

Ninguna de las dos. No son necesarias. Estas sirven para definir tareas a ejecutar, por lo cual no será necesario. Dentro del npm, archivo package.json en el atributo scripts definimos los scripts que necesitamos. Aunque, el grunt resulta bastante útil en conjunto con un servidor local liveReload, que permite hacer un refresh automático por cada cambio de código.

17.- jQuery Mobile está en desuso ¿Qué lo reemplaza?

Puede ser reemplazado por frameworks de front-end con boostrap o fundation, material design, Angular Material, etc.

Jon Romera

student•

Resumen 100% Perfecto, muchas gracias compañero!

Alex Miño

student•

Poner las preguntas en el artículo no creo que sirva de nada si no ponéis la línea de tiempo indicando dónde está cada pregunta.
Espero que mejoren esa parte.

Jose Andres Gonzalez Guevara

student•

Correcto. Ejemplo : ´¿Usaremos gulp o grunt? . 5:25 ´o algo así

Cesar David Ramírez Dimaté

student•

Dejé un comentario arriba resumiendo todas estas preguntas. Pero si, debería ser así.

Walter Omar Barrios Vazquez

student•

jQuery es una librería de JS. Se utiliza para manipular el DOM (Document Object Model), el cual es el arbol de jerarquía de todos los objetos HTML que dibuja un navegador.
La sintaxis de jQuery se presta para trabajar en esa jerarquía con mucha facilidad.
Uno de los estándares es incluir la librería jQuery desde los servidores de Google.

Francisco Palma

student•

Muy buena intro ;)
Sobre Grunt (que Sacha comenta no se usa en este curso), decir que es muy útil, configurado en modo servidor local liveReload: El refresh tras cada cambio es automático

Ernesto A. Pestaña

student•

Muy buena charla la de Sacha, realmente respondió de forma muy clara a las preguntas de la comunidad, y resolvió de forma eficiente las dudas que teníamos. Excelente.

Cesar David Ramírez Dimaté

student•

Si, pienso lo mismo. Lo que no me gustó fue la participación de Ophelia, habla a veces muchas cosas innecesarias, fueron muy pocas cosas rescatables (bueno, igual ella tiende a hablar mucho). La ventaja de Nicole es que las preguntas son puntuales, desventaja, que desconoce a veces lo que se pregunta. Pero considero que este video para lo que se habló pudo durar menos que 50 mins.

Ricardo Lugo Recillas

student•

jquery = es un framework si no una libreria que siempre se escribe en javascript.
DOM = Document object model.
NPM = node packege manage, gestor de paquetes
JQUERY= fue desarrollado

Giovanni Francesco Benvenutto Rodriguez

student•

NPM = Gestor de paquetes o módulos

Giovanni Francesco Benvenutto Rodriguez

student•

DOM = Document Object Model. Es el árbol de jerarquías de todos los objetos HTML que dibuja un navegador.

Jonathan Emmanuel Pumares Chab

student•

jQuery es una librería de JavaScript.

Jorge Antonio Vásquez Retamal

student•

muy buena intro del curso yo soy nuevo en esto espero aprender

Manuel Galindez

student•

ECMAScript: Los Fundamentos detrás de Javascript, lo que define el lenguaje Javascript.

Giovanni Francesco Benvenutto Rodriguez

student•

NPM = Node Package Manager

Giovanni Francesco Benvenutto Rodriguez

student•

ECMAScript = Los Fundamentos detrás de Javascript, lo que define el lenguaje Javascript.

Alberto Castro Flores

student•

Este curso aun esta vigente?

Korpi delfin

student•

¡Hola!

Para los cursos más actuales de JavaScript, te recomiendo mucho la Escuela de Javascript.

:point_right: https://platzi.com/escuela-javascript/

Vicente

student•

¿Existe algún curso en el que se explique cómo utilizar gulp (o grount)?
Gracias

Jaime Diaz

student•

hola @vsoriano, En el curso de responsive Design explican como utilizar GULP, desde su descarga e instalacion en modo de desarrollo (--save-dev) a través del administrador o gestor de paquetes (NPM)

Aarón Fabricio Santa Cruz Valdez

student•

Este curso waooo trae mucha información.

Walter Omar Barrios Vazquez

student•

Hay cosas que no se alcanzan a cubrir con jQuery como las rutas de un proyecto. En este caso hay librerías aparte que nos facilitan eso.

Walter Omar Barrios Vazquez

student•

jQuery se encarga de hacer compatible nuestro código con todos los browsers (IE a partir de la versión 9). Esta es una razón para utilizar jQuery por compatibilidad la otra es por conveniencia, nos ahorramos muchas lineas de código por ejemplo en un request de Ajax.

Edwin Cotrina

student•

Espero aprender mucho. Vamos a darle

Pablo Herrada Artellano

student•

Vamos a darle un al JS y jQuery