El Navegador Web
Puede ser que ya lo conozcas, de hecho sin él no estarías leyendo esto ahora mismo, sin embargo el navegador web es una herramienta con un sin fin de utilidades que nos ayudarán en nuestro desarrollo web.
Los navegadores webs funcionan interpretando nuestro código HTML, CSS y JS para construir y dotar de funcionalidad nuestra web. En el pasado cada navegador interpretaba esto como quería. Sin embargo, hoy en día ya está estandarizado mucho como se debe de ver una página web.
Google Chrome
Chrome viene en 4 versiones: Canary, Beta, Dev y Stable. La versión Dev es una versión de Chrome con actualizaciones semanales de las características nuevas que vendrán para próximas versiones de la web para que puedas desarrollar con lo mas nuevo. Canary por su parte viene todavía más adelantado, con actualizaciones diarias para que pruebes mediante esta siendo desarrollado en vivo por Google.
Mozilla Firefox
En el caso de Firefox sucede algo parecido con Chrome, el tiene varias versiones de desarrollo y una Stable. Las versiones de desarrollo son: Developers Edition, Beta, y Nightly, siendo el Developers Edition el homónimo de la versión Dev de Chrome y optimizado para ser usado en desarrollo web, activando por defecto el modo de desarrollo y el modo oscuro.
DevTools
Sea donde sea que intentes programar vas a necesitar de una herramienta que te permita depurar tu código, debido a que siempre puede suceder que tu código no haga lo que esperas. Por eso es tan importante depurar (o debuggar) tu código, deteniendo la ejecución del código en el punto específico que quieras y poder saber exactamente que sucede.
Tanto en Firefox como en Chrome, te dan acceso a las DevTools, unas herramientas poderosas que te permiten depurar tu código y hacer ciertos análisis de rendimiento y tráfico de data que te serán sumamente útiles cuando desarrolles para la web.
Editores de código
Una herramienta importantísima es instalar algún IDE (Integrated Development Environment), el programa que usarás para escribir el código HTML, CSS y Javascript de tu web.
Un buen IDE viene con diversas ayudas para el desarrollador, como puede ser consola de comandos, depurador, autocompletado, formateador, resaltado de textos, temas y diversos plugins que puedes instalar dependiendo de tus necesidades y gustos.
Existen diversos IDEs, como pueden ser Atom, Sublime Text y VS Code, nosotros recomendamos usar VS Code (Visual Studio Code).
Entorno Linux
En el caso que seas Windows 10 es altamente recomendable que uses Windows Subsystem for Linux, una instalación de linux dentro de tu windows que vive paralelamente al sistema operativo, de esa manera puedes usar casi todas las funcionalidades de un sistema linux en tu ambiente Windows.
El motivo es debido a que la amplia mayoría de las veces es mucho más fácil desarrollar para la web en Linux que dentro de Windows, es por este motivo que Microsoft puso manos a la obra y ha venido desarrollando WSL para volver Windows 10 un lugar bueno para desarrollar.
En el caso de que seas Mac o directamente alguna distribución de Linux esto no es necesario.
En la web de Microsoft tienen una documentación que explica muy bien como activarlo e instalar alguna distro como Ubuntu en tu Windows.
Instalar Git
Git es el gestor de versiones más usado en la industria, fue creado por el mismo creador de Linux, y funciona para que las personas consigan llevar un control de los cambios de sus proyectos. Si quieres desarrollar para la web si o si necesitas saber Git
En la web oficial de Git puedes ver como instalar git para tu sistema operativo. En caso de que hayas instalado Windows Subsystem for Linux puedes seguir los mismos pasos para la distro de tu Linux en este caso.
Conclusión
Una vez tengas todas estas cosas instaladas y configuradas tendrás tu propio ambiente de desarrollo web listo para darlo todo. Te invitamos a que estés pendiente de nuestro blog ya que estamos constantemente publicando contenido acerca de desarrollo web, experiencia de usuario, SEO y tecnología.
También si estás interesado en dar un despegue al proyecto que estás pensando hacer, en Accentio Studios nos dedicamos a dar lo mejor para hacer que tu proyecto web sea lo mejor de lo mejor, y con las mejores prácticas de UX/UI. Puedes saber más información en nuestra página web 😉💙
