SlideShare uma empresa 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

Mais conteúdo relacionado

Mais procurados (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
 

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

Gwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrascoGwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrasco
Manuel Carrasco Moñino
 
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
Arturo Hoffstadt
 

Semelhante 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
 

Mais de Biko

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
Biko
 
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
Biko
 

Mais 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