Como dijeron las otras respuestas, depende.
Si desea un sitio simple de dos páginas, un marco CSS como Bootstrap o Materialise es un buen comienzo. Luego, puede personalizarlo lentamente a su propio diseño único.
Sin embargo, si está intentando crear una aplicación, la respuesta es un poco diferente …
- Al crear un sitio web, ¿debería comenzar a codificar el back-end y luego pasar a diseñar el front-end o lo contrario?
- ¿Por qué casi todos los bootcamps enseñan Ruby on Rails y no PHP para la programación de back-end?
- Estoy aprendiendo desarrollo web. Quiero ser un desarrollador de back-end. ¿Tengo que ser un desarrollador front-end primero para entrar en el campo?
- ¿Podría alguien aprender tanto el desarrollo front-end como el desarrollo back-end?
- ¿El concepto de frontend / backend solo se usa para describir el desarrollo web?
Me especializo como desarrollador de frontend, y ni siquiera puedo comenzar a decirle en cuántos proyectos de mierda he trabajado en los que algunos desarrolladores de backend escribieron un desorden de código de espagueti de un frontend. Luego tuve que hacer una refactorización seria o tirarlo todo y comenzar desde cero.
Puede haber parecido decente, pero verse bien y poder escalar son muy diferentes .
Entonces, si está creando una aplicación y no puede contratar un desarrollador frontend, aquí hay un par de consejos para hacerlo usted mismo:
- Piense en términos de componentes y estructura reutilizables. Un sistema de carga de módulos como Browserify o Webpack puede ayudar mucho aquí.
- Tenga en cuenta las dependencias y el tamaño del archivo. He visto a muchos desarrolladores agregar jQuery al proyecto, pero terminan usando solo la función ajax, que termina agregando una hinchazón innecesaria. Use un administrador de paquetes como npm o Yarn para cargar módulos que solo hacen lo que necesita.
- Se consistente. Esto es más una cuestión de UX y reiterar la nota de los componentes, pero tener algún tipo de guía de estilo y apegarse a ella ayudará mucho. Consulte Diseño de materiales para ver un buen ejemplo de espaciado / dimensionamiento.
Mi recomendación es utilizar algún tipo de repetitivo mínimo como punto de partida. De esa manera, obtienes un proyecto que sigue las mejores prácticas, utiliza las últimas herramientas y tiene un canal de compilación de trabajo para dev / prod.
Ha pasado un poco desde que he visto lo que está disponible, pero esto parece bastante legítimo a primera vista: react-boilerplate / react-boilerplate. Sin embargo, debe investigar un poco y encontrar lo que es adecuado para usted.
De hecho, estoy usando este para nuestro sitio público BigPicture.io. Lo tenemos generando una compilación estática que cargamos en S3, por lo que no es necesario tener servidores.
Ah, y le recomiendo que NO use una “placa repetitiva” como AdminLTE 2 | Tablero. Intenté eso para un proyecto cuando comencé … Esos proyectos son un desastre.
Así que eso es todo lo relacionado con la ingeniería en los aspectos básicos del rendimiento y verse bien. Si desea que su sitio se vea realmente bien, aunque en cuanto al diseño, mi secreto es “tomar prestados” los diseños de sitios interesantes que encuentro .
A menudo estudio sitios como Land Book y Awwwards, que son más o menos lo que está de moda en este momento en el mundo del diseño. Es bastante fácil abrir su consola de desarrollo y ver el CSS de un elemento / componente que desee.
