De maquetador a componentizador React, ¿qué ha cambiado?
•Descargar como PPTX, PDF•
1 recomendación•270 vistas
Charla de Rubén Bernárdez sobre los cambios de maquetador a componetizador en React del XVI Open Space de Biko, 19 octubre 2018
Denunciar
Compartir
Denunciar
Compartir
Recomendados
Diferentes tipos de software que sirven para crear o diseñar paginas web
Este documento describe diferentes tipos de software para crear y diseñar páginas web, incluyendo editores de código como Notepad++ y Firebug, editores WYSIWYG como PageBreeze y OpenBEXI, y editores más completos como Bluefish, Brackets y BlueGriffon. También menciona al editor de imágenes GIMP y el ahora desactualizado KompoZer.
Taller Testing en Grails con Grails y Geb (WebDriver) - Springio I/O 2011
Este documento presenta una introducción a las pruebas funcionales con Geb (WebDriver) en aplicaciones Grails. Explica que Geb permite probar la funcionalidad y el interfaz gráfico de aplicaciones web mediante el uso de navegadores como Firefox o Chrome. Utiliza un enfoque basado en objetos de páginas que proporciona modularidad y reutilización. También cubre temas como la inspección y navegación del contenido HTML, el uso de JavaScript y Ajax, y provee un ejemplo de aplicación de blog desarrollada en Gra
Html5
HTML5 es una colección de estándares para el desarrollo de páginas web que incluye nuevas etiquetas, APIs y especificaciones para permitir el desarrollo de aplicaciones web más complejas con funcionalidades como video, audio, bases de datos locales, dibujo en canvas, trabajadores web y geolocalización.
Untitled 1
Este documento describe las nuevas funciones de paginación que han sido agregadas recientemente a Google Docs. Ahora los usuarios pueden ver saltos de página visuales mientras editan un documento y saber el número total de páginas. La paginación mejora la experiencia del usuario al mostrar encabezados, pies de página y notas en cada página individual. La paginación es opcional y los usuarios pueden elegir entre ver el documento de forma paginada o continua. Además, ahora es posible imprimir directamente desde el navegador sin neces
ESTUDIANTE
Gliffy es una herramienta web 2.0 que permite a los usuarios crear y compartir diagramas de forma colaborativa en línea sin necesidad de instalar software. Ofrece una variedad de opciones para crear diagramas, dibujos, flujos de proceso e interfaces de usuario de forma fácil e intuitiva. Fue fundada en San Francisco y se ha convertido en una red nativa de software empresarial.
#MM17ES - Theming en Magento 2 usando un framework de front-end
Slides de la charla charla de Meet Magento España 2017 sobre la integración de un framework de front-end con Magento 2. En ella se habla sobre la instalación de un framework de frontend basado en SASS, su instalación y su uso utilizando Frontools. También se tratarán temas como la instalación de librerías, maquetado y performance.
Hypo slides
Slides for the presentation done in DotnetMalaga 2016 where I compared the three famous JavaScript frameworks Angular 1, React and Angular2. Video of the presentation can be found in: https://www.youtube.com/watch?v=Pc_sAc2q5qI.
Source code can be found in: https://github.com/epeicher/Hypotheke
Programas gratis para crear páginas webn
Este documento presenta 10 editores de páginas web gratuitos que permiten crear sitios web sin conocimientos de código HTML. Algunos de los editores mencionados son CoffeeCup Free HTML Editor, Notepad++, PageBreeze y Firebug, los cuales varían en su complejidad y funcionalidades desde editores básicos hasta potentes herramientas para desarrolladores.
Recomendados
Diferentes tipos de software que sirven para crear o diseñar paginas web
Este documento describe diferentes tipos de software para crear y diseñar páginas web, incluyendo editores de código como Notepad++ y Firebug, editores WYSIWYG como PageBreeze y OpenBEXI, y editores más completos como Bluefish, Brackets y BlueGriffon. También menciona al editor de imágenes GIMP y el ahora desactualizado KompoZer.
Taller Testing en Grails con Grails y Geb (WebDriver) - Springio I/O 2011
Este documento presenta una introducción a las pruebas funcionales con Geb (WebDriver) en aplicaciones Grails. Explica que Geb permite probar la funcionalidad y el interfaz gráfico de aplicaciones web mediante el uso de navegadores como Firefox o Chrome. Utiliza un enfoque basado en objetos de páginas que proporciona modularidad y reutilización. También cubre temas como la inspección y navegación del contenido HTML, el uso de JavaScript y Ajax, y provee un ejemplo de aplicación de blog desarrollada en Gra
Html5
HTML5 es una colección de estándares para el desarrollo de páginas web que incluye nuevas etiquetas, APIs y especificaciones para permitir el desarrollo de aplicaciones web más complejas con funcionalidades como video, audio, bases de datos locales, dibujo en canvas, trabajadores web y geolocalización.
Untitled 1
Este documento describe las nuevas funciones de paginación que han sido agregadas recientemente a Google Docs. Ahora los usuarios pueden ver saltos de página visuales mientras editan un documento y saber el número total de páginas. La paginación mejora la experiencia del usuario al mostrar encabezados, pies de página y notas en cada página individual. La paginación es opcional y los usuarios pueden elegir entre ver el documento de forma paginada o continua. Además, ahora es posible imprimir directamente desde el navegador sin neces
ESTUDIANTE
Gliffy es una herramienta web 2.0 que permite a los usuarios crear y compartir diagramas de forma colaborativa en línea sin necesidad de instalar software. Ofrece una variedad de opciones para crear diagramas, dibujos, flujos de proceso e interfaces de usuario de forma fácil e intuitiva. Fue fundada en San Francisco y se ha convertido en una red nativa de software empresarial.
#MM17ES - Theming en Magento 2 usando un framework de front-end
Slides de la charla charla de Meet Magento España 2017 sobre la integración de un framework de front-end con Magento 2. En ella se habla sobre la instalación de un framework de frontend basado en SASS, su instalación y su uso utilizando Frontools. También se tratarán temas como la instalación de librerías, maquetado y performance.
Hypo slides
Slides for the presentation done in DotnetMalaga 2016 where I compared the three famous JavaScript frameworks Angular 1, React and Angular2. Video of the presentation can be found in: https://www.youtube.com/watch?v=Pc_sAc2q5qI.
Source code can be found in: https://github.com/epeicher/Hypotheke
Programas gratis para crear páginas webn
Este documento presenta 10 editores de páginas web gratuitos que permiten crear sitios web sin conocimientos de código HTML. Algunos de los editores mencionados son CoffeeCup Free HTML Editor, Notepad++, PageBreeze y Firebug, los cuales varían en su complejidad y funcionalidades desde editores básicos hasta potentes herramientas para desarrolladores.
Herramientas Case
Este documento compara tres herramientas CASE: BOUML, Visible Analyst y Visual Paradigm. BOUML es de código abierto y permite generar código en varios lenguajes. Visible Analyst ofrece soporte completo para análisis y diseño de proyectos y está disponible en varias versiones. Visual Paradigm es multiplataforma, permite modelado de procesos de negocio y generación de código en 10 lenguajes.
Testing en BDD con Python y Behave
Este documento presenta una introducción a la prueba de comportamiento dirigida por datos (BDD) con Python y Behave. Explica que BDD trata de combinar aspectos técnicos y de negocio para que los requisitos de negocio formen parte del proceso de desarrollo. Luego describe cómo Behave permite automatizar pruebas funcionales usando el lenguaje Gherkin para definir casos de prueba de una manera entendible tanto para desarrolladores como para analistas de negocio. Finalmente, proporciona consejos como automatizar solo lo que
Introducción a SSIS con Biml
¿Te encuentras repitiendo los mismos pasos una y otra vez durante el proceso de desarrollo de ETL? BIML nos ayuda a automatizar patrones de Inteligencia de negocio y reduce la repetición manual que consume la mayor parte de su tiempo de desarrollo. En esta sesión aprenderemos los fundamentos del BIMLScript y mostraremos los beneficios de la creación de patrones de diseño para la automatización de los procesos de SSIS.
Conoce lo nuevo en RAD Studio, C++ Builder y Delphi 10.2.2
Un resumen del último lanzamiento de RAD Studio, Delphi y C++Builder. ¡Conoce las mejoras del IDE, los nuevos componentes de Windows 10, la integración de RAD Server en Enterprise y Architect, los nuevos Enterprise Connectors y más!
Gutenberg sin miedo
Este documento presenta una introducción a Gutenberg, el nuevo editor de bloques de WordPress. Explica las herramientas y tecnologías necesarias para empezar con Gutenberg, incluyendo JavaScript ES5/ES6, Node, npm, Babel, Webpack, React y JSX. También describe cómo funciona el estado global en Gutenberg y cómo acceder y modificar este estado. Finalmente, cubre conceptos como el registro de bloques, atributos de bloques y el desarrollo de plugins para Gutenberg.
Desarrollo Web Avanzado II
Introducción al desarrollo web avanzado II.
En esta clase presentaremos los aspectos básicos para el desarrollo web desde sus orígenes hasta las tendencias actuales.
Desarrollo y testeo modular de interfaces HTML5 / MVC - Congo framework
Presentación en CodeCamp BA, 15 de Octubre de 2011.
Al desarrollar interfaces para aplicaciones y sistemas de aplicaciones web HTML complejas con requerimientos de usabilidad, accesibilidad y SEO cubriendo múltiples plataformas (e.g, múltiples navegadores, responsive design), el diseño y desarrollo de la interfaz replica el modelo de "Shlemiel el pintor": en cada etapa se repiten pasos ya recorridos previamente, acumulando complejidad e incertidumbre hasta sobrepasar lo manejable.
Se presenta un conjunto de prácticas y herramientas desarrolladas y probadas en proyectos reales con distintos equipos de desarrollo, que permiten:
- Llevar el proceso de desarrollo de la interfaz a tiempo lineal en lugar de cuadrático.
- Incorporar pairwise testing cubriendo todos los casos durante el proceso de desarrollo, en lugar de tener que esperar a implementar la interfaz completa, operarla para encontrar casos imprevistos en QA y volver atrás.
- Reducir o eliminar los costos que impiden diseño y desarrollo de la interfaz por iteraciones.
- Reducir o eliminar costos de producción de documentación, prototipos para pruebas de usabilidad y entregables finales.
- Reducir o eliminar los costos de integración con entorno de producción.
Se presentará Congo, nuestro framework opensource en desarrollo para maquetación y testeo modular HTML5, como caso concreto, aplicable y extensible de estos conceptos.
React redux workshop
Este documento presenta un taller sobre React y Redux. Se divide en 4 cursos que cubren los conceptos básicos de React como componentes y estado, la arquitectura de Redux, y ejemplos prácticos de construcción de aplicaciones con estas tecnologías. El instructor tiene experiencia desarrollando aplicaciones frontend y compartirá su conocimiento a través de explicaciones y ejercicios prácticos de código.
De 0 a 100 con Magento 2
Este documento presenta una introducción a Magento 2. Explica los diferentes entornos de desarrollo como Linux, Mac y Windows. También cubre herramientas como PHP, MySQL, PHPStorm y navegadores. Detalla el proceso de desarrollo incluyendo la creación de módulos, uso de Composer, calidad de código y pruebas. Por último, ofrece consejos sobre despliegue y buenas prácticas.
Oscar recio - De 0 a 100 con Magento 2
Desde el entorno local hasta el despliegue en producción. Cómo trabajar con Magento 2 de la mejor manera y sentirnos cómodos desarrollando en el mejor framework de comercio electrónico del mercado.
Ionic 2
Este documento describe el desarrollo de aplicaciones móviles con Ionic 2. Explica brevemente la historia de las aplicaciones móviles, las diferentes arquitecturas de aplicaciones, y conceptos clave como Javascript, TypeScript y Angular 2. Luego introduce Ionic 2 como un framework para crear aplicaciones híbridas, y describe sus herramientas como Ionic CLI, Ionic View y Ionic Cloud.
Salesforce Lightning Components
Este documento describe los Lightning Components de Salesforce. Los Lightning Components son componentes reutilizables que permiten construir aplicaciones frontend con tecnología JavaScript. Ofrecen una alternativa a Visualforce para crear experiencias de usuario más interactivas e inmersivas aprovechando el modelo de componentes. Los Lightning Components pueden insertarse en aplicaciones de Salesforce como en sitios externos y son altamente configurables. Sin embargo, su desarrollo es más complejo que Visualforce debido al uso de eventos asíncronos y al framework Aura subyacente.
Joomla! v3 - Presentación
Joomla v3.0 presenta mejoras en la interfaz para dispositivos móviles, plantillas responsive, interfaz administrativa más fácil de usar, soporte para Bootstrap, Less CSS e IcoMoon, e integración con PostgreSQL y Memcached. Ofrece una experiencia de usuario y administrador mejorada, con instalación simplificada en tres pasos.
Diseño Fácil en WordPress con Elementor
Utilicé esta presentación en un taller ofrecido en la WordCamp Málaga 2020. El objetivo del taller era que los asistentes aprendieran las nociones básicas necesarias para diseñar webs con el plugin Elementor, el constructor de páginas visual que te permite maquetar contenido en WordPress de una forma sencilla e intuitiva. Tenéis el vídeo disponible en https://wordpress.tv/2020/03/18/delia-carballo-diseno-facil-en-wordpress-con-elementor/
Software basado en Componentes
El documento describe la ingeniería de software basada en componentes, la cual surge a finales de los 90 como un enfoque basado en la reutilización. Este paradigma involucra definir, implementar e integrar sistemas débilmente acoplados mediante la composición de componentes de software reutilizables. Algunas ventajas son mayor reutilización, pruebas y mantenimiento simplificados, y mejor calidad a largo plazo.
Software basado en Componentes
El documento describe el desarrollo de software basado en componentes, el cual implica definir, implementar e integrar sistemas débilmente acoplados mediante la reutilización de módulos de software. Este paradigma surgió a finales de los 90 y ofrece ventajas como mayor reutilización de código, pruebas y mantenimiento más simples, y mejor calidad. Un componente es una unidad de software independiente que puede componerse de otros componentes y utilizarse para crear sistemas.
Introduccion a SSIS con BIML
Este documento presenta una introducción al uso de Biml para automatizar procesos de SSIS. En la sesión del 15 de octubre, Guillermo Caicedo explicará los fundamentos de BimlScript y cómo crear patrones de diseño para automatizar tareas de SSIS de forma consistente. El documento también incluye la agenda de próximos eventos sobre temas relacionados a SQL Server y BI.
3.creacion de componentes visuales
El documento describe los conceptos fundamentales detrás del desarrollo de componentes visuales, incluyendo propiedades, eventos, persistencia y extensión de controles. También discute los beneficios del desarrollo basado en componentes como la reutilización de software y reducción de costos en comparación con el desarrollo de software a medida.
Sesion N°1.pdf
Este documento presenta la sesión introductoria de un curso sobre el modelado y detalle de estructuras de concreto armado y acero con Autodesk Revit. La sesión introduce Revit y sus ventajas al implementar la metodología BIM. Explica la diferencia entre los enfoques CAD y BIM, y cubre la configuración inicial, interfaz gráfica y elementos del software.
Guia Rapida Para Entender A La Generacion Z
Cómo habla la Generación Z, Influencias, evolución y ejemplos del lenguaje en la Generación post-millennial
Narrativas Metafóricas
Charla de Ujué Agudo y Carlos Jiménez sobre narrativas metafóricas en el XVI Open Space de Biko, 19 octubre 2018
Más contenido relacionado
Similar a De maquetador a componentizador React, ¿qué ha cambiado?
Herramientas Case
Este documento compara tres herramientas CASE: BOUML, Visible Analyst y Visual Paradigm. BOUML es de código abierto y permite generar código en varios lenguajes. Visible Analyst ofrece soporte completo para análisis y diseño de proyectos y está disponible en varias versiones. Visual Paradigm es multiplataforma, permite modelado de procesos de negocio y generación de código en 10 lenguajes.
Testing en BDD con Python y Behave
Este documento presenta una introducción a la prueba de comportamiento dirigida por datos (BDD) con Python y Behave. Explica que BDD trata de combinar aspectos técnicos y de negocio para que los requisitos de negocio formen parte del proceso de desarrollo. Luego describe cómo Behave permite automatizar pruebas funcionales usando el lenguaje Gherkin para definir casos de prueba de una manera entendible tanto para desarrolladores como para analistas de negocio. Finalmente, proporciona consejos como automatizar solo lo que
Introducción a SSIS con Biml
¿Te encuentras repitiendo los mismos pasos una y otra vez durante el proceso de desarrollo de ETL? BIML nos ayuda a automatizar patrones de Inteligencia de negocio y reduce la repetición manual que consume la mayor parte de su tiempo de desarrollo. En esta sesión aprenderemos los fundamentos del BIMLScript y mostraremos los beneficios de la creación de patrones de diseño para la automatización de los procesos de SSIS.
Conoce lo nuevo en RAD Studio, C++ Builder y Delphi 10.2.2
Un resumen del último lanzamiento de RAD Studio, Delphi y C++Builder. ¡Conoce las mejoras del IDE, los nuevos componentes de Windows 10, la integración de RAD Server en Enterprise y Architect, los nuevos Enterprise Connectors y más!
Gutenberg sin miedo
Este documento presenta una introducción a Gutenberg, el nuevo editor de bloques de WordPress. Explica las herramientas y tecnologías necesarias para empezar con Gutenberg, incluyendo JavaScript ES5/ES6, Node, npm, Babel, Webpack, React y JSX. También describe cómo funciona el estado global en Gutenberg y cómo acceder y modificar este estado. Finalmente, cubre conceptos como el registro de bloques, atributos de bloques y el desarrollo de plugins para Gutenberg.
Desarrollo Web Avanzado II
Introducción al desarrollo web avanzado II.
En esta clase presentaremos los aspectos básicos para el desarrollo web desde sus orígenes hasta las tendencias actuales.
Desarrollo y testeo modular de interfaces HTML5 / MVC - Congo framework
Presentación en CodeCamp BA, 15 de Octubre de 2011.
Al desarrollar interfaces para aplicaciones y sistemas de aplicaciones web HTML complejas con requerimientos de usabilidad, accesibilidad y SEO cubriendo múltiples plataformas (e.g, múltiples navegadores, responsive design), el diseño y desarrollo de la interfaz replica el modelo de "Shlemiel el pintor": en cada etapa se repiten pasos ya recorridos previamente, acumulando complejidad e incertidumbre hasta sobrepasar lo manejable.
Se presenta un conjunto de prácticas y herramientas desarrolladas y probadas en proyectos reales con distintos equipos de desarrollo, que permiten:
- Llevar el proceso de desarrollo de la interfaz a tiempo lineal en lugar de cuadrático.
- Incorporar pairwise testing cubriendo todos los casos durante el proceso de desarrollo, en lugar de tener que esperar a implementar la interfaz completa, operarla para encontrar casos imprevistos en QA y volver atrás.
- Reducir o eliminar los costos que impiden diseño y desarrollo de la interfaz por iteraciones.
- Reducir o eliminar costos de producción de documentación, prototipos para pruebas de usabilidad y entregables finales.
- Reducir o eliminar los costos de integración con entorno de producción.
Se presentará Congo, nuestro framework opensource en desarrollo para maquetación y testeo modular HTML5, como caso concreto, aplicable y extensible de estos conceptos.
React redux workshop
Este documento presenta un taller sobre React y Redux. Se divide en 4 cursos que cubren los conceptos básicos de React como componentes y estado, la arquitectura de Redux, y ejemplos prácticos de construcción de aplicaciones con estas tecnologías. El instructor tiene experiencia desarrollando aplicaciones frontend y compartirá su conocimiento a través de explicaciones y ejercicios prácticos de código.
De 0 a 100 con Magento 2
Este documento presenta una introducción a Magento 2. Explica los diferentes entornos de desarrollo como Linux, Mac y Windows. También cubre herramientas como PHP, MySQL, PHPStorm y navegadores. Detalla el proceso de desarrollo incluyendo la creación de módulos, uso de Composer, calidad de código y pruebas. Por último, ofrece consejos sobre despliegue y buenas prácticas.
Oscar recio - De 0 a 100 con Magento 2
Desde el entorno local hasta el despliegue en producción. Cómo trabajar con Magento 2 de la mejor manera y sentirnos cómodos desarrollando en el mejor framework de comercio electrónico del mercado.
Ionic 2
Este documento describe el desarrollo de aplicaciones móviles con Ionic 2. Explica brevemente la historia de las aplicaciones móviles, las diferentes arquitecturas de aplicaciones, y conceptos clave como Javascript, TypeScript y Angular 2. Luego introduce Ionic 2 como un framework para crear aplicaciones híbridas, y describe sus herramientas como Ionic CLI, Ionic View y Ionic Cloud.
Salesforce Lightning Components
Este documento describe los Lightning Components de Salesforce. Los Lightning Components son componentes reutilizables que permiten construir aplicaciones frontend con tecnología JavaScript. Ofrecen una alternativa a Visualforce para crear experiencias de usuario más interactivas e inmersivas aprovechando el modelo de componentes. Los Lightning Components pueden insertarse en aplicaciones de Salesforce como en sitios externos y son altamente configurables. Sin embargo, su desarrollo es más complejo que Visualforce debido al uso de eventos asíncronos y al framework Aura subyacente.
Joomla! v3 - Presentación
Joomla v3.0 presenta mejoras en la interfaz para dispositivos móviles, plantillas responsive, interfaz administrativa más fácil de usar, soporte para Bootstrap, Less CSS e IcoMoon, e integración con PostgreSQL y Memcached. Ofrece una experiencia de usuario y administrador mejorada, con instalación simplificada en tres pasos.
Diseño Fácil en WordPress con Elementor
Utilicé esta presentación en un taller ofrecido en la WordCamp Málaga 2020. El objetivo del taller era que los asistentes aprendieran las nociones básicas necesarias para diseñar webs con el plugin Elementor, el constructor de páginas visual que te permite maquetar contenido en WordPress de una forma sencilla e intuitiva. Tenéis el vídeo disponible en https://wordpress.tv/2020/03/18/delia-carballo-diseno-facil-en-wordpress-con-elementor/
Software basado en Componentes
El documento describe la ingeniería de software basada en componentes, la cual surge a finales de los 90 como un enfoque basado en la reutilización. Este paradigma involucra definir, implementar e integrar sistemas débilmente acoplados mediante la composición de componentes de software reutilizables. Algunas ventajas son mayor reutilización, pruebas y mantenimiento simplificados, y mejor calidad a largo plazo.
Software basado en Componentes
El documento describe el desarrollo de software basado en componentes, el cual implica definir, implementar e integrar sistemas débilmente acoplados mediante la reutilización de módulos de software. Este paradigma surgió a finales de los 90 y ofrece ventajas como mayor reutilización de código, pruebas y mantenimiento más simples, y mejor calidad. Un componente es una unidad de software independiente que puede componerse de otros componentes y utilizarse para crear sistemas.
Introduccion a SSIS con BIML
Este documento presenta una introducción al uso de Biml para automatizar procesos de SSIS. En la sesión del 15 de octubre, Guillermo Caicedo explicará los fundamentos de BimlScript y cómo crear patrones de diseño para automatizar tareas de SSIS de forma consistente. El documento también incluye la agenda de próximos eventos sobre temas relacionados a SQL Server y BI.
3.creacion de componentes visuales
El documento describe los conceptos fundamentales detrás del desarrollo de componentes visuales, incluyendo propiedades, eventos, persistencia y extensión de controles. También discute los beneficios del desarrollo basado en componentes como la reutilización de software y reducción de costos en comparación con el desarrollo de software a medida.
Sesion N°1.pdf
Este documento presenta la sesión introductoria de un curso sobre el modelado y detalle de estructuras de concreto armado y acero con Autodesk Revit. La sesión introduce Revit y sus ventajas al implementar la metodología BIM. Explica la diferencia entre los enfoques CAD y BIM, y cubre la configuración inicial, interfaz gráfica y elementos del software.
Similar a De maquetador a componentizador React, ¿qué ha cambiado? (20)
Conoce lo nuevo en RAD Studio, C++ Builder y Delphi 10.2.2
Conoce lo nuevo en RAD Studio, C++ Builder y Delphi 10.2.2
Desarrollo y testeo modular de interfaces HTML5 / MVC - Congo framework
Desarrollo y testeo modular de interfaces HTML5 / MVC - Congo framework
Más de Biko
Guia Rapida Para Entender A La Generacion Z
Cómo habla la Generación Z, Influencias, evolución y ejemplos del lenguaje en la Generación post-millennial
Narrativas Metafóricas
Charla de Ujué Agudo y Carlos Jiménez sobre narrativas metafóricas en el XVI Open Space de Biko, 19 octubre 2018
¿Son los micropagos el nuevo mal?
Este documento discute los micropagos en los videojuegos, que permiten compras pequeñas dentro de los juegos por recursos adicionales o recompensas aleatorias. Algunos argumentan que los micropagos son problemáticos, mientras que otros sugieren alternativas como aumentar el precio de los juegos, ejercer un consumo responsable, o tomar medidas contra las prácticas explotadoras de las grandes editoriales. El documento también proporciona enlaces a artículos adicionales sobre este tema.
Tendencias para la venta experiencial 2017
Este no es un informe de tendencias al uso. Y es que, aunque nos fascina estar a la última de lo que se cuece en el mundo de la tecnología y la experiencia del consumidor, aún nos vuelve más locos hacer algunas de esas tendencias realidad, que más allá de su espectacularidad sean útiles y consigan materializar objetivos tangibles.
Triplica la conversión de tu landing page
El documento presenta información sobre la psicología de la conversión y el diseño de páginas de aterrizaje para maximizar la captación de leads. Explica seis principios de influencia como la afinidad, reciprocidad y demostración social, y cómo aplicar sesgos cognitivos, tipografía, medios como video e imágenes, y diseños de página para mejorar la conversión y reducir la fricción del usuario.
Progressive web apps
El documento proporciona información sobre Progressive Web Apps (PWA). Explica que una PWA es una aplicación desarrollada únicamente con tecnología web que funciona de forma nativa, incluso sin conexión. Detalla las características clave de una PWA como iconos en la pantalla de inicio, modo inmersivo, pantalla de carga y notificaciones push nativas. Además, resalta las ventajas de las PWA sobre las aplicaciones nativas en términos de tiempo de instalación, actualizaciones y uso de recursos.
¡Hola flexbox! Adiós float...
Charla de Rubén Bernárdez en el Open Space 10 aniversario de Biko. ¡Adiós float, hola Flex Box! Maquetación de layouts para los navegadores de hoy
Desde hace ya mucho tiempo existe una alternativa a los float para maquetar los layouts de nuestros proyectos. Da solución a muchos de los problemas habituales en maquetación, simplifica el código y tendremos un código preparado para el futuro. Enseñaremos qué puede hacer esta característica de CSS3 en ejemplos reales de proyectos hechos en Biko.
Working effectively with legacy code
Charla de Iker (540) en el Open Space 10 aniversario de Biko. Cómo trabajar con código legado
Después de leernos el libro “Working effectively with legacy code” explicaremos algunos ejemplos chulos que explican en el libro sobre como trabajar con código legado, introducir testing y limpiar el código. Teórica y también práctica ya que entraremos a ver ejemplos en código.
Atom.io el editor definitivo VS PhpStorm el editor definitivo
Charla de David Gallego y Pablo Albizu (540) en el Open Space 10 aniversario de Biko. Cómo he configurado mi Atom y por qué no necesito ninguna licencia de phpStorm… Ser un chico barato no cuesta tanto Vs. Cómo no he perdido mi tiempo configurando PhpStorm y cómo el pago de su licencia es una de las mejores inversiones que puedes hacer como programador. Refactorizar código, testing e integración con otras herramientas con PhpStorm.
Contribuir a drupal
Este documento proporciona información y recursos para contribuir a Drupal. Explica cómo prepararse instalando el entorno LAMP y configurando herramientas como IRC y un IDE. Recomienda buscar issues novatas y rerolls para empezar. También cubre contribuir a módulos, crear propios proyectos y aplicarlos. Incluye enlaces a documentación sobre mantenedores, procesos de contribución y herramientas de revisión de código.
Apis killed the website star.pptx
Este documento describe cómo las APIs han reemplazado a los sitios web tradicionales como la estrella principal. Explica brevemente qué es una API y cómo han evolucionado de ser componentes a convertirse en productos completos. También destaca la importancia de diseñar APIs de forma iterativa e incremental, fomentando la reutilización y reduciendo la dependencia de TI. Finalmente, resalta algunas claves para diseñar una buena API, como tratarla como un producto, enfocar el diseño desde la perspectiva del usuario externo y proporcionar
Drupal 8: deploy capistrano y gestión de la configuración
Este documento describe cómo usar Capistrano para implementar despliegues automatizados de sitios Drupal 8. Capistrano es una herramienta de Ruby que permite implementar cambios de código de forma segura en servidores remotos. Explica los requisitos, las tareas que realiza Capistrano como implementar cambios y hacer rollback, y cómo configurar Capistrano y Drupal para admitir despliegues automatizados.
Introducción a Tag Manager
Tag Manager es una herramienta de Google que permite gestionar de forma remota etiquetas de seguimiento y código en páginas web y aplicaciones móviles. Se utiliza para integrar etiquetas de analítica, remarketing y eventos personalizados de una forma más sencilla y ordenada que modificando directamente el código. Tag Manager funciona mediante cuentas, contenedores, etiquetas, activadores y variables para determinar cuándo se activan las etiquetas.
Fields en drupal 8
Este documento describe los campos en Drupal 8. Explica que los campos se usan para cumplir casos de lógica de forma eficiente y se usan en view modes, views selects y fechas. Luego detalla la estructura de los campos personalizados en D8, incluidos los tipos de campo, widgets de campo y formatos de campo. Finalmente, proporciona ejemplos adicionales y una sección de preguntas y debate.
Amp - contenido instantáneo en móvil
AMP (Accelerated Mobile Project) de Google permite crear contenidos que carguen de forma instantánea en móvil. Cuenta con el apoyo de toda la industria editorial y grandes medios mundiales (CNN, El País, The New York Post, BBC, etc.). Vemos cómo se trabaja con AMP, sus pros y contras, y cómo hemos reutilizado muchos conceptos de AMP para la nueva versión móvil de Grupo Noticias que acabamos de lanzar.
Sesión de narrativa digital y proceso de descubrimiento en proyectos
Ujué nos enseña cuáles son las técnicas que se aplican para crear una buena narrativa y cómo eso conecta con el proceso de descubrimiento que sigue siempre que se enfrenta a un proyecto nuevo.
Tendencias web en el sector agroalimentario
Descubre cómo marcas, distribuidores y productores enfocan su presencia web: estrategias, planteamientos al usuario, técnicas de atracción y retención de clientes.
Realidad aumentada y Movilidad
Este documento habla sobre la realidad aumentada y su historia, aplicaciones y futuro. Explica que la realidad aumentada fusiona lo digital y lo físico en tiempo real de forma interactiva usando dispositivos móviles. También describe brevemente algunas aplicaciones comerciales actuales como en turismo, educación, salud y marketing.
Movilidad - Tendencias que cambiarán nuestras vidas
Este documento presenta varias tendencias emergentes en la movilidad y el comercio digital. Brevemente discute el aumento del uso de dispositivos móviles, la importancia de las estrategias multicanal e integradas, y las opciones para monetizar aplicaciones y servicios móviles, como la publicidad, las suscripciones y las compras internas.
Webinar: Aterrizaje de proyectos digitales
Porque el mundo online hoy es crítico para cualquier tipo de negocio. Porque cada vez que se arranca un proyecto digital no se tienen en cuenta aspectos clave del foco de negocio y de la orientación a nuestros clientes. Porque trabajar la estrategia digital no tiene porque ser algo ni laborioso ni costoso sino un proceso donde equipos multidisciplinares trabajen con armonía y orientados a resultados.
Éste fue el leitmotiv del webinar de Aterrizaje de proyectos que lanzamos ayer 11 de septiembre, enfocado de manera práctica para entender las 3 preguntas clave de una estrategia digital (Why, Who y What) y la orientación a resultados frente a entregable.
Más de Biko (20)
Atom.io el editor definitivo VS PhpStorm el editor definitivo
Atom.io el editor definitivo VS PhpStorm el editor definitivo
Drupal 8: deploy capistrano y gestión de la configuración
Drupal 8: deploy capistrano y gestión de la configuración
Sesión de narrativa digital y proceso de descubrimiento en proyectos
Sesión de narrativa digital y proceso de descubrimiento en proyectos
Movilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidas
Último
SLIDESHARE, qué es, ventajas y desventajas
slideshare es una plataforma qué permite subir archivos, como PDF, videos, infografías, documentos, etc
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
La revolución de Netflix redefiniendo las películas, la televisión, el arte y la música 1.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
Un pequeño resumen sobre como "Evoluciono las web" desde la 1.0 hasta la 5.0.
Trabajo
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
Trabajo monográfico sobre el tema Comunidades de Aprendizaje en línea
Sesión N°10 / Monografía sobre la inteligencia artifical
Presentando mi monografía sobre la inteligencia artificial, un tema muy interesante para nuestra generación.
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales (2).pdf
En 1974 la Crónica de la Organización Mundial de la
Salud publicó un importante artículo llamando la atención
sobre la importancia de la deficiencia de yodo como problema
de la salud pública y la necesidad de su eliminación, escrito por
un grupo de académicos expertos en el tema, Prof. JB Stanbury
de la Universidad de Harvard, Prof. AM Ermans del Hospital
Saint Pierre, Bélgica, Prof. BS Hetzel de la Universidad de
Monash, Australia, Prof. EA Pretell de la Universidad Peruana
Cayetano Heredia, Perú, y Prof. A Querido del Hospital
algunos casos de tirotoxicosis y el temor a su extensión con
(18)
distribución amplia de yodo . Recién a partir de 1930 varios
(19)
investigadores, entre los que destaca Boussingault , volvieron
a insistir sobre este tema, aconsejando la yodación de la sal para
su uso terapéutico.
Desórdenes por deficiencia de yodo en el Perú
Universitario, Leiden, Holanda .
(15)
En el momento actual hay suficiente evidencia que
demuestra que el impacto social de los desórdenes por
deficiencia de yodo es muy grande y que su prevención resulta
en una mejor calidad de vida y de la productividad, así como
también de la capacidad de educación de los niños y adultos.
Prevención y tratamiento de los DDI
Los desórdenes por deficiencia de yodo pueden ser
exitosamente prevenidos mediante programas de suplementa-
ción de yodo. A través de la historia se han ensayado varios
medios para tal propósito, pero la estrategia más costo-efectiva
y sostenible es el consumo de sal yodada. Los experimentos de
Marine y col.
(16, 17)
entre 1907 a 1921 probaron que la deficiencia
y la suplementación de yodo eran factores dominantes en la
etiología y el control del bocio endémico. El uso experimental
de la sal yodada para la prevención del bocio endémico se llevó
a cabo en Akron, Ohio, con resultados espectaculares y fue
seguida por la distribución de sal yodada en Estados Unidos,
Suiza y otros lugares. El uso clínico de este método, sin
embargo, fue largamente postergado por la ocurrencia de
La presencia de bocio y cretinismo en el antiguo Perú
antecedió a la llegada de los españoles, según comentarios en
crónicas y relatos de la época de la Conquista y el Virreinato. En
(20)
una revisión publicada por JB Lastres se comenta que Cosme
Bueno (1769), refiriéndose a sus observaciones entre los
habitantes del altiplano, escribió “los más de los que allí habitan
son contrahechos, jibados, tartamudos, de ojos torcidos y con
unos deformes tumores en la garganta, que aquí llaman cotos y
otras semejantes deformidades en el cuerpo y sus corres-
pondientes en el ánimo”. Y es lógico aceptar como cierto este
hecho, dado que la deficiencia de yodo en la Cordillera de los
Andes es un fenómeno ambiental permanente desde sus
orígenes.
Luego de la Independencia hasta los años 1950s, la
persistencia del bocio y el cretinismo endémicos en la sierra y la
selva fue reportada por varios autores, cuyos importantes
(20)
Oración a Pomba Gira María Padilha .docx
Oración A Pomba Gira María Padilha para que regrese el ser amado
Análisis de Crowdfunding con el maestro Tapia de Artes
Este documento muestra un análisis de las diferentes plataformas de Crowdfunding que analizamos en clase
Último (14)
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
Sesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artifical
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales (2).pdf
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales (2).pdf
Análisis de Crowdfunding con el maestro Tapia de Artes
Análisis de Crowdfunding con el maestro Tapia de Artes
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
De maquetador a componentizador React, ¿qué ha cambiado?
- 1. BIKO OPEN De maquetador a componentizador React ¿qué ha cambiado? Octubre 2018
- 2. Lead Frontend Developer Rubén Bernárdez Construyendo software desde hace 15 años. Responsable del desarrollo en React en Biko. Profesor en el Master de Métodos Ágiles en La Salle. ruben.bernardez@biko2.com @rubenbpv
- 4. www.biko2.com maquetador HTML componentizador SASS Jekyll block--element__modifier BEM Componentes visuales JSX styled components + polished storybook <no es necesario> Componentes funcionales
- 6. www.biko2.com storybook Entorno de desarrollo de componentes / Construye y prueba componentes de forma aislada. / Despliégalo en cualquier servidor web. / Úsalo como catálogo de componentes documentados.
- 8. www.biko2.com ¿Qué hemos ganado? / Componentes funcionales, no sólo visuales / Componentes muy reutilizables e independientes / Entorno de creación y pruebas de componentes aislados con Storybook / Compartir fácilmente configuración de CSS con Javascript / Disponer toda la potencia de Javascript, mayor que la de SASS / Estilos aislados / CSS crítico sin esfuerzo
- 9. MADRID · PAMPLONA · LIMA www.biko2.com · +34 91 436 48 54
Notas del editor
- maquetador: Al usar repetimos una y otra vez el código. Si luego cambia la forma de especificar un botón puede tocar cambiarlo en decenas de sitios. las clases son detalles de implementación componentizador: Componente funcional, me lo llevo donde quiera y lo reutilizo. Es un perfil desarrollador