Crear un sitio web con Bootstrap Studio (Tutorial Español)

19
73



Crear un sitio web con Bootstrap Studio (Tutorial Español)
Link asset para crear bakery web site h
(Proximo video Transformaremos esta pagina a nuestro gusto)
Bootstrap Studio es una interfaz gráfica que combina las buenas practica de diseño del famoso Framework Bootstrap, destinado a facilitar enormemente la tarea de transcripción del código HTML 5, además posee una biblioteca para agilizar todos los métodos y funcionalidades de una manera fácil e intuitiva, el cual, le permitirá enfocarse en el diseño del sitio y escribir CSS y JS cómodamente previsualizado en tiempo real el diseño mientras escribe, así mismo posee un servidor avanzado que mostrara sin recargar en su red local los que está diseñando sin guardar ni refrescar el navegador, personalmente pienso que los que escribimos códigos HTML encontramos esta herramienta bastante útil que también ayudara a los nuevos a comprender el funcionamientos y programación, rápidamente por la cantidad de ejemplos y Biblioteca online Responsive.
Es claro que existen varias alternativas como Angular, React, Vue, que en definitiva pienso deberían tener una interfaz igual para el Front-End lo que lo haría no solo mas eficiente sino audaz.
Este video originalmente fue creado para mi hijo que se encuentra en el mundo del webmastes diseñaba en Bootstrap como base para sus proyectos actualmente incursiona en React con nodejs y un poco de java con los diferentes sistemas de programación Python & eclipse y en sus ratos libres juega con php, en una conversación noto que no dejaba mucho tiempo para el diseño Front-end por las complejidades de la programación, así mismo quería una perspectiva acerca de esta novedosa interfaz pero estaba en inglés y pese cito-“y lo que te falta..” – así que decidí traducirlo para el de forma privada, no conté que me llevaría algo de trabajo, recrear el video original, diseñar, narrarlo y editarlo, la post producción y audio, el cual decidí compartir con Ustedes, tengan en cuenta que esta producción fue realizada con pocas herramientas pero intente darle la máxima calidad y el mayor detalle a la producción, incluyendo todo lo nuevo de la versión de este 2019 que me presto un amigo y me acompaño para reproducir este video.
Puedes encontrar Bootstrap Studio:

Mis Redes Sociales
Twitter: @Sychowaves
Instagram: @kartmitchel
Si deseas ayudar al canal para nuevos videos Con mayor Calidad y equipamiento.
Bitcoin: 3QQTcU9UEK7BpUZuCkh6ywub4eLihfSkr1
Dash: XwtvyJLAFbHYerZzNhVPpwpwssc33P3xLb
Litecoin: 3Eg7XE6yYnxtGpUpt7kZipqALq9A98aDop
Payeer: P1001938155

tambien puedes darle a like, suscribirte y darle a la campanita para que no te pierdas el proximo video.. asi tambien puedes ayudar

Próximamente en Patreon, nos encontramos generando material de interés para nuestros suscritores de esa manera poder contribuir también con las necesidades de nuestros patreons.

Gracias por ver este video

Nguồn: https://quydinh.com

Xem thêm bài viết khác: https://quydinh.com/cong-nghe

19 COMMENTS

  1. …buen video. Aunque la verdad estoy recién aprendiendo, y me quedé pillo con algunas o muchas cosas.
    Se agradece mucho bro., más encima en español!
    ✨👌😎👍

  2. Muy Bueno el tutorial, claro explicando y el idioma es fundamental para los que no manejamos un ingles fluido.
    Esperamos mas tutorial sobre esta aplicación. Muchas gracias por tu aporte!
    Saludos desde Argentina!

  3. solo para comprender el principio he tenido que bajar la velocidad del reproductor a 0.25 y entender que abarth, ambar y la paz (dicho en el substitulo) es Navbar, ole tus webo

  4. Excelente vídeo amigo adquirí este software y tu vídeo me ayudo mucho, deberías realizar mas tutoriales con las demás opciones.

  5. Hola amigo, acabo de adquirir Bootstrap Studio y me va a servir mucho tu video, ya que hay poca documentacion en Español, gracias.

  6. El video esta genial! pero una pregunta, el formulario de contacto como lo vinculo al correo, o sea como se configura para que luego de llenarlo y oprimir enviar, llegue a una casilla de correo del cliente? desde ya muchas gracias!

  7. si tu idea es enseñar, yendo a 200 km/hora no funciona. se nota que sabes, pero replanteate tu forma de explicar

  8. Empezaste super bien, pero despues parecia que el negro watsup te estaba persiguiendo, por que corriste sin respirar.

  9. Jajaja Nada como hacerlo a code…
    Para los que quieren empezar en este mundo del diseño y desarrollo web le recomiendo
    Aprender desde 0
    1 HTML
    2 CSS
    3 CSS Grid
    4 Flexbox
    5 JavaScript ( Desde 0 nada de Jquery ni otra librería)
    Nota es Bueno usar FrameWork CSS como Bootstrap, Bulma CSS Foundation etc si eres un Backend,
    Pero si deseas dedicarte al Frontend o ser un Developer Frontend no le recomiendo apegarse a una Framework CSS
    ya que el diseño de UI/UX dependiendo de la empresa que trabajes te obligan a hacer una interfaz a code
    ya que CSS Grid combinado con Flexbox te dan libertad de crear una interfaz responsiva.
    yo llevo 5 años trabajando como Developer Frontend, usaba bastante Bootstrap y me iba bien hasta que me llamaron a una entrevista y para mi sorpresa me dijeron bueno te vamos hacer una prueba "Crea una Landing Page" yo dije estoy echo
    pero me dijeron
    Sin Framework CSS, a pie
    la verdad en el 2015 yo había jugado bastante con Bootstrap con instalando npm usando gulp y sass
    y estaba usando Flexbox, y sabia como funcionaba una @media Screen y como manipular las cajas en las diferentes resoluciones
    tarde casi 2 horas para terminar la landing pero con este task Runner (Npm, Gulp, BrowserSync Sass y Pug) estaba mas que echo

    La meta de este comentario e historia es compartirle un poco lo que buscan las grandes agencias o las agencias de Marketing digital o empresas de desarrollo web
    y la verdad hoy por hoy donde trabajo y a los proyectos Freelancer que hago no uso FrameWork CSS me gusto mucho el echo de yo mismo crear

    busquen en Codepen y vean los miles de pen hay analicen vean como se hace las cosa a code cuando les toque una entrevista así como me toco ami ya estaba preparado

  10. Excelente lo recomiendo dura 25 minutos pero vale la pena porque esta en español, me sirvió un mundo

LEAVE A REPLY

Please enter your comment!
Please enter your name here