Responsiveness Bubble io and Responsive Design | bubble io tutorial
< 1 min
Responsiveness Tutorialbubble io, learn all about responsive design in Bubble io and how to make the most diverse types of apps functional for both desktops and mobile phones.
In this video we will explore all the tools provided by Bubble io to make our systems responsive. We'll explore layout types, talk about spacing and conditionals.
Bubble io's responsiveness engine gives us enormous flexibility to create any kind of design we want for our applications and systems, but many may have difficulties when using it for the first time.
So be sure to check out this Bubble io Responsiveness tutorial in its entirety.
Currently, virtually every website, app, system that we access through our browser on the computer also allows us to have a good experience when we access this same website through our cell phone.
What makes it possible for us to view the same site on different devices with different screen sizes is responsiveness.
Meet our bubble io course free and start your journey on the right foot.
Neto specialized in Bubble due to the need to create technologies quickly and cheaply for his startup. Since then, he has been creating systems and automations with AI. At the Bubble Developer Summit 2023, he was listed as one of the greatest Bubble mentors in the world. In December, he was named the largest member of the global NoCode community at the NoCode Awards 2023 and first place in the best application competition organized by Bubble itself. Today, Neto focuses on creating AI Agent solutions and automations using N8N and Open AI.
The use of a AI agent for shopping is becoming a strategic necessity for e-commerce companies, purchasing managers and technology and innovation professionals.
This technology makes it possible to automate processes, reduce costs and improve strategic decisions in corporate acquisitions.
Want to understand in detail how these autonomous AI agents work in practice? Check out this detailed article from SAP, which provides concrete examples of how agents select suppliers and generate orders automatically: What are AI agents?.
What is an AI agent for shopping
What is an AI agent for shopping?
An AI agent for procurement is an advanced software designed to automate and optimize processes related to the procurement of goods and services.
It combines artificial intelligence, machine learning, and automation to perform tasks that would normally be done manually.
These agents can act as a virtual assistant for e-commerce, recommending products and facilitating recurring purchases.
Furthermore, they function as a AI chatbot for product recommendation, offering real-time support to managers and internal teams.
How does the application of AI in the purchasing process work?
The application of AI in purchasing mainly involves the automatic collection and analysis of large volumes of data, including purchasing history, supplier behavior, market prices and internal demands.
Want to better understand how these technologies help reduce costs and make more efficient decisions in practice? Check out real examples in IBM's detailed article on How AI optimizes processes in the purchasing sector.
Using this data, the agent suggests ideal suppliers, automatically negotiates better prices, and generates personalized recommendations for new purchases. In addition, it can anticipate future demands and avoid stock shortages, always maintaining ideal supply levels.
Advantages and benefits for companies
Advantages and benefits for companies
Implementing an AI agent brings measurable benefits to organizations:
Cost reduction
Companies report reductions of up to 25% in procurement-related operational costs after implementing intelligent agents. This is due to the automation of manual processes and improved negotiation capabilities through data analysis.
Increased productivity
Intelligent agents reduce time spent on repetitive tasks, allowing teams to focus on strategic activities, increasing productivity by up to 35%. See more details in the article Tips on the benefits of AI in Procurement.
Better strategic decisions
With AI technology to optimize purchasing decisions, companies can make more assertive decisions, based on predictive analysis and historical behavior.
Greater compliance
AI agents also help with compliance by ensuring that all acquisitions follow internal standards and policies, reducing audit risks and fines.
Practical examples and use cases
A retail chain adopted an AI agent to monitor inventory in real time, allowing them to predict demand more accurately. This reduced stockouts and saved thousands of dollars annually.
In the pharmaceutical sector, AI agents automate the renewal of contracts and recurring orders, speeding up administrative processes and reducing manual errors.
Another successful application is in large e-commerces, where agents act by automatically recommending products to customers based on history and preferences, boosting sales.
Want to see how companies like Zara and Coca-Cola are applying AI to their purchasing operations and achieving great results? Read this full report on the DataCamp blog.
Future trends and integration with other technologies
Future trends and integration with other technologies
The future of AI agents for purchasing is highly integrated with other emerging technologies. They already connect to ERP systems, automation platforms such as n8n, Make and generative AI tools such as Dify.
The trend is for these agents to become increasingly personalized and autonomous, creating specific solutions for each company and sector.
This integration promises to make purchasing operations even more efficient and free of bottlenecks. Learn more about trends in Electronic Market.
AI Agent FAQs
How to use AI in the purchasing sector?
To use AI, simply implement an agent connected to the company's current systems, such as ERP and CRM, and allow it to learn from the data.
With this, it can automate purchases, manage suppliers and recommend strategic decisions automatically.
How much does an AI agent earn?
The term “AI agent” refers to the technology, not a specific professional. However, managers who operate these solutions can earn salaries ranging from R$14,000 to R$14,000, depending on their level of experience and responsibility.
What AI agents are there?
The main types are:
Shopping: Automate tasks such as quotation, supplier selection, order generation and inventory control. These agents optimize time and reduce errors in purchasing decisions.
Customer service: responsible for interacting with consumers via chat, voice or email, offering automated support, resolving queries and speeding up service based on the user's history and intention.
Human Resources: They assist in processes such as CV screening, interview scheduling, performance analysis and organizational climate management, promoting greater agility and efficiency in the sector.
Financial management: perform tasks such as bank reconciliation, cash flow forecasting, automatic expense classification and budget control, offering greater precision and agility in corporate finance management.
Customer onboarding: They work on the automated reception of new customers, guiding them through initial processes, such as registration, account activation, explanations about products or services and integration with platforms, ensuring a fluid and fast experience from the first contact.
How much does an AI agent cost?
The cost of implementing an AI agent can vary significantly based on the complexity of the solution and the integrations required.
Popular SaaS platforms like IBM Watson or Pipefy offer plans starting at R$200 per user per month.
Highly customized projects, involving integrations with ERPs, CRMs and intensive use of generative AI, can easily exceed R$20 thousand per month.
If you want an economical and efficient alternative, consider investing in your own training.
NoCode Startup's specialized training teaches you how to develop your own AI agents to automate purchasing processes, customize flows and save money with tailored solutions. Find out how to become an AI Agent Manager here.
Why Your Business Needs an AI Agent Now
In a scenario where efficiency, speed and assertiveness are increasingly required in purchasing areas, having an AI agent is no longer a differentiator but has become a strategic pillar.
This technology transforms the way your company negotiates, anticipates demands and makes critical decisions.
The digital revolution has arrived in full force in the classroom — and now, artificial intelligence (AI) is at the center of this movement. With the growing demand for effective solutions, AI for educators has become one of the most promising areas of educational innovation.
Educators who master these tools not only save time, but can also offer more personalized and effective learning experiences. But after all, what is the best AI for teachers? How can it be applied in everyday school life without complications? And most importantly: how does it directly benefit students?
In this article, you’ll discover the key AI technologies, tools, and agents that are transforming the education landscape — plus practical recommendations you can apply right now.
What is AI in education and why should you, as an educator, understand it?
Artificial intelligence in education refers to the use of algorithms and intelligent agents to facilitate, personalize, or automate teaching and learning tasks. This includes everything from creating lesson plans to monitoring student performance in real time.
AI tools enable:
Reduce time spent on administrative tasks;
Customize activities according to each student’s profile;
Create assessments and interactive content automatically;
Optimize pedagogical planning and classroom management.
Lesson planning: Tools like Canva Magic Write and Curipod are transforming the way educators prepare their lessons. Instead of starting from scratch, simply input a topic or objective and these tools generate a complete teaching structure — with an introduction, development, interactive exercises and conclusion.
This allows for more efficient preparation, saving hours of work. In addition, these resources ensure alignment with curricular guidelines, such as the BNCC, and offer visual and methodological suggestions adapted to the class profile.
Personalization is one of the biggest benefits: the teacher can easily adjust the suggestions to the reality of the classroom and the students' learning level.
Content creation: Generative agents such as ChatGPT, Claude and Eduaide.Ai allow teachers to develop a wide range of pedagogical content quickly and efficiently.
With just a few commands, you can generate explanatory texts on any subject, create thematic summaries, build interactive quizzes with automatic feedback and even script visual presentations for use in the classroom or in remote teaching.
Assessment automation: Correcting and preparing assessments has always required time and attention from teachers — but with the use of AI-based tools, this process becomes much more agile and reliable.
Platforms like Gradescope allow you to upload scanned tests and apply previously defined correction criteria, generating instant results with a high degree of accuracy.
Tools such as ChatGPT can help create essay questions, multiple choice questions or even gamified assessments, based on curricular themes provided by the teacher.
Personalized mentoring: Artificial intelligence enables a much more individualized approach to teaching. By analyzing data on student performance, participation, and behavior, AI tools can identify patterns and learning gaps that would otherwise go unnoticed.
Based on these insights, teachers can provide personalized feedback, propose specific activities for reinforcement, and even adapt the pace and teaching approach according to the needs of each student.
This strengthens the pedagogical bond, increases student engagement and significantly improves academic results — making the learning experience more fair, human and effective.
Types of Artificial Intelligence used in Education
Types of Artificial Intelligence used in Education
Generative AI
Tools like ChatGPT, Claude, and Dify are capable of generating textual and multimodal content (such as images and videos) on demand. They can be used to plan lessons, create teaching materials, or provide alternative explanations for tutoring.
Analytical AI
Solutions like Google Classroom with AI, MagicSchool.ai and ClassDojo monitor student interactions and performance to adapt pedagogical strategies in a personalized way.
Autonomous Educational Agents
Educators can create agents with n8n or Dify to automate tasks like reporting, performance alerts, activity delivery, and more.
AI Agents: The Future of Personalized Education
You Autonomous Agents with AI represent the next level of pedagogical innovation. They are capable of operating continuously and adaptively based on predefined commands and contextual logic.
Usage examples:
Tutor agent to answer students' questions via WhatsApp or Plurall;
Evaluation agent to generate reports per student based on performance on educational platforms;
Content agent who generates new material every week based on the school's curriculum.
O Curipod is a platform that allows you to create interactive classes in just a few minutes with AI support. Teachers can enter a topic and automatically receive a class structure with texts, quizzes, polls, images and other activities. It is ideal for those looking for dynamism and more engaging interactions in the classroom.
Curipod
Canva Magic Write
Integrated with Canva, Magic Write is an AI-powered content generator that helps educators create slides, presentations, summaries, and visual materials in record time. Simply input an idea or topic, and the tool suggests cohesive texts that are visually ready for educational use.
Canva Magic Write
AudioPen
AudioPen automatically converts speech into text, making it ideal for educators who prefer to dictate ideas rather than type. It can be used to create lesson plans, video scripts, educational blog content, and more. It's simple, practical, and fast.
AudioPen
Eduaide.Ai
This tool offers over 100 resources for creating high-quality educational content. From complete lesson plans, study suggestions, personalized feedback to active methodologies — all generated with AI and available in multiple languages. Learn more about Eduardo.AI
Eduaide.Ai
MagicSchool.ai
Platform aimed exclusively at educators, the MagicSchool.ai centralizes the generation of lesson plans, performance reports, quizzes and various content. A true all-in-one dashboard for those who want to increase productivity in pedagogical management.
MagicSchool.ai
Copilot for Education (Microsoft)
O Copilot integrates with Microsoft 365, allowing teachers to automate content creation and administrative tasks. From responding to emails to creating presentations with AI, it is a powerful ally to optimize time in and out of the classroom.
Copilot for Education (Microsoft)
Dify + OpenAI
Ideal for those who want to customize their own educational agents. With Dify, you connect models of the OpenAI into practical workflows — like an agent to review essays, another to grade tests, or even a bot to support students’ parents.
Automation of pedagogical tasks: more time to teach
Tasks such as providing feedback, organizing data, sending notifications, and even correcting tests can be automated. This allows teachers to focus on human interactions, creativity, and close monitoring of students.
There is no single answer, as it depends on the objective. For content creation, ChatGPT and Eduaide.Ai stand out. For lesson planning, Curipod offers a ready-made structure.
For assessment, Gradescope and MagicSchool.ai are good choices. The ideal is to combine tools according to the pedagogical need.
What are the types of AI used in education?
The main types are:
Generative AI (such as ChatGPT and Dify), used to create texts, activities and even videos;
Analytical AI, which interprets student performance and behavior data;
Autonomous agents, who perform educational tasks without constant supervision, such as correcting tests or sending feedback.
What is the best AI website for teachers?
Platforms such as MagicSchool.ai, Eduaide.Ai and Canva Magic Write offer robust solutions for teachers. In the Brazilian ecosystem, No Code Start Up stands out with practical training focused on AI applied to education.
How can AI help teachers?
It helps by automating repetitive tasks, creating personalized content, offering real-time data analysis, and enabling more efficient classroom management. This frees up time and significantly improves the quality of teaching.
AI for Educators is a One-Way Road – And You Need to Be Prepared
AI in education is more than a trend — it’s a transformative reality. Educators who learn to integrate these technologies into their daily lives save time, increase the impact of their work, and improve the quality of teaching.
LlamaIndex is an open-source framework designed to connect large language models (LLMs) to private, up-to-date data that is not directly available in the models' training data.
The definition of LlamaIndex revolves around its function as middleware between the language model and structured and unstructured data sources. You can access the official documentation to get a detailed view of its technical features.
LlamaIndex and what it is for
LlamaIndex what is it for?
Integration with LLMs
LlamaIndex is a tool developed to facilitate integration between large language models (LLMs) and external data sources that are not directly accessible to the model during response generation.
This integration occurs through the paradigm known as RAG (Retrieval-Augmented Generation), which combines data retrieval techniques with natural language generation.
Practical applications
The simple explanation of LlamaIndex lies in its usefulness: it transforms documents, databases and various sources into structured knowledge, ready to be consulted by an AI.
By doing so, it solves one of the biggest limitations of LLMs – the inability to access updated or private information without reconfiguration.
Using LlamaIndex with AI expands the application cases of the technology, from legal assistants to customer service bots and internal search engines.
Limitations resolved
LlamaIndex solves a fundamental limitation of LLMs: the difficulty of accessing real-time, up-to-date or private data.
Functioning as an external memory layer, it connects language models to sources such as documents, spreadsheets, SQL databases, and APIs, without the need to adjust model weights.
Its broad compatibility with formats such as PDF, CSV, SQL, and JSON makes it applicable to a variety of industries and use cases.
This integration is based on the RAG (Retrieval-Augmented Generation) paradigm, which combines information retrieval with natural language generation, allowing the model to consult relevant data at the time of inference.
As a framework, LlamaIndex structures, indexes, and makes this data available so that models like ChatGPT can access it dynamically.
This enables both technical and non-technical teams to develop AI solutions with greater agility, lower costs, and without the complexity of training models from scratch.
How to use LlamaIndex with LLM models like ChatGPT?
Also check out the N8N Training to automate flows with no-code tools in AI projects.
Usage steps
Agent and Automation Manager Training with AI It is recommended for those who want to learn how to apply these concepts in a practical way, especially in the development of autonomous agents based on generative AI.
Integrating LlamaIndex with LLMs like ChatGPT involves three main steps: data ingestion, indexing, and querying. The process starts with collecting and transforming the data into a format that is compatible with the model.
This data is then indexed into vector structures that facilitate semantic retrieval, allowing LLM to query it during text generation. Finally, the application sends questions to the model, which responds based on the retrieved data.
To connect LlamaIndex to ChatGPT, the typical approach involves using the Python libraries available in the official repository. Ingestion can be done using readers such as SimpleDirectoryReader (for PDF) or CSVReader, and indexing can be done using VectorStoreIndex.
Practical Example: Creating an AI Agent with Local Documents
Let’s walk through a practical example of how to use LlamaIndex to build an AI agent that answers questions based on a set of local PDF documents. This example illustrates the ingestion, indexing, and querying steps in more depth.
1 – Environment Preparation: Make sure you have Python installed and the necessary libraries. You can install them via pip: bash pip install llama-index pypdf
2 – Data Ingestion: Imagine you have a folder called my_documents containing several PDF files. LlamaIndex's SimpleDirectoryReader makes it easy to read these documents.
Data Ingestion
In this step, SimpleDirectoryReader reads all supported files (such as PDF, TXT, CSV) from the specified folder and converts them into Document objects that LlamaIndex can process.
3 – Data Indexing: After ingestion, documents need to be indexed. Indexing involves converting the text of documents into numerical representations (embeddings) that capture semantic meaning.
These embeddings are then stored in a VectorStoreIndex. python # Creates a vector index from # documents By default, it uses OpenAI embeddings and a simple in-memory VectorStore index = VectorStoreIndex.from_documents(docs) VectorStoreIndex is the core data structure that allows LlamaIndex to perform efficient semantic similarity searches.
When a query is made, LlamaIndex searches for the most relevant excerpts in the indexed documents, rather than performing a simple keyword search.
4 – Query and Response Generation: With the index created, you can now ask queries. as_query_engine() creates a query engine that interacts with the LLM (like ChatGPT) and the index to provide answers informed by your data.
Query and Response Generation
When query_engine.query() is called, LlamaIndex does the following:
Converts your question into an embedding.
Use this embedding to find the most relevant excerpts in indexed documents (Retrieval).
Send these relevant excerpts, along with your question, to LLM (Generation).
LLM then generates a response based on the context provided by your documents.
This flow demonstrates how LlamaIndex acts as a bridge, allowing LLM to answer questions about your private data, overcoming the limitations of the model’s pre-trained knowledge.
LlamaIndex Detailed Use Cases
Detailed Use Cases
LlamaIndex, by connecting LLMs to private, real-time data, opens up a wide range of practical applications. Let’s explore two detailed scenarios to illustrate its potential:
Smart Legal Assistant:
Scenario: A law firm has thousands of legal documents, such as contracts, case law, opinions, and statutes. Lawyers spend hours researching specific information in these documents to prepare cases or provide advice.
Solution with LlamaIndex: LlamaIndex can be used to index the entire document database of the firm. An LLM, such as ChatGPT, integrated with LlamaIndex, can act as a legal assistant.
Lawyers can ask natural language questions like “What are the legal precedents for land dispute cases in protected areas?” or “Summarize the termination clauses of contract X.”
LlamaIndex would retrieve the most relevant excerpts from the indexed documents, and LLM would generate a concise and accurate response, citing sources.
Benefits: Drastic reduction in research time, increased accuracy of information, standardization of responses and freeing up lawyers for tasks of greater strategic value.
Customer Support Chatbot for E-commerce:
Scenario: An online store receives a large volume of repetitive questions from customers about order status, return policies, product specifications, and promotions. Human support is overwhelmed, and response times are high.
Solution with LlamaIndex: LlamaIndex can index your store's FAQ, product manuals, return policies, (anonymized) order history, and even inventory data.
A chatbot powered by a LLM and LlamaIndex can instantly answer questions like “What is the status of my order #12345?”, “Can I return a product after 30 days?” or “What are the specifications of smartphone X?”.
Benefits: 24/7 support, reduced support team workload, improved customer satisfaction with fast and accurate responses, and scalability of support without proportional cost increases.
What are the advantages of LlamaIndex over other RAG tools?
What are the advantages of LlamaIndex over other RAG tools?
One of the main advantages of LlamaIndex is its relatively easy learning curve. Compared to solutions like LangChain and Haystack, it offers greater simplicity in implementing RAG pipelines while maintaining flexibility for advanced customizations.
Its modular architecture makes it easy to replace components, such as vector storage systems or data connectors, as project needs dictate.
LlamaIndex also stands out for its support for multiple data formats and clear documentation. The active community and constant update schedule make the framework one of the best RAG tools for developers and startups.
In comparison between RAG tools, the LlamaIndex vs Lang Chain highlights significant differences: while LangChain is ideal for complex flows and orchestrated applications with multiple steps, LlamaIndex favors simplicity and a focus on data as the main source of contextualization.
For an in-depth comparison, see this white paper from Towards Data Science, which explores the ideal usage scenarios for each tool. Another relevant source is the article RAG with LlamaIndex from the official LlamaHub blog, which discusses performance benchmarks.
We also recommend the post Benchmarking RAG pipelines, which presents comparative tests with objective metrics between different frameworks.
Get started with LlamaIndex in practice
Get started with LlamaIndex in practice
Now that you understand the definition of LlamaIndex and the benefits of integrating it with LLM models like ChatGPT, you can start developing custom AI solutions based on real data.
Using LlamaIndex with AI not only increases the accuracy of responses, it also unlocks new possibilities for automation, personalization, and business intelligence.
NoCode StartUp offers several learning paths for professionals interested in applying these technologies in the real world. From Agent Training with OpenAI until the SaaS IA NoCode Training, the courses cover everything from basic concepts to advanced architectures using indexed data.
EN 
PT 
ES 