¿Que es un framework de frontend?

**Frameworks Frontend: ** Conocidos también como Frameworks CSS. Son una base para empezar un proyecto web, permite Flexibilidad en el Diseño. Nos ayuda a tener una Organización y Estructura del HTML, CSS y JS.

¿Qué contiene un Framework Frontend?
Grilla: Organiza el contenido de un sitio web, adaptando el contenido a cualquier dispositivo.
Estilos para Fuentes & Componentes Visuales Pre-armados: Se pueden utilizar para organizar información.

¿Para qué nos ayuda un Framework Frontend?

1. Ahorrar Tiempo.
2. Responsive Design, sitio web adaptable a cualquier dispositivo
3. No tenemos que preocuparnos por la compatibilidad con otros browsers

Ejemplos de Frameworks Frontend

• Bootstrap
• Foundation
• Bulma
• Tailwind

Hola, solo quería avisar de que ya hay una nueva version de Bootstrap y es la V5.1 la cual ya no incorpora JQuery.
A lo largo del Curso, estaré dando una actualización de los temas que trae esta versión si ha de ser necesario, espero les sirva. Saludos

Ventajas de un framework frontend
-Ahorra tiempo
-Tiene componentes visuales
-Código adaptable a diferentes pantallas
-EL código anda en los diferentes navegadores

la mayor ventaja es el ahorrar tiempo

Una de las mejores funcionalidades de esta clase de herramientas es su habilidad de Responsive, lo vuelve muy útil a la hora de maquetar/trabajar/codificar. Vamos a explorar más a fondo esta información.

Frameworks Front-End

Bootstrap
Foundation
Bulma
Flexbox Grid

!! Querida comunidad trabaje durante 9 años en una compañía distribuidora de alimentos, renuncie para capacitarme, y deseo profundamente convertirme en un desarrollador full stack , vamosssss por la gloria …gracias platzi.!!

Agregando a Bootstrap en mi lista de amigos 😃 😛 😉

entonces entendi , Frameworks Front-End:Bootstrap, Foundation, Bulma, Flexbox Grid

Bootstrap, es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se adapta automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta técnica de diseño y desarrollo se conoce como “responsive design”.

Acabo de entrar a un proyecto donde usan bootstrap, y yo solo conozco lo basico. En un comienzo pense… pero que ilegible es esto, pero ahora que veo esta clase, mi perspectiva cambio ya que es una herramienta que permite ser mas agil a la hora de desarrollar

Frameworks Frontend o Frameworks CSS

• Bootstrap

• Foundation

• Bulma

• Flexbox Grid

• Tailwind

Beneficios

• Son una base para empezar un proyecto web permitiendo flexibilidad en el diseño.

• Nos brindan organización y estructura para nuestro HTML, y CSS y JavaScript.

• El componente principal de los Frameworks para CS: la Grilla. Gracias a ella organizamos el contenido de nuestra web y hacemos el contenido adaptable a diferentes tamaños de pantalla y dispositivos.

• Contienen Estilos para las fuentes y componentes visuales pre-armados.

• Ahorraras tiempo ya que tiene componentes visuales pre-programados o pre-diseñados.

• Responsive design

• Compatibilidad con los navegadores

Resultados de mis busquedas:
Un framework es un marco de trabajo. Es un esquema que se establece (y aprovecha) para desarrollar un software determinado. La definición es algo compleja pero en resumen, es aquel entorno que se piensa para programar de manera más sencilla cualquier aplicación o herramienta.

RESUMEN DE CLASE
Bootstrap es la librería de Framwork Fronted más popular para el desarrollo web
¿QUÉ QUIERE DECIR ESTO?
Bootstrap es una librería (o sea que es un lugar donde se guardan cosas, en este caso código) de código abierto (o sea que se comparten proyectos hechos de código de distintos lenguajes de programación) que contiene plantillas pre-programadas.
¿PARA QUÉ?
Si queremos crear una página web con código, no es secreto que vamos a perder demasiado tiempo (lo digo por experiencia) programando cada cosa minúscula pero importante como un botón, miles de veces.
Entonces, estas plantillas pre-programadas nos pueden dar una mano con las cosas más “obvias” (por así decirlo)

-Si crees que me faltó agregar algo, hay algo para cambiar, corregir y/o eliminar, agradecería con gusto que me lo dejen en los comentarios
Sigamos aprendiendo 😃

Framework frontend == Ahorrar tiempo.

cuales son los contra de usar framework como bootstrap?
los pros los tengo claros, pero cual seria la diferencia en hacer frontend?

Frameworks CSS

explicas muy bien profe!

Dios mío, este curso estaba escondido en el montón de Platzi, y no sabía cuánto lo necesitaba…ojo ahí con las rutas y con las sugerencias de cursos…

woow se escucha super interesante, en este momento por cuesteiones de un trabajo que tengo que entregar tomare este curso y después, pero seguiré trabajando con mi ruta de aprendizaje para front end

SE PUEDE TRABAJAR PARA UN PROYECTO , POR EJEMPLO UN SISTEMA WEB APP, ?

Framework frontend para ahorrar tiempo, componentes visuales, response design, el codigo anda(no teemos q preocuparnos con la compartibildad)

-Bootstrap
-Foundation
-Bulma
-Flexbox Grid
-Tailwind

Desde que use Bootstrap por primera vez, me gusto tanto como maneja si Sistema de grilla que es muy sencillo y dinámico y ahorra bastante tiempo a la hora de estar maquetando con Css simple, ademas de que ya trae algunas funcionalidades predefinidas que podemos ir modificando sin empezar desde cero, lo que nos lleva a invertir menos tiempo.

este curso es el complemento para los programadores backend

Frameworks frontend:

• Bootstrap
• Foundation
• Bulma
• Flexbox Grid
• Tailwind

Bootstrap nos facilita la estructura ya diseñadas como botones barra de navegación , formulario y etc ,y en que nos ayuda esto ?? pz en tiempo porque nos entrega casi todo echo porque escribiéndolo nos tardaríamos mas
… yo vengo de vue.js y aya utilizamos vuetify los bueno de vuetify es que no estraga mas variedad de cosa que bootstrap no tiene aun , pero solo sirve para vue y para nuxt que es un Framework vasado en vue pero lo bueno de bootstrap es que lo podemos utilizar en cualquier Framework y esa es su ventaja

¿Para qué nos sirve un framework font-end?

• Nos sirve para dar una base para empezar un proyecto Web, permitiendo “flexibilidad en el diseño”

• Nos brinda una Organización y Estructura de nuestro HTML, CSS y JS

• Vamos a escribir nuestro HTML, dándole ciertas clases a los elementos, así le damos estilos de CSS que provee cada uno de los frameworks

¿Qué traen éstos frameworks front-end?

• El componente principal es la grilla. En ésta es en donde recae su potencial. Gracias a ella vamos a organizar el contenido de nuestro sitio web y este contenido se va a adaptar a los diferentes dispositivos (responsive design o diseño responsivo).

• También los frameworks font-end traen estilos para las fuentes.

• Así mismo traen componentes visuales pre-armaddos que podemos utilizar para organizar nuestra información.

Ventajas de usar frameworks font-end:

1. Ahoramos tiempo con los componentes visuales al no tener que escribir todo ése código.

2. El diseño va a ser responsive design, es decir, se va a adaptar a diferentes dispositivos.

3. El código va a funcionar ya que las librerías vienen testeadas y así evitamos bugs en nuestro código.

La tengo reclara xD

y leonidas??? 😦

Bootstrap es un Frameworks Front-End, que facilita la creación de sitios web con CSS y JavaScript; y una de las principales caracteristicas es que posee un diseño adaptativo de manera automática y contiene varios elementes predefinidos que nos permiten ahorrar tiempo a la hora del desarrollo.

Las ventajas que nos brinda Bootstrap:

• Hace que el desarrollo web sea más ligero y flexible.

• Maneja diversos componentes y lenguajes, tales como HTML5,CSS,OOCSS, JQUERY UI, GitHub y LESS.

• Grillas

• Está orientado hacia el concepto Mobile First.

Este Framework me parece super poderoso, una herramienta necesaria y complementa de manera adecuada si eres desarrollador.

Buenos días:

Tengo una pregunta, se puede hacer algo para que una página sea responsiva a eventos verticales?

Lo que quieren es que una página abarque el 100% de la pantalla, tanto vertical como horizontal, solo tiene un carrusel sin dejar espacio inferior …

Al hacer el diseño en una resolución de 1024x768 queda ajustada perfectamente, pero al ver la misma página en 1200x800 deja una barra blanca en la parte inferior, y no quieren que se distorsione la imagen.

Aún logrando ocupar ese espacio, si tengo una resolución 375x667 de un iPhone el espacio vertical crece mucho, por lo que no encuentro como poder abarcar la pantalla al 100% horizontal y 100% vertical

Me podrían ayudar

Asombroso! Justo lo que necesitaba algo que me facilite la vida con el tema del Responsive Design y la compatibilidad con los browsers!

Muy interesante, nos ayuda mucho esto!

Bootstrap aun usa jquery ?

es bueno tener en cuenta que la mejor es crear tus propios estilos, y si no te queda tiempo para hacerlos podes usar un framework css

Genial

buena explicacion:)

Interesante, más que práctico.

entonces, ¿un framework frontend es una plantilla?

El framework màs utilizado en la industria 😄

Bootstrap es muy genial<3

¿Para que quiero un framwork frontend?
• Se ahorra tiempo
• Los componentes visuales ahorran tiempo ya que no tendremos que programar desde cero un botón, un form, etc
• El diseño es responsive design
• El código anda es decir son compatibles con otros navegadores
• Las librerías no tienen Bugs

super sencillo y se puede aprender

¿Cuál es la diferencia entre un framework y una librería ?

Muy buena introducción a los framework fronted!!!

Bootstrap: es una biblioteca multiplataforma o conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web.

muy emocionada por empezar

muy buen curso

vamos adelante.

Interesante, me está empezando a gustar, en muchos lugares escuché cosas positivas y negativas de dichos frameworks finalizando este curso ya podré decidir 😄. gracias

Empezando

Genial la explicacion !!

Super explicativa la clase !

Concisa explicación y clara!

excelente repaso 😄

Que buena introduccion.

En la programación de Web, un marco de trabajo “Framework” es una abstracción en la que el software que proporciona funcionalidad genérica puede cambiarse selectivamente mediante un código adicional escrito por el usuario, proporcionando así un software específico de la aplicación o sitio web.

q buena explicación !!

Fue muy claro Me va gustando el curso

Esperando aprender para implementar en los proyectos de forma rápida.

Importante saber que a través de este framework nos permitira ahorrar tiempo para customizar nuestro sitio web a la medida desde el frontend.

Me esta encantando este curso

y ahorra tiempo

Muy bien

genial

:V

excelente:)

Al fin a darle con todo a bootstrap.

.

f

Brutal este de los frameworks frontend

Deseo reutilizar código y creo que todo esto me va a alimentar para encontrar cosas para mis futuros proyectos.

Son conocidos como Frameworks CSS.
Son una base para empezar un proyecto web permitiendo flexibilidad en el diseño
Nos dan Organización y Estructura de nuestro HTML, CSS, JS

Componentes:
Grilla → Organiza y Adapta el contenido a diferentes dispositivos
Estilos para las fuentes
Componentes visuales pre-armados → Para organizar nuestra información

Ventajas
Ahorra Tiempo
Componentes Visuales
Responsive design
El código corre sin problemas

Ejemplos de Frameworks
Boostrap
Foundation
Bulma
Flexbox Grid

empezemos

excelente!!!