Este libro sobre JavaScript está dirigido a los desarrolladores que desean mejorar sus habilidades y competencias de JavaScript y pasar del dominio sintáctico, al dominio del ciclo completo de desarrollo. Una primera experiencia de desarrollo con JavaScript, en su sintaxis básica, es esencial para una buena comprensión de este libro.

JavaScript es un lenguaje particularmente potente, con una expresividad bastante libre. Si no se controla adecuadamente es nivel de libertad, se convierte rápidamente en una fuente de dificultades, especialmente para obtener un código de calidad en un tiempo razonable. Después de leer este libro, sabrá cómo iniciar rápidamente sus proyectos, crear código portable y eficiente y continuar su trabajo en varios contextos y soportes. Para ello, el autor se ha centrado en las buenas prácticas como la organización del código en módulos independientes, la realización de pruebas unitarias, la depuración, la elección de librerías externas, etc.

Podrá gestionar proyectos de distintos tamaños sin perder de vista la arquitectura de sus aplicaciones, trabaje tanto de forma individual como en equipo. Se sentirá a gusto trabajando en sus proyectos web, tanto para uso clásico como para aplicaciones móviles. Con TypeScript, aprenderá a superar los límites de JavaScript. Finalmente, podrá crear, utilizar y extender con mayor facilidad frameworks web adaptados a su contexto operativo, como jQuery, Dojo, etc.

Se beneficiará de las últimas grandes evoluciones del lenguaje gracias a ECMAScript 2015, para llevar abordar un objeto real y un desarrollo funcional.

Se pueden descargar elementos adicionales del sitio web : www.ediciones-eni.com



¡Nuevo! Rondas de preguntas disponibles con la versión online.

¡Ronda de preguntas
incluida en
la versión online !

• Ponga a prueba sus conocimientos al final de cada capítulo
• Evalúe sus competencias

Descargas

• Descargar los ejemplos del libro (83 Ko)

Inicie correctamente sus desarrollos

1. 1. Elegir su entorno de desarrollo
   1. 1.1 Introducción
   2. 1.2 NetBeans
   3. 1.3 Visual Studio Express
   4. 1.4 Eclipse
   5. 1.5 Aptana
   6. 1.6 WebStorm
   7. 1.7 Balance
2. 2. Organizar su código
   1. 2.1 Separar el código de la presentación
   2. 2.2 Carga a pie de página
   3. 2.3 Carga de script mediante la caché del navegador
3. 3. Ámbito de las variables y funciones
   1. 3.1 Ámbito de las variables
   2. 3.2 Ámbito de las variables en una función
4. 4. Optimización del ámbito
   1. 4.1 Limitar el contexto global
   2. 4.2 Función anónima
   3. 4.3 Cierre
5. 5. Simplificar sus expresiones
   1. 5.1 El operador ||
   2. 5.2 El operador &&
   3. 5.3 Comparación
   4. 5.4 Argumentos variantes
   5. 5.5 Extensión de tipo
      1. 5.5.1 prototype
      2. 5.5.2 Array
      3. 5.5.3 String
      4. 5.5.4 Function
      5. 5.5.5 Object
6. 6. Paso al modo strict
   1. 6.1 Uso
   2. 6.2 Algunos casos
7. 7. JSHint
   1. 7.1 Uso básico
   2. 7.2 Carga del código
   3. 7.3 Otro uso
      1. 7.3.1 Línea de comandos
      2. 7.3.2 En su editor
8. 8. Documentar su código con JSDoc
   1. 8.1 El principio
   2. 8.2 Los marcadores
      1. 8.2.1 Declaraciones
      2. 8.2.2 Funciones
      3. 8.2.3 Objeto
      4. 8.2.4 Meta
   3. 8.3 Uso
      1. 8.3.1 IDE WebStorm
      2. 8.3.2 Generación de una documentación
9. 9. Paso de un entorno de desarrollo a un entorno de producción
   1. 9.1 Pruebas unitarias
      1. 9.1.1 Introducción
      2. 9.1.2 Gestión con su propia librería
      3. 9.1.3 QUnit
   2. 9.2 Minimización
      1. 9.2.1 Presentación
      2. 9.2.2 YUI Compressor
      3. 9.2.3 Closure Compiler

Desarrollo orientado a objetos eficaz

1. 1. Primer enfoque
   1. 1.1 Recordatorios
      1. 1.1.1 Clase
      2. 1.1.2 Instancia
      3. 1.1.3 Encapsulación
      4. 1.1.4 Herencia
      5. 1.1.5 Abstracción
      6. 1.1.6 Sobrecarga
      7. 1.1.7 La interfaz
      8. 1.1.8 Polimorfismo
   2. 1.2 Construcción de un objeto
      1. 1.2.1 Preámbulo
      2. 1.2.2 Instancia directa
      3. 1.2.3 Tabla asociativa
      4. 1.2.4 Recorrido de las propiedades
   3. 1.3 Construcción de una clase
      1. 1.3.1 El constructor
      2. 1.3.2 El operador new
      3. 1.3.3 El operador this
      4. 1.3.4 La palabra clave with
      5. 1.3.5 La palabra clave instanceof
2. 2. Contexto de ejecución
   1. 2.1 this
   2. 2.2 that
   3. 2.3 Función anónima
   4. 2.4 Binding
3. 3. Clases predefinidas
   1. 3.1 Object
   2. 3.2 String
   3. 3.3 RegExp
   4. 3.4 Array
   5. 3.5 Date
   6. 3.6 Math
4. 4. Nociones avanzadas
   1. 4.1 Prototipado
      1. 4.1.1 Simple
      2. 4.1.2 Optimizado
   2. 4.2 Herencia
      1. 4.2.1 Aspectos básicos
      2. 4.2.2 Sobrecarga
      3. 4.2.3 polimorfismo
      4. 4.2.4 Resolución de conflictos
   3. 4.3 Gestión de memoria
      1. 4.3.1 Garbage collector
      2. 4.3.2 null
      3. 4.3.3 delete
      4. 4.3.4 var
5. 5. Framework para el desarrollo orientado a objetos
   1. 5.1 Prototype
      1. 5.1.1 Creación de una clase
      2. 5.1.2 Herencia
      3. 5.1.3 Composición
   2. 5.2 MooTools
      1. 5.2.1 Creación de una clase
      2. 5.2.2 Herencia
      3. 5.2.3 Implementación
   3. 5.3 jQuery
      1. 5.3.1 Introducción
      2. 5.3.2 Merge simple
      3. 5.3.3 Merge recursivo
   4. 5.4 Dojo
      1. 5.4.1 Introducción
      2. 5.4.2 Creación de una clase
      3. 5.4.3 Herencia

Adoptar las buenas prácticas

1. 1. Espacio de nombres
   1. 1.1 Aspectos básicos
   2. 1.2 Función
      1. 1.2.1 Función interna
      2. 1.2.2 Función anónima
      3. 1.2.3 Función anónima con argumentos
   3. 1.3 Cierre
   4. 1.4 Clase
2. 2. Módulo
   1. 2.1 Presentación
   2. 2.2 Composición
3. 3. CommonJS
   1. 3.1 Presentación
   2. 3.2 define
4. 4. AMD
   1. 4.1 Introducción
      1. 4.1.1 Presentación
      2. 4.1.2 Algunos consejos
   2. 4.2 RequireJS
   3. 4.3 Dojo
   4. 4.4 curl
      1. 4.4.1 Principio
      2. 4.4.2 Acceso relativo
      3. 4.4.3 Gestión de los errores de carga
   5. 4.5 Escritura de su administrador de módulos
5. 5. Depurar su código
   1. 5.1 Función alert
      1. 5.1.1 Uso
      2. 5.1.2 Simplificación
      3. 5.1.3 Módulo
   2. 5.2 Activación/desactivación
   3. 5.3 Ventana independiente
   4. 5.4 Consola
      1. 5.4.1 Acceso
      2. 5.4.2 log
      3. 5.4.3 Grupo
      4. 5.4.4 Niveles de traza
      5. 5.4.5 Medida
      6. 5.4.6 Pila de llamadas
   5. 5.5 Depurador integrado
      1. 5.5.1 Internet Explorer
      2. 5.5.2 Chrome
      3. 5.5.3 Firefox/Firebug
      4. 5.5.4 Conclusión

Mejorar sus competencias Web

1. 1. Página HTML
   1. 1.1 Lo principal
      1. 1.1.1 Etiqueta
      2. 1.1.2 Etiquetas de estructura
      3. 1.1.3 Enlace
      4. 1.1.4 Tabla
      5. 1.1.5 Formulario
      6. 1.1.6 Genérico
   2. 1.2 El CSS
      1. 1.2.1 Declaración
      2. 1.2.2 Selectores
      3. 1.2.3 Propiedades
2. 2. Librerías JavaScript
   1. 2.1 El objeto window
      1. 2.1.1 Rol
      2. 2.1.2 open
      3. 2.1.3 setInterval, setTimeout
      4. 2.1.4 location
      5. 2.1.5 navigator
3. 3. DOM
   1. 3.1 Documento
      1. 3.1.1 Propiedades y métodos
      2. 3.1.2 Recorridos
   2. 3.2 Modificación
      1. 3.2.1 Construcción
      2. 3.2.2 Eventos
4. 4. Formulario
   1. 4.1 Validación simple
   2. 4.2 Gestión de los campos
   3. 4.3 Restricciones adicionales
   4. 4.4 Diseño de un módulo de validación
5. 5. Caso de estudio
   1. 5.1 Gestión de notas en una página web, arquitectura MVC
      1. 5.1.1 Primera etapa
      2. 5.1.2 Modelo de datos
      3. 5.1.3 La vista
      4. 5.1.4 Finalización
   2. 5.2 Gestión de notas, versión 2
      1. 5.2.1 Multivista
      2. 5.2.2 Ordenar las notas
   3. 5.3 Gestión de un cuestionario de opción múltiple (COM) en una página web
      1. 5.3.1 Primera etapa
      2. 5.3.2 Realización

Desarrollar fácilmente en cliente/servidor

1. 1. AJAX
   1. 1.1 Petición simple
   2. 1.2 Respuesta XML
   3. 1.3 Parámetros GET
   4. 1.4 Parámetros POST
   5. 1.5 Peticiones entre dominios diferentes
   6. 1.6 Módulo
      1. 1.6.1 Versión monopetición
      2. 1.6.2 Versión petición múltiple
   7. 1.7 Formato de intercambio
      1. 1.7.1 Texto
      2. 1.7.2 XML
      3. 1.7.3 XSLT
      4. 1.7.4 JSON
   8. 1.8 Objetos en cliente/servidor
      1. 1.8.1 Implementación Java intrusiva
      2. 1.8.2 Implementación Java no intrusiva
2. 2. Carga dinámica de script
   1. 2.1 Primera implementación
   2. 2.2 Módulo AMD

Dominar los frameworks Web

1. 1. Comenzar correctamente con jQuery
   1. 1.1 Conceptos
      1. 1.1.1 Presentación
      2. 1.1.2 Selector
      3. 1.1.3 DOM
      4. 1.1.4 Herramientas
      5. 1.1.5 Efectos de transición
   2. 1.2 Eventos
      1. 1.2.1 Interacciones de usuario
      2. 1.2.2 AJAX
      3. 1.2.3 Conclusión
   3. 1.3 Plugins jQuery
      1. 1.3.1 Construcción
      2. 1.3.2 Uso
2. 2. Comenzar correctamente con Dojo
   1. 2.1 Conceptos
      1. 2.1.1 Presentación
      2. 2.1.2 Configuración
      3. 2.1.3 Sus módulos AMD
      4. 2.1.4 DOM
   2. 2.2 Eventos
      1. 2.2.1 Interacciones de usuario
      2. 2.2.2 AJAX
      3. 2.2.3 Conclusión
3. 3. Construir su framework web
   1. 3.1 Primera etapa
      1. 3.1.1 Presentación
      2. 3.1.2 Organización
   2. 3.2 Segunda etapa
      1. 3.2.1 Uso de plantillas de componentes
      2. 3.2.2 Realización de un botón
   3. 3.3 Tercera etapa
      1. 3.3.1 Creación de una calculadora simple
      2. 3.3.2 El futuro

TypeScript

1. 1. Introducción
   1. 1.1 Objetivos
   2. 1.2 Hello world
   3. 1.3 Entorno de desarrollo
      1. 1.3.1 Visual Studio Community 2019
      2. 1.3.2 WebStorm 2020
2. 2. Variables y constantes
   1. 2.1 Variable
   2. 2.2 Constante
3. 3. Tipado
   1. 3.1 Declaración
      1. 3.1.1 Variable
      2. 3.1.2 Funciones
   2. 3.2 Cadenas
   3. 3.3 Número
   4. 3.4 Booleanos
   5. 3.5 Enumeración
   6. 3.6 Any, Null y Undefined
      1. 3.6.1 Any
      2. 3.6.2 Null y Undefined
   7. 3.7 Tablas
   8. 3.8 Aserciones
   9. 3.9 Iteraciones
4. 4. Clases
   1. 4.1 Declaración y uso
   2. 4.2 Herencia
   3. 4.3 Visibilidad de los campos
   4. 4.4 Propiedades en modo solo lectura
   5. 4.5 Proveedores de acceso
   6. 4.6 Propiedades estáticas
5. 5. Interfaces
   1. 5.1 Declaración
   2. 5.2 Propiedades opcionales y en modo solo lectura
   3. 5.3 Tipos de funciones
   4. 5.4 Tipos indexables
   5. 5.5 Implementación
6. 6. Genéricos
   1. 6.1 Declaración y uso
   2. 6.2 Tipos genéricos
   3. 6.3 Clases genéricas
   4. 6.4 Restricciones
7. 7. Módulos
   1. 7.1 Declaración y uso
   2. 7.2 Importación
8. 8. Espacio de nombres
   1. 8.1 Declaración y uso
   2. 8.2 Espacios de nombres múltiples
      1. 8.2.1 Construcción de un archivo único
      2. 8.2.2 Instrucción de compilación
   3. 8.3 Espacios de nombres anidados
   4. 8.4 Alias

ECMAScript

1. 1. Uso
   1. 1.1 Compatibilidad
   2. 1.2 Alcance
   3. 1.3 Constantes
   4. 1.4 Declaración de las funciones simplificada
2. 2. Estructura de datos más eficaz
   1. 2.1 Cadenas de caracteres
   2. 2.2 Colecciones
3. 3. Desarrollo orientado a objetos rápido
   1. 3.1 Clases
   2. 3.2 Herencia
   3. 3.3 Miembros estáticos
   4. 3.4 Contexto de this
   5. 3.5 Getters/setters
   6. 3.6 Asignación a objeto facilitada
   7. 3.7 Declaración simplificada
   8. 3.8 Nombre de propiedad dinámica
4. 4. Programación modular simplificada
   1. 4.1 Exportación
   2. 4.2 Importación
   3. 4.3 Uso
5. 5. Funciones simplificadas
   1. 5.1 Expresiones lambda
   2. 5.2 Iteradores
6. 6. Desarrollo asíncrono
   1. 6.1 Simple
   2. 6.2 Múltiple
7. 7. Facilitar el uso internacional
   1. 7.1 Números
   2. 7.2 Monedas
   3. 7.3 Fechas/horas

Lista de URL

1. 1. Editores JavaScript
2. 2. Frameworks
3. 3. Frameworks orientados a objetos
4. 4. Librerías
5. 5. Administradores AMD
6. 6. Herramientas
7. 7. Plugins jQuery
8. 8. Referencias
11. índice