{"id":91140,"date":"2024-04-18T12:50:01","date_gmt":"2024-04-18T12:50:01","guid":{"rendered":"https:\/\/www.simscale.com\/?page_id=91140"},"modified":"2025-03-21T11:17:23","modified_gmt":"2025-03-21T11:17:23","slug":"tutorials","status":"publish","type":"page","link":"https:\/\/www.simscale.com\/tutorials\/","title":{"rendered":"Tutorials"},"content":{"rendered":"\n    <script nonce=\"995cc81bfd5aec2f7ee43669070f6c63\">\n        document.addEventListener('DOMContentLoaded', function() {\n            function getCookie(name) {\n                let cookieArray = document.cookie.split(';');\n                for(let i = 0; i < cookieArray.length; i++) {\n                    let cookiePair = cookieArray[i].split('=');\n                    if(name == cookiePair[0].trim()) {\n                        return cookiePair[1];\n                    }\n                }\n                return null;\n            }\n\n            \/\/ Check if the 'username' cookie exists\n            if(getCookie('username') === null) {\n                window.location.href = '\/signin\/';\n            }\n        });\n    <\/script>\n    \n\n\n\n<div class=\"wp-block-group alignfull\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h1 class=\"wp-block-heading has-text-align-left has-large-font-size\">Tutorials<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Choose one of the tutorial projects below. We\u2019ll guide you along the way and show you the steps involved in setting up a simulation with SimScale. <\/p>\n\n\n\n<p class=\"is-style-inline-img wp-block-paragraph\">Each tutorial is indicated with a difficulty level using stoplights<img loading=\"lazy\" decoding=\"async\" width=\"64\" height=\"47\" class=\"wp-image-99995\" style=\"width: 64px;\" src=\"https:\/\/frontend-assets.simscale.com\/media\/2025\/02\/image-26.png\" alt=\"\">\u00a0with\u00a0<em>green<\/em>\u00a0meaning easy and\u00a0<em>red<\/em>\u00a0meaning difficult.<\/p>\n\n\n\n<div class=\"tutorial-cards-grid\"><div id=\"tutorial_solid-mechanics-simulation\" class=\"tutorial-card\">\n    <div class=\"tutorial-card-image-bg\" \n         data-tutorial-read=\"\/first-tutorial-2\/\" \n         data-tutorial-workbench=\"https:\/\/www.simscale.com\/workbench\/?publiclink=95cadd43-ad34-4381-9e54-cafbcd546fe9\">\n        <img decoding=\"async\" src=\"https:\/\/frontend-assets.simscale.com\/media\/2020\/12\/crane-tutorial-368x250.png\" alt=\"Solid Mechanics Simulation\" class=\"tutorial-card-image\" \/>\n        <div class=\"tutorial-card-overlay\">\n            <span class=\"tutorial-card-start\">Start Tutorial<\/span>\n        <\/div>\n    <\/div>\n    <div class=\"tutorial-card-content\">\n        <p class=\"tutorial-card-step\">STEP BY STEP TUTORIAL<\/p>\n        <h3 class=\"tutorial-card-title\">\n        <a href=\"javascript:void(0);\" class=\"tutorial-card-link\">Solid Mechanics Simulation<\/a>\n        <\/h3>\n        <div class=\"tutorial-card-footer\">\n            <span class=\"tutorial-card-tag\">FEA<\/span>\n            <div class=\"tutorial-card-dots\">\n                <span class=\"dot\" style=\"background-color: green;\"><\/span>\n                <span class=\"dot\" style=\"background-color: #bbb;\"><\/span>\n                <span class=\"dot\" style=\"background-color: #bbb;\"><\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Dynamically generated script with nonce for each card - To avoid CSP blocking -->\n<script nonce=\"995cc81bfd5aec2f7ee43669070f6c63\">\ndocument.addEventListener('DOMContentLoaded', function() {\n    const cardId = 'tutorial_solid-mechanics-simulation';\n    const card = document.getElementById(cardId);\n    const tutorialRead = '\/first-tutorial-2\/';\n    const tutorialWorkbench = 'https:\/\/www.simscale.com\/workbench\/?publiclink=95cadd43-ad34-4381-9e54-cafbcd546fe9';\n\n    function openMultipleLinks() {\n        const tutorialOpen = window.open(tutorialRead, '_blank', 'toolbar=1,width=600,height=' + window.screen.availHeight + ',top=0,right=0,resizable,scrollbars=yes,status=1');\n        const insideCypress = document.cookie.split(';').some((item) => item.trim().startsWith('inside_cypress='));\n        if (tutorialOpen || insideCypress) {\n            window.location.href = tutorialWorkbench;\n        } else {\n            alert('To be able to view the tutorial, please allow pop-ups for this website.');\n        }\n    }\n\n    \/**\n     * Change for CSP\n     *\/\n    if (card) {\n        \/\/ Add event listener for card clicks\n        const cardImageBg = card.querySelector('.tutorial-card-image-bg');\n        const cardLink = card.querySelector('.tutorial-card-link');\n\n        \/\/ Handle click on the image background\n        cardImageBg.addEventListener('click', openMultipleLinks);\n\n        \/\/ Handle click on the card link\n        cardLink.addEventListener('click', openMultipleLinks);\n    }\n});\n<\/script>\n\n<div id=\"tutorial_fluid-flow-simulation\" class=\"tutorial-card\">\n    <div class=\"tutorial-card-image-bg\" \n         data-tutorial-read=\"\/second-tutorial\/\" \n         data-tutorial-workbench=\"https:\/\/www.simscale.com\/workbench\/?publiclink=9986646a-3bd4-478d-a49a-1ecec87dc90e\">\n        <img decoding=\"async\" src=\"https:\/\/frontend-assets.simscale.com\/media\/2024\/04\/pipe-junction_thumbnail.png\" alt=\"Fluid Flow Simulation\" class=\"tutorial-card-image\" \/>\n        <div class=\"tutorial-card-overlay\">\n            <span class=\"tutorial-card-start\">Start Tutorial<\/span>\n        <\/div>\n    <\/div>\n    <div class=\"tutorial-card-content\">\n        <p class=\"tutorial-card-step\">STEP BY STEP TUTORIAL<\/p>\n        <h3 class=\"tutorial-card-title\">\n        <a href=\"javascript:void(0);\" class=\"tutorial-card-link\">Fluid Flow Simulation<\/a>\n        <\/h3>\n        <div class=\"tutorial-card-footer\">\n            <span class=\"tutorial-card-tag\">CFD<\/span>\n            <div class=\"tutorial-card-dots\">\n                <span class=\"dot\" style=\"background-color: green;\"><\/span>\n                <span class=\"dot\" style=\"background-color: #bbb;\"><\/span>\n                <span class=\"dot\" style=\"background-color: #bbb;\"><\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Dynamically generated script with nonce for each card - To avoid CSP blocking -->\n<script nonce=\"995cc81bfd5aec2f7ee43669070f6c63\">\ndocument.addEventListener('DOMContentLoaded', function() {\n    const cardId = 'tutorial_fluid-flow-simulation';\n    const card = document.getElementById(cardId);\n    const tutorialRead = '\/second-tutorial\/';\n    const tutorialWorkbench = 'https:\/\/www.simscale.com\/workbench\/?publiclink=9986646a-3bd4-478d-a49a-1ecec87dc90e';\n\n    function openMultipleLinks() {\n        const tutorialOpen = window.open(tutorialRead, '_blank', 'toolbar=1,width=600,height=' + window.screen.availHeight + ',top=0,right=0,resizable,scrollbars=yes,status=1');\n        const insideCypress = document.cookie.split(';').some((item) => item.trim().startsWith('inside_cypress='));\n        if (tutorialOpen || insideCypress) {\n            window.location.href = tutorialWorkbench;\n        } else {\n            alert('To be able to view the tutorial, please allow pop-ups for this website.');\n        }\n    }\n\n    \/**\n     * Change for CSP\n     *\/\n    if (card) {\n        \/\/ Add event listener for card clicks\n        const cardImageBg = card.querySelector('.tutorial-card-image-bg');\n        const cardLink = card.querySelector('.tutorial-card-link');\n\n        \/\/ Handle click on the image background\n        cardImageBg.addEventListener('click', openMultipleLinks);\n\n        \/\/ Handle click on the card link\n        cardLink.addEventListener('click', openMultipleLinks);\n    }\n});\n<\/script>\n\n<div id=\"tutorial_thermal-analysis\" class=\"tutorial-card\">\n    <div class=\"tutorial-card-image-bg\" \n         data-tutorial-read=\"\/third-tutorial\/\" \n         data-tutorial-workbench=\"https:\/\/www.simscale.com\/workbench\/?publiclink=1d87c7d9-541e-4509-82f5-e3e206369a78\">\n        <img decoding=\"async\" src=\"https:\/\/frontend-assets.simscale.com\/media\/2024\/04\/differential-casing_thumbnail.png\" alt=\"Thermal Analysis\" class=\"tutorial-card-image\" \/>\n        <div class=\"tutorial-card-overlay\">\n            <span class=\"tutorial-card-start\">Start Tutorial<\/span>\n        <\/div>\n    <\/div>\n    <div class=\"tutorial-card-content\">\n        <p class=\"tutorial-card-step\">STEP BY STEP TUTORIAL<\/p>\n        <h3 class=\"tutorial-card-title\">\n        <a href=\"javascript:void(0);\" class=\"tutorial-card-link\">Thermal Analysis<\/a>\n        <\/h3>\n        <div class=\"tutorial-card-footer\">\n            <span class=\"tutorial-card-tag\">Heat Transfer<\/span>\n            <div class=\"tutorial-card-dots\">\n                <span class=\"dot\" style=\"background-color: green;\"><\/span>\n                <span class=\"dot\" style=\"background-color: yellow;\"><\/span>\n                <span class=\"dot\" style=\"background-color: #red;\"><\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Dynamically generated script with nonce for each card - To avoid CSP blocking -->\n<script nonce=\"995cc81bfd5aec2f7ee43669070f6c63\">\ndocument.addEventListener('DOMContentLoaded', function() {\n    const cardId = 'tutorial_thermal-analysis';\n    const card = document.getElementById(cardId);\n    const tutorialRead = '\/third-tutorial\/';\n    const tutorialWorkbench = 'https:\/\/www.simscale.com\/workbench\/?publiclink=1d87c7d9-541e-4509-82f5-e3e206369a78';\n\n    function openMultipleLinks() {\n        const tutorialOpen = window.open(tutorialRead, '_blank', 'toolbar=1,width=600,height=' + window.screen.availHeight + ',top=0,right=0,resizable,scrollbars=yes,status=1');\n        const insideCypress = document.cookie.split(';').some((item) => item.trim().startsWith('inside_cypress='));\n        if (tutorialOpen || insideCypress) {\n            window.location.href = tutorialWorkbench;\n        } else {\n            alert('To be able to view the tutorial, please allow pop-ups for this website.');\n        }\n    }\n\n    \/**\n     * Change for CSP\n     *\/\n    if (card) {\n        \/\/ Add event listener for card clicks\n        const cardImageBg = card.querySelector('.tutorial-card-image-bg');\n        const cardLink = card.querySelector('.tutorial-card-link');\n\n        \/\/ Handle click on the image background\n        cardImageBg.addEventListener('click', openMultipleLinks);\n\n        \/\/ Handle click on the card link\n        cardLink.addEventListener('click', openMultipleLinks);\n    }\n});\n<\/script>\n\n<div id=\"tutorial_electromagnetics-simulation\" class=\"tutorial-card\">\n    <div class=\"tutorial-card-image-bg\" \n         data-tutorial-read=\"\/fourth-tutorial\/\" \n         data-tutorial-workbench=\"https:\/\/www.simscale.com\/workbench\/?publiclink=10d6af51-8671-4c20-9281-1c0cece503bf\">\n        <img decoding=\"async\" src=\"https:\/\/frontend-assets.simscale.com\/media\/2024\/04\/electromagnetics_simulation.png\" alt=\"Electromagnetics Simulation\" class=\"tutorial-card-image\" \/>\n        <div class=\"tutorial-card-overlay\">\n            <span class=\"tutorial-card-start\">Start Tutorial<\/span>\n        <\/div>\n    <\/div>\n    <div class=\"tutorial-card-content\">\n        <p class=\"tutorial-card-step\">STEP BY STEP TUTORIAL<\/p>\n        <h3 class=\"tutorial-card-title\">\n        <a href=\"javascript:void(0);\" class=\"tutorial-card-link\">Electromagnetics Simulation<\/a>\n        <\/h3>\n        <div class=\"tutorial-card-footer\">\n            <span class=\"tutorial-card-tag\">Electromagnetics<\/span>\n            <div class=\"tutorial-card-dots\">\n                <span class=\"dot\" style=\"background-color: green;\"><\/span>\n                <span class=\"dot\" style=\"background-color: yellow;\"><\/span>\n                <span class=\"dot\" style=\"background-color: red;\"><\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Dynamically generated script with nonce for each card - To avoid CSP blocking -->\n<script nonce=\"995cc81bfd5aec2f7ee43669070f6c63\">\ndocument.addEventListener('DOMContentLoaded', function() {\n    const cardId = 'tutorial_electromagnetics-simulation';\n    const card = document.getElementById(cardId);\n    const tutorialRead = '\/fourth-tutorial\/';\n    const tutorialWorkbench = 'https:\/\/www.simscale.com\/workbench\/?publiclink=10d6af51-8671-4c20-9281-1c0cece503bf';\n\n    function openMultipleLinks() {\n        const tutorialOpen = window.open(tutorialRead, '_blank', 'toolbar=1,width=600,height=' + window.screen.availHeight + ',top=0,right=0,resizable,scrollbars=yes,status=1');\n        const insideCypress = document.cookie.split(';').some((item) => item.trim().startsWith('inside_cypress='));\n        if (tutorialOpen || insideCypress) {\n            window.location.href = tutorialWorkbench;\n        } else {\n            alert('To be able to view the tutorial, please allow pop-ups for this website.');\n        }\n    }\n\n    \/**\n     * Change for CSP\n     *\/\n    if (card) {\n        \/\/ Add event listener for card clicks\n        const cardImageBg = card.querySelector('.tutorial-card-image-bg');\n        const cardLink = card.querySelector('.tutorial-card-link');\n\n        \/\/ Handle click on the image background\n        cardImageBg.addEventListener('click', openMultipleLinks);\n\n        \/\/ Handle click on the card link\n        cardLink.addEventListener('click', openMultipleLinks);\n    }\n});\n<\/script>\n\n<h5 class=\"tutorials-more-link\">Find more <a href=\"\/step-by-step-tutorials\/\" target=\"_blank\" rel=\"noopener\">step-by-step tutorials<\/a>.<\/h5>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tutorials Choose one of the tutorial projects below. We\u2019ll guide you along the way and show you the steps involved in...","protected":false},"author":172,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_crdt_document":"","inline_featured_image":false,"footnotes":""},"class_list":["post-91140","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/pages\/91140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/users\/172"}],"replies":[{"embeddable":true,"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/comments?post=91140"}],"version-history":[{"count":0,"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/pages\/91140\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/media?parent=91140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}