Voy a construir un sitio web por primera vez. ¿Debo hacer HTML, CSS y JS desde cero, o usar un marco como Bootstrap?

¿Por qué quieres construir un sitio web? Supongo que solo tiene un conocimiento pasajero de HTML / CSS, Javascript, PHP, servidores web, etc.

Si la respuesta es algo como:

  • “Comencé un negocio y necesita un sitio web” o
  • “Alguien me pidió que creara un sitio web para ellos”

Entonces sugeriría que su tiempo se utilice de manera más eficiente en otras cosas que no sean aprender los entresijos de HTML / CSS / JS, etc., ya sea pagarle a alguien que sea bueno en ello o usar un servicio como Squarespace o Weebly.

Sin embargo, si su razón está en la línea de:

  • “Solo quiero aprender / mejorar mis habilidades”
  • “Quiero convertirme en desarrollador web”
  • “Estoy haciendo un sitio personal / no crítico y quiero algo de experiencia”

Entonces por todos los medios. Sí, todo lo anterior y algo más.

Si desea configurar un sitio web moderno y receptivo desde cero, también deberá conocer algunas cosas:

  • Cosas de dominio
    • Nombre de dominio: considere comprar uno (generalmente un costo anual) de un registrador para que las personas no tengan que escribir una dirección IP para acceder a su sitio. Aquí hay algunos buenos registradores.
    • Servidores de nombres: apunte su registrador a sus servidores de nombres donde se alojan sus registros DNS. A menudo puede usar un servidor de nombres administrado por su servidor web o con su registrador.
    • DNS: aprenda a configurar registros DNS para apuntar su correo a su servidor de correo, tráfico web a su servidor web y cualquier subdominio donde desee.
    • O la forma más fácil: la mayoría de los servidores web compartidos configurarán estas cosas para usted.
  • Servidor web
    • O compre un VPS (DigitalOcean, Vultr tiene un buen precio) y encuentre una buena guía o herramienta de automatización (sugerencia: ServerPilot) para configurarlo bien.
    • O de manera fácil: obtenga un alojamiento web compartido (múltiples sitios web que se ejecutan en un servidor web) de una empresa acreditada, simplificarán mucho la configuración del servidor web / dominio / correo electrónico generalmente a expensas de la flexibilidad y las características que tiene su propio servidor web.
    • O puede configurar un servidor web en su propia PC / servidor doméstico, aunque esto es bastante arriesgado y probablemente querrá una IP fija de su ISP que a veces cuesta más.
  • Javascript
    • Aprenda funciones, clases, DOM, jQuery y conceptos generales de programación como asignación, bucles, matemáticas, etc. a un nivel razonable.
    • Más adelante, aprenda algún tipo de marco: ReactJS parece tener una reputación creciente (por ahora).
    • Dependiendo de cuán simple sea su sitio, probablemente pueda salirse con la suya utilizando solo un par de scripts JS de terceros y un conocimiento JS mínimo.
  • CSS
    • Aprenda qué son los selectores de clase, id y elemento, cómo combinarlos y qué especificidad es.
    • Bootstrap sí es bueno, aunque si no cambia mucho el estilo incluido, hace que su sitio web se vea “obviamente bootstrapped”. Le ayudará a crear un sitio receptivo en poco tiempo, y es muy popular, así que es fácil encontrar ejemplos en línea.
    • Diría que lo más importante para aprender a usar en Bootstrap es el sistema de cuadrícula y cómo cambian los diseños cuando el tamaño de la ventana gráfica (ancho) cambia entre escritorio / móvil / tableta, etc.
  • HTML
    • Aprenda qué etiquetas hacen qué cosas como div, ol, ul, img, a, h1, p br, body, head, y para una buena práctica. Las etiquetas HTML5 como encabezado, navegación, artículo, aparte, pie de página, sección son una buena práctica para comenzar a usar: ayuda con el SEO y la accesibilidad y así son las cosas.
    • Ponga alt = “alguna descripción útil” en sus etiquetas img para accesibilidad.
    • Utilice solo tablas para el diseño de datos tabulares, no para el diseño de página.
    • A veces es súper útil vincular sus recursos comenzando con “/ …”. (es decir, enlaces relativos) en lugar de comenzar con “http: // www …”. hace que todo sea mucho más fácil (si se hace correctamente) cuando se mueve entre su copia local y la copia del servidor.
  • Backend
    • Si necesita procesar algunos datos, como un formulario de contacto donde hace clic en enviar, lea los datos POST y haga algo con ellos. Entonces es probable que también desee aprender algunas cosas del lado del servidor / back-end. PHP es bastante simple para empezar, pero este es un tema muy importante.
  • también
    • WAMP / LAMP / MAMP / XAMPP: muy útil para ejecutar una copia local de su sitio web para probar (que es un buen hábito comenzar) en su propia PC en lugar de editar en vivo.
    • FTP: la forma sencilla y directa de llevar sus archivos al servidor. Recomiendo FileZilla si lo necesitas. Use sftp si está disponible por seguridad.
    • Mozilla Developer Network (MDN) es un excelente recurso para obtener ayuda técnica con HTML / CSS
    • Aprenda a usar el modo de desarrollador del navegador y la depuración. Por lo general, solo un F12 de distancia.

——- he desarrollado muchos proyectos, así que creo que puedo responder a esto ——–

Bueno, primero lo primero … ¿qué es bootstrap? —–> Bootstrap es una biblioteca de front-end gratuita y de código abierto para crear sitios web y aplicaciones web. Contiene plantillas de diseño basadas en HTML y CSS que se utilizan.

Ayuda a crear páginas web receptivas.

Por lo tanto, tener conocimientos básicos de HTML y CSS ayudaría al trabajar con Bootstrap.

Simplemente siga el curso básico de los Tutoriales web en línea de W3Schools sobre HTML y CSS3 y estará bien para continuar con bootstrap. También tiene un tutorial sobre Bootstrap.

(este es el mejor, creo) —-> El sitio oficial también tiene una guía de inicio rápido bastante buena: Bootstrap · El marco front-end más popular del mundo para dispositivos móviles y receptivos.

Y para probar sus códigos, puede usar bootply Bootstrap Editor y Playground para JavaScript, CSS, HTML5 y jQuery.

Definitivamente, te recomendaría usar Bootstrap, hace que tu página web sea más receptiva y más profesional. Es fácil de aprender y usar.

Así que adelante La mejor de las suertes con su primer sitio web.

Como se mencionó correctamente en las respuestas anteriores, con lo que tiene que hacer su sitio web depende de su propósito.

  • Con HTML, CSS y JS

Si está haciendo un proyecto, siempre es beneficioso aprender estos idiomas. Recuerde que Js no solo se usa para front-end sino también para backend (a diferencia de Bootstrap)

Cada sitio web, ya sea que use Bootstrap, debe tener HTML, CSS y JS como base.

Bootstrap solo puede agregar brillo a su sitio web.

Este brillo es muy muy limitado. Pero, por supuesto, para que su sitio web responda, la única opción es bootstrap.

Entonces, la conclusión es que el sitio web sin bootstrap no responde y sin HTML, CSS y Js no tiene base. Entonces, tienes que usar ambos.

Si desea aprender y mejorar sus habilidades, primero escriba todo usted mismo, HTML, CSS, JS y cualquier otro lenguaje de fondo (PHP es muy bueno para comenzar) y, por supuesto, un DBMS. Luego, aprenda Bootstrap, jQuery y elija un marco adecuado.
De esta forma aprenderá mejor, comprenderá cómo van las cosas en segundo plano y podrá desarrollar un mejor sitio web.

¡Mi querido amigo! ya tienes respuesta en tu pregunta. Mira, déjame explicarte. Bootstrap es el marco html, css y JavaScript. Entonces, si tiene un dominio profesional en estos lenguajes de programación, puede comenzar a crear su sitio web en Bootstrap. Entonces, si quieres aprender estos idiomas, conozco algunos sitios web donde puedes aprender estos idiomas. me gusta

Aprender HTML

Aprender CSS

Aprende JavaScript

Ahora, cuando aprendas estos idiomas, podrás iniciar bootstrap. Luego puede crear un sitio web en Adobe Dreamweaver CC con Bootstrap fácilmente. O simplemente puede descargar plantillas de arranque y usarlas para sus sitios web. Entonces, mi recomendación es que primero aprenda idiomas y luego cree su sitio web profesional. Gracias por su comprensión.

Si está desarrollando un sitio web para aprender sobre desarrollo web y diseño web, debe dedicar un poco de tiempo a comprender HTML, CSS, JS y / o AJAX junto con lenguajes del lado del servidor como PHP o Python o cualquiera que le interese.

Una vez que haya entendido la sintaxis o estos lenguajes de programación y lenguajes de programación, es bueno cambiar a marcos como Bootstrap, Laravel / Angular (si desea desarrollar un servicio) / Codeigniter.

Como se dice popularmente

No pierdas el tiempo haciendo las cosas que alguien ya ha hecho.

Si todo lo que quiere hacer es crear un sitio web para su negocio o para otra persona, simplemente aprenda la sintaxis de los idiomas y luego pase a algún Sistema de gestión de contenido como WordPress o Draupal (para sitios web) o Shopify o Magento (para sitios web de comercio electrónico) )

Si no conoce HTML / CSS / JS, tampoco puede usar Bootstrap. Bootstrap es un marco CSS, que requiere que sepas CSS. Si quieres aprender CSS, primero debes aprender HTML. Esto se debe a que CSS es una forma de diseñar HTML, que se utiliza para crear la estructura de un sitio web.

Le recomiendo que primero aprenda HTML y CSS de Codecademy o de otro sitio web. Honestamente, preferiría Codecademy porque es más fácil para los principiantes. Después de aprender HTML y CSS, puede aprender Bootstrap y JS.

Si yo fuera usted, comenzaré a construir un sitio web desde cero utilizando HTML, CSS y Javascript. Por qué ? Comenzando desde cero, le permite comprender los conceptos de HTML, CSS, Javascript. Por ejemplo, en HTML, puede saber qué es una etiqueta, atributo, comentarios, etc. En CSS, puede saber qué es selector, propiedades, etc. en Javascript, puede saber cómo agregar interactividad en sitios web como ventanas emergentes alerta, cuadro de aviso, modificación de elementos HTML a través de DOM, etc. Debido a que va a construir un sitio web por primera vez, le recomiendo que comience desde cero antes de saltar a un marco como Bootstrap porque Bootstrap también consta de plantillas HTML, CSS y Javascript.

Esto depende de lo que quieras obtener de la construcción del sitio web. Si es solo su sitio personal y nunca más volverá a construir otro, simplemente instale WordPress.

De lo contrario, es mejor comenzar con un marco y planear volver más tarde después de haber aprendido cómo hacer todo con HTML, CSS y JS.

Mi razonamiento aquí es simplemente que te moverás más rápidamente a través del proceso usando un marco. Habrá una gran cantidad de material que lo sostendrá manualmente a través de ese proceso si también usa un marco. Pero en última instancia, si desea poder “construir un sitio web”, ya sea para conseguir un trabajo haciendo esto, o simplemente por placer y el placer de poder crear un sitio web a mano con las materias primas es esencial. (las razones difieren con su razón para crear el sitio, pero en última instancia es donde quiere estar si quiere poder decirle a las personas que realmente sabe cómo hacer un sitio web).

Puedo dar una respuesta sin mucha información aquí. Independientemente de sus intenciones y motivaciones para construir un sitio, ya sea que construya desde cero o use un marco de front-end como Bootstrap, debe comprender los conceptos básicos de HTML, CSS y JS. Una vez que comprenda esos tres componentes básicos del diseño del sitio, puede progresar para aprender Bootstrap o cualquier otro marco front-end.

A menos que esté creando algo más allá de un sitio estático, necesitará más conocimiento sobre el código del lado del servidor, las bases de datos y los servidores. Si está dispuesto a dedicar el tiempo y es paciente a aprender cómo hacerlo usted mismo, puede ser gratificante. De lo contrario, puede considerar contratar a otra persona o una empresa para que lo haga por usted.

En primer lugar, si hablamos de la palabra “WEB”, el desarrollador debe aprender html, css y js, ya sea que esté utilizando framework, html normal, css o scratch . Si sabes html, css y js. así que creo que debería ir con los frameworks, o cms que le brinda un sitio web más interactivo que el html, css y js normal y no necesitará bootstrap para que los frameworks o cms ya hagan que el sitio web responda. así que use el framework, le ahorrará tiempo y también le brindará un sitio web interactivo increíble.

Las cosas que se hacen desde el nivel básico siempre sirven como ayuda para comprender e implementar de manera efectiva. Me gustaría compartir mi experiencia aquí … Cuando comencé el desarrollo frontend, comencé con lo básico, que es solo HTML y CSS desde cero. Esto ayudó a comprender las etiquetas y su uso bastante bien.

Ahora, cuando conozco los conceptos básicos, incluidos los tamaños de cuadrícula, el uso de porcentajes, etc., un vistazo al marco Bootstrap me acercó más a mi pasión. Esto se debe a que, dado que conozco el HTML y CSS básicos, no es en absoluto un problema para mí excavar en este marco y crear sitios web increíbles.

¡Entonces, mi consejo es comenzar con lo básico y trabajar maravillas!

¿Quieres construir un sitio web?

La primera pregunta es: ¿Qué quieres decir? ¿Quieres un tema listo para usar o personalizar un tema?

Si realmente construye un sitio web, vaya con HTML / CSS, JavaScript, Bootstrap, etc. Y desea un tema listo que con WordPress.

Puede buscar muchas etiquetas, guiones y clases, y estas son ayuda para construir su sitio web. Muchos temas prefabricados están disponibles en WordPress.

Contratas a alguien para que construya tu sitio web en lugar de que lo hagas tú mismo. Es la mejor manera para su sitio web.

Para más detalles no dude en ponerse en contacto conmigo!

[correo electrónico protegido]

Si puede perder el tiempo, primero aprenda a codificar. Las herramientas que generan automáticamente HTML, CSS, etc., son geniales, pero están lejos de ser perfectas. Cuando no puede obtener la GUI de Dreamweaver (o lo que sea) para hacer lo que desea, no hay sustituto para saber cómo ajustar el código usted mismo (batirlo para enviarlo). Aprendí a escribir mi propio HTML en la oscuridad edades, antes de CSS. (¡Así que realmente aprecio la facilidad de usar CSS para los estilos, y la funcionalidad adicional de JavaScript!) ¡Lo que decidas, buena suerte y diviértete!

¿Tu quieres aprender? Siga adelante en html / css simple primero e intente hacer el prototipo más simple.

Una vez que comprenda los conceptos básicos, continúe con su próxima iteración del proyecto agregando el enlace cdn ctra de arranque de twitter en su fuente y comience a construir un diseño más decente.

Dado que este será su primer sitio web, le aconsejaría que lo construya desde cero, sin utilizar ningún marco o bibliotecas. De esa manera, obtendrá sus primeros principios correctos. Y comprender sus conceptos básicos es absolutamente necesario para apreciar los matices de cualquier biblioteca y componente que comenzará a utilizar más adelante.

A medida que avanza a su próximo sitio web, le recomiendo que elija jquery y bootstrap como bibliotecas básicas, pero espere hasta llegar a marcos completos como angular. En su lugar, busque soluciones en github para problemas comunes de javascript, como enrutamiento, widgets de navegador, comunicaciones asíncronas, etc.

¡Escribe todo tú mismo! Esto es simplemente el comienzo de lo que podría convertirse potencialmente en su carrera como desarrollador, por lo tanto, desea aprender tanto como sea posible y construir bases sólidas. Usar una biblioteca en una etapa tan temprana sería un mal servicio a largo plazo.

Bootstrap es un marco que incluye JS, CSS.
puedes desarrollar un sitio web atractivo y receptivo usando Bootstrap Framework.
Estoy usando Bootstrap desde los 8 meses.
Es fácil de entender y aplicar a nuestros sitios web.

Si solo está aprendiendo tecnologías front-end, entonces es mejor comenzar desde cero. De esa manera, podrás aprender más y más. Pero si conoce mejor bootstrap, así como HTML, CSS y JS, entonces es mejor ir con bootstrap.

Pero siempre debe estar seguro de cuál es el propósito de usar qué. Por ejemplo, si quieres tener algo que responda y sea más rápido, entonces puedes comenzar con bootstrap.

La respuesta corta es usar Bootstrap.

Hacer todo desde cero es la forma ideal de proceder si realmente quieres aprender cosas. Sin embargo, si tiene poco tiempo y motivación, use los marcos disponibles al máximo. Los marcos están ahí por una razón y Bootstrap es ampliamente utilizado con seguridad.

Deberá ahorrar tiempo en la depuración de problemas entre navegadores y en el marcado de elementos ya realizados y probados en Bootstrap.

More Interesting

Quiero ser un desarrollador web de backend. ¿Puedo saltearme saltear HTML, CSS y JavaScript?

Soy desarrollador web, no memorizo ​​la sintaxis de programación intencionalmente. Tengo que buscar la sintaxis de Google la mayor parte del tiempo, incluso para la sintaxis fácil. ¿Soy el peor desarrollador web?

Estoy comenzando un portal de videos en el cual los usuarios suben videos. Quiero un reproductor de video web con tecnología de velocidad de bits adaptable. ¿Cuál es la mejor tecnología y reproductor para usarlo en cualquier dispositivo como YouTube? ¿Cual será el costo?

Me pidieron que buscara una granja de renderizado para enviar modelos 3D a, para ser renderizados como imágenes 2D, no animaciones. ¿Que debería buscar?

Si quiero construir una red social desde cero, ¿qué paquete tecnológico debo usar hoy para comenzar?

Quiero comenzar un sitio web para reservar hoteles. ¿Sugiere sistemas de reserva que permitan la reserva en línea?

Tengo una idea increíble de aplicación / sitio web que puede obtener más de mil millones de usuarios. Pero no he requerido dinero y habilidades de codificación. Intenté la financiación colectiva pero no me ayudó. ¿Qué tengo que hacer?

Si tengo dos o más archivos JavaScript en mi página web, ¿se aplicarán las variables para un archivo JavaScript a todos los archivos JavaScript?

Mi socio en un proyecto web sigue quejándose de que PHP es malo y no ha hecho nada. ¿Debería despedirlo?

¿Necesitaría aprender JavaScript cuando salga WebAssemly para ejecutar mi programa C ++ en línea?

Estoy construyendo un sitio en WordPress usando Visual Composer, sin embargo, las imágenes no responden en dispositivos móviles. ¿Cómo puedo arreglar esto?

Cómo instalar MySQL en un servidor compartido usando solo FTP

Tenía mi sitio web desarrollado en el extranjero. ¿Qué debe probarse durante una auditoría para determinar si fue desarrollada por buenos estándares y directrices de codificación?

¿Qué lenguaje de desarrollo web debo aprender en 2017?

Cómo comenzar a crear un sitio web