¿Debo aprender los conceptos básicos para crear un sitio web receptivo con CSS o aprender solo Bootstrap?

Te sugiero que uses Bootstrap. Es muy fácil de aprender, comprender y usar. Su objetivo principal es construir un sitio web receptivo, entonces, ¿por qué perder el 90% de su tiempo en la creación de CSS y JS para eso? Usando Bootstrap, conocerá un profundo conocimiento sobre CSS y JQuery cuando intente cambiarlo para su uso. Uno de los ejemplos básicos es cambiar el color de la barra de herramientas. Conocerá cómo ha sido codificado y cómo puede reemplazarlo con su código sin jugar con la capacidad de respuesta del CSS.

Aquí están los materiales que lo ayudarán a comprender Bootstrap.

• Tutorial Bootstrap 3
• Componentes · Bootstrap, JavaScript · Bootstrap, CSS · Bootstrap

¡En caso de cualquier problema, esto vendrá por rescate!

¡En el futuro, si usaría AngularJS, intente evitar Bootstrap con JQuery! CSS de bootstrap con ui-bootstrap será mejor.

Espero que responda tu pregunta!

Como desarrollador hardcore de HTML / CSS, odio Bootstrap con pasión. Y sí, a veces lo uso. Tengo que hacerlo, porque no siempre me importa el gusto del cliente, y el dinero hecho con bootstrap sigue siendo un buen dinero. Y esto me hace odiarlo aún más.

¡No, espera! En realidad, me encanta, porque estoy bastante seguro de que mis habilidades no se verán desafiadas en el corto plazo, siempre y cuando legiones de desarrolladores frontend puedan usar solo eso.

El diseño web receptivo no se trata de Bootstrap. Como su nombre lo indica, es solo una herramienta para lograr un objetivo. El objetivo es hacer que ese sitio sangriento se adapte a cualquier pantalla. Y esto se puede hacer con CSS de varias maneras, una de ellas es esa rutina estúpida. ¿Por qué digo que es estúpido? Porque, no importa lo que hagas, tarde o temprano terminarás con tus sitios casi idénticos. Es muy fácil agregar el marcado solicitado y las clases correctas y nunca pensar en ello. ¡Nunca abra el archivo CSS! Y terminas con un sitio que se parece a cualquier otro sitio de arranque por ahí. Si pudiera señalar una sola razón para la falta de imaginación en el diseño web en estos días, sería sin dudarlo, bootstrap. No me creas Vaya al bosque temático y vea cuántos diseños son extrañamente similares. Eso es bootstrap & co!

Bootstrap nunca tuvo la intención (al principio, al menos) de ser una herramienta de diseño web real. Estaba destinado a ayudar a los desarrolladores de back-end a poder lanzar rápidamente un diseño para sus aplicaciones, sin tener que depender de otra persona, a quien podrían haber tenido que pagar.

Si solo quieres aprender bootstrap, adelante, estaré feliz. Habrá cada vez menos diseñadores web capaces (sin juego de palabras). Si le da a uno de estos “operadores de arranque” solo una página en blanco y un archivo psd y les dice que lo conviertan en un sitio receptivo, comenzarán a llorar. La mayoría de ellos no tiene idea de lo que hace CSS y cómo lo hace.

Si recién está comenzando con el diseño web ahora, sea prudente, apréndalo desde cero. Comience con html básico, css (y algunos, pero no tanto, jquery) y construya sobre esa base. Te sorprenderá lo rápido que te volverás competente.

¡Buena suerte! Pero recuerde: ninguna agencia lo contratará si dice “Solo conozco bootstrap, pero realmente bien”.

Los marcos de front-end como Bootstrap y muchos otros ofrecen una gran cantidad de componentes que pueden hacer que su página web se vea mucho mejor y también responda con mucha facilidad. Pero también es un archivo bastante grande para una página web que tiene algunas cuadrículas simples y, básicamente, no está utilizando gran parte de la funcionalidad del framework. Esto no parece ser un gran problema ya que el tamaño del archivo de estos archivos normalmente está en kilobytes, pero puede ser un problema para los usuarios con una conexión lenta.

Para los casos en los que su sitio web es pequeño y su carga demore un poco, debería poder escribir el estilo css receptivo simple que se compone de consultas de medios y flex o flotante depende de lo que desee.

Sí, bootstrap es bastante útil en la fase inicial, pero debe saber cómo hacer que su sitio web responda sin depender de marcos, ya que ese conocimiento puede evitar que cargue archivos que ni siquiera está utilizando por completo.

Entonces, al final es tu elección. Espero eso ayude.

Sugeriría aprender los conceptos básicos para hacer un diseño web receptivo usando CSS. Debe tener en cuenta las consultas de los medios (use para hacer un diseño receptivo). Cómo usarlas para diferentes resoluciones y es bastante simple. Consulte W3schools, trucos de CSS para obtener más información.

Aprenda bootstrap más tarde, una vez que sepa cómo usar las consultas de medios CSS para que las páginas respondan. Porque en bootstrap solo tiene que usar las clases proporcionadas para habilitar la capacidad de respuesta para los dispositivos, etc. Solo necesita comprender su sistema de 12 cuadrículas y las clases CSS para que las cosas se habiliten y deshabiliten en diferentes escenarios. El aprendizaje no está aquí.

Aprenda a través de CSS y más tarde bootstrap.

Te sugiero que aprendas los conceptos básicos antes de seguir los marcos.

Realmente te ayuda mucho.

Cuando estaba haciendo mi proyecto, utilicé bootstrap primero (pensé que era fácil y simple) pero en ciertas áreas mi interfaz no se ve como esperaba. En ese momento, sabía que era Flexbox en css y cambió todo.

Lo aprendí de

Y mis experimentos después de aprenderlo

Para crear un sitio web básico, debe aprender HTML con CSS, ya sea para crear un sitio web estático o dinámico. Aprender bootstrap también es una gran idea. Pero para crear un sitio web básico simple, debe tener el conocimiento de HTML y CSS en el que HTML funcionará para la codificación normal y CSS funcionará para el diseño. Para más información, puede contactar livepro softech.

Me gustaría sugerirle que use HTML5, CSS3 y Bootstrap. Estos son fáciles y rápidos de aprender. Bootstrap le ahorrará un 90% de tiempo de diseño receptivo.