Introducción a los marcos web
Mapa vial
- Discuta qué marcos son y por qué nos ayudan a escribir aplicaciones
- Aprenda la distinción entre Frontend, Backend y CSS Frameworks
- Aprenda qué marcos son populares por ahora y por qué
- Saber cómo tomar decisiones sobre qué marcos usar para proyectos
¿Qué tipo de aplicación construirías?
Si no está seguro, ¡aquí y aquí tienen algunas ideas geniales! Además, pase un tiempo pensando en lo que haría que su aplicación sea más exitosa. Discuta sus ideas con las personas en su mesa.
Similitudes de aplicaciones web
Mire a Facebook, Twitter, LinkedIn y Github y enumere algunas de las similitudes que ve con las personas cercanas a usted.
¿Qué son los marcos?
Si observamos un par de aplicaciones web diferentes, podemos ver que hay un montón de características duplicadas. Todos los que observamos anteriormente tienen autenticación de usuarios, vistas que representan, se conectan a bases de datos, tienen perfiles que puede ver, todos tienen alimentos estilizados de información, etc. Si quisiera, podría escribir toda esa lógica cada vez que quiera construir una nueva aplicación; Sin embargo, también hay muchas herramientas disponibles que pueden hacerlo por nosotros. Además, muchas veces cuando creamos aplicaciones queremos formatear nuestro código de cierta manera que nos ayude a ser eficientes y ayuden a otros desarrolladores más fácilmente a comprender nuestro código. Los marcos web nos ayudan a lograr una estructura para nuestras aplicaciones, y nos dan características adicionales que podemos agregar a nuestras aplicaciones sin demasiado trabajo adicional. Los marcos nos dan un lugar para comenzar con nuestras aplicaciones para que podamos centrarnos en las características de nuestras aplicaciones en lugar de los detalles de configuración.
Most websites share a very similar (not to say identical) structure. The aim of frameworks is to provide a common structure so that developers don’t have to redo it from scratch and can reuse the code provided. In this way, frameworks allow us to cut out much of the work and save a lot of time.
To summarize: there’s no need to reinvent the wheel.
de awwward.
Backend vs frontend
El frontend de una aplicación web es la parte que ve e interactúa. Consiste en el diseño web y la interacción del sitio. En términos de lenguajes de programación, esto casi siempre se compone de CSS, HTML y JavaScript de la página.
El backend consiste en el servidor, la base de datos y el código que interactúa con ellos. Esto también consiste en el código que proporciona datos dinámicos al interfaz del sitio. Esto se puede manejar en la mayoría de los langues de programación. Los que discutiremos principalmente hoy son JavaScript de Python, Ruby y Node, pero hay innumerables otros.
Marcos de interfaz de usuario
Los marcos de interfaz de usuario ayudan a crear aplicaciones web estilizadas y de aspecto profesional. La mayoría incluye algún tipo de sistema de cuadrícula para que pueda tener elementos alineados bien, tienen esquemas de color para que se manejen para usted y estilice sus componentes HTML para que se vean limpios y profesionales.
Algunos de estos incluyen:
- Oreja
- Muy bien conocido y construido por Twitter
- Fácil de aprender y se ve profesional
- Puede ser fácil ver "sitios de arranque"
- Puede ser difícil de personalizar los componentes
- Materializar
- Mirada limpia
- Un poco más "divertido" que bootstrap
- Muchas opciones de estilo y color
- Sigue la guía de estilo de material de Google
- Base
- Muchos ejemplos
- Aspecto profesional
- UI semántica
- Lotes incorporados
- Temas incorporados para que sea personalizable
- Aro
- Tiene un gran enfoque en la accesibilidad
- Se ve realmente limpio
- No tan usado como algunos de los otros
- Hecho para react js (otro marco que veremos más tarde)
Elegir un marco de UI
Elegir un marco de UI se reduce principalmente a la preferencia personal en la apariencia y los objetivos del sitio. Los diferentes estilos pueden atraer más a las diferentes industrias o pueden transmitir un mensaje diferente.
Pase unos minutos discutiendo las apariencias de diferentes y elija cuál sería la mejor para su aplicación de muestra.
Frontend Frameworks
- Vue
- Fácil de aprender
- Muy rápido
- Todas las herramientas asociadas con ella están bien empaquetadas
- Toma partes de angular y las reacciona y las optimiza
- menos ampliamente adoptado que algunos otros
- Flexible: puede usarlo de varias maneras
- Angularjs
- Construido por Google
- Bien compatible
- Gran cantidad de características
- Mejora la escalabilidad de la aplicación
- Difícil de depurar
- Gran curva de aprendizaje
- Angular 2+
- Construido por Google
- Bien compatible
- Fomenta la reutilización
- Mejora la escalabilidad de la aplicación
- Gran curva de aprendizaje
- Reaccionar
- Construido por Facebook
- Bundle Frontend Code en componentes
- Organiza el código y los datos para hacer que el código sea más reutilizable
- Gran curva de aprendizaje
- Tiene cierta controversia con sus cláusulas de propiedad intelectual
- Ascua
- Da una gran cantidad de funcionalidad fuera de la caja
- APARTAMENTE (tienes que usar su formato)
- Curva de aprendizaje empinada
Elegir un marco frontend
Realice algunos de estos y mire el código. También investigue los pros y los contras de cada uno. Piense en lo que sería mejor aprender o integrarse en la idea de su aplicación.
Marcos de backend
- MVC de primavera
- Java (lenguaje más difícil de aprender)
- Muy rápido
- Menos obstinado
- Django
- Python (lenguaje más fácil de aprender)
- Feliz medio entre ser muy obstinado y menos estructurado
- Le brinda mucha funcionalidad de la caja (como autenticación de usuario, conexiones de bases de datos y visión de representación)
- Puede ser difícil integrar un interfaz elegante.
- El manejo de datos de Python es sorprendente
- Matraz
- Python (lenguaje más fácil de aprender)
- Menos obstinado y más personalizable que django
- Te da menos de la caja (tienes que construir más)
- Ruby on Rails
- Ruby (lenguaje más fácil de aprender)
- Muy obstinado
- Tiene excelentes herramientas como andamios para que pueda construir cosas rápidamente
- Le brinda mucha funcionalidad de la caja (como autenticación de usuario, conexiones de bases de datos y visión de representación)
- La tubería de activos ayuda con el desarrollo frontend
- Ruby tarda más en ejecutar programas que otros lenguajes de programación
- Meteorito
- JavaScript (lenguaje más fácil de aprender)
- Le brinda mucha funcionalidad de la caja (como autenticación de usuario, conexiones de bases de datos y visión de representación)
- Se integra muy bien con los frontends modernos
- Expresar
- JavaScript (lenguaje más fácil de aprender)
- Muy personalizable
- Muy liviano
- Características menos construidas
- El nodo es muy rápido
Elegir un marco de backend
Realice algunos de estos y mire el código. También investigue los pros y los contras de cada uno. Piense en lo que sería mejor aprender o integrarse en la idea de su aplicación.
¡Más recursos!
- Tutorial de chicas django
- Academia de código
- ToDomVC
- Podcast CodeNewbie
- Mujeres que codifican DC
- ¿Qué tan rápido son los diferentes lenguajes de programación?
¡Manténgase en contacto!
- aspittel.github.io
- @aspittel en Twitter
- Aspittel en Github
- Ali Spittel en LinkedIn