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
Xem thêm Bài Viết:
- Chia sẻ đầy đủ về cách hướng dẫn Ghost Win Xp bằng USB cơ bản từ A tới Z
- Hướng dẫn tạo file ghost win 10 thông qua 3 bước đơn giản mà bạn không nên bỏ qua
- Mách bạn 4 bước trong cách bung file tib theo chuẩn UEFI đơn giản nhất
- Mật bí 4 kiểu hyperlink trong excel bị lỗi phổ biến mà bạn hay gặp nhất
- Khái niệm ma alt là gì và cách sử dụng bảng mã ATL như thế nào?
Como creaste el nuevo atributo?
…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!
✨👌😎👍
Crea un curso mi estimado
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!
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
no se entiende ni los subtitulos compadre
Excelente vídeo amigo adquirí este software y tu vídeo me ayudo mucho, deberías realizar mas tutoriales con las demás opciones.
Hola amigo, acabo de adquirir Bootstrap Studio y me va a servir mucho tu video, ya que hay poca documentacion en Español, gracias.
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!
Disculpa para qu esa página lo instalé como un témplate a joomla?
Hola buen día!
Este software es libre?
sube mas videos explicando, para que sirve mas el boostrap
si tu idea es enseñar, yendo a 200 km/hora no funciona. se nota que sabes, pero replanteate tu forma de explicar
Empezaste super bien, pero despues parecia que el negro watsup te estaba persiguiendo, por que corriste sin respirar.
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
Helpme please, para descargar los assets, mega me pide una clave de cifrado
Esa voz papiiii, me quieres conocel?
perfecto para no escribir tanto, que tal si haces un curso de php
Excelente lo recomiendo dura 25 minutos pero vale la pena porque esta en español, me sirvió un mundo