1<!DOCTYPE html> 2 <html lang="en" data-bs-theme="light"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>DevToIX | Developer How-to </title> <meta name="csrf-token" content="wyPmyb7j7fCbZNc1oePokVAfRME4mSEaj8UfsnJS"> <meta name="description" content="Developer How-to" /> <meta name="author" content="Alexandre Bento Freire"> <meta name="copyright" content="Alexandre Bento Freire"> <meta name="google-adsense-account" content="ca-pub-8642668907159580"> <link rel="canonical" href="https://www.devtoix.com" />
2<script async src="https://www.googletagmanager.com/gtag/js?G-L2BZ8SHBGJ"></script>
2
2<script>
vendor: 130 bytes, line 2
2window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', '
2G-L2BZ8SHBGJ
vendor: 4 bytes, line 2
2');
2</script>
2
2<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8642668907159580" crossorigin="anonymous"></script>
2
2<script type="text/javascript"> (function(c, l, a, r, i, t, y) { c[a] = c[a] || function() { (c[a].q = c[a].q || []).push(arguments) }; t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); })(window, document, "clarity", "script", 'ordf1k7bxc'); </script>
2 <link rel="shortcut icon" type="image/svg+xml" href="/favicons/favicon.svg"> <link rel="icon" type="image/x-icon" sizes="32x32" href="/favicons/favicon-32x32.ico"> <link rel="alternate icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> <link rel="alternate icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/favicons/favicon-180x180.png"> <link rel="manifest" href="/manifest.json?2024-06-07"> <link rel="stylesheet" href="/GDPR/GDPR.css?2024-06-07"> <link rel="stylesheet" href="/vendor/icomoon/style.css?2024-06-07"> <link rel="stylesheet" href="/assets/site.min.css?2024-06-07"> <link rel="stylesheet" href="/assets/index.min.css?2024-06-07"> <meta property="og:title" content="DevToIX" /><meta property="og:description" content="Developer How-to" /><meta property="og:url" content="https://www.devtoix.com" /><meta property="og:type" content="website" /><meta property="og:site_name" content="DevToIX" /><meta property="article:publisher" content="https://www.devtoix.com/" /> <meta property="og:image" content="https://www.devtoix.com/media/general/index-open-graph-image.jpg" /> <meta property="og:image:width" content="1792" /> <meta property="og:image:height" content="630" /> <meta property="og:image:type" content="image/jpeg" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="DevToIX" /><meta name="twitter:description" content="Developer How-to" /><meta name="twitter:url" content="https://www.devtoix.com" /> <meta name="twitter:image" content="https://www.devtoix.com/media/general/index-open-graph-image.jpg" /> <meta property="twitter:image:width" content="1792" /> <meta property="twitter:image:height" content="630" /> <meta name="twitter:creator" content="@devtoix" /><meta name="twitter:site" content="@devtoix" /><meta name="twitter:label1" content="Written by" /><meta name="twitter:data1" content="Alexandre Bento Freire" /> </head> <body class="vh-100" > <nav id="page-header" class="navbar navbar-expand-lg bg-body-tertiary"> <div class="container-fluid"> <a class="navbar-brand hover font-weight-bolder mr-3" href="/en"><img alt="Site logo" src="/favicons/favicon-32x32.png" class="pe-1 align-text-bottom"><span class="site-title align-text-bottom toix">DevToIX</span></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown"> <ul class="navbar-nav"> <li class="nav-item"> <a href="/en/page/about" class="nav-link">About</a> </li> <li class="nav-item"> <a href="/en/page/services" class="nav-link">Services</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Links </a> <ul class="dropdown-menu dropdown-menu-end"> <li><a class="dropdown-item" href="https://cv.a-bentofreire.com"> <img class="pe-1" src="https://cv.a-bentofreire.com/favicons/favicon-32x32.png"> <span class="align-middle toix">About Me</span> </a> </li> <li><a class="dropdown-item" href="https://www.traveltoix.com"> <img class="pe-1" src="https://www.traveltoix.com/favicons/favicon-32x32.png"> <span class="align-middle toix">TravelToIX</span> </a> </li> </ul></li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Open Source </a> <ul class="dropdown-menu dropdown-menu-end"> <li><a class="dropdown-item toix" href="/en/projects/beamtoix">BeamToIX <span class=star>â
53</span> </a> </li> <li><a class="dropdown-item toix" href="/en/projects/editortoix">EditorToIX <span class=star>â
50</span> </a> </li> <li><a class="dropdown-item toix" href="/en/projects/renametoix">RenameToIX <span class=star>â
19</span> </a> </li> <li><a class="dropdown-item toix" href="/en/projects/pytracetoix">PyTraceToIX <span class=star>â
6</span> </a> </li> <li><a class="dropdown-item toix" href="/en/projects/jstracetoix">JsTraceToIX </a> </li> <li><a class="dropdown-item toix" href="/en/projects/numnjstoix">NumNJsToIX </a> </li> <hr> <li><a class="dropdown-item toix" href="/en/projects/iduglifiertoix">IdUglifierToIX </a> </li> <li><a class="dropdown-item toix" href="/en/projects/facebook-chat-d
2ownloader">facebook-chat-downloader </a> </li> <li><a class="dropdown-item toix" href="/en/projects/frozen-filters">frozen-filters </a> </li> <li><a class="dropdown-item toix" href="/en/projects/frozen-filters-js">frozen-filters-js </a> </li> <li><a class="dropdown-item toix" href="/en/projects/gimptoix-bounding-box">gimptoix-bounding-box </a> </li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Documentation </a> <ul class="dropdown-menu dropdown-menu-end"> <li><a class="dropdown-item toix" href="/docs/beamtoix/en/latest/">BeamToIX </a> </li> <li><a class="dropdown-item toix" href="/docs/pytracetoix/en/latest/">PyTraceToIX </a> </li> <li><a class="dropdown-item toix" href="/docs/jstracetoix/en/latest/">JsTraceToIX </a> </li> </ul> </li> <li> <span id=change-theme-icon class="icon-sun svg-icon pe-2 d-inline-block mt-2"></span> </li> </ul> </div> </div> </nav> <div id="index-page-content"> <h1 id=headline class="d-flex align-items-center justify-content-center">Developer How-to</h1> <section class="slider-wrapper"> <button class="slide-arrow" id="slide-arrow-prev">‹</button> <button class="slide-arrow" id="slide-arrow-next">›</button> <ul class="slides-container" id="slides-container"> <li class="slide text-center font-larger ro"> <a href="/en/projects/beamtoix" class="text-decoration-none text-body"> <h3 class="card-title text-truncate fs-2">BeamToIX</h3> <p class="card-text">Javascript Animation framework</p> <p class="card-text">Create and save frame-by-frame animations</p> </a> </li> <li class="slide text-center font-larger ro"> <a href="/en/projects/editortoix" class="text-decoration-none text-body"> <h3 class="card-title text-truncate fs-2">EditorToIX</h3> <p class="card-text">Text Utilities For Code Editors</p> <p class="card-text">Visual Studio Code, Linux Editors and more</p> </a> </li> <li class="slide text-center font-larger ro"> <a href="/en/projects/renametoix" class="text-decoration-none text-body"> <h3 class="card-title text-truncate fs-2">RenameToIX</h3> <p class="card-text">Visual Linux File Renamer</p> <p class="card-text">Macros, Revert, File Manager Integration</p> </a> </li> <li class="slide text-center font-larger ro"> <a href="/en/projects/pytracetoix" class="text-decoration-none text-body"> <h3 class="card-title text-truncate fs-2">PyTraceToIX</h3> <p class="card-text">Python expression tracer for debugging</p> <p class="card-text">Simplify debugging templates, lambdas, comprehensions</p> </a> </li> <li class="slide text-center font-larger ro"> <a href="/en/projects/jstracetoix" class="text-decoration-none text-body"> <h3 class="card-title text-truncate fs-2">JsTraceToIX</h3> <p class="card-text">JavaScript tracer for debugging</p> <p class="card-text">Simplify debugging React, Vue, arrow, method chaining</p> </a> </li> </ul> </section> <main class="container-lg" style="min-height:500px" aria-label="Content"> <article class="post-item card mb-3 border-0"> <div class="row"> <div class="col-lg-3 me-lg-4 text-center"> <a href="/en/programming/introduction-to-stacks-and-queues"> <img loading="lazy" src="/media/programming/introduction-to-stacks-and-queues/cover/introduction-to-stacks-and-queues.jpg" alt="Introduction to Stacks and Queues: A Beginnerâs Guide with Java, JavaScript, and Python Examples"> </a> </div> <div class="col-xl-8"> <div class="card-body ps-0 pe-0"> <a href="/en/programming/introduction-to-stacks-and-queues" class="text-decoration-none text-body"> <h5 class="card-title">Introduction to Stacks and Queues: A Beginnerâs Guide with Java, JavaScript, and Python Examples</h5> <p class="card-text">Learn the fundamental concepts of stacks and queues, essential data structures in computer science. This guide explains their principles, practical uses, and implementation in Java, JavaScript, and Python</p> <p class="card-text">2025-01-14</p> </a> </div> </div> </div></article> <article class="post-item card mb-3 border-0"> <div class="row"> <div class="col-lg-3 me-lg-4 text-center"> <a href="/en/technology/what-is-a-cpu-fpu-gpu-tpu-and-npu"> <img loading="lazy" src="/media/technology/what-is-a-cpu-fpu-gpu-tpu-and-npu/cover/what-is-a-cpu-fpu-gpu-tpu-and-npu.jpg" alt="What is a CPU, FPU, GPU, TPU, and NPU? Understanding the Hardware Driving Modern Computing"> </a> </div> <div class="col-xl-8"> <div class="card-body ps-0 pe-0"> <a href="/en/technology/what-is-a-cpu-fpu-gpu-tpu-and-npu" class="text-decoration-none text-body"> <h5 class="card-title">What is a CPU, FPU, GPU, TPU, and NPU? Understanding the Hardware Driving Modern Computing</h5> <p class="card-text">Dive into the world of computational hardware with this detailed guide. Learn the roles of CPUs, FPUs, GPUs, TPUs, and NPUs, their unique capabilities, and how they shape the future of technology</p> <p class="card-text">2025-01-08</p> </a> </div> </div> </div></article> <article class="post-item card mb-3 border-0"> <div class="row"> <div class="col-lg-3 me-lg-4 text-center"> <a href="/en/programming/what-are-lists-arrays-and-linked-lists"> <img loading="lazy" src="/media/programming/what-are-lists-arrays-and-linked-lists/cover/what-are-lists-arrays-and-linked-lists.jpg" alt="What are lists, arrays, and linked lists"> </a> </div> <div class="col-xl-8"> <div class="card-body ps-0 pe-0"> <a href="/en/programming/what-are-lists-arrays-and-linked-lists" class="text-decoration-none text-body"> <h5 class="card-title">What are lists, arrays, and linked lists</h5> <p class="card-text">Are you learning DSA, coding, or practicing on LeetCode? After the initial "Hello, World!" print, you'll move on to learning about lists, arrays, and linked lists</p> <p class="card-text">2024-11-18</p> </a> </div> </div> </div></article> <article class="post-item card mb-3 border-0"> <div class="row"> <div class="col-lg-3 me-lg-4 text-center"> <a href="/en/programming/what-are-the-best-computer-languages-to-learn"> <img loading="lazy" src="/media/programming/what-are-the-best-computer-languages-to-learn/cover/what-are-the-best-computer-languages-to-learn.jpg" alt="What are the best computer languages to learn in 2025"> </a> </div> <div class="col-xl-8"> <div class="card-body ps-0 pe-0"> <a href="/en/programming/what-are-the-best-computer-languages-to-learn" class="text-decoration-none text-body"> <h5 class="card-title">What are the best computer languages to learn in 2025</h5> <p class="card-text">Learn which programming language to focus on in 2025, whether you'
2re starting your coding journey or considering a career shift, to ensure you invest in skills that are in high demand and aligned with industry trends</p> <p class="card-text">2024-11-12</p> </a> </div> </div> </div></article> <article class="post-item card mb-3 border-0"> <div class="row"> <div class="col-lg-3 me-lg-4 text-center"> <a href="/en/linux/linux-zip-alternatives"> <img loading="lazy" src="/media/linux/linux-zip-alternatives/cover/linux-zip-alternatives.jpg" alt="Linux Zip alternatives"> </a> </div> <div class="col-xl-8"> <div class="card-body ps-0 pe-0"> <a href="/en/linux/linux-zip-alternatives" class="text-decoration-none text-body"> <h5 class="card-title">Linux Zip alternatives</h5> <p class="card-text">A comparison of different compress linux commands considering unicode filenames, symlinks, final size and timing</p> <p class="card-text">2024-09-24</p> </a> </div> </div> </div></article> <article class="post-item card mb-3 border-0"> <div class="row"> <div class="col-lg-3 me-lg-4 text-center"> <a href="/en/ai/how-to-scrape-a-webpage-using-chatgpt-and-python"> <img loading="lazy" src="/media/ai/how-to-scrape-a-webpage-using-chatgpt-and-python/cover/how-to-scrape-a-webpage-using-chatgpt-and-python.jpg" alt="How to scrape a webpage using ChatGPT 5 and Python"> </a> </div> <div class="col-xl-8"> <div class="card-body ps-0 pe-0"> <a href="/en/ai/how-to-scrape-a-webpage-using-chatgpt-and-python" class="text-decoration-none text-body"> <h5 class="card-title">How to scrape a webpage using ChatGPT 5 and Python</h5> <p class="card-text">With the AI revolution, web scraping has become much easier. Now AI can do most of the hard work</p> <p class="card-text">2024-08-16</p> </a> </div> </div> </div></article> <article class="post-item card mb-3 border-0"> <div class="row"> <div class="col-lg-3 me-lg-4 text-center"> <a href="/en/ai/can-chatgpt-analyze-the-fifa-world-cup-results-from-a-json-file"> <img loading="lazy" src="/media/ai/can-chatgpt-analyze-the-fifa-world-cup-results-from-a-json-file/cover/can-chatgpt-analyze-the-fifa-world-cup-results-from-a-json-file.jpg" alt="Can ChatGPT Analyze The FIFA World Cup Results from a JSON File"> </a> </div> <div class="col-xl-8"> <div class="card-body ps-0 pe-0"> <a href="/en/ai/can-chatgpt-analyze-the-fifa-world-cup-results-from-a-json-file" class="text-decoration-none text-body"> <h5 class="card-title">Can ChatGPT Analyze The FIFA World Cup Results from a JSON File</h5> <p class="card-text">An experiment to test the new capabilities of the most recent ChatGPT 5 to analyze and provide results of a json file</p> <p class="card-text">2024-08-16</p> </a> </div> </div> </div></article> <article class="post-item card mb-3 border-0"> <div class="row"> <div class="col-lg-3 me-lg-4 text-center"> <a href="/en/javascript/can-ai-create-a-webpage-to-plot-stock-prices"> <img loading="lazy" src="/media/javascript/can-ai-create-a-webpage-to-plot-stock-prices/cover/can-ai-create-a-webpage-to-plot-stock-prices.jpg" alt="Can AI Create A Webpage To Plot Stock Prices"> </a> </div> <div class="col-xl-8"> <div class="card-body ps-0 pe-0"> <a href="/en/javascript/can-ai-create-a-webpage-to-plot-stock-prices" class="text-decoration-none text-body"> <h5 class="card-title">Can AI Create A Webpage To Plot Stock Prices</h5> <p class="card-text">An experiment to test if Google Gemini 1.5 or ChatGPT 4o can create a complete webpage to plot and monitor the stock prices</p> <p class="card-text">2024-08-06</p> </a> </div> </div> </div></article> <article class="post-item card mb-3 border-0"> <div class="row"> <div class="col-lg-3 me-lg-4 text-center"> <a href="/en/python/get-started-programming-with-python-and-chatgpt"> <img loading="lazy" src="/media/python/get-started-programming-with-python-and-chatgpt/cover/get-started-programming-with-python-and-chatgpt.jpg" alt="Get started programming with Python and ChatGPT"> </a> </div> <div class="col-xl-8"> <div class="card-body ps-0 pe-0"> <a href="/en/python/get-started-programming-with-python-and-chatgpt" class="text-decoration-none text-body"> <h5 class="card-title">
2Get started programming with Python and ChatGPT</h5> <p class="card-text">Going from absolute noob into getting the hand-ons on programming with python using AI-assisted coding. Step-by-step guide on how to install the required tools, and generate a python program using ChatGPT</p> <p class="card-text">2024-07-29</p> </a> </div> </div> </div></article> <article class="post-item card mb-3 border-0"> <div class="row"> <div class="col-lg-3 me-lg-4 text-center"> <a href="/en/python/convert-sql-update-to-insert-in-python-using-chatgpt"> <img loading="lazy" src="/media/python/convert-sql-update-to-insert-in-python-using-chatgpt/cover/convert-sql-update-to-insert-in-python-using-chatgpt.jpg" alt="Convert SQL Update to Insert in Python using ChatGPT"> </a> </div> <div class="col-xl-8"> <div class="card-body ps-0 pe-0"> <a href="/en/python/convert-sql-update-to-insert-in-python-using-chatgpt" class="text-decoration-none text-body"> <h5 class="card-title">Convert SQL Update to Insert in Python using ChatGPT</h5> <p class="card-text">Using ChatGPT to write python code to convert SQL insert statements should be a simple task but when it comes to support special characters, creating the write prompt is far more complex</p> <p class="card-text">2024-06-14</p> </a> </div> </div> </div></article> <article class="post-item card mb-3 border-0"> <div class="row"> <div class="col-lg-3 me-lg-4 text-center"> <a href="/en/python/how-to-use-f-strings-in-python"> <img loading="lazy" src="/media/python/how-to-use-f-strings-in-python/cover/how-to-use-f-strings-in-python.jpg" alt="How to use f-strings in Python"> </a> </div> <div class="col-xl-8"> <div class="card-body ps-0 pe-0"> <a href="/en/python/how-to-use-f-strings-in-python" class="text-decoration-none text-body"> <h5 class="card-title">How to use f-strings in Python</h5> <p class="card-text">Learn how to format and align strings and floats in Python using f-strings, and how different type specifiers can affect the output</p> <p class="card-text">2024-05-31</p> </a> </div> </div> </div></article> </main> </div> <footer id="site-footer" class="site-footer d-flex border-top justify-content-center text-secondary"> <ul class="list-unstyled text-center"> <li class="mt-3 mb-1"><span class=toix>DevToIX</span> | Developer How-to</li> <li><a href="https://github.com/a-bentofreire" title="Github" class="text-decoration-none link-secondary"> <span class="icon-github svg-icon text-bottom pe-3 fs-4"></span> </a> <a href="https://x.com/devtoix" title="X/Twitter" class="text-decoration-none link-secondary"> <span class="icon-x svg-icon text-bottom pe-3 fs-4"></span> </a> <a href="https://www.linkedin.com/in/abentofreire/" title="Linkedin" class="text-decoration-none link-secondary"> <span class="icon-linkedin svg-icon text-bottom pe-3 fs-4"></span> </a> <a href="https://www.youtube.com/@devtoix" title="YouTube" class="text-decoration-none link-secondary"> <span class="icon-youtube svg-icon text-bottom pe-3 fs-4"></span> </a> <a href="/en/contact" title="EMail" class="text-decoration-none link-secondary"> <span class="icon-envelop svg-icon text-bottom pe-3 fs-4"></span> </a> <a href="/en/rss" title="rss" class="text-decoration-none link-secondary"> <span class="icon-rss svg-icon text-bottom pe-3 fs-4"></span> </a></li> </ul></footer> <div class="GDPR-banner" id="GDPR-banner"> This website uses cookies to ensure you get the best experience on our website. By continuing to browse the site, you are agreeing to our use of cookies. <button class="btn btn-primary" id="accept-cookies-button">Accept</button> </div>
2<script src="/vendor/jquery-3.min.js?2024-06-07"></script>
2
2<script src="/vendor/bootstrap-5/js/bootstrap.bundle.min.js?2024-06-07"></script>
2
2<script src="/GDPR/GDPR.js?2024-06-07"></script>
2
2<script src="/js/branding.min.js?2024-06-07"></script>
2
2<script src="/js/change-theme.min.js?2024-06-07"></script>
2
2<script src="/js/index.min.js?2024-06-07"></script>
2 </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.