Frontend architecture, navigation, state management, and design system diagrams map out the client-side experience. Below is an exhaustive guide explaining each frontend diagram along with visual examples and specific use cases. Part 1: Component Architecture & Structure (Arquitetura e Estrutura de Componentes) 1. Component Tree Diagram (Diagrama de Árvore de Componentes) Explanation: A hierarchical layout illustrating...Read More
Database architecture and design diagrams are categorized into performance mapping, query structures, data flows, conceptual/logical models, physical layouts, and NoSQL models. Below is an exhaustive guide explaining each database diagram along with visual examples and specific use cases. Part 1: Execution & Performance Mapping (Mapeamento de Execução e Performance) 1. Execution Plan / Query Tree Diagram...Read More
Unified Modeling Language (UML) is a standardized general-purpose modeling language in the field of software engineering. UML diagrams are divided into two main categories: Structural Diagrams (representing the static aspect of the system) and Behavioral Diagrams (representing the dynamic aspect of the system). Below is a complete guide to all structural and behavioral UML diagrams, complete...Read More
In Jira, requirements and work items are structured within a hierarchical model designed to break down high-level business goals into manageable, executable developer tasks. Yes, an Epic is typically the largest standard entity in Jira’s default hierarchy, and the breakdown flows down to Tasks (and further down to sub-tasks). Here is the complete hierarchy from the...Read More
In this post we’re going to compare human manual coding with AI generated code for the same problem. We’re going to use the platform Codility as the vendor of the problem. Here’s the link of the problem that we’re going to solve: https://app.codility.com/programmers/lessons/1-iterations/ 1. Human generated code // you can write to stdout for debugging purposes,...Read More
