Aptana Studio 3
  • Bienvenida al curso de Herramientas Web
  • Introducción a Aptana Studio 3 e instalación en una computadora Mac
  • Instalar Aptana en una computadora con Windows
  • La interface del usuario de Aptana Studio
  • Crear un archivo nuevo o desde una plantilla en Aptana
  • Crear un proyecto en Aptana Studio
  • Promover una carpeta como proyecto en la computadora
  • El panel de historia en Aptana
  • Preferencias de los editores en Aptana Studio 3
  • Manejar la ventana del editor en Aptana
  • La funcionalidad Content-Assist o Autocomplete en Aptana
  • Los snippets en Aptana Studio 3
  • La funcionalidad Quick Diff en Aptana
  • Administrar nuestro trabajo con task y bookmarks
  • La vista Outline en Aptana Studio 3
  • Manejo de navegadores en Aptana Studio 3
  • Subir archivos al servidor por medio de FTP en Aptana
  • Apuntes a Aptana Studio 3 (pdf)
Sublime Text 3
  • Introducción a Sublime Text 3
  • Instalar Sublime Text 3 en una MAC
  • Instalar Sublime Text 3 en Windows
  • La interface de Sublime Text 3
  • Navegación entre archivos en Sublime Text 3
  • Comandos básicos de edición en Sublime Text
  • Desplegar varios archivos simultáneos en Sublime Text 3
  • Manejo de proyectos en Sublime Text 3
  • Buscar y remplazar cadenas en uno o varios archivos
  • Seleccionar contenido en Sublime Text 3
  • Transponer y manipular las líneas con Sublime Text 3
  • Manejo de marcas o bookmarks en Sublime Text
  • La herramienta Goto Anything
  • La paleta de comandos
  • Utilizar selectores múltiples en Sublime Text
  • Los snippets y la funcionalidad autocomplete
  • Apuntes a Sublime Text (pdf)
Brackets
  • Introducción a Brackets
  • Instalación de Brackets en Mac OS X
  • Instalación de Brackets en Windows
  • La interface de trabajo de Brackets
  • Manejo de archivos y proyectos en Brackets
  • Los principales comandos del editor en Brackets
  • Personalizar el editor de código de Brackets
  • Navegar dentro del documento en Brackets
  • El comando Quick Edit o Edición Rápida en Brackets
  • Seleccionar texto dentro de los archivos en Brackets
  • Buscar y remplazar texto con Brackets
  • Completar Brackets con extensiones o plugins
  • Apuntes a Brackets (pdf)
Codificar HTML y CSS más rápido con EMMET
  • ¿Qué es EMMET?
  • Instalar EMMET en SublimeText 3
  • Instalar EMMET en Aptana Studio 3
  • Instalar EMMET en Brackets
  • Trabajar con etiquetas HTML con Emmet
  • Multiplicar las etiquetas con el asterisco
  • Ingresar texto de prueba, contenido a las etiquetas y a los atributos
  • Agrupar etiquetas y saltar hacia atrás los grupos de etiquetas
  • Enumerar elementos con Emmet
  • Etiquetas implícitas en Emmet
  • Abreviaciones más comunes en Emmet
  • Ememt y el manejo de estilos en cascada
  • Crear gradientes lineales con Emmet
  • Añadir valores por omisión dentro de las abreviaciones
  • Apuntes a la herramienta Emmet
Los depuradores o debuggers para JavaScript, HTML y CSS
  • Introducción a los debuggers
  • Los problemas de AJAX y los navegadores
  • Primeros pasos en los depuradores o debuggers de los navegadores
  • El manejo de la consola de JavaScript
  • Modificar un script desde el depurador o LiveEdit
  • Conceptos generales de los depuradores o debuggers
  • Los puntos de interrupción o breakpoints
  • Los breakpoints condicionales
  • Navegar en el script: step over, step in, step out
  • La pila de llamadas o el call stack
  • Los vigilantes o watches de las variables y expresiones
  • Apuntes a los depuradores o debuggers en los navegadores
A manera de conclusión
  • Archivos del curso Herramientas de desarrollo Web
  • Despedida al curso Herramientas de desarrollo web