DevCodeLight 
Tiempo de lectura: < 1 minuto<strong/OpenCode is basically an artificial intelligence environment for developers, that helps you to writing, analyzing and executing code automatically. According to the version, it can be just a code assistant, or an autonomous agent able to take decisions and create complete projects by itself. First, you have to install it like this: npm install -g … Read more
Tiempo de lectura: 2 minutosVamos a generate a first agent with Claude Code and it will run automatically every hour with a cron and upload the generated content to GitHub. Crea the folder of your agent: mkdir -p ~/motivational-agent/md mkdir -p ~/motivational-agent/data cd ~/motivational-agent The final structure will be: motivational-agent/ │ ├─ md/ │ └─ claude.md # context and … Read more
Tiempo de lectura: < 1 minutoWe will learn today how to install Claude Code on Windows. Claude Code is a tool developed by Anthropic that acts as an intelligent agent for programmers. It’s not an AI model itself, but rather a CLI/Interface that communicates with advanced language models, such as those from the Claude family, to help you generate, review … Read more
Tiempo de lectura: 2 minutosWe will learn today how to use the Zotero tool to link references in Word and as an example in JMIR format. We need to install Zotero. We can also install a browser extension. I recommend creating an account that allows syncing. Now that it is installed, we are going to add the JMIR format. … Read more
Tiempo de lectura: 2 minutosWe will create a dynamic theme system with CSS variables to create a dark, normal or branded theme. We define the structure of variables at :root.No use hardcoded colors in components. Only use semantic variables. :root { /* Color scheme */ –color-bg: #ffffff; –color-surface: #f5f5f5; –color-primary: #1976d2; –color-text: #222222; –color-text-muted: #666666; /* Borders */ –radius-md: … Read more
Tiempo de lectura: 2 minutosThis is especially powerful if you want your web to be consistent, maintainable and responsive without relying on 50 media queries. A design system is not just “that looks nice”. It’s having clear and reusable rules for: No repeat values by all the stylesheet, we’re going to centralize everything in CSS variables and use clamp() … Read more
Tiempo de lectura: 2 minutosCustom properties in CSS (also called variables) allow you to store reusable values, such as colors, sizes or spacings, to use them in multiple places of the code.If you change the value on a site, it gets updated in all places where it is used. They are especially useful when working on large web projects … Read more
Tiempo de lectura: < 1 minutoThis process serves when the SD card appears as “Raw Format”, “Readable” or Windows asks to format it. You will see your folders: If you have already copied everything to the PC and want to try to fix the SD without wiping it: I recommend copying everything again and making a new format with the … Read more
Tiempo de lectura: 2 minutosIn almost any modern application, interacting with APIs is essential. From retrieving user data to sending information to a server, handling API calls correctly in React ensures more reliable, fast, and easy-to-maintain applications. You will learn how to make API calls, manage loading and error states, optimize requests, and use modern tools like React Query … Read more
Tiempo de lectura: 2 minutosWe need to translate the text visible to the user only. Do not explain or modify HTML tags. We will explore how to structure a project in React, best practices for organizing folders and components, and prepare your application to grow without losing clarity. React is flexible and does not impose a strict folder structure. … Read more
