El fenómeno "no-code" ha venido para quedarse

En los últimos tiempo, se ha popularizado mucho el término "no-code". Si no has oído hablar de él, estás tardando en unirte a este movimiento que promete revolucionar el mundo del desarrollo web y de aplicaciones para dispositivos móviles.
Tanto es así, que se ha creado un ecosistema, una pequeña industria, dedicada a desarrollar herramientas de este tipo. Hablamos de soluciones software, mediante las cuales, con muy poco esfuerzo y sin conocimientos de programación, podemos desarrollar páginas web o aplicaciones móviles, cada vez con más funcionalidades, en muy poco tiempo.

En esta jornada hablaremos en profundidad sobre qué son las herramientas "no-code", nombraremos algunas, veremos ejemplos prácticos y mostraremos qué podemos hacer con ellas.

Transcript

1. El fenómeno “no-code” ha venido para quedarse
2. 2 2 Kaixo! Soy Imanol Desarrollador web, consultor y formador IT Contacta conmigo en @itermar o imanol@itermar.io https://www.itermar.io/formacion-presencial/
3. 3 3 Otros proyectos de formación Academia de Control Parental https://www.academiadecontrolparental.com Academia de Productividad https://www.academiadeproductividad.com Herramientas de teletrabajo https://www.itermar.io/teletrabajo/
4. Índice 1. Introducción 2. ¿Qué es eso de las herramientas “no-code”? 3. ¿Qué podemos hacer con ellas? 4. ¿Cuáles son las más populares? 5. Ejemplos prácticos 6. Demo time 4
5. Introducción Pongámonos en situación
6. - Cada vez vemos que es más importante tener nociones de programación - Independientemente del sector - Se está metiendo cada vez más en educación - Desde edades tempranas 6 Introducción
7. - En los colegios se habla de conceptos como: - Lógica computacional - Pensamiento analítico - Trabajo por proyectos - Learn by doing 7 Introducción
8. - Proyectos aprender programación desde edades tempranas: - Swift Playgrounds - Scratch - Imagine, Program, Share - Code.org: Learn computer science. Change the world. - Code Monster from Crunchzilla - Computer programming | Computing 8 Introducción
9. - Es muy útil conocer cómo funcionan los sistemas de software - Conceptos computacionales básicos: - Operaciones lógicas - Condicionales - Bucles - ...etc 9 Introducción
10. - Por otro lado, a pesar de tener estos conocimientos, no siempre será necesario ni recomendable crear un desarrollo software desde cero - Prototipos - Validación de ideas - Pequeños proyectos... 10 Introducción
11. - El mercado cambia cada vez más deprisa - Debemos ser capaces de imprimir esa velocidad a todas las áreas de nuestro negocio - Necesitamos herramientas que nos permitan adaptarnos al cambio de forma ágil 11 Introducción
12. - Con soluciones de desarrollo software tradicionales se tardan muchos meses en tener lista una aplicación. - Con las nuevas metodologías y herramienta podemos reducir tiempo de forma sorprendente - Tener prototipo totalmente funcional en unos días 12 Introducción
13. - La transformación digital de las empresas en imparable - Gracias a estas nuevas posibilidades, las empresas pueden afrontarla con más calma y garantías 13 Introducción
14. - Evolución del proceso de desarrollo de software: - Primera Era: 1950-1965 - Segunda Era: 1965-1972 - Tercera Era: 1972-1989 - Cuarta Era: 1990-1999 - 2000-Actualidad 14 Introducción
15. Introducción Evolución proceso desarrollo software 15 1972 Tercera Era Aparecen redes y comunicaciones digitales 1990 Cuarta Era Surge la programación orientada a objetos y la Inteligencia artificial 1950 Primera Era Prueba y Error 1965 Segunda Era Nace la Ingeniería del Software 1999 Actualidad Era de Internet y las metodologías ágiles
16. - Codificar y corregir - Sin planificación - Sin documentación - Pocos métodos formales - Prueba-error - Lenguajes: - Fortran, Basic, Cobol 16 Introducción Primera Era 1950-1965
17. - Se busca simplificar código - Aparecen conceptos de multiprogramación y multiusuarios - Inicio de la crisis del software - Nacimiento de la Ingeniería del Software - Lenguajes: - Pascal, Prolog 17 Introducción Segunda Era 1965-1972
18. - Sistemas distribuidos - Sistemas de información complejos - Aparecen las redes y las comunicaciones digitales - Lenguajes: - C, C++, dBase 18 Introducción Tercera Era 1972-1989
19. - Aparecen redes de información - Surge la programación orientada a objetos - Redes neuronales - Inteligencia artificial - Lenguajes: - Java 19 Introducción Cuarta Era 1990-1999
20. - Prominencia de Internet - Nuevos métodos para optimizar carga de nuevos formatos imagen, vídeo… - Crece el uso de navegadores web - Auge de HTML - Aumentan los virus informáticos - Buscadores 20 Introducción Cuarta Era 1990-1999
21. - Metodologías ligeras - Crece demanda de software en empresas pequeñas - Soluciones software más asequibles - Desarrollos más simples y rápidos - Aquí entra el concepto “no-code” 21 Introducción Actualidad
22. ¿Qué es eso de las herramientas no-code? ¿De qué estamos hablando?
23. ¿Es posible crear software profesional sin saber programar? 23
24. Sí, se puede 24
26. Las herramientas no-code, permiten a programadores y no programadores, crear aplicaciones de software mediante una interfaz gráfica y una serie de configuraciones, en lugar de la clásica programación informática 26 - Wikipedia
27. - Herramientas web o de escritorio que permiten desarrollar aplicaciones software sin tocar una línea de código - Con ellas, podemos desarrollar software para uso profesional 27 ¿Qué es eso de las herramientas no-code ?
28. - Podríamos decir que el movimiento “no-code” siempre ha estado ahí - Paso de línea de comandos a GUI - De MS-DOS a Windows - De HTML a editores WYSIWYG 28 ¿Qué es eso de las herramientas no-code ?
29. - Este fenómeno es especialmente relevante para los desarrolladores independientes. - Tiene muchos beneficios 29 ¿Qué es eso de las herramientas no-code ?
30. 30 ¿Qué es eso de las herramientas no-code ?
31. Si quieres algo bien hecho, hazlo tu mismo 31 - Napoleón Bonaparte
32. - Amplían el número de perfiles que pueden desarrollar software - Beneficios: - Conocer el sistema de arriba a abajo - Autosuficiencia - No depender de terceros - Autoaprendizaje 32 ¿Qué es eso de las herramientas no-code ?
33. “No-code” VS “Low-code”
34. 34 “No-code” vs “Low-code” - Hay otro concepto similar, conocido como “Low-code” - Introducido por primera vez en 2014, por analistas de Forrester
35. 35 “No-code” vs “Low-code” - Ambos son similares - La principal diferencia es que en el “low-code” puede ser necesario introducir algo de código - Requiere conocimientos básicos de programación - Adaptaciones y personalizaciones - Es necesario contar con un departamento de IT o externalizar
36. 36 “No-code” vs “Low-code” - Creación de la app - Accesibles a cualquier perfil u orientado solo a desarrolladores - Diseño estructural de la app - Hacer todo mediante drag&drop o tener que introducir algo de código - Interfaz de usuario - Más o menos opciones, mayor o menor nivel de configuración
37. 37 “No-code” vs “Low-code” - En “no-code” no se requiere utilizar ni una sola línea de código - A menudo se tratan como un solo concepto - Actualmente, el término más utilizado es el de “no-code”
38. El fenómeno en cifras
39. $ 1.700M Volumen de mercado en 2015 39
40. $ 21.000M Volumen de mercado en 2022 40
41. + 50% Ingresos anual para proveedores de soluciones “no-code” y “low-code” 41
42. + 40% Estimación de crecimientos anuales 42
43. 65% De apps desarrolladas con herramientas no-code en 2024 43
44. Ecosistema “no-code”
45. 45 Ecosistema “no-code” - Se está creando una pequeña industria en torno a este fenómeno - Cuenta con una gran comunidad y muchos recursos - Rápida popularización
46. 46 Ecosistema “no-code” Eventos - No Code Conference 2019 - No-Code Now! by Betty Blocks
47. 47 Ecosistema “no-code” Sitios especializados - Makerpad: Build & operate businesses without code - A curated directory of resources, tools & hacks for non-techs - Zeroqode is a Platform with No-Code App Templates, Courses, Plugins, etc - SinCódigo — Crea y lanza tu negocio sin saber programar - Learn to build, without code
48. 48 Ecosistema “no-code” Foros - Nucode: No Code Maker Community - Built without code - Bubble Forum
49. 49 Ecosistema “no-code” Podcasts - No Code No Problem
50. 50 Ecosistema “no-code” Empresas especializadas - 8020 | We help companies move faster without code. - No-code solution examples - Webflow Expert
51. Ventajas e inconvenientes
52. 52 Ventajas del “no-code” - Desarrollo rápido - Lo haces tú mismo - Ahorro de tiempo - Ahorro económico - Validar ideas - Control sobre el proceso
53. 53 Ventajas del “no-code” - Reducción del mantenimiento - Mejora de productividad en equipo de desarrollo - Fomentar participación - Colaboración entre departamentos - Implicación de toda la empresa - Realizar cambios al momento - Adoptar forma de pensar de un programador
54. 54 Inconvenientes del “no-code” - Dependencia de las herramientas - Efecto “Lock-in” - Límites de personalización - Límites de integración con otros servicios - Falta de control - Seguridad y fiabilidad
55. Posibilidades Qué podemos hacer con estas herramientas
56. 56 Posibilidades - Páginas web - Landing pages - Apps móviles - Automatización de tareas - Chatbots - Prototipos - Asistentes de voz
57. 57 Posibilidades - Hojas de cálculo + BBDD - Documentos enriquecidos - Desarrollo de videojuegos
58. 58 Aplicaciones prácticas - Casos de negocio simples, que sigan modelo CRUD (Create, Read, Update, Delete) - Reemplazar hojas de cálculo tradicionales - Aplicaciones con tiempo de vida corto - Procesos manuales sin necesidad de conectar con servicios de terceros
59. Las más populares No te las pierdas
60. 60 Top 25 - Adalo - Build Your Own No Code App - Webflow: Responsive web design tool, CMS, and hosting platform - Create an App from a Google Sheet in Minutes · Glide - Sheet2Site: Website Builder Using Google Sheets - Thunkable.com: Drag and Drop Mobile App Builder for iOS and Android
61. 61 Top 25 - Carrd - Simple, free, fully responsive one-page sites for pretty much anything - Typeform: The future of forms is here - Airtable - Shopify: Best Ecommerce Platform Made for You - Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
62. 62 Top 25 - Coda | A new doc for teams. - Bubble: Visual Programming - ProtoPie - Interactive prototyping tool for all digital products - Zapier | The easiest way to automate your work - Integromat - The glue of the internet
63. 63 Top 25 - Parabola - Make your computer work for you. - Clay.run - MemberSpace - Turn any part of your website into members-only with just a few clicks - MemberStack - Memberships and Gated content w/out code - Sharetribe - Create an online marketplace
64. 64 Top 25 - Voiceflow | Design, prototype, and build voice apps. - AppGyver - Table2Site: Convert your airtable base to a website - Online Mockup, Wireframe & UI Prototyping Tool · Moqups - Landen: The Website Platform for Startups
65. 65 Lo que está por venir - Draftbit - Visually build native mobile apps. - Play: A new approach for creating better mobile apps. - Create 3D games with friends, no experience required
67. 67 Lo que está por venir
68. 68 Lo que está por venir - A principios de Febrero 2020, Google compra Appsheet, plataforma para desarrollar apps sin código - Los “big players” como Google y Microsoft ya están en el “no-code” - Habrá grandes cambios
69. Ejemplos prácticos Veamos de qué son capaces
70. 70 Ejemplos Casos prácticos - Academia de Control Parental - Academia de Productividad - NotRealTwitter - QritiQ — A community for good design feedback - Adopta Un Experto - Stories
71. 71 Ejemplos Casos prácticos - Ecommniches - Maker Wiki | Ask questions about Airtable, Webflow, Zapier & more - How Dani Bell built a $30k MRR done-for-you content marketing business with no-code - * Directorio apps Productividad/Teletrabajo
72. Demo Time Manos a la obra!!!
73. 73 Demo Manos a la obra
74. 74 Demo Página web Herramientas a utilizar
75. 75 Demo Página web Pasos a seguir - Crear una página web en Webflow a partir de una plantilla - Crear una tabla en Airtable - Insertar código <embed> de la table en la web
76. 76 Demo Landing page con formulario Look & Feel Place your screenshot here
77. 77 Demo Landing page Con formulario Herramientas a utilizar
78. 78 Demo Landing page Con formulario Pasos a seguir - Crear una landing page a partir de una plantilla en Carrd - Crear un formulario en Typeform - Insertar código <embed> del formulario en la landing
79. 79 Demo App + Automatizar servicios Look & Feel
80. 80 Demo App + Automatizar servicios Herramientas a utilizar
81. 81 Demo App + Automatizar servicios Pasos a seguir 1. Crear hoja de cálculo Google Sheets 2. Crear documento de Coda con una tabla 3. Crear app en Glide 4. Crear la automatización en Zapier
82. 82 Demo App + Automatizar servicios Enlaces 1. Hoja de cálculo: https://docs.google.com/spreadsheets/d/1j3clp5LmbLDtjPBSvZ a3wug2UW5kuQN7QFs91Hf0Ydw/edit?usp=sharing 2. Documento de Coda: https://coda.io/@imanol-teran-maruri/jornada-el-fenomeno-no -code-esta-aqui-para-quedarse 3. App: jornadanocode.glideapp.io
83. Recursos de aprendizaje
84. 84 Recursos Propios - Crea páginas web sin código con Webflow - Crea prototipos de apps totalmente funcionales sin conocimientos de programación - Taller AppGyver
85. 85 Recursos Externos - Crash Course - Grasshopper: Learn to Code for Free - Mimo: Learn to Code - The Future is No-Code | Read by Questions - https://ebooks.webflow.com/ebook/th e-no-code-revolution?utm_source=ite rable&utm_medium=email&utm_ca mpaign=the-no-code-revolution#eboo k-content - https://airtable.com/shrkvKGKMopXB G2eM/tblvoa4t2o9EZPfBE
86. 86 Recursos Artículos - No-code movement: building startups without code - The No-Code Movement And What It Means For Agencies - The Rise of “No Code” - Ryan Hoover - Nearly everything there is to know about no-code - https://www.thedailymba.com/2020/01/24/how-the-no-code-m ovement-can-help-startups-and-developers/ - The No-Code Movement Is Changing Who Gets to Be a Builder - The No-Code Movement And What It Means For Agencies - Makerpad tutorial - Creating a membership website on Webflow (extensive overview)
87. Futuro del “no-code”
88. 88 Futuro del “no-code” - Desde hace tiempo nos encontramos ante lo que se conoce como “The Last Mile Problem” - Actualmente, las empresas utilizan un montón de herramientas: - CRM, ERP, sistemas de ticketing, ecommerce, BBDD...
89. 89 Futuro del “no-code” - Estas herramientas no tienen nada que ver entre ellas - No pueden interactuar unas con otras de forma nativa - Esto deriva en trabajadores haciendo malabarismos, horas extra y trabajo duplicado para poder completar sus tareas
90. 90 Futuro del “no-code” - Aquí entra el “Last Mile Problem”, un problema común en cualquier negocio - Se trata de la incapacidad de los sistemas y aplicaciones que utilizamos para completar las procesos o proyectos de principio a fin
91. 91 Futuro del “no-code” - Esto va totalmente en contra de la productividad de empresa y empleados - Por ello, está creciendo la demanda de poder desarrollar soluciones propias de forma rápida y sencilla que se ajusten a las necesidades y peculiaridades del negocio
92. 92 Futuro del “no-code” - Las herramientas “no-code” tratan de solucionar esto - Ponen en manos del equipo de negocio herramientas con poder para crear software - Existe controversia sobre este tema
93. 93 Futuro del “no-code” - Las herramientas existentes actualmente, se quedan cortas en ciertos aspectos - Necesitan ir un poco más allá para solucionar el “Last Mile Problem” - Seguimos creando apps que no pueden interactuar unas con otras - Seguimos acumulando suscripciones
94. 94 Futuro del “no-code” - El siguiente nivel es llegar a hacer automatizaciones, no quedarnos en construir la app - Permitir al usuario programar flujos de trabajo automatizados - Actualmente, hay que recurrir a servicios de terceros como Zapier
95. 95 Futuro del “no-code” - La gran victoria llegará cuando las herramientas no-code permitan construir software que se adapte al comportamiento del usuario - Mientras tanto, disfrutemos del camino
96. Ponedlo en la encuesta 96 Si estáis interesados en hacer cursos específicos sobre herramientas “no-code”
97. 97 Próximos cursos - Taller CPT 2, 3 y 4 de Junio - Jornada Agendar Citas 5 de Junio - Jornada Teletrabajo 11 de Junio - Jornada Pasar negocio de físico a Online 15 de Junio - Taller AppGyver 22, 23, 24 y 25 de Junio - Taller Elementor 29 y 30 de Junio
98. 98 Eskerrik asko Any questions? Contacta conmigo en @itermar o imanol@itermar.io https://www.itermar.io/formacion-presencial/