¿Que es un framework de frontend?

Clase 3 de 21 • Curso de Bootstrap 4

Clase anteriorSiguiente clase

Guillermo Amaya

student•

Me encanta como están presentando ahora los cursos.

Rafael Enrique Sanchez Cruz

student•

También a mi, se percibe más dinámico!

Néstor José Silva Castillo

student•

Comparto con ustedes. Es un estilo más fresco y se enfoca en capturar al estudiante. Genial Platzi!!

Karen Michel Sixto Lázaro

student•

**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?

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

Ejemplos de Frameworks Frontend

Bootstrap
Foundation
Bulma
Tailwind

Juan Christopher

student•

Buena info.

Andres Alvarez Becerra

student•

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

Jerry Gil Contreras

student•

Gracias amigo, si, porfavor. Ayudaróa mucho!

Josue Cerron Tuesta

student•

Uff hermano, gracias por eso!

Iván Toro

student•

Como desarrolladores debemos entender que la reutilización es una de los características que nos convierte en buenos desarrolladores, “no es necesario reinventar la rueda”.

Pedro Alberto De La Cruz Hernandez

student•

Así es, es por ello que surgieron plataformas como Github.

Félix Alejandro Zelaya Orellana

student•

Creo que es un problema que todos tenemos al iniciar, queremos hacer todo desde cero cuando hay muchas herramientas que podemos usar!

Daniela Rodríguez Higuita

student•

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

Andrés Campuzano Garzón

student•

Muchas gracias Daniela.

Juan Christopher

student•

¡Viva los Frameworks!

Juan C Felizzola

student•

Un Framework CSS son una base para empezar un proyecto web permitiendo flexibilidad en el diseño.

Nos proveen organización y estructura en nuestro HTML, CSS y Javascript.

El componente principal es la grilla: nos ayuda a organizar nuestro contenido en el sitio web.

Los Framerowks CSS traen estilos para las ++fuentes ++y componentes visuales pre-armados que podemos utilizar para organizar nuestra información

Nos ayuda con:

Ahorrar tiempo
Componentes visuales
Responsive Design
El código anda
Nos ahorramos de bugs

Ejemplos:

Bootstrap
Foundation
Bulma
Flexbox Grid

Milena Pellegrino

student•

Muy buen resumen!!

Michael Steven Viloria García

student•

Flexbox Grid no es un framework

Camilo Alexander Velandia Velandia

student•

la mayor ventaja es el ahorrar tiempo

Milena Pellegrino

student•

Exacto, te ahorra tiempos y problemas

Juan Christopher

student•

Tienes muchisima razon.

Jose Morales Varon

student•

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.

Daniel Esteves

student•

¡Hola! ¿Cómo vas? ¿Ningún problema hasta ahora?

Octavio Gomez Romo

student•

Frameworks Front-End

Bootstrap
Foundation
Bulma
Flexbox Grid

Félix Alejandro Zelaya Orellana

student•

Desconocía de bulma!

Daniel Esteves

student•

¿Los probaste todos ya Octavio?

Fredy Garcia

student•

!! 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.!!

Vanessa Paola Alonso Guzmán

student•

¡Muchos éxitos Fredy, lo vas a lograr!, aquí tienes a la comunidad para apoyarte en lo que requieras

Christian David Sánchez

student•

Agregando a Bootstrap en mi lista de amigos :) :P ;)

Juan Guillermo Perez Cardozo

student•

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

Alejandro Sanchez

student•

Eso es correcto man

Daniel Esteves

student•

Flexbox y Grid no son frameworks @jgcardozo, son características nativas de CSS

Kathion Vega

student•

La intención del framework frontend es ayudar a avanzar en el desarrollo web impulsando nuevas propiedades CSS, menos dependencias y nuevas tecnologías en navegadores más modernos.

Harold David Avila Sabogal

student•

Buen apunte muchas gracias

Daniel Esteves

student•

Y sobre todo, aportando a tu comentario, acelerar el proceso de desarrollo

camilo Rincon

student•

Framework Front-End o Framework Css
Excelente Clase, gracias profesor Sacha Lifsyc.

Jimmy Buriticá Londoño

student•

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++”.

Néstor José Silva Castillo

student•

Con el framework frontend reutilizamos la rueda antes de crearla. Su mayor ventaja me parece que es el ahorro de tiempo. Para ustedes :
Cuál es la mayor ventaja?

Sergio Ivan Santacruz Madrigal

student•

Liderá el mercado de frameworks css
Facil manejo
Multitud de plantillas para desarrollos desde cero o relacionacionados con Angular, Vuej, HTML
Mantiene un standart lo cual te permite modificar las bases y cambiar tu frontend en menor tiempo
son algunas entre muchas

David Alberto Mayurí Rojas

student•

Resumiendo seria el ahorro de tiempo para un Back-End

matias bravo

student•

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

Joel Dominguez Merino

student•

Mi perspectiva de los Frameworks CSS era que si, te ahorran tiempo. Pero me gustaba hacer todo con css puro. Ahora quiero expandir mi conocimiento y darle una oportunidad a estos temas de Frontend. Vi que salió la versión 5 de Bootstrap. Sera bueno seguir el curso con la versión 4? o mejor tratamos de hacer la practica con la versión 5 del mismo? Como crees que sea mas conveniente?

matias bravo

student•

honestamente yo igual prefiero trabajar con css puro, aunque no conozco mas framworks... quisiera aprende sass, less o stylus, honestamente bootstrap y tailwindcss se ven bien pero me siguen pareciendo ilegibles a pesar de la agilidad que te puedan dar al momento de codificar

Tania Paola Cruz González

student•

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

Enrique Garcia Stave

student•

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.

Alejandro Sanchez

student•

Si platzi en youtube tiene un video que explica que es un framework te lo recomiendo

Rocío Arielle Berthe

student•

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 :)