NPM: un administrador de herramientas / paquetes de compilación esencial que disminuirá en gran medida el tiempo de programación, cuando se combina con otras herramientas como Gulp / Grunt. Le permite instalar y compilar rápidamente diferentes paquetes js que puede usar a lo largo de su proyecto.
Gulp / Grunt: son herramientas de administración de tareas que automatizan algunos de los procesos que normalmente tendríamos que hacer por nuestra cuenta. Conversión de HTML, CSS, JS, código minificador, y mucho más.
Sass / Less: le permite escribir CSS mucho más rápido y administrarlo mejor que escribir CSS normal. Cuando se combina con otras herramientas de automatización (gulp-sass), convertirá automáticamente su SASS a CSS, por lo que no tendrá que hacerlo. Además de distribuirlo a la carpeta correcta (cuando está configurado correctamente).
- ¿Cómo diseñaría una estructura HTML utilizando matrices?
- ¿Cómo uso el código konami en un sitio web?
- ¿Qué tecnología apila para una aplicación de video chat en tiempo real en el campo de los deportes?
- ¿Cómo convertirse en un buen desarrollador web en 2017 (y 2018)? ¿Qué lenguajes y habilidades de programación debo saber?
- ¿Qué debo saber sobre Python para comenzar a aprender Django?
Javascript de vainilla: siempre es un gran saber hacer. No importa qué bibliotecas o marcos pueda usar. Siempre se construirá a partir de JavaScript de vainilla. Esto lo ayudará a comprender mejor cómo funciona todo.
AngularJS / React / Vue: parecen ser algunas de las principales bibliotecas / marcos en este momento. No debe confundirse, las bibliotecas y los marcos son bastante diferentes. Pero en este caso, estos se considerarían marcos de todos modos. Estos le permiten separar mejor su código y crear componentes separados mucho más fácil, que finalmente caen en una aplicación completa (generalmente utilizada para aplicaciones de una sola página, Vue es la excepción, a menos que comience a usar Nuxt, que es básicamente la mejor pieza que falta) angular y reaccionar). Y, en general, los elementos creados con estos están más basados en datos, en comparación con los sitios web estáticos o ligeramente dinámicos, que no deberían construirse como aplicaciones de una sola página.
Generadores de sitios estáticos: Hugo / Jekyll: le permiten crear rápidamente sitios web de varias páginas, agregando una pequeña cantidad de contenido. En la mayoría de los sitios basados en usuarios, la página permanecerá igual y el contenido se generará estáticamente. Este es un buen escenario para utilizar uno de estos generadores.
Linters – jshint – y muchos otros para diferentes idiomas, etc.… le permiten hacer un seguimiento de si tiene algún error en su código. Solucione estos errores y lo ayude a mantenerse semántico cuando escriba su código.
Herramientas de integración continua: circleci | travisci: flujos de trabajo que le permiten integrar y seguir diferentes flujos de trabajo.
Espero que esto ayude. Esto es solo un conocimiento básico de trabajo. Puedo editar más tarde si me he olvidado de algo, etc.