SlideShare una empresa de Scribd logo
1 de 17
El editor definitivo
¿Qué es Atom?
- Es un editor de texto open source y gratuito desarrollado por GitHub
- Es Multi-plataforma, está basado en Node.js y Chromium (Electron)
- Es “hackeable”, soporta plugins, está escrito en CoffeeScript y Less
- Por ello se puede utilizar como IDE (Integrated development environment)
- Soporta: HTML, CSS, Less, Sass, GitHub Flavored Markdown, C/C++, C#,
Go, Java, Objective-C, JavaScript, JSON, CoffeeScript, Python, PHP, Ruby,
Ruby on Rails, shell script, Clojure, Perl, Git, Make, Property List (Apple),
TOML, XML, YAML, Mustache, Julia & SQL..
Empecemos por el principio...
La instalación es tan sencilla que no os la explico… https://atom.io/
IDE para PHP
Para qué atom se convierta en un IDE a la altura de nuestro amadisimo
PHPStorm, estos son los principales plugins que debemos instalar:
- language-php: Soporte para php de atom
- language-twig: Soporte para twig
- linter: herramienta de análisis de código
- linter-php: Análisis de código php, nos avisa de errores según escribimos.
(requiere php-cli instalado)
- php-cs-fixer: Formatea nuestro código según los estándares psr (requiere
PHP-CS-Fixer instalado)
IDE para PHP
- docblockr: nos ayuda a crear los bloques de documentación
- php-debug: Plugin para debugeo con xdebug
- php-integrator-autocomplete-plus: herramientas de autocompletado (requiere
php-integrator-base)
- php-integrator-linter: Avisa de errores más avanzados (falta de métodos, falsa
de documentación…)
- php-integrator-navigation: Navegación entre clases
- php-integrator-refactoring: Refactorización básica (extraer método, setters,
getters…)
- php-integrator-base: paquete base (requiere plugin project-manager)
GIT
Atom también nos ayuda con las tareas comunes de git…
- merge-conflicts: nos ayuda con los conflictos
- git-control o git-plus: nos ayuda con commits, pull, push….
Personalización
Atom se basa en chromium, y por ello el layout es personalizable por css, y tiene
la misma herramienta de desarrollo que chrome.
Muy bien David, te lo has currado…. pero para instalarme esto voy a estar días…
Ya sabéis que soy un chico fácil… aprovecharos de mi!!
Existe un paquete que hace backups de la configuración y es posible importar la
configuración de otra persona: sync-settings
Básicamente guarda toda la config en gist, y es posible clonar un gist existente
obteniendo la configuración de otro… este es mi gist:
d20c02e0c868a21598983da361e28ea5
El IDE definitivo
Intelligent Code Editor
- Language Features Support (php7)
- PHP Refactoring
- Code Completion
- Code formatting
- PHPDoc Support
- Frameworks Support
Code Quality Analysis
- PHP Code Sniffer & Mess Detector
- Twig
- Smart Duplicated Code Detector
- Namespaces
- Efficient Project Analysis and Navigation
- Project wide PHP 7 strict types (NEW in 2016.3)
Easy Code Navigation & Search
- Go to class / file / symbol
- Go to declaration
- Find Usages
Integrations
- Local history
- Git
- Composer
- Databases
- Vagrant
- Docker
- Issue trackers
- Remote tools
Testing and debugging
- PhpUnit
- Xdebug
- Behat
Conclusion
- Out of the box
- No code monkeys
- TDD process
Conclusion

Más contenido relacionado

La actualidad más candente

La actualidad más candente (6)

4.2 Manual de recompilación
4.2 Manual de recompilación4.2 Manual de recompilación
4.2 Manual de recompilación
 
Introducción a Node.js
Introducción a Node.jsIntroducción a Node.js
Introducción a Node.js
 
Clase 3c linux y configuración del sistema SOI
Clase 3c linux y configuración del sistema SOIClase 3c linux y configuración del sistema SOI
Clase 3c linux y configuración del sistema SOI
 
Convierte tu WordPress en una app con React Native
Convierte tu WordPress en una app con React NativeConvierte tu WordPress en una app con React Native
Convierte tu WordPress en una app con React Native
 
Node.js - Eventos para Todos
Node.js - Eventos para TodosNode.js - Eventos para Todos
Node.js - Eventos para Todos
 
HTML5
HTML5HTML5
HTML5
 

Similar a Atom.io el editor definitivo VS PhpStorm el editor definitivo

Programacion php con symfony
Programacion php con symfonyProgramacion php con symfony
Programacion php con symfonycsalazart
 
Gwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrascoGwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrascoManuel Carrasco Moñino
 
PHP Con symfony
PHP Con symfonyPHP Con symfony
PHP Con symfonycsalazart
 
Elementos sobre Symfony 2.1
Elementos sobre Symfony 2.1Elementos sobre Symfony 2.1
Elementos sobre Symfony 2.1Yaismel Miranda
 
Drupal grunt task - Drupal Camp CR 2015
Drupal grunt task  - Drupal Camp CR 2015Drupal grunt task  - Drupal Camp CR 2015
Drupal grunt task - Drupal Camp CR 2015Daniel Noyola
 
Git para-principiantes
Git para-principiantesGit para-principiantes
Git para-principiantesnscoder_mad
 
Historia de c++
Historia de c++Historia de c++
Historia de c++edwin562
 
Historia de c++
Historia de c++Historia de c++
Historia de c++edwin562
 
Herramientas de programación para desarrolladores
Herramientas de programación para desarrolladoresHerramientas de programación para desarrolladores
Herramientas de programación para desarrolladoresBBVA API Market
 
Introducción a la Arquitectura y Desarrollo en KDE4
Introducción a la Arquitectura y Desarrollo en KDE4Introducción a la Arquitectura y Desarrollo en KDE4
Introducción a la Arquitectura y Desarrollo en KDE4Arturo Hoffstadt
 
Drupal 8: deploy capistrano y gestión de la configuración
Drupal 8: deploy capistrano y gestión de la configuraciónDrupal 8: deploy capistrano y gestión de la configuración
Drupal 8: deploy capistrano y gestión de la configuraciónBiko
 

Similar a Atom.io el editor definitivo VS PhpStorm el editor definitivo (20)

Programacion php con symfony
Programacion php con symfonyProgramacion php con symfony
Programacion php con symfony
 
Gwt I - entendiendo gwt
Gwt I - entendiendo gwtGwt I - entendiendo gwt
Gwt I - entendiendo gwt
 
Gwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrascoGwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrasco
 
PHP Con symfony
PHP Con symfonyPHP Con symfony
PHP Con symfony
 
P2_Act1
P2_Act1P2_Act1
P2_Act1
 
Elementos sobre Symfony 2.1
Elementos sobre Symfony 2.1Elementos sobre Symfony 2.1
Elementos sobre Symfony 2.1
 
Drupal grunt task - Drupal Camp CR 2015
Drupal grunt task  - Drupal Camp CR 2015Drupal grunt task  - Drupal Camp CR 2015
Drupal grunt task - Drupal Camp CR 2015
 
Git para-principiantes
Git para-principiantesGit para-principiantes
Git para-principiantes
 
Historia de c++
Historia de c++Historia de c++
Historia de c++
 
Historia de c++
Historia de c++Historia de c++
Historia de c++
 
Git y github básico
Git y github básicoGit y github básico
Git y github básico
 
Herramientas de programación para desarrolladores
Herramientas de programación para desarrolladoresHerramientas de programación para desarrolladores
Herramientas de programación para desarrolladores
 
Aprendiendo GWT
Aprendiendo GWTAprendiendo GWT
Aprendiendo GWT
 
Anjuta
AnjutaAnjuta
Anjuta
 
ASP.NET Core 1.0
ASP.NET Core 1.0ASP.NET Core 1.0
ASP.NET Core 1.0
 
1.DW_AA6.pdf
1.DW_AA6.pdf1.DW_AA6.pdf
1.DW_AA6.pdf
 
Java 2010: presente, límites y futuro
Java 2010: presente, límites y futuroJava 2010: presente, límites y futuro
Java 2010: presente, límites y futuro
 
Introducción a la Arquitectura y Desarrollo en KDE4
Introducción a la Arquitectura y Desarrollo en KDE4Introducción a la Arquitectura y Desarrollo en KDE4
Introducción a la Arquitectura y Desarrollo en KDE4
 
Drupal 8: deploy capistrano y gestión de la configuración
Drupal 8: deploy capistrano y gestión de la configuraciónDrupal 8: deploy capistrano y gestión de la configuración
Drupal 8: deploy capistrano y gestión de la configuración
 
Archivo power
Archivo powerArchivo power
Archivo power
 

Más de Biko

Guia Rapida Para Entender A La Generacion Z
Guia Rapida Para Entender A La Generacion ZGuia Rapida Para Entender A La Generacion Z
Guia Rapida Para Entender A La Generacion ZBiko
 
De maquetador a componentizador React, ¿qué ha cambiado?
De maquetador a componentizador React, ¿qué ha cambiado?De maquetador a componentizador React, ¿qué ha cambiado?
De maquetador a componentizador React, ¿qué ha cambiado?Biko
 
Narrativas Metafóricas
Narrativas MetafóricasNarrativas Metafóricas
Narrativas MetafóricasBiko
 
¿Son los micropagos el nuevo mal?
¿Son los micropagos el nuevo mal?¿Son los micropagos el nuevo mal?
¿Son los micropagos el nuevo mal?Biko
 
Tendencias para la venta experiencial 2017
Tendencias para la venta experiencial 2017Tendencias para la venta experiencial 2017
Tendencias para la venta experiencial 2017Biko
 
Triplica la conversión de tu landing page
Triplica la conversión de tu landing pageTriplica la conversión de tu landing page
Triplica la conversión de tu landing pageBiko
 
Progressive web apps
Progressive web apps Progressive web apps
Progressive web apps Biko
 
¡Hola flexbox! Adiós float...
¡Hola flexbox! Adiós float...¡Hola flexbox! Adiós float...
¡Hola flexbox! Adiós float...Biko
 
Working effectively with legacy code
Working effectively with legacy codeWorking effectively with legacy code
Working effectively with legacy codeBiko
 
Contribuir a drupal
Contribuir a drupalContribuir a drupal
Contribuir a drupalBiko
 
Apis killed the website star.pptx
Apis killed the website star.pptxApis killed the website star.pptx
Apis killed the website star.pptxBiko
 
Introducción a Tag Manager
Introducción a Tag ManagerIntroducción a Tag Manager
Introducción a Tag ManagerBiko
 
Fields en drupal 8
Fields en drupal 8Fields en drupal 8
Fields en drupal 8Biko
 
Amp - contenido instantáneo en móvil
Amp - contenido instantáneo en móvilAmp - contenido instantáneo en móvil
Amp - contenido instantáneo en móvilBiko
 
Sesión de narrativa digital y proceso de descubrimiento en proyectos
Sesión de narrativa digital y proceso de descubrimiento en proyectosSesión de narrativa digital y proceso de descubrimiento en proyectos
Sesión de narrativa digital y proceso de descubrimiento en proyectosBiko
 
Tendencias web en el sector agroalimentario
Tendencias web en el sector agroalimentarioTendencias web en el sector agroalimentario
Tendencias web en el sector agroalimentarioBiko
 
Realidad aumentada y Movilidad
Realidad aumentada y MovilidadRealidad aumentada y Movilidad
Realidad aumentada y MovilidadBiko
 
Movilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidasMovilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidasBiko
 
Webinar: Aterrizaje de proyectos digitales
Webinar: Aterrizaje de proyectos digitalesWebinar: Aterrizaje de proyectos digitales
Webinar: Aterrizaje de proyectos digitalesBiko
 
Aplicar Agile/Lean UX …y no morir en el intento
Aplicar Agile/Lean UX …y no morir en el intentoAplicar Agile/Lean UX …y no morir en el intento
Aplicar Agile/Lean UX …y no morir en el intentoBiko
 

Más de Biko (20)

Guia Rapida Para Entender A La Generacion Z
Guia Rapida Para Entender A La Generacion ZGuia Rapida Para Entender A La Generacion Z
Guia Rapida Para Entender A La Generacion Z
 
De maquetador a componentizador React, ¿qué ha cambiado?
De maquetador a componentizador React, ¿qué ha cambiado?De maquetador a componentizador React, ¿qué ha cambiado?
De maquetador a componentizador React, ¿qué ha cambiado?
 
Narrativas Metafóricas
Narrativas MetafóricasNarrativas Metafóricas
Narrativas Metafóricas
 
¿Son los micropagos el nuevo mal?
¿Son los micropagos el nuevo mal?¿Son los micropagos el nuevo mal?
¿Son los micropagos el nuevo mal?
 
Tendencias para la venta experiencial 2017
Tendencias para la venta experiencial 2017Tendencias para la venta experiencial 2017
Tendencias para la venta experiencial 2017
 
Triplica la conversión de tu landing page
Triplica la conversión de tu landing pageTriplica la conversión de tu landing page
Triplica la conversión de tu landing page
 
Progressive web apps
Progressive web apps Progressive web apps
Progressive web apps
 
¡Hola flexbox! Adiós float...
¡Hola flexbox! Adiós float...¡Hola flexbox! Adiós float...
¡Hola flexbox! Adiós float...
 
Working effectively with legacy code
Working effectively with legacy codeWorking effectively with legacy code
Working effectively with legacy code
 
Contribuir a drupal
Contribuir a drupalContribuir a drupal
Contribuir a drupal
 
Apis killed the website star.pptx
Apis killed the website star.pptxApis killed the website star.pptx
Apis killed the website star.pptx
 
Introducción a Tag Manager
Introducción a Tag ManagerIntroducción a Tag Manager
Introducción a Tag Manager
 
Fields en drupal 8
Fields en drupal 8Fields en drupal 8
Fields en drupal 8
 
Amp - contenido instantáneo en móvil
Amp - contenido instantáneo en móvilAmp - contenido instantáneo en móvil
Amp - contenido instantáneo en móvil
 
Sesión de narrativa digital y proceso de descubrimiento en proyectos
Sesión de narrativa digital y proceso de descubrimiento en proyectosSesión de narrativa digital y proceso de descubrimiento en proyectos
Sesión de narrativa digital y proceso de descubrimiento en proyectos
 
Tendencias web en el sector agroalimentario
Tendencias web en el sector agroalimentarioTendencias web en el sector agroalimentario
Tendencias web en el sector agroalimentario
 
Realidad aumentada y Movilidad
Realidad aumentada y MovilidadRealidad aumentada y Movilidad
Realidad aumentada y Movilidad
 
Movilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidasMovilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidas
 
Webinar: Aterrizaje de proyectos digitales
Webinar: Aterrizaje de proyectos digitalesWebinar: Aterrizaje de proyectos digitales
Webinar: Aterrizaje de proyectos digitales
 
Aplicar Agile/Lean UX …y no morir en el intento
Aplicar Agile/Lean UX …y no morir en el intentoAplicar Agile/Lean UX …y no morir en el intento
Aplicar Agile/Lean UX …y no morir en el intento
 

Atom.io el editor definitivo VS PhpStorm el editor definitivo

  • 2. ¿Qué es Atom? - Es un editor de texto open source y gratuito desarrollado por GitHub - Es Multi-plataforma, está basado en Node.js y Chromium (Electron) - Es “hackeable”, soporta plugins, está escrito en CoffeeScript y Less - Por ello se puede utilizar como IDE (Integrated development environment) - Soporta: HTML, CSS, Less, Sass, GitHub Flavored Markdown, C/C++, C#, Go, Java, Objective-C, JavaScript, JSON, CoffeeScript, Python, PHP, Ruby, Ruby on Rails, shell script, Clojure, Perl, Git, Make, Property List (Apple), TOML, XML, YAML, Mustache, Julia & SQL..
  • 3.
  • 4. Empecemos por el principio... La instalación es tan sencilla que no os la explico… https://atom.io/
  • 5. IDE para PHP Para qué atom se convierta en un IDE a la altura de nuestro amadisimo PHPStorm, estos son los principales plugins que debemos instalar: - language-php: Soporte para php de atom - language-twig: Soporte para twig - linter: herramienta de análisis de código - linter-php: Análisis de código php, nos avisa de errores según escribimos. (requiere php-cli instalado) - php-cs-fixer: Formatea nuestro código según los estándares psr (requiere PHP-CS-Fixer instalado)
  • 6. IDE para PHP - docblockr: nos ayuda a crear los bloques de documentación - php-debug: Plugin para debugeo con xdebug - php-integrator-autocomplete-plus: herramientas de autocompletado (requiere php-integrator-base) - php-integrator-linter: Avisa de errores más avanzados (falta de métodos, falsa de documentación…) - php-integrator-navigation: Navegación entre clases - php-integrator-refactoring: Refactorización básica (extraer método, setters, getters…) - php-integrator-base: paquete base (requiere plugin project-manager)
  • 7. GIT Atom también nos ayuda con las tareas comunes de git… - merge-conflicts: nos ayuda con los conflictos - git-control o git-plus: nos ayuda con commits, pull, push….
  • 8. Personalización Atom se basa en chromium, y por ello el layout es personalizable por css, y tiene la misma herramienta de desarrollo que chrome.
  • 9. Muy bien David, te lo has currado…. pero para instalarme esto voy a estar días… Ya sabéis que soy un chico fácil… aprovecharos de mi!! Existe un paquete que hace backups de la configuración y es posible importar la configuración de otra persona: sync-settings Básicamente guarda toda la config en gist, y es posible clonar un gist existente obteniendo la configuración de otro… este es mi gist: d20c02e0c868a21598983da361e28ea5
  • 11. Intelligent Code Editor - Language Features Support (php7) - PHP Refactoring - Code Completion - Code formatting - PHPDoc Support - Frameworks Support
  • 12. Code Quality Analysis - PHP Code Sniffer & Mess Detector - Twig - Smart Duplicated Code Detector - Namespaces - Efficient Project Analysis and Navigation - Project wide PHP 7 strict types (NEW in 2016.3)
  • 13. Easy Code Navigation & Search - Go to class / file / symbol - Go to declaration - Find Usages
  • 14. Integrations - Local history - Git - Composer - Databases - Vagrant - Docker - Issue trackers - Remote tools
  • 15. Testing and debugging - PhpUnit - Xdebug - Behat
  • 16. Conclusion - Out of the box - No code monkeys - TDD process