{"id":229742,"date":"2022-11-18T16:49:00","date_gmt":"2022-11-18T13:49:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229742"},"modified":"2022-11-09T16:11:30","modified_gmt":"2022-11-09T13:11:30","slug":"cual-es-la-diferencia-entre-codekit-y-composer","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/cual-es-la-diferencia-entre-codekit-y-composer\/","title":{"rendered":"\u00bfCu\u00e1l es la diferencia entre CodeKit y Composer?"},"content":{"rendered":"\n<p>Como he escrito sobre <a href=\"https:\/\/codekitapp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CodeKit<\/a> y <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a> (en realidad, m\u00e1s sobre este \u00faltimo en publicaciones recientes), de vez en cuando recibo correos electr\u00f3nicos pregunt\u00e1ndome cu\u00e1l prefiero usar cuando se trata de trabajar en proyectos para otros.<\/p>\n<p>Y la respuesta corta es que no son mutuamente excluyentes. En todo caso, pueden complementarse entre s\u00ed. No son sustitutos entre s\u00ed.<\/p>\n<p>A medida que me muevo de proyectos cada vez menos orientados al frontend, uso menos CodeKit. Y cuanto m\u00e1s me muevo hacia el desarrollo orientado al back-end, m\u00e1s uso Composer.<\/p>\n<p>Adem\u00e1s, el desarrollo front-end es diferente al desarrollo back-end, \u00bfverdad? Entonces, de nuevo, \u00bfpor qu\u00e9 preguntamos:<\/p>\n<blockquote>\n<p>\u00bfDebo usar CodeKit o Composer?<\/p>\n<\/blockquote>\n<p>Ah\u00ed es donde entra en juego la respuesta m\u00e1s larga.<\/p>\n<h2>CodeKit y compositor<\/h2>\n<p>Para aquellos que est\u00e1n mirando estas dos utilidades y se preguntan acerca de la diferencia en cada una, eso es algo bueno.<\/p>\n<p>Cada vez que alguien busca formas de mejorar su proceso de desarrollo mediante el uso de herramientas para ayudar a facilitar el desarrollo, creo que muestra un nivel de madurez en el desarrollo.<\/p>\n<h3>Kit de c\u00f3digo<\/h3>\n<p>En resumen, el objetivo de CodeKit es ayudar a empaquetar muchas de las nuevas herramientas que vemos a menudo (como <a href=\"http:\/\/sass-lang.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sass<\/a> o <a href=\"http:\/\/lesscss.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">LESS<\/a>, marcos como <a href=\"https:\/\/foundation.zurb.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Foundation<\/a> y optimizaci\u00f3n de im\u00e1genes) en una sola aplicaci\u00f3n y empaquetarla, de modo que haya menos trabajo que hacer cuando llega a configuraci\u00f3n.<\/p>\n<p>Lo que pasa es que incluye muchas cosas. Sin embargo, esto no es algo malo. Realmente se trata de seleccionar lo que desea, hacer clic en algunas casillas de verificaci\u00f3n y luego asegurarse de que la aplicaci\u00f3n conozca su base de c\u00f3digo.<\/p>\n<p>A partir de ah\u00ed, se encargar\u00e1, digamos, de compilar autom\u00e1ticamente su Sass cada vez que guarde un archivo que sea parte de su proyecto.<\/p>\n<h3>Compositor<\/h3>\n<p>Composer, por otro lado, se trata de administrar dependencias que funcionan en conjunto con su aplicaci\u00f3n. Esto puede ser algo como PHP CodeSniffer. O puede ser algo as\u00ed como una biblioteca de terceros como Monolog que ayuda a su proyecto a rastrear los eventos que suceden durante la ejecuci\u00f3n.<\/p>\n<\/p>\n<p>Cualquiera que sea el caso, puede ver que los paquetes Composer son responsables de administrar el trato m\u00e1s con el desarrollo del lado del servidor que con el desarrollo front-end.<\/p>\n<p>Entonces, si est\u00e1 buscando algo como CodeKit (o NPM o Yarn) para el lado del servidor, entonces Composer es lo que est\u00e1 buscando usar. No tiene una interfaz, por lo que todo se hace a trav\u00e9s de archivos de configuraci\u00f3n (como NPM, por ejemplo), pero tambi\u00e9n est\u00e1 bien documentado y es bastante f\u00e1cil de usar una vez que est\u00e9 familiarizado con la estructura de los archivos de configuraci\u00f3n.<\/p>\n<h2>Y esa es la diferencia<\/h2>\n<p>Como se mencion\u00f3 al principio de la publicaci\u00f3n, CodeKit y Composer no son mutuamente excluyentes. En todo caso, pueden trabajar en conjunto para ayudar a construir un proyecto desde el front-end y el back-end.<\/p>\n<p>Cuando se trata de desarrollo front-end, existen otras herramientas que las personas optan por usar, como <a href=\"https:\/\/www.npmjs.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">NPM<\/a> e <a href=\"https:\/\/yarnpkg.com\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Yarn<\/a>. Los menciono aqu\u00ed solo porque tambi\u00e9n son administradores de paquetes, como Composer, pero para el front-end.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165204-61e77a5556cb4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165204-61e77a5556cb4.png\" alt=\"\u00bfCu\u00e1l es la diferencia entre CodeKit y Composer?\" ><\/a><\/p>\n<p>Y, en todo caso, est\u00e1n m\u00e1s cerca de una comparaci\u00f3n con Composer. A\u00fan as\u00ed, se enfocan principalmente en herramientas de desarrollo front-end. Quiz\u00e1s valga la pena sumergirse en cada uno de ellos en una publicaci\u00f3n futura.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los desarrolladores que buscan diversificarse con herramientas preguntan cu\u00e1l es la diferencia entre CodeKit y Composer. Pero no son mutuamente excluyentes.<\/p>\n","protected":false},"author":1,"featured_media":165205,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[892,716,840],"tags":[1172],"class_list":["post-229742","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo","category-desarrollador","category-tutoriales","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/229742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=229742"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/229742\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/165205"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=229742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=229742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=229742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}