¿Alguna vez te has preguntado cómo era el kit de herramientas de un codificador?
Como cualquier arte, la codificación implica el uso de una variedad de herramientas diferentes que le facilitan el trabajo de alguna manera. Hay editores de texto, servicios en línea, marcos de diseño, formatos de archivo y otros programas informáticos diversos.
Usar herramientas útiles cuando se puede, y saber qué herramienta usar cuando, es una habilidad que cada nuevo codificador debe dominar. Si simplemente escribes tu código pero no usas ninguna herramienta, las cosas tardarán mucho más y no llegarás muy lejos.
Aquí hay un conjunto de útiles herramientas de codificación que debería considerar usar. No es un conjunto exhaustivo, pero te llevará a un buen comienzo.
Ir a una herramienta práctica:
- Editores de texto
- GitHub
- Heroku
- Bootstrap de Twitter
- Desbordamiento de pila
- Markdown
- Validación HTML y CSS
Editores de texto
Su editor de texto es el programa que utiliza para escribir su código, y será su herramienta principal como codificador. Pasará más tiempo en su editor de texto que en cualquier otro lugar, por lo que querrá asegurarse de tener uno que le guste y saber cómo usarlo.
Los editores de texto más populares incluyen Bloc de notas, TextEdit, Sublime Text, Bloc de notas++ y Vim. Más información sobre editores de texto
GitHub
GitHub es un sitio web donde puedes alojar tus proyectos de forma gratuita. Cualquier tipo de archivo se puede cargar en GitHub, pero está diseñado especialmente para archivos de código y es muy popular.
Para cargar tu código en GitHub, debe estar dentro de un repositorio Git. Git es un sistema que rastrea los cambios en tu código a través del control de revisiones. Git tiene una curva de aprendizaje, pero GitHub proporciona capacitación gratuita para comenzar.
Hay muchas razones por las que podrías querer alojar tu código en GitHub. Es una de las mejores, si no la mejor, formas de compartir fácilmente tu proyecto con otros para que puedan colaborar contigo si así lo desean. Además, Git es útil para rastrear cambios en tu código.
Heroku
Si ha construido una aplicación web con una tecnología como Ruby on Rails o PHP, necesitará un servidor para alojarla en línea para que el público pueda usarla. GitHub alojará tu código, pero no permitirá que la gente realmente use tu software. Puede configurar y administrar su propio servidor, pero esto implica mucho trabajo de su parte. Es especialmente difícil con Rails, ya que necesita alojamiento especial.
Entra en Heroku. Heroku es una plataforma de aplicaciones en la nube, también llamada Plataforma como Servicio o PaaS. Puede elegir alojar su aplicación en Heroku en lugar de administrar su propio servidor.
El beneficio de alojar su aplicación web en Heroku es que se encarga de todo el mantenimiento del servidor para que usted no tenga que hacerlo. Además, puede comenzar de forma pequeña y gratuita y solo comenzar a pagar cuando su tráfico crezca y necesite más recursos.
Twitter Bootstrap
Si estás trabajando en un sitio web o aplicación web, es posible que quieras considerar usar Twitter Bootstrap. Bootstrap es un framework de front-end que recibe su nombre porque ‘arranca’ tu sitio web al darle un diseño listo para usar similar al de Twitter.
Toda la estructura HTML, el estilo CSS y la funcionalidad JavaScript se hacen por ti. Puedes modificarlos tanto como quieras o dejarlos como están. Es una gran herramienta si, como la mayoría de los programadores, no eres un gran diseñador. Lo mejor de todo es que es gratis.
Aunque recomendamos Twitter Bootstrap, es solo uno de los muchos frameworks de front-end. También tiene la opción de muchas otras, como la Fundación Zurb.
Stack Overflow
Stack Overflow es un popular foro de codificación Q&A, establecido por Jeff Atwood del blog de Terror de Codificación. Muchos programadores confían en este foro cuando se atascan y necesitan ayuda, y tú también puedes hacerlo.
Usar el desbordamiento de pila es simple. Publique cualquier tipo de pregunta sobre su código, espere un rato y, con un poco de suerte, uno o dos codificadores experimentados pronto saltarán a su hilo y lo ayudarán.
De nuevo, el desbordamiento de pila no es la única herramienta de su tipo. Sin embargo, es el foro de discusión de codificación más conocido y con más tráfico, y por lo tanto tendrá la mejor oportunidad de obtener la ayuda que necesita de este foro.
Markdown
Markdown es un formato de texto que resulta útil de vez en cuando. Tiene técnicas de formato similares a HTML, pero a muchos programadores les gusta escribir en Markdown porque es mucho más fácil de escribir y leer.
Estos son algunos ejemplos. Para indicar un encabezado, se antepone un símbolo hash.
# This is a heading.Para indicar un subtítulo, debe anteponer dos símbolos hash.
## This is a subheading.Para indicar texto en cursiva, rodee el texto con asteriscos. Para indicar texto en negrita, rodee el texto con pares de asteriscos.
The following word is in *italics*.The following word is in **bold**.***And this sentence is both bold and italic.***Markdown se encuentra en todo el mundo de la codificación. Lo usarás para escribir tu archivo LÉAME en GitHub, lo usarás para escribir tus publicaciones en Stack Overflow y otros foros de discusión, y sin duda lo encontrarás en otros lugares también.
No te preocupes por aprender otro código. Markdown es incluso más fácil de aprender que HTML. El sitio web oficial de Markdown tiene un tutorial rápido para comenzar.
Validación de HTML y CSS
Si está trabajando con HTML y CSS, es una buena práctica validar su código para verificar si cumple con los estándares W3C. Si no lo hace, no pasará nada malo, pero no hay nada malo en hacerlo. Además, el código válido es un buen refuerzo de credibilidad.
El W3C proporciona herramientas de validación gratuitas a través de las cuales puede ejecutar su código HTML y CSS para detectar cualquier error. Aquí están los enlaces:
- Validador HTML
- Validador CSS