CINXE.COM
Online onderwijs
<!DOCTYPE html> <html dir="ltr" lang="nl-NL"> <head> <meta charset="utf-8"> <!-- This website is powered by TYPO3 - inspiring people to share! TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL. TYPO3 is copyright 1998-2024 of Kasper Skaarhoj. Extensions are copyright of their respective owners. Information and contribution at https://typo3.org/ --> <title>Online onderwijs</title> <meta name="generator" content="TYPO3 CMS" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:site_name" content="TU Delft" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Online onderwijs" /> <meta property="og:image" content="https://www.tudelft.nl/typo3conf/ext/site_tud/Resources/Public/Images/OpenGraph/TUDelft.jpg" /> <meta name="twitter:card" content="summary" /> <meta name="google-site-verification" content="vShvXo6q-uO9k9SNJyGlW9uV3m6LmjyO00PR-Ts7hYQ" /> <link rel="stylesheet" type="text/css" href="/typo3conf/ext/site_tud/Resources/Public/StyleSheets/dist.style.e19d9d9b36.min.css" media="all"> <style type="text/css"> /*<![CDATA[*/ <!-- /*MaxServ\FoundationFramework\ViewHelpers\InlineCssViewHelper8140e4b1e62db899afadd70ad7c2d0c9*/ .frame-space-before--10 { margin-top: -10px !important; } --> /*]]>*/ </style> <script src="/typo3conf/ext/tud_styling/Resources/Public/JavaScript/Vendor/modernizr.min.js"></script> <script src="/typo3temp/assets/js/6d999f1aea.js"></script> <script type="text/javascript"> var _wfl={fonts:[ {family:"roboto", weight: 300}, {family:"roboto", weight: 100}, ],isLoaded:function(){return document.cookie.indexOf("fontsLoaded")>=0},afterLoad:function(){document.documentElement.className+=" fontsLoaded",document.cookie="fontsLoaded=1; path=/"}};!function(){var e;if(_wfl.isLoaded())_wfl.afterLoad();else if(void 0!==document.fonts&&void 0!==window.Promise){document.fonts.onloadingerror=function(){console.error("Font error",arguments)};var o=_wfl.fonts.map(function(e){return e.family});e=document.addEventListener("DOMContentLoaded",function(){document.removeEventListener("DOMContentLoaded",e);var n=[];document.fonts.forEach(function(e){o.indexOf(e.family)>=0&&n.push(e.load())}),Promise.all(n).then(_wfl.afterLoad)})}else{var n=document.createElement("script");n.type="text/javascript",n.src= "/typo3conf/ext/tud_styling/Resources/Public/JavaScript/Vendor/asyncfontloader.min.js" ,n.async=!0,e=window.addEventListener("DOMContentLoaded",function(){document.removeEventListener("DOMContentLoaded",e),document.head.appendChild(n)})}}();</script><style> .nav-tab a.is-active { color: white !important; } a.is-active {background-color: #00a6d6;} .paging a.is-active {color:white; background-color: #BABABA; border-color: #BABABA;} .tab--red a.is-active {background-color: #E21A1A;} .tab--green a.is-active {background-color: #A5CA1A;} .tab--black a.is-active {background-color: #222;} .tab--white a.is-active {background-color: #fff; color:#000;} .tab--blue_lighter a.is-active {background-color: #D9F0F6;} .tab--blue_light a.is-active {background-color: #6EBBD5;} .tab--blue_dark a.is-active {background-color: #1E6188;} .tab--teal a.is-active {background-color: #008891;} .tab--yellow a.is-active {background-color: #FFC400;} .tab--orange a.is-active {background-color: #E64616;} .tab--purple a.is-active {background-color: #1C1C73;} .tab--purple_light a.is-active {background-color: #6D177F;} .tab--grey_dark a.is-active {background-color: #505050;} .tab--grey a.is-active {background-color: #9B9B9B;} .tab--grey_medium a.is-active {background-color: #BABABA;} .tab--grey_light a.is-active {background-color: #E7E7E7; color:#000;} .tab--pink a.is-active {background-color: #DB028C;} .nav-tab { font-family: 'Roboto Slab', Roboto; } .nav-tab a { padding: .5rem .5rem 0.3rem; } .nav-tab~* { border: 0; } </style> <style> /* no-padding fix */ .grid--noPaddingBottom) > * {padding-bottom: 0.1rem;} /* .i-search fix */ /* .nav-main .i-search span {display: initial;} */ /* flexbox referenties fix */ .row--equalHeightContentElements > div > .frame-type-shortcut { flex-grow: 1; display: inherit; } /* linkkleur in zwarte magazine nav */ .bg-black.magazine-navigation a {color:white;} /* contrast patch voor dynamic header */ /* .contrast .dynamicHeader-slideLink { background-color: #000d; border-radius: 3px; padding-left: 5px; } .contrast .dynamicHeader-slideTitle, .contrast .dynamicHeader-slideDescription { color: white; } */ /* Twitter / X icon */ i-twitter-after::after, .i-twitter::before { content: ""; width: 22px; height: 22px; } /* white ghost button text on hover fix */ .btn--ghost:hover.btn--white:hover {color: black !important;} .contrast .btn--ghost:hover.btn--white:hover {color: white !important;} /* Grid Card background fix */ .grid-background--black .card__img + .card__content {color:black;} .grid-background--black .label {color:#999;} /* Transparent topnav fixes */ .bg-transparent .nav-main__mainitem>a {text-shadow: 0px 0px 3px #888;} .bg-transparent .btn--languageSwitch:after, .bg-transparent .i-search:after {box-shadow: 0 0 2px #888, 0 0 1px #888 inset;} .bg-transparent .icon-languageSwitch, .bg-transparent .btn--icon:before {filter: drop-shadow(0px 0px 4px lightgrey);} .carousel .btn--round, .carousel .slick-arrow {filter: drop-shadow(0px 0px 3px #888);} /* Accordion title fix */ .accordion__title:before {font-size: .7rem;padding: .4rem;} /* Card text size reduction */ .frame-type-lookup_results .card__content:not(h3){font-size: .9rem;} .user-content h3 {margin-top:initial;} /* Blockquote edits*/ .frame-type-sitetud_quote>div{clear:both;} /* blockquote {float:none; padding-top: .5em; padding-bottom: 0;} */ /* disabled on 29-1-2024 */ blockquote cite {margin-top: 0rem; margin-bottom: 10px;} blockquote img {margin-top: -10px;} img + cite {margin-top: 2.5rem;margin-bottom: 2.5em} blockquote.quote-title-size--large img {margin-top:-30px;} blockquote.quote-title-size--medium img + cite {margin-bottom: 3em;} blockquote.quote-title-size--medium p {line-height:1.5;} /* Fix of header slider loading issues */ /*.poster {display:none;} .poster.is-loaded {display:block;} .headerBanner-content {display:initial;}*/ /* Form fixes */ .tx-powermail .checkbox, .tx-powermail .radio {display:block !important;} form {max-width: 100%;} /* blauwe link in cookiemelding */ .cookieNotice a {color: #00a6d6 ;} .cookieNotice .statement_expand:hover {color: #0066a2; text-decoration: underline dotted;} /* Huisstijlfixes */ button.accordion__button {font-family:'Roboto Slab';} .accordion__title {font-family:'Roboto Slab';} /* override align-justify in text-elements (WCAG) */ .frame-type-text .align-justify , p.align-justify {text-align: initial;} /* Spotler form layout */ .mpFormTable, .mpFormTable table {width:100%;} .mpFormLabel {width:30%;} .mpFormField {width:70%;} .mpFormTable .sublabel {font-size: .7em; font-style: italic;} /* .submitCellSpacer {display:none;} */ .mpFormTable li {list-style: none;} .mpFormTable ul {padding-inline-start: 0;} .mpMultipleLabel {margin-left:10px;} /* aside column fix on mobiles */ @media only screen and (max-width: 1024px) { .u-flex {flex-direction: column;} .u-flex.js-contrastChanger {flex-direction: initial;} } /* .accordion padding */ .accordion .grid > * {padding-bottom: initial;} /* magazine styling .bg-white.magazine-navigation .magazine-navigation-logoLink.btn--icon::after {border: 1px solid #222;} .bg-black.magazine-navigation a {color: #fff;} .bg-transparent.magazine-navigation {background: linear-gradient(#fffb 10%, #00a6d675);} .bg-transparent.magazine-navigation .magazine-navigation-logoLink.btn--icon::after {border: 1px solid #00a6d6;} .bg-transparent.magazine-navigation a {color: #00a6d6;} @media only screen and (max-width: 25.2em) {.magazine-navigation {bottom: 7.5rem;}} .nav-overlay.nav-overlay-magazine.is-active {background-color: #0c2340e8; padding:4rem; left:15vw; right:15vw; top:10vh; bottom:20vh} */ /* show-for-xlarge on chrome */ @media screen and (min-width:79.9375em) and (max-width:80em) { .show-for-xlarge { display:initial !important; } } /* zwart font voor witte buttons */ .btn--white {color: #222;} @media print { .nav-bottom {display: none;} } /* border-radius dynamic-header blocks */ .dynamicHeader-block {border-radius: 3px;} /* border-radius fix for header */ .dynamicHeader-slideGradient {border-radius: initial;} /* icons on popup menu */ /* @media only screen and (max-width:350px) { .nav-overlay__container .frame-type-sitetud_socialmedialinks .list-inline { --column-amount: 4; display: grid; grid-template-columns: repeat(var( --column-amount), 0fr); grid-gap: 0; place-items: center; margin: 0; justify-content: center; padding-top: 3em; }} @media only screen and (min-width:350px) and (max-width: 450px){ .nav-overlay__container .frame-type-sitetud_socialmedialinks .list-inline { --column-amount: 6; display: grid; grid-template-columns: repeat(var( --column-amount), 0fr); grid-gap: 0; place-items: center; margin: 0; justify-content: center; padding-top: 3em; }} @media only screen and (min-width:450px){ .nav-overlay__container .frame-type-sitetud_socialmedialinks .list-inline { padding-top:3em; } } */ /* adjusting footernav on mobile */ @media only screen and (max-width:405px) { .nav-bottom .logo {width: 100%; position: relative; display: grid; justify-content: center; padding-bottom: 0.3em; border-right: initial;} .nav-bottom .logo.left { border-bottom: 1px solid #fff; } } </style> <style> .profile a:not(.btn--icon) {color: #00a6d6;} .profile {color:#222;} /* alle contactblokken met 2 regels voor de naam */ .profile .box h3 {min-height:54.6px;} </style> <script type="text/javascript">var cookieNoticeConfig = cookieNoticeConfig || {};cookieNoticeConfig.flags = {};cookieNoticeConfig.flags.EXTERNAL = 3;cookieNoticeConfig.flags.ANALYTICAL = 50;cookieNoticeConfig.labels = {statement_short: 'Deze%20website%20maakt%20gebruik%20van%20cookies.%20Wanneer%20u%20op%20%E2%80%9CIk%20ga%20akkoord%E2%80%9D%20klikt%2C%20geeft%20u%20toestemming%20voor%20het%20gebruik%20van%20cookies.',statement_detail: 'TU%20Delft%20gebruikt%20cookies%20om%20het%20gebruiksgemak%20voor%20onze%20bezoekers%20te%20verhogen.%20Door%20middel%20van%20cookies%20meten%20we%20gebruikersinteractie.%20Een%20cookie%20kan%20geen%20persoonlijke%20informatie%20bevatten%2C%20zoals%20een%20telefoonnummer%20of%20e-mailadres%2C%20zodoende%20kunnen%20cookies%20dus%20niet%20gebruikt%20worden%20voor%20ongevraagde%20telemarketing%20of%20e-mail%20nieuwsbrieven.%3Cbr%2F%3E%3Cbr%20%2F%3EDaarnaast%20gebruiken%20wij%20incidenteel%20externe%20content%20om%20gebruikerservaringen%20te%20verbeteren%3B%20deze%20content%20kan%20mogelijk%20cookies%20van%20externe%20partijen%20bevatten%2C%20van%20bijvoorbeeld%20sociale%20media%20platformen.%20Zonder%20uw%20toestemming%20zullen%20we%20deze%20onderdelen%20dan%20ook%20afschermen.',statement_expand: 'Wat%20zijn%20cookies%3F',agree: 'Ik%20ga%20akkoord',link_policy: 'Meer%20informatie%20over%20cookies%20vindt%20u%20in%20ons%20cookiebeleid.',disagree: 'Ik%20ga%20niet%20akkoord'};cookieNoticeConfig.hitsBeforeImplicitConsent =-1;cookieNoticeConfig.cookiePolicyDetailPage = '/cookiebeleid';cookieNoticeConfig.consentChangeCallbacks = [];cookieNoticeConfig.showDisagreeButton =true;cookieNoticeConfig.expiresInMonths =6;cookieNoticeConfig.defaultCookieLevel =1;cookieNoticeConfig.consentedCookieName = '__cookieNotice_consent';cookieNoticeConfig.hitCountCookieName = '__cookieNotice_hit';</script><script type="text/javascript">var tx_solr_suggestUrl = '/?eID=tx_solr_suggest&id=16003';</script><script type="text/javascript"> (function () { if (document.cookie.indexOf("contrast") >= 0) { document.documentElement.className += " contrast"; } }());</script><link rel="apple-touch-icon" sizes="57x57" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/typo3conf/ext/tud_styling/Resources/Public/img/manifest.json"> <link rel="mask-icon" href="/typo3conf/ext/tud_styling/Resources/Public/img/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon.ico"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="msapplication-TileImage" content="/typo3conf/ext/tud_styling/Resources/Public/img/mstile-144x144.png"> <meta name="msapplication-config" content="/typo3conf/ext/tud_styling/Resources/Public/img/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <link rel="canonical" href="https://www.tudelft.nl/citg/onderwijs/online-onderwijs"/> <link rel="alternate" hreflang="nl-NL" href="https://www.tudelft.nl/citg/onderwijs/online-onderwijs"/> <link rel="alternate" hreflang="en-US" href="https://www.tudelft.nl/en/ceg/education/online-education"/> <link rel="alternate" hreflang="x-default" href="https://www.tudelft.nl/citg/onderwijs/online-onderwijs"/> <!-- This site is optimized with the Yoast SEO for TYPO3 plugin - https://yoast.com/typo3-extensions-seo/ --> <script type="application/ld+json">[{"@context":"https:\/\/www.schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.tudelft.nl\/","name":"Technische Universiteit Delft"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.tudelft.nl\/faculteiten-en-diensten","name":"Faculteiten en Diensten"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/www.tudelft.nl\/citg","name":"Civiele Techniek en Geowetenschappen"}},{"@type":"ListItem","position":4,"item":{"@id":"https:\/\/www.tudelft.nl\/citg\/onderwijs","name":"Onderwijs"}},{"@type":"ListItem","position":5,"item":{"@id":"https:\/\/www.tudelft.nl\/citg\/onderwijs\/online-onderwijs","name":"Online onderwijs"}}]}]</script> </head> <body class="page-16003"> <script type="text/javascript"> /*<![CDATA[*/ cookieNoticeConfig.consentChangeCallbacks.push({ type: cookieNoticeConfig.flags.ANALYTICAL, callback: function () { (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_6005654.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); } }); /*]]>*/ </script><script id="powermail_conditions_container" data-condition-uri="https://www.tudelft.nl/citg/onderwijs/online-onderwijs?type=3132"></script><style> .card--no_image.card--red,.btn--ghost.btn--red:hover, .highlight--vertical .highlight--red, .highlight--red::after, .hoverableBlock--red::after,[class*="--red"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--red, .content-slider--red, .card--red, .accordion__title--red, .nav-inpage--red) {background-color: #E03C31;} .card--no_image.card--green, .btn--ghost.btn--green:hover, .highlight--vertical .highlight--green, .highlight--green::after, .hoverableBlock--green::after,[class*="--green"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--green, .content-slider--green, .card--green, .accordion__title--green, .nav-inpage--green ) {background-color: #6CC24A;} .card--no_image.card--blue_dark,.btn--ghost.btn--blue_dark:hover, .highlight--vertical .highlight--blue_dark, .highlight--blue_dark::after, .hoverableBlock--blue_dark::after,[class*="--blue_dark"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--blue_dark, .content-slider--blue_dark, .card--blue_dark, .accordion__title--blue_dark, .nav-inpage--blue_dark) {background-color: #0C2340;} .card--no_image.card--yellow, .btn--ghost.btn--yellow:hover, .highlight--vertical .highlight--yellow, .highlight--yellow::after, .hoverableBlock--yellow::after,[class*="--yellow"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--yellow, .content-slider--yellow, .card--yellow, .accordion__title--yellow, .nav-inpage--yellow) {background-color: #FFB81C;} .card--no_image.card--orange, .btn--ghost.btn--orange:hover, .highlight--vertical .highlight--orange, .highlight--orange::after, .hoverableBlock--orange::after,[class*="--orange"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--orange, .content-slider--orange, .card--orange, .accordion__title--orange, .nav-inpage--orange) {background-color: #EC6842;} .card--no_image.card--purple, .btn--ghost.btn--purple:hover, .highlight--vertical .highlight--purple, .highlight--purple::after, .hoverableBlock--purple::after,[class*="--purple"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--purple, , .content-slider--purple, .card--purple, .accordion__title--purple, .nav-inpage--purple) {background-color: #6F1D77;} .card--no_image.card--purple_light, .btn--ghost.btn--purple_light:hover, .highlight--vertical .highlight--purple_light, .highlight--purple_light::after, .hoverableBlock--purple_light::after, [class*="--purple_light"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--purple_light, .content-slider--purple_light, .card--purple_light, .accordion__title--purple_light, .nav-inpage--purple_light) {background-color: #6F1D77;} .card--no_image.card--pink, .btn--ghost.btn--pink:hover, .highlight--vertical .highlight--pink, .highlight--pink::after, .hoverableBlock--pink::after, [class*="--pink"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--pink, .content-slider--pink, .card--pink, .accordion__title--pink, .nav-inpage--pink ) {background-color: #EF60A3;} .card--no_image.card--teal, .btn--ghost.btn--teal:hover, .highlight--vertical .highlight--teal, .highlight--teal::after, .hoverableBlock--teal::after, [class*="--teal"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--teal, .content-slider--teal, .card--teal, .accordion__title--teal, .nav-inpage--teal) {background-color: #00B8C8;} .btn--ghost.btn--red, .notice--red .btn:not(.btn--ghost), .fact [class*="-red"] {color:#E03C31;} .btn--ghost.btn--green, .notice--green .btn:not(.btn--ghost), .fact [class*="-green"] {color:#6CC24A;} .btn--ghost.btn--blue_dark, .notice--blue_dark .btn:not(.btn--ghost), .fact [class*="-blue_dark"] {color:#0C2340;} .btn--ghost.btn--yellow, .notice--yellow .btn:not(.btn--ghost), .fact [class*="-yellow"] {color:#FFB81C;} .btn--ghost.btn--orange, .notice--orange .btn:not(.btn--ghost), .fact [class*="-orange"] {color:#EC6842;} .btn--ghost.btn--purple, .notice--purple .btn:not(.btn--ghost), .fact [class*="-purple"] {color:#6F1D77;} .btn--ghost.btn--purple_light, .notice--purple_light .btn:not(.btn--ghost), .fact [class*="-purple_light"] {color:#6F1D77;} .btn--ghost.btn--pink, .notice--pink .btn:not(.btn--ghost), .fact [class*="-pink"] {color:#EF60A3;} .btn--ghost.btn--teal, .notice--teal .btn:not(.btn--ghost), .fact [class*="-teal"] {color:#00B8C8;} .dynamicHeader-block--red {background-color: rgba(224, 60, 49, var(--block-opacity))} .dynamicHeader-block--green {background-color: rgba(108, 194, 74, var(--block-opacity))} .dynamicHeader-block--blue_dark {background-color: rgba(12, 35, 64, var(--block-opacity))} .dynamicHeader-block--yellow {background-color: rgba(255, 184, 28, var(--block-opacity))} .dynamicHeader-block--orange {background-color: rgba(237, 104, 66, var(--block-opacity))} .dynamicHeader-block--purple {background-color: rgba(111, 29, 119, var(--block-opacity))} .dynamicHeader-block--purple_light {background-color: rgba(111, 29, 119, var(--block-opacity))} .dynamicHeader-block--pink {background-color: rgba(239, 96, 163, var(--block-opacity))} .dynamicHeader-block--teal {background-color: rgba(0, 184, 200, var(--block-opacity))} .card--red h3 {color:#E03C31;} .card--red.card--horizontalTiny .card__content::after, .card--red::after, .card--red.card--no_image[href]::after {background-color:#E03C31;} .card--green h3 {color:#6CC24A;} .card--green.card--horizontalTiny .card__content::after, .card--green::after, .card--green.card--no_image[href]::after {background-color:#6CC24A;} .card--blue_dark h3 {color:#0C2340;} .card--blue_dark.card--horizontalTiny .card__content::after, .card--blue_dark::after, .card--blue_dark.card--no_image[href]::after {background-color:#0C2340;} .card--yellow h3 {color:#FFB81C;} .card--yellow.card--horizontalTiny .card__content::after, .card--yellow::after, .card--yellow.card--no_image[href]::after {background-color:#FFB81C;} .card--orange h3 {color:#EC6842;} .card--orange.card--horizontalTiny .card__content::after, .card--orange::after, .card--orange.card--no_image[href]::after {background-color:#EC6842;} .card--purple h3 {color:#6F1D77;} .card--purple.card--horizontalTiny .card__content::after, .card--purple::after, .card--purple.card--no_image[href]::after {background-color:#6F1D77;} .card--purple_light h3 {color:#6F1D77;} .card--purple_light.card--horizontalTiny .card__content::after, .card--purple_light::after, .card--purple_light.card--no_image[href]::after {background-color:#6F1D77;} .card--pink h3 {color:#EF60A3;} .card--pink.card--horizontalTiny .card__content::after, .card--pink::after, .card--pink.card--no_image[href]::after {background-color:#EF60A3;} .card--teal h3 {color:#00B8C8;} .card--teal.card--horizontalTiny .card__content::after, .card--teal::after, .card--teal.card--no_image[href]::after {background-color:#00B8C8;} .divider--red, .nav-inpage.nav-inpage--red {border-color:#E03C31;} .divider--green, .nav-inpage.nav-inpage--green {border-color:#6CC24A;} .divider--blue_dark, .nav-inpage.nav-inpage--blue_dark {border-color:#0C2340;} .divider--yellow, .nav-inpage.nav-inpage--yellow {border-color:#FFB81C;} .divider--orange, .nav-inpage.nav-inpage--orange {border-color:#EC6842;} .divider--purple_light, .nav-inpage.nav-inpage--purple_light {border-color:#6F1D77;} .divider--purple, .nav-inpage.nav-inpage--purple {border-color:#6F1D77;} .divider--pink, .nav-inpage.nav-inpage--pink {border-color:#EF60A3;} .divider--teal, .nav-inpage.nav-inpage--teal {border-color:#00B8C8;} .tab--blue_dark a {color: white;} </style> <a href="#" class="skiplink btn btn--single align-center btn--grey_dark u-flex js-contrastChanger"> <svg role="presentation" class="icon-contrast"> <use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/contrast-icon.svg#contrast-icon"></use> </svg> <span class="js-contrastChanger-label" data-highcontrasttext="Activeer hoog contrast" data-normalcontrasttext="Activeer normaal contrast"> Activeer hoog contrast </span> </a> <a href="#main" class="skiplink btn btn--single align-center btn--grey_dark"> Ga naar hoofdcontent </a> <!-- Add logo as early as possible in HTML so placeholder renders correctly --> <svg class="hidden" xmlns="http://www.w3.org/2000/svg"> <symbol id="logo" viewBox="0 0 105 41"> <path fill="currentColor" fill-rule="evenodd" d="M30.5 36.73c2.62 0 4.03-1.74 4.03-4.18V20.12h5.56v12.71c-.06 5.6-4.53 7.8-9.59 7.8-5.05 0-9.53-2.2-9.58-7.8v-12.7h5.55v12.42c0 2.44 1.42 4.18 4.03 4.18M77.18 33.73v-1.31c0-3.87-2.2-6.6-6.15-6.6-4.41 0-6.47 3.42-6.47 7.52 0 4.12 1.78 7.29 6.25 7.29 3.34 0 5.78-1.59 6.2-4.76h-2.78c-.3 2.03-1.33 2.84-3.39 2.84-2.7 0-3.59-2.4-3.59-4.98h9.93zm-9.87-1.84c.02-2.18 1.34-4.15 3.53-4.15 2.55 0 3.55 1.76 3.55 4.15h-7.08zM80.37 20.12h2.65v20.1h-2.65v-20.1zM6.53 40.21h5.55V24.02h6.22v-3.9H.3v3.9h6.23v16.2M19.87 10.34c-1.35.42-2.75.08-2.75-1.73 0-2.77 6.49-5.09 7.4-7.5.21-.61.23-1.1-.06-1.1-.2.02-.04.32-.5.78-2.69 2.69-7.19 2.68-10.65 4.24-2.26 1.02-8.9 4.15-7.37 11.13.07.33.27 1.44.47 1.44.24 0 .23-.66.23-1.46-.05-4.16 4.86-5.32 6.46-8.04.2-.32.52-.77.6-.56.04.1.01.25-.05.54-.5 2.23-2.83 3.66-2.17 5.26.85 2.07 3.32.53 4.08-.8.2-.37.32-.6.46-.56.1.04.1.46.03.84-.4 2.4-.96 3.75-2.71 5.12-.56.43-1.44.52-1.33.86.03.09.41.08.71.05 4.68-.3 8.59-5.82 9.62-9.43.11-.25.14-.5.03-.58-.14-.1-.35.14-.56.33-.53.47-1.26.96-1.94 1.17M91.29 40.21V28.08h3.22v-1.84h-3.22V24c0-1.62.78-1.9 2.28-1.9.44 0 .89.06 1.33.09v-2.2a8.59 8.59 0 00-1.89-.28c-2.5 0-4.36 1.26-4.36 3.93v2.61h-2.72v1.84h2.72v12.13h2.64M96.03 26.24v1.84h2.38v8.9c0 1.86.03 3.65 3.95 3.65.61 0 1.18-.06 1.8-.17v-2.03c-.42.1-.96.17-1.38.17-.95 0-1.72-.48-1.72-1.48v-9.04h3.22v-1.84h-3.22v-3.8l-2.65.83v2.98h-2.38M48.43 22.51h4.1c4.64 0 6.56 3.5 6.56 7.66 0 4.15-1.92 7.65-6.56 7.65h-4.1v-15.3zm-2.79 17.7h6.9c8.57 0 9.47-7.27 9.47-10.04 0-2.77-.9-10.05-9.48-10.05h-6.89v20.1z"/> </symbol> </svg> <nav class="bg-blue nav-top"> <div class="container no-spacing"> <a class="logo left" href="/"> <svg focusable="false" class="logo-tudelft--top" role="img"> <use xlink:href="#logo"></use> </svg> <span class="text-hide">Home van TU Delft</span> </a> <div class="right"> <div class="nav-main"> <ul><li class="nav-main__mainitem" data-priority="0"><a href="/citg">Home</a></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/onderzoek/stories-of-science">Stories of Science</a></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/onderwijs">Onderwijs</a><ul class="nav-main__submenu"><li><a href="/citg/onderwijs/bacheloropleidingen">Bacheloropleidingen</a></li><li><a href="/citg/onderwijs/masteropleidingen">Masteropleidingen</a></li><li><a href="/citg/onderwijs/online-onderwijs">Online onderwijs</a></li><li><a href="/citg/onderwijs/minors">Minors</a></li><li><a href="/citg/onderwijs/student-stories">Student Stories</a></li><li><a href="/citg/onderwijs/postacademisch-onderwijs">Postacademisch onderwijs</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/onderzoek">Onderzoek</a><ul class="nav-main__submenu"><li><a href="/citg/onderzoek/stories-of-science">Stories of Science</a></li><li><a href="/citg/onderzoek/hoogleraren">Hoogleraren</a></li><li><a href="/citg/onderzoek/delft-research-initiatives">Delft Research Initiatives</a></li><li><a href="/citg/onderzoek/onderzoeksinstituten">Onderzoeksinstituten</a></li><li><a href="/citg/onderzoek/sectorplan">Sectorplan</a></li><li><a href="/citg/onderzoek/graduate-school">Graduate School</a></li><li><a href="/citg/onderzoek/publicaties">Publicaties</a></li><li><a href="/citg/onderzoek/research-assessments">Research Assessments</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/samenwerken">Samenwerken</a><ul class="nav-main__submenu"><li><a href="/citg/samenwerken/strategisch-partnerschap">Strategisch partnerschap</a></li><li><a href="/citg/samenwerken/stage-of-afstudeerplaats-aanbieden">Stage of afstudeerplaats aanbieden</a></li><li><a href="/citg/samenwerken/bijdragen-aan-onderwijsprogramma">Bijdragen aan onderwijsprogramma</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/actueel">Actueel</a><ul class="nav-main__submenu"><li><a href="/citg/actueel/laatste-nieuws">Laatste nieuws</a></li><li><a href="/citg/actueel/awards-and-publications">Awards and publications</a></li><li><a href="/citg/actueel/agenda">Agenda</a></li><li><a href="/citg/actueel/in-de-media">In de media</a></li><li><a href="/citg/actueel/citg-op-social-media">CiTG op social media</a></li><li><a href="/citg/actueel/citg-bij-universiteit-van-nederland">CiTG bij Universiteit van Nederland</a></li><li><a href="/citg/actueel/persinformatie">Persinformatie</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/over-faculteit">Over de faculteit</a><ul class="nav-main__submenu"><li><a href="/citg/over-faculteit/decaan">Decaan</a></li><li><a href="/citg/over-faculteit/afdelingen">Afdelingen</a></li><li><a href="/citg/over-faculteit/laboratoria">Laboratoria</a></li><li><a href="/community/alumni">Alumni</a></li><li><a href="/citg/over-faculteit/verenigingen">Verenigingen</a></li><li><a href="/citg/over-faculteit/werken-bij-onze-faculteit">Werken bij onze faculteit</a></li><li><a href="/citg/over-faculteit/diversity-inclusion-team">Diversity & Inclusion Team</a></li><li><a href="/citg/over-faculteit/feiten-en-cijfers">Feiten en Cijfers</a></li><li><a href="/citg/over-faculteit/contact-en-bereikbaarheid">Contact en bereikbaarheid</a></li></ul></li></ul> <a href="/en/ceg/education/online-education" title="Switch to the English language" class="btn--icon btn--languageSwitch" lang="en"> <div class="icon-languageSwitch icon-languageSwitch--nl"></div> </a> <button data-target=".nav-search" class="button-reset btn--icon i-search js-modal"> <span class="text-hide">Zoeken</span> </button> </div> </div> </div> </nav> <nav class="nav-overlay"> <div class="container no-spacing"> <ul class="list-reset nav-overlay__container"><li id="nav-overlay__mainitem--21171" data-priority="0"><div class="nav-overlay__mainitem"><a href="/citg">Home</a></div></li><li id="nav-overlay__mainitem--60144" data-priority="0"><div class="nav-overlay__mainitem"><a href="/citg/onderzoek/stories-of-science">Stories of Science</a></div></li><li id="nav-overlay__mainitem--15996" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/citg/onderwijs">Onderwijs</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/citg/onderwijs/bacheloropleidingen" id="nav-overlay__subitem--16001" class="nav-overlay__subitem">Bacheloropleidingen</a></li><li class="sm-12"><a href="/citg/onderwijs/masteropleidingen" id="nav-overlay__subitem--16002" class="nav-overlay__subitem">Masteropleidingen</a></li><li class="sm-12"><a href="/citg/onderwijs/online-onderwijs" id="nav-overlay__subitem--16003" class="nav-overlay__subitem">Online onderwijs</a></li><li class="sm-12"><a href="/citg/onderwijs/minors" id="nav-overlay__subitem--16005" class="nav-overlay__subitem">Minors</a></li><li class="sm-12"><a href="/citg/onderwijs/student-stories" id="nav-overlay__subitem--67132" class="nav-overlay__subitem">Student Stories</a></li><li class="sm-12"><a href="/citg/onderwijs/postacademisch-onderwijs" id="nav-overlay__subitem--16006" class="nav-overlay__subitem">Postacademisch onderwijs</a></li></ul></li><li id="nav-overlay__mainitem--15997" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/citg/onderzoek">Onderzoek</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/citg/onderzoek/stories-of-science" id="nav-overlay__subitem--16037" class="nav-overlay__subitem">Stories of Science</a></li><li class="sm-12"><a href="/citg/onderzoek/hoogleraren" id="nav-overlay__subitem--16192" class="nav-overlay__subitem">Hoogleraren</a></li><li class="sm-12"><a href="/citg/onderzoek/delft-research-initiatives" id="nav-overlay__subitem--16040" class="nav-overlay__subitem">Delft Research Initiatives</a></li><li class="sm-12"><a href="/citg/onderzoek/onderzoeksinstituten" id="nav-overlay__subitem--24004" class="nav-overlay__subitem">Onderzoeksinstituten</a></li><li class="sm-12"><a href="/citg/onderzoek/sectorplan" id="nav-overlay__subitem--121647" class="nav-overlay__subitem">Sectorplan</a></li><li class="sm-12"><a href="/citg/onderzoek/graduate-school" id="nav-overlay__subitem--16041" class="nav-overlay__subitem">Graduate School</a></li><li class="sm-12"><a href="/citg/onderzoek/publicaties" id="nav-overlay__subitem--16042" class="nav-overlay__subitem">Publicaties</a></li><li class="sm-12"><a href="/citg/onderzoek/research-assessments" id="nav-overlay__subitem--50125" class="nav-overlay__subitem">Research Assessments</a></li></ul></li><li id="nav-overlay__mainitem--15998" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/citg/samenwerken">Samenwerken</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/citg/samenwerken/strategisch-partnerschap" id="nav-overlay__subitem--16137" class="nav-overlay__subitem">Strategisch partnerschap</a></li><li class="sm-12"><a href="/citg/samenwerken/stage-of-afstudeerplaats-aanbieden" id="nav-overlay__subitem--16139" class="nav-overlay__subitem">Stage of afstudeerplaats aanbieden</a></li><li class="sm-12"><a href="/citg/samenwerken/bijdragen-aan-onderwijsprogramma" id="nav-overlay__subitem--16142" class="nav-overlay__subitem">Bijdragen aan onderwijsprogramma</a></li></ul></li><li id="nav-overlay__mainitem--15999" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/citg/actueel">Actueel</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/citg/actueel/laatste-nieuws" id="nav-overlay__subitem--16150" class="nav-overlay__subitem">Laatste nieuws</a></li><li class="sm-12"><a href="/citg/actueel/awards-and-publications" id="nav-overlay__subitem--158105" class="nav-overlay__subitem">Awards and publications</a></li><li class="sm-12"><a href="/citg/actueel/agenda" id="nav-overlay__subitem--16151" class="nav-overlay__subitem">Agenda</a></li><li class="sm-12"><a href="/citg/actueel/in-de-media" id="nav-overlay__subitem--16152" class="nav-overlay__subitem">In de media</a></li><li class="sm-12"><a href="/citg/actueel/citg-op-social-media" id="nav-overlay__subitem--16156" class="nav-overlay__subitem">CiTG op social media</a></li><li class="sm-12"><a href="/citg/actueel/citg-bij-universiteit-van-nederland" id="nav-overlay__subitem--159506" class="nav-overlay__subitem">CiTG bij Universiteit van Nederland</a></li><li class="sm-12"><a href="/citg/actueel/persinformatie" id="nav-overlay__subitem--16155" class="nav-overlay__subitem">Persinformatie</a></li></ul></li><li id="nav-overlay__mainitem--16000" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/citg/over-faculteit">Over de faculteit</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/citg/over-faculteit/decaan" id="nav-overlay__subitem--16190" class="nav-overlay__subitem">Decaan</a></li><li class="sm-12"><a href="/citg/over-faculteit/afdelingen" id="nav-overlay__subitem--16189" class="nav-overlay__subitem">Afdelingen</a></li><li class="sm-12"><a href="/citg/over-faculteit/laboratoria" id="nav-overlay__subitem--16194" class="nav-overlay__subitem">Laboratoria</a></li><li class="sm-12"><a href="/community/alumni" id="nav-overlay__subitem--160643" class="nav-overlay__subitem">Alumni</a></li><li class="sm-12"><a href="/citg/over-faculteit/verenigingen" id="nav-overlay__subitem--16196" class="nav-overlay__subitem">Verenigingen</a></li><li class="sm-12"><a href="/citg/over-faculteit/werken-bij-onze-faculteit" id="nav-overlay__subitem--16207" class="nav-overlay__subitem">Werken bij onze faculteit</a></li><li class="sm-12"><a href="/citg/over-faculteit/diversity-inclusion-team" id="nav-overlay__subitem--173728" class="nav-overlay__subitem">Diversity & Inclusion Team</a></li><li class="sm-12"><a href="/citg/over-faculteit/feiten-en-cijfers" id="nav-overlay__subitem--5338" class="nav-overlay__subitem">Feiten en Cijfers</a></li><li class="sm-12"><a href="/citg/over-faculteit/contact-en-bereikbaarheid" id="nav-overlay__subitem--16208" class="nav-overlay__subitem">Contact en bereikbaarheid</a></li></ul></li><li> <div class="t3ce frame-type-sitetud_socialmedialinks "> <h3 class="text-hide">Dit is het social media blok</h3> <ul class="list-inline"> <li> <a href="https://twitter.com/TUDelft_CT" target="_blank" class="btn--icon i-twitter" rel="noreferrer"> <span class="text-hide"> twitter </span> </a> </li> <li> <a href="https://www.linkedin.com/school/tu-delft-civil-engineering-geosciences/" target="_blank" class="btn--icon i-linkedin" rel="noreferrer"> <span class="text-hide"> linkedin </span> </a> </li> <li> <a href="https://www.instagram.com/ceg.tudelft/" target="_blank" class="btn--icon i-instagram" rel="noreferrer"> <span class="text-hide"> instagram </span> </a> </li> <li> <a href="https://www.youtube.com/user/FaculteitCiTG" target="_blank" class="btn--icon i-youtube" rel="noreferrer"> <span class="text-hide"> youtube </span> </a> </li> <li> <a href="https://api.whatsapp.com/send?phone=31638351565" target="_blank" class="btn--icon i-whatsapp hide-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> <a href="https://api.whatsapp.com/send?phone=31638351565" target="_blank" class="btn--icon i-whatsapp show-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> </li> </ul> </div> </li></ul> <div class='language-switch'><a href="/en/ceg/education/online-education" title="English" lang="en">English</a></div> <ul class="list-inline"> <li> <a href="/cookiebeleid" title="Cookie-instellingen" class="cookieButton btn--icon"> <svg viewBox="14 13 36 44" class="cookieButton-icon"> <circle cx="35.709" cy="22.973" fill="currentColor" r="2"/> <circle cx="41.875" cy="29.417" fill="currentColor" r="2"/> <circle cx="31.709" cy="31.417" fill="currentColor" r="2"/> <circle cx="24.001" cy="37.25" fill="currentColor" r="2"/> <circle cx="32" cy="42.292" fill="currentColor" r="2"/> <circle cx="38.875" cy="37.25" fill="currentColor" r="2"/> <path d="M32 50c-9.925 0-18-8.075-18-18 0-.505.034-1.001.074-1.494a1 1 0 0 1 1.269-.882c3.594 1.016 7.107-1.47 7.578-4.963a1 1 0 0 1 .858-.857 5.948 5.948 0 0 0 3.438-1.705 5.958 5.958 0 0 0 1.756-4.241c0-.78-.15-1.542-.447-2.266a1.002 1.002 0 0 1 .776-1.369A17.78 17.78 0 0 1 32 14c9.925 0 18 8.075 18 18s-8.075 18-18 18zM16.002 31.795A14.01 14.01 0 0 0 16 32c0 8.822 7.178 16 16 16s16-7.178 16-16-7.178-16-16-16c-.396 0-.801.019-1.233.058a7.91 7.91 0 0 1 .206 1.799 7.941 7.941 0 0 1-2.342 5.656 7.914 7.914 0 0 1-3.86 2.143c-.899 3.891-4.672 6.653-8.769 6.139z" fill="currentColor"/> </svg> </a> </li> <li> <a href="#" class="button-reset btn--icon btn-contrast js-contrastChanger" title="Contrast-instellingen"> <span class="js-contrastChanger-label text-hide" data-highcontrasttext="Activeer hoog contrast" data-normalcontrasttext="Activeer normaal contrast"> Activeer hoog contrast </span> <svg role="presentation" class="icon-contrast"> <use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/contrast-icon.svg#contrast-icon"></use> </svg> </a> </li> </ul> <button class='menu menu--close button-reset js-toggle' data-target='.nav-overlay'> <span class='i-close'> <span class='text-hide'> Sluit menu </span> </span> </button> </div> </nav> <div class="modal"> <div class="modal__content"> <form action="/zoeken" method="get" class="nav-search"> <input type="search" name="q" id="headerSearchForm-input" value="" class="autocomplete-inputField" autocomplete="off" aria-label="Zoeken"> <button class="button-reset i-search"> <span class="text-hide">Zoeken</span> </button> </form> </div> <button data-target="this.parent" class="menu menu--close button-reset js-modal-close"> <span class="i-close"> <span class="text-hide">Sluit zoek</span> </span> </button> </div> <main id="main"> <div class="container"> <div class="breadcrumb-bar"> <nav class="breadcrumb"> <ul class="list-inline"> <li> <a href="/citg" title="Civiele Techniek en Geowetenschappen">Civiele Techniek en Geowetenschappen</a> </li> <li> <a href="/citg/onderwijs" title="Onderwijs">Onderwijs</a> </li> <li> <a href="/citg/onderwijs/online-onderwijs" title="Online onderwijs">Online onderwijs</a> </li> </ul> </nav> </div> <div class="row"> <aside class="md-3"> <button class="js-toggle menuToggle" data-target=".hiddenSidebarContent" data-alttext="Menu sluiten"> Menu openen </button> <nav class="nav-aside hiddenSidebarContent"> <ul><li><a href="/citg">Home</a></li><li><a href="/citg/onderzoek/stories-of-science">Stories of Science</a></li><li><a href="/citg/onderwijs">Onderwijs</a><ul><li><a href="/citg/onderwijs/bacheloropleidingen">Bacheloropleidingen</a></li><li><a href="/citg/onderwijs/masteropleidingen">Masteropleidingen</a></li><li><a href="/citg/onderwijs/online-onderwijs" class="is-active">Online onderwijs</a></li><li><a href="/citg/onderwijs/minors">Minors</a></li><li><a href="/citg/onderwijs/student-stories">Student Stories</a></li><li><a href="/citg/onderwijs/postacademisch-onderwijs">Postacademisch onderwijs</a></li></ul></li><li><a href="/citg/onderzoek">Onderzoek</a></li><li><a href="/citg/samenwerken">Samenwerken</a></li><li><a href="/citg/actueel">Actueel</a></li><li><a href="/citg/over-faculteit">Over de faculteit</a></li></ul> </nav> </aside> <article class="md-9"> <h1> Online onderwijs </h1> <!--TYPO3SEARCH_begin--> <div id=c138576 class="t3ce frame-type-gridelements_pi1 "> <div class=" grid-background--boxed"> <div class="row grid layout-0"> <div class="xs-12 sm-6 md-8"> </div> <div class="xs-12 sm-6 md-4"> </div> </div> </div> </div> <div id=c138580 class="t3ce frame-type-text "> <p>Studying online offers you the possibility of studying wherever and whenever you want. Within the Delft Extension School there are various forms in which you can follow online education here at the TU Delft: </p> </div> <div id=c411739 class="t3ce frame-type-gridelements_pi1 "> <div class="js-navTabsContainer"> <nav class='nav-tab'> <ul class='list-reset'> <li > <a class="is-active" href='#'>Massive Open Online Courses MOOCs</a> </li> <li > <a href='#'>Professional Online Education</a> </li> </ul> </nav> <section id="tab_target" class="is-active"> <div id=c411740 class="t3ce frame-type-shortcut "> <div id=c138741 class="t3ce frame-type-gridelements_pi1 "> <div class=" grid-background--boxed"> <div class="row grid layout-0"> <div class="sm-12"> <div id=c138581 class="t3ce frame-type-text "> <h3 class=" "> Massive Open Online Courses MOOCs </h3> <p>TU Delft offers ‘Massive Open Online Courses’ (MOOCs) on the edX-platform. A MOOC is an online course aiming at large-scale interactive participation and open access via the web. In addition to traditional course materials such as videos, readings, and problem sets, MOOCs provide interactive user forums that help build a community for the students, professors, and teaching assistants. <br>Here at the Faculty of Civil Engineering and Geosciences we offer: </p> </div> <div id=c1372111 class="t3ce frame-type-gridelements_pi1 "> <div class=" grid-background--boxed"> <div class="row grid multiRowGrid layout-0"> <div class=" sm-12 md-6 lg-6"> <div id=c1373692 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/beyond-engineering-building-with-nature/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--1373692" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/d/csm_Building%20with%20Nature_a9ba2c58f7.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/d/csm_Building%20with%20Nature_50886379ff.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/d/csm_Building%20with%20Nature_a9ba2c58f7.webp, https://filelist.tudelft.nl/_processed_/1/d/csm_Building%20with%20Nature_5c37968cce.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/CiTG/Onderwijs/Online%20onderwijs/Building%20with%20Nature.jpg" width="512" height="512" alt="" /> </picture> <section class='card__content'> <h3>Beyond Engineering: Building with Nature</h3> Learn how to use Social Design Principles in developing more effective and sustainable hydraulic infrastructure, with an emphasis on delta, coastal and port environments. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c138663 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/introduction-to-drinking-water-treatment/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--138663" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/b/csm_Drinking%20Water%20Treatment_38a85b96fe.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/b/csm_Drinking%20Water%20Treatment_3ce66a33ce.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/b/csm_Drinking%20Water%20Treatment_38a85b96fe.webp, https://filelist.tudelft.nl/_processed_/0/b/csm_Drinking%20Water%20Treatment_822852ca96.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/0/b/csm_Drinking%20Water%20Treatment_9fe65b5061.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Drinking Water Treatment</h3> Learn about urban water services, focusing on conventional technologies for drinking water treatment. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c138662 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/engineering-building-with-nature/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--138662" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/7/csm_Engineering%20Building%20with%20Nature_990b3cd2d3.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/7/csm_Engineering%20Building%20with%20Nature_50b1c59608.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/7/csm_Engineering%20Building%20with%20Nature_990b3cd2d3.webp, https://filelist.tudelft.nl/_processed_/d/7/csm_Engineering%20Building%20with%20Nature_c81d00cc8b.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/d/7/csm_Engineering%20Building%20with%20Nature_7d117e9769.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Engineering: Building with Nature</h3> Learn how to use ecological and engineering design principles to develop more effective and sustainable hydraulic infrastructure. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c204517 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/forensic-engineering-learning-from-failures/" class="card card--blue card--colored"> <div class="card__contentWrapper"> <picture class="card__img card__img--204517" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/6/csm_citg_fe01x_header_6fd290342d.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/6/csm_citg_fe01x_header_884e128303.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/6/csm_citg_fe01x_header_6fd290342d.webp, https://filelist.tudelft.nl/_processed_/a/6/csm_citg_fe01x_header_fbd18965a9.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/a/6/csm_citg_fe01x_header_716cf1d3ae.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Forensic Engineering: Learning from Failures</h3> Don’t let good failures go to waste! Identify the causes of failure and use this knowledge to enhance safety and improve performance. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c138688 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/geoscience-the-earth-and-its-resources/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--138688" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/b/csm_Geoscience%20the%20Earth%20and%20its%20Resources_65c1f094be.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/b/csm_Geoscience%20the%20Earth%20and%20its%20Resources_f242172283.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/b/csm_Geoscience%20the%20Earth%20and%20its%20Resources_65c1f094be.webp, https://filelist.tudelft.nl/_processed_/d/b/csm_Geoscience%20the%20Earth%20and%20its%20Resources_9f6b5675a4.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/d/b/csm_Geoscience%20the%20Earth%20and%20its%20Resources_bb88100659.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Geoscience: the Earth and its Resources</h3> Your introduction to modern Earth Sciences with application to the Geology of hydrocarbon and water. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c138659 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/introduction-to-water-and-climate/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--138659" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/6/csm_Introduction%20to%20Water%20and%20Climate_df9b32db78.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/6/csm_Introduction%20to%20Water%20and%20Climate_7fc926e1d1.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/6/csm_Introduction%20to%20Water%20and%20Climate_df9b32db78.webp, https://filelist.tudelft.nl/_processed_/6/6/csm_Introduction%20to%20Water%20and%20Climate_a2e2518bbe.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/6/6/csm_Introduction%20to%20Water%20and%20Climate_8ff9d26891.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Introduction to Water and Climate</h3> The basic elements of and the relation between water and climate are highlighted and further discussed together with their mutual coherence. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c138635 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/observation-theory-estimating-the-unknown/" target="_blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--138635" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/4/6/csm_Observation%20Theory%20Estimating%20the%20Unknown_648b428b76.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/4/6/csm_Observation%20Theory%20Estimating%20the%20Unknown_f014c99c8b.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/4/6/csm_Observation%20Theory%20Estimating%20the%20Unknown_648b428b76.webp, https://filelist.tudelft.nl/_processed_/4/6/csm_Observation%20Theory%20Estimating%20the%20Unknown_4d360c5f34.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/4/6/csm_Observation%20Theory%20Estimating%20the%20Unknown_1c6ed0eaba.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Observation theory: Estimating the Unknown</h3> Learn how to estimate parameters from observational data for real-world engineering applications and assess the quality of the results. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c306885 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/project-finance-funding-projects-successfully/" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--306885" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/1/csm_Project%20Finance%20Funding%20Projects%20Successfully_fe91da269f.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/1/csm_Project%20Finance%20Funding%20Projects%20Successfully_11e3fa9749.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/1/csm_Project%20Finance%20Funding%20Projects%20Successfully_fe91da269f.webp, https://filelist.tudelft.nl/_processed_/3/1/csm_Project%20Finance%20Funding%20Projects%20Successfully_d34167cd1a.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/3/1/csm_Project%20Finance%20Funding%20Projects%20Successfully_f67e5eef72.jpg" width="931" height="500" alt="" /> </picture> <section class='card__content'> <h3>Project Finance: Funding Projects Successfully</h3> Gain fundamental knowledge and necessary tools to create the optimum financing structure for your project. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c138691 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/project-management-of-engineering-projects-preparing-for-success/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--138691" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/d/csm_Project%20Management%20of%20Engineering%20Projects%20Preparing%20for%20Success_d2d3b2dba2.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/d/csm_Project%20Management%20of%20Engineering%20Projects%20Preparing%20for%20Success_09dd0b175e.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/d/csm_Project%20Management%20of%20Engineering%20Projects%20Preparing%20for%20Success_d2d3b2dba2.webp, https://filelist.tudelft.nl/_processed_/8/d/csm_Project%20Management%20of%20Engineering%20Projects%20Preparing%20for%20Success_3fd549c1a9.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/8/d/csm_Project%20Management%20of%20Engineering%20Projects%20Preparing%20for%20Success_f1a792b11a.jpg" width="914" height="500" alt="" /> </picture> <section class='card__content'> <h3>Project Management of Engineering Projects: Preparing for Success</h3> Create your own project plan and learn the importance of the early project phases in achieving project success. People are key! </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c138738 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/project-management-mastering-project-complexity/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--138738" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/2/csm_Project%20Management%20Mastering%20Complexity_e2d94a5bc8.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/2/csm_Project%20Management%20Mastering%20Complexity_234bd49296.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/2/csm_Project%20Management%20Mastering%20Complexity_e2d94a5bc8.webp, https://filelist.tudelft.nl/_processed_/6/2/csm_Project%20Management%20Mastering%20Complexity_354d66f336.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/6/2/csm_Project%20Management%20Mastering%20Complexity_6ace54bb16.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Project Management: Mastering Complexity</h3> </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c204514 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/railway-engineering-an-integral-approach/" class="card card--blue card--colored"> <div class="card__contentWrapper"> <picture class="card__img card__img--204514" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/f/csm_rail101x_newheader_51acecf713.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/f/csm_rail101x_newheader_1e341be17e.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/f/csm_rail101x_newheader_51acecf713.webp, https://filelist.tudelft.nl/_processed_/a/f/csm_rail101x_newheader_474e141375.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/a/f/csm_rail101x_newheader_d46690261d.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Railway Engineering: An Integral Approach</h3> Discover the science and complexity behind the exciting world of metro, tram and railway systems.<br /> Starts: Oct 19, 2022 </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c306870 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/railway-engineering-track-and-train-interaction/" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--306870" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/7/4/csm_Railway%20Engineering%20track%20and%20train%20header_6570e84e1c.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/7/4/csm_Railway%20Engineering%20track%20and%20train%20header_b2f39542cf.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/7/4/csm_Railway%20Engineering%20track%20and%20train%20header_6570e84e1c.webp, https://filelist.tudelft.nl/_processed_/7/4/csm_Railway%20Engineering%20track%20and%20train%20header_f47a7ab607.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/7/4/csm_Railway%20Engineering%20track%20and%20train%20header_f31bbc7f3e.png" width="890" height="500" alt="" /> </picture> <section class='card__content'> <h3>Railway Engineering: Track and Train Interaction</h3> Acquire cutting-edge integrated rail system knowledge and skills to better evaluate railway-related cases and enhance your decision-making process. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c356338 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/sustainable-urban-freight-transport-a-global-perspective/" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--356338" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/7/csm_citg_clog01x_header_7e3b120887.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/7/csm_citg_clog01x_header_e2b81534e7.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/7/csm_citg_clog01x_header_7e3b120887.webp, https://filelist.tudelft.nl/_processed_/a/7/csm_citg_clog01x_header_ebd4fd4226.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/a/7/csm_citg_clog01x_header_ac005c4da9.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Sustainable Urban Freight Transport: A Global Perspective</h3> Learn key strategies for optimizing urban freight transport based on recent developments in market understanding, vehicle technology and cooperative ventures. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c138692 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/introduction-to-treatment-of-urban-sewage/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--138692" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/8/csm_Urban%20Sewage%20Treatment_cd8fcaa733.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/8/csm_Urban%20Sewage%20Treatment_4354cbc0ed.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/8/csm_Urban%20Sewage%20Treatment_cd8fcaa733.webp, https://filelist.tudelft.nl/_processed_/f/8/csm_Urban%20Sewage%20Treatment_40b71b05b8.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/f/8/csm_Urban%20Sewage%20Treatment_8099924526.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Urban Sewage Treatment</h3> Learn about urban water services, focusing on basic sewage treatment technologies. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c138705 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://www.edx.org/xseries/water-management" target="_Blank" class="card card--no_image card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <section class='card__content'> <h3>Water XSeries</h3> The faculty of Civil Engineering and Geosciences offers an XSeries Certificate when you complete and pass the three courses. </section> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section> <div id=c411742 class="t3ce frame-type-shortcut "> <div id=c138743 class="t3ce frame-type-gridelements_pi1 "> <div class=" grid-background--boxed"> <div class="row grid layout-0"> <div class="sm-12"> <div id=c138708 class="t3ce frame-type-text "> <h3 class=" "> Professional Online Education </h3> <p>These professional education courses can be followed worldwide and are intended for people who already have several years of work experience and who want to continue their education alongside their work. </p> </div> <div id=c1372112 class="t3ce frame-type-gridelements_pi1 "> <div class=" grid-background--boxed"> <div class="row grid multiRowGrid layout-0"> <div class=" sm-12 md-6 lg-6"> <div id=c306875 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/adaptive-planning-for-infrastructure-and-water-management/" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--306875" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/3/csm_Adaptive%20Planning%20for%20Infra%20header_4e07f47cfa.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/3/csm_Adaptive%20Planning%20for%20Infra%20header_26d1113dba.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/3/csm_Adaptive%20Planning%20for%20Infra%20header_4e07f47cfa.webp, https://filelist.tudelft.nl/_processed_/2/3/csm_Adaptive%20Planning%20for%20Infra%20header_0d74db127e.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/2/3/csm_Adaptive%20Planning%20for%20Infra%20header_d9b2b82a80.png" width="895" height="500" alt="" /> </picture> <section class='card__content'> <h3>Adaptive Planning for Infrastructure and Water Management</h3> Learn skills and tools needed to analyze 'deep' uncertainties, to anticipate change and to design adaptation pathways. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c575235 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/aerobic-granular-sludge-technology-for-wastewater-treatment/" class="card card--blue card--colored"> <div class="card__contentWrapper"> <picture class="card__img card__img--575235" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/9/5/csm_citg_se_granular_header_new_d4a429cceb.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/9/5/csm_citg_se_granular_header_new_eb922337d5.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/9/5/csm_citg_se_granular_header_new_d4a429cceb.webp, https://filelist.tudelft.nl/_processed_/9/5/csm_citg_se_granular_header_new_4e7a26e0ef.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/9/5/csm_citg_se_granular_header_new_aa7db4acee.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Aerobic Granular Sludge Technology for Wastewater Treatment</h3> </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c257140 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/frp-composites-in-structural-engineering/" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--257140" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/0/csm_citg_frpx_header_78aa3575db.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/0/csm_citg_frpx_header_a333014560.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/0/csm_citg_frpx_header_78aa3575db.webp, https://filelist.tudelft.nl/_processed_/f/0/csm_citg_frpx_header_a228a262cd.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/f/0/csm_citg_frpx_header_c5f97dcab4.png" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Fiber Reinforced Polymer (FRP) Composites in Structural Engineering</h3> </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c310798 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/high-rate-anaerobic-wastewater-treatment/" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--310798" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/b/csm_Profed%20-%20high%20rate%20anaerobic%20wastewater%20treatment_039da20df0.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/b/csm_Profed%20-%20high%20rate%20anaerobic%20wastewater%20treatment_345a255d7d.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/b/csm_Profed%20-%20high%20rate%20anaerobic%20wastewater%20treatment_039da20df0.webp, https://filelist.tudelft.nl/_processed_/6/b/csm_Profed%20-%20high%20rate%20anaerobic%20wastewater%20treatment_e5330b4758.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/6/b/csm_Profed%20-%20high%20rate%20anaerobic%20wastewater%20treatment_3e4b776527.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>High-rate Anaerobic Wastewater Treatment</h3> </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c138728 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/nanofiltration-and-reverse-osmosis-in-water-treatment/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--138728" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/9/csm_Nanofiltration%20and%20Reverse%20Osmosis%20in%20Water%20Treatment_1a019a87cf.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/9/csm_Nanofiltration%20and%20Reverse%20Osmosis%20in%20Water%20Treatment_770f5a2ebf.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/9/csm_Nanofiltration%20and%20Reverse%20Osmosis%20in%20Water%20Treatment_1a019a87cf.webp, https://filelist.tudelft.nl/_processed_/1/9/csm_Nanofiltration%20and%20Reverse%20Osmosis%20in%20Water%20Treatment_2f49300f58.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/1/9/csm_Nanofiltration%20and%20Reverse%20Osmosis%20in%20Water%20Treatment_a731098dd1.jpg" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Nanofiltration and Reverse Osmosis in Water Treatment</h3> </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c138732 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/offshore-wind-farm-technology-design-installation-and-operation/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--138732" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/8/csm_Offshore%20Wind%20Farm%20Technology_bfe6b6fe8b.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/8/csm_Offshore%20Wind%20Farm%20Technology_ad89357924.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/8/csm_Offshore%20Wind%20Farm%20Technology_bfe6b6fe8b.webp, https://filelist.tudelft.nl/_processed_/e/8/csm_Offshore%20Wind%20Farm%20Technology_41976705a9.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/e/8/csm_Offshore%20Wind%20Farm%20Technology_e45017f098.png" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Offshore Wind Farm Technology: Design, Installation and Operation</h3> </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c1373756 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/pfas-tackling-persistent-pollutants-in-the-water-cycle/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--1373756" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/0/csm_Water_6808d02e5b.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/0/csm_Water_c8f8959eb9.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/0/csm_Water_6808d02e5b.webp, https://filelist.tudelft.nl/_processed_/0/0/csm_Water_0db98aa012.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/0/0/csm_Water_b9f5e1636b.jpg" width="640" height="960" alt="" /> </picture> <section class='card__content'> <h3>PFAS - Tackling Persistent Pollutants in the Water Cycle</h3> </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c306869 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/professional-certificate-program-in-railway-engineering/" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--306869" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/7/csm_Professional%20certificate%20program%20in%20railway%20engineering%20header_6dd47636fb.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/7/csm_Professional%20certificate%20program%20in%20railway%20engineering%20header_8d76abce26.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/7/csm_Professional%20certificate%20program%20in%20railway%20engineering%20header_6dd47636fb.webp, https://filelist.tudelft.nl/_processed_/b/7/csm_Professional%20certificate%20program%20in%20railway%20engineering%20header_a3881e8c3c.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/b/7/csm_Professional%20certificate%20program%20in%20railway%20engineering%20header_3f1657f2e2.png" width="960" height="300" alt="" /> </picture> <section class='card__content'> <h3>Professional Certificate Program in Railway Engineering</h3> Improve your strategies and decision making in the design, operation and maintenance of both infrastructure and rolling stock. </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c1373771 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/railway-engineering-performance-over-time/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--1373771" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/4/6/csm_Railway%20Engineering%20Performance%20over%20Time_3fccf61850.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/4/6/csm_Railway%20Engineering%20Performance%20over%20Time_9e92a86d5c.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/4/6/csm_Railway%20Engineering%20Performance%20over%20Time_3fccf61850.webp, https://filelist.tudelft.nl/_processed_/4/6/csm_Railway%20Engineering%20Performance%20over%20Time_92fd7da15b.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/4/6/csm_Railway%20Engineering%20Performance%20over%20Time_cecd7e60ac.png" width="960" height="205" alt="" /> </picture> <section class='card__content'> <h3>Railway Engineering: Performance over Time</h3> </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c1373765 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/railway-engineering-real-time-operations/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--1373765" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/d/csm_Railway%20Engineering%20Real-time%20Operations_e659a7000d.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/d/csm_Railway%20Engineering%20Real-time%20Operations_1a1f822a66.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/d/csm_Railway%20Engineering%20Real-time%20Operations_e659a7000d.webp, https://filelist.tudelft.nl/_processed_/d/d/csm_Railway%20Engineering%20Real-time%20Operations_7a9d6af84c.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/d/d/csm_Railway%20Engineering%20Real-time%20Operations_4109f50b04.png" width="960" height="210" alt="" /> </picture> <section class='card__content'> <h3>Railway Engineering: Real Time Operations</h3> </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c1373775 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/railway-engineering-track-and-train-interaction/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--1373775" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/2/csm_Railway%20Engineering%20Train%20and%20Track%20Interaction_1848a3be88.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/2/csm_Railway%20Engineering%20Train%20and%20Track%20Interaction_16849e0f9e.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/2/csm_Railway%20Engineering%20Train%20and%20Track%20Interaction_1848a3be88.webp, https://filelist.tudelft.nl/_processed_/e/2/csm_Railway%20Engineering%20Train%20and%20Track%20Interaction_07dce657d3.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/e/2/csm_Railway%20Engineering%20Train%20and%20Track%20Interaction_bf02adc2d0.png" width="960" height="265" alt="" /> </picture> <section class='card__content'> <h3>Railway Engineering: Track and Train Interaction</h3> </section> </div> </a> </div> </div> </div> </div> <div class=" sm-12 md-6 lg-6"> <div id=c1373769 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/courses/road-safety/" target="_Blank" class="card card--blue card--colored" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--1373769" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/4/c/csm_Road%20Safety%20Course%20-%20Introduction%20Video_e44c9a29ad.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/4/c/csm_Road%20Safety%20Course%20-%20Introduction%20Video_6dffe70257.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/4/c/csm_Road%20Safety%20Course%20-%20Introduction%20Video_e44c9a29ad.webp, https://filelist.tudelft.nl/_processed_/4/c/csm_Road%20Safety%20Course%20-%20Introduction%20Video_280c025254.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/CiTG/Onderwijs/Online%20onderwijs/Road%20Safety%20Course%20-%20Introduction%20Video.jpg" width="480" height="360" alt="" /> </picture> <section class='card__content'> <h3>Road Safety</h3> </section> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> <!--TYPO3SEARCH_end--> <div class="socialShare row"> <div class="sm-12 sm-mt-1"> <div class="socialShare-items"> <h2 class="h4">Deel deze pagina:</h2> <ul class="sharing"> <li> <a class="btn--icon i-facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://www.tudelft.nl/citg/onderwijs/online-onderwijs" target="_blank"> <span class="text-hide">Facebook</span> </a> </li> <li> <a class="btn--icon i-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.tudelft.nl/citg/onderwijs/online-onderwijs&title=Online%20onderwijs&summary=&source=tudelft.nl;" target="_blank"> <span class="text-hide">Linkedin</span> </a> </li> <li> <a class="btn--icon i-twitter" href="https://twitter.com/share?url=https://www.tudelft.nl/citg/onderwijs/online-onderwijs&text=Online%20onderwijs" target="_blank"> <span class="text-hide">Twitter</span> </a> </li> <li> <a class="btn--icon i-mail" href="mailto:?subject=Ik%20wil%20deze%20pagina%20graag%20met%20je%20delen&body=Ik%20wil%20deze%20pagina%20aan%20je%20laten%20zien%20https://www.tudelft.nl/citg/onderwijs/online-onderwijs"> <span class="text-hide">Email</span> </a> </li> <li class="hide-for-medium"> <a class="btn--icon i-whatsapp" href="whatsapp://send?text=Online%20onderwijs%20https://www.tudelft.nl/citg/onderwijs/online-onderwijs"> <span class="text-hide">WhatsApp</span> </a> </li> </ul> </div> <a href="#" class="socialShare-navigatorShareButton btn hidden"> Deel deze pagina </a> </div> </div> </article> </div> </div> </main> <footer class="pageFooter"> <a class="js-back_to_top" href="#" title="back_to_top"> <div class="btn--icon i-arrow_down"></div> </a> <div class='container'> <div class='row'> <div class="md-6 lg-6 space"> <div id=c155837 class="t3ce frame-type-header element-layout-pull pull-right noFloatCarousel frame-space-before--10 negative-top-margin "> <h1 class=" "> Faculteit Civiele Techniek en Geowetenschappen </h1> </div> <div class="t3ce frame-type-sitetud_socialmedialinks "> <h3 class="text-hide">Dit is het social media blok</h3> <ul class="list-inline"> <li> <a href="https://twitter.com/TUDelft_CT" target="_blank" class="btn--icon i-twitter" rel="noreferrer"> <span class="text-hide"> twitter </span> </a> </li> <li> <a href="https://www.linkedin.com/school/tu-delft-civil-engineering-geosciences/" target="_blank" class="btn--icon i-linkedin" rel="noreferrer"> <span class="text-hide"> linkedin </span> </a> </li> <li> <a href="https://www.instagram.com/ceg.tudelft/" target="_blank" class="btn--icon i-instagram" rel="noreferrer"> <span class="text-hide"> instagram </span> </a> </li> <li> <a href="https://www.youtube.com/user/FaculteitCiTG" target="_blank" class="btn--icon i-youtube" rel="noreferrer"> <span class="text-hide"> youtube </span> </a> </li> <li> <a href="https://api.whatsapp.com/send?phone=31638351565" target="_blank" class="btn--icon i-whatsapp hide-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> <a href="https://api.whatsapp.com/send?phone=31638351565" target="_blank" class="btn--icon i-whatsapp show-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> </li> </ul> </div> </div> <div class="md-6 lg-6"> <div class="row"> <div class="sm-6"> <div id=c155839 class="t3ce frame-type-text "> <p>Gebouw 23<br> Stevinweg 1<br> 2628 CN Delft<br> Tel: + 31 15 27 89802</p> <p><a href="/citg/onderzoek/stories-of-science">Stories of Science</a><br> <a href="https://map.tudelftcampus.nl/nl/poi/civil-engineering-and-geosciences-ceg/" target="_blank" rel="noreferrer">Contact and bereikbaarheid</a><br> <a href="/disclaimer">Disclaimer</a><br> <a href="/privacy-statement">Privacy statement</a></p> </div> </div> <div class="sm-6 right"> <div id=c282779 class="t3ce frame-type-image "> <div class="image"> <picture> <img class=" " src="https://filelist.tudelft.nl/CiTG/CiTG-gebouw-300.jpg" width="300" height="200" alt="" /> </picture> </div> </div> </div> </div> </div> </div> </div> </footer> <nav class="nav-bottom"> <div class="container no-spacing"> <a class="logo left" href="/"> <svg focusable="false" class="logo logo-tudelft--bottom" role="img"> <use xlink:href="#logo"></use> </svg> <span class="text-hide">Home van TU Delft</span> </a> <div class="nav-main left"> <a href="/cookiebeleid" title="Cookie-instellingen" class="cookieButton btn--icon"> <svg viewBox="14 13 36 44" class="cookieButton-icon"> <circle cx="35.709" cy="22.973" fill="currentColor" r="2"/> <circle cx="41.875" cy="29.417" fill="currentColor" r="2"/> <circle cx="31.709" cy="31.417" fill="currentColor" r="2"/> <circle cx="24.001" cy="37.25" fill="currentColor" r="2"/> <circle cx="32" cy="42.292" fill="currentColor" r="2"/> <circle cx="38.875" cy="37.25" fill="currentColor" r="2"/> <path d="M32 50c-9.925 0-18-8.075-18-18 0-.505.034-1.001.074-1.494a1 1 0 0 1 1.269-.882c3.594 1.016 7.107-1.47 7.578-4.963a1 1 0 0 1 .858-.857 5.948 5.948 0 0 0 3.438-1.705 5.958 5.958 0 0 0 1.756-4.241c0-.78-.15-1.542-.447-2.266a1.002 1.002 0 0 1 .776-1.369A17.78 17.78 0 0 1 32 14c9.925 0 18 8.075 18 18s-8.075 18-18 18zM16.002 31.795A14.01 14.01 0 0 0 16 32c0 8.822 7.178 16 16 16s16-7.178 16-16-7.178-16-16-16c-.396 0-.801.019-1.233.058a7.91 7.91 0 0 1 .206 1.799 7.941 7.941 0 0 1-2.342 5.656 7.914 7.914 0 0 1-3.86 2.143c-.899 3.891-4.672 6.653-8.769 6.139z" fill="currentColor"/> </svg> </a> <a href="#" class="button-reset btn--icon btn-contrast js-contrastChanger" title="Contrast-instellingen"> <span class="js-contrastChanger-label text-hide" data-highcontrasttext="Activeer hoog contrast" data-normalcontrasttext="Activeer normaal contrast"> Activeer hoog contrast </span> <svg role="presentation" class="icon-contrast"> <use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/contrast-icon.svg#contrast-icon"></use> </svg> </a> <div id="__ba_panel" class="js-browse-aloud"> </div> </div> <div class="right"> <div class="nav-main"> <ul><li class="nav-main__mainitem" data-priority="0"><a href="/citg">Home</a></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/onderzoek/stories-of-science">Stories of Science</a></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/onderwijs">Onderwijs</a><ul class="nav-main__submenu"><li><a href="/citg/onderwijs/bacheloropleidingen">Bacheloropleidingen</a></li><li><a href="/citg/onderwijs/masteropleidingen">Masteropleidingen</a></li><li><a href="/citg/onderwijs/online-onderwijs">Online onderwijs</a></li><li><a href="/citg/onderwijs/minors">Minors</a></li><li><a href="/citg/onderwijs/student-stories">Student Stories</a></li><li><a href="/citg/onderwijs/postacademisch-onderwijs">Postacademisch onderwijs</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/onderzoek">Onderzoek</a><ul class="nav-main__submenu"><li><a href="/citg/onderzoek/stories-of-science">Stories of Science</a></li><li><a href="/citg/onderzoek/hoogleraren">Hoogleraren</a></li><li><a href="/citg/onderzoek/delft-research-initiatives">Delft Research Initiatives</a></li><li><a href="/citg/onderzoek/onderzoeksinstituten">Onderzoeksinstituten</a></li><li><a href="/citg/onderzoek/sectorplan">Sectorplan</a></li><li><a href="/citg/onderzoek/graduate-school">Graduate School</a></li><li><a href="/citg/onderzoek/publicaties">Publicaties</a></li><li><a href="/citg/onderzoek/research-assessments">Research Assessments</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/samenwerken">Samenwerken</a><ul class="nav-main__submenu"><li><a href="/citg/samenwerken/strategisch-partnerschap">Strategisch partnerschap</a></li><li><a href="/citg/samenwerken/stage-of-afstudeerplaats-aanbieden">Stage of afstudeerplaats aanbieden</a></li><li><a href="/citg/samenwerken/bijdragen-aan-onderwijsprogramma">Bijdragen aan onderwijsprogramma</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/actueel">Actueel</a><ul class="nav-main__submenu"><li><a href="/citg/actueel/laatste-nieuws">Laatste nieuws</a></li><li><a href="/citg/actueel/awards-and-publications">Awards and publications</a></li><li><a href="/citg/actueel/agenda">Agenda</a></li><li><a href="/citg/actueel/in-de-media">In de media</a></li><li><a href="/citg/actueel/citg-op-social-media">CiTG op social media</a></li><li><a href="/citg/actueel/citg-bij-universiteit-van-nederland">CiTG bij Universiteit van Nederland</a></li><li><a href="/citg/actueel/persinformatie">Persinformatie</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/citg/over-faculteit">Over de faculteit</a><ul class="nav-main__submenu"><li><a href="/citg/over-faculteit/decaan">Decaan</a></li><li><a href="/citg/over-faculteit/afdelingen">Afdelingen</a></li><li><a href="/citg/over-faculteit/laboratoria">Laboratoria</a></li><li><a href="/community/alumni">Alumni</a></li><li><a href="/citg/over-faculteit/verenigingen">Verenigingen</a></li><li><a href="/citg/over-faculteit/werken-bij-onze-faculteit">Werken bij onze faculteit</a></li><li><a href="/citg/over-faculteit/diversity-inclusion-team">Diversity & Inclusion Team</a></li><li><a href="/citg/over-faculteit/feiten-en-cijfers">Feiten en Cijfers</a></li><li><a href="/citg/over-faculteit/contact-en-bereikbaarheid">Contact en bereikbaarheid</a></li></ul></li></ul> <a href="/en/ceg/education/online-education" title="Switch to the English language" class="btn--icon btn--languageSwitch" lang="en"> <div class="icon-languageSwitch icon-languageSwitch--nl"></div> </a> <button data-target=".nav-search" class="button-reset btn--icon i-search js-modal"> <span class="text-hide">Zoeken</span> </button> </div> </div> </div> </nav> <script> document.addEventListener('DOMContentLoaded', function() { function waitForElementToExist(selector) { return new Promise(resolve => { if (document.querySelector(selector)) { return resolve(document.querySelector(selector)); } const observer = new MutationObserver(() => { if (document.querySelector(selector)) { resolve(document.querySelector(selector)); observer.disconnect(); } }); observer.observe(document.body, { subtree: true, childList: true, }); }); } // ?️ using the function waitForElementToExist('#__ba_panel > .textDiv > .customText').then(element => { var baPanelIconWrapper = document.querySelector('#__ba_panel > .textDiv > .customText'); baPanelIconWrapper.innerHTML = '<svg role="presentation" style="width: 100%;height: 100%;"><use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/browse-aloud.svg#browseAloud"></svg>'; }); }); </script> <!-- fix for TUD-1019 not showing icon correctly --> <!-- /* <div id="__ba_panel" class="btn--icon" style="width:24px; height:24px;"></div> <script type="text/javascript">var _baMode='https://filelist.tudelft.nl/Admin/Robin/browsealoud-headphone.png';</script> <!-- <script type="text/javascript" src="https://www.browsealoud.com/plus/scripts/ba.js"></script> --> <script type="text/javascript" src="https://www.browsealoud.com/plus/scripts/3.1.0/ba.js" crossorigin="anonymous" integrity="sha256-VCrJcQdV3IbbIVjmUyF7DnCqBbWD1BcZ/1sda2KWeFc= sha384-k2OQFn+wNFrKjU9HiaHAcHlEvLbfsVfvOnpmKBGWVBrpmGaIleDNHnnCJO4z2Y2H sha512-gxDfysgvGhVPSHDTieJ/8AlcIEjFbF3MdUgZZL2M5GXXDdIXCcX0CpH7Dh6jsHLOLOjRzTFdXASWZtxO+eMgyQ=="></script> <script> window.addEventListener('DOMContentLoaded', function () { $( ".nav-main.left" ).append( $("#__ba_panel") ); }); </script> <script src="/typo3conf/ext/site_tud/Resources/Public/JavaScript/dist.javascripts.95fa0b7346.min.js" type="text/javascript"></script> <script> document.addEventListener('DOMContentLoaded', function () {var navItem = document.getElementById('nav-overlay__mainitem--15995'), navSubItem = document.getElementById('nav-overlay__subitem--15995');if (navItem !== null) {navItem.classList.add('is-active');}if (navSubItem !== null) {navSubItem.classList.add('nav-overlay__subitem--active');}}); </script> <script> document.addEventListener('DOMContentLoaded', function () {var navItem = document.getElementById('nav-overlay__mainitem--15996'), navSubItem = document.getElementById('nav-overlay__subitem--15996');if (navItem !== null) {navItem.classList.add('is-active');}if (navSubItem !== null) {navSubItem.classList.add('nav-overlay__subitem--active');}}); </script> <script> document.addEventListener('DOMContentLoaded', function () {var navItem = document.getElementById('nav-overlay__mainitem--16003'), navSubItem = document.getElementById('nav-overlay__subitem--16003');if (navItem !== null) {navItem.classList.add('is-active');}if (navSubItem !== null) {navSubItem.classList.add('nav-overlay__subitem--active');}}); </script> <style> .pageFooter { background-image: url(https://www.tudelft.nl/typo3conf/ext/tud_styling/Resources/Public/img/torch.svg); background-repeat:no-repeat; background-position: 15% 75%; background-size: 250%; background-blend-mode: overlay; } .card--no_image {background-blend-mode: overlay;} .flameStyle1 {background-position: 80% 40% !important; background-size: 370% !important;} .flameStyle2 {background-position: 30% 35% !important; background-size: 450% !important;} .flameStyle3 {background-position: 50% 50% !important; background-size: 400% !important;} .flameStyle4 {background-position: 60% 70% !important; background-size: 500% !important;} .flameStyle5 {background-position: 30% 80% !important; background-size: 330% !important;} </style> <script> var cards = document.querySelectorAll('.card--no_image'); var i; for(var i = 0; i<cards.length; i++) { switch (i % 5) { case 0: cards[i].className += " flameStyle1"; break; case 1: cards[i].className += " flameStyle2"; break; case 2: cards[i].className += " flameStyle3"; break; case 3: cards[i].className += " flameStyle4"; break; case 4: cards[i].className += " flameStyle5"; break; } } </script> <script> window.addEventListener('DOMContentLoaded', function () { document.querySelectorAll(".logo-tudelft--top")?.forEach (x=> x.setAttribute("aria-label", "TU Delft homepage")); // add aria-label to top logo document.querySelectorAll(".logo-tudelft--bottom")?.forEach (x=> x.setAttribute("aria-label", "TU Delft homepage")); //add aria-label to bottom logo // document.getElementsByClassName("button-reset btn--icon i-search js-modal")[0].setAttribute("aria-label", "Search, Zoeken"); // add aria-label to search icon // document.getElementsByClassName("button-reset btn--icon i-search js-modal")[1].setAttribute("aria-label", "Search, Zoeken"); // add aria-label to search icon document.querySelectorAll('[class*=video--popup]')?.forEach( x=> x.setAttribute("aria-label","Play video" + ", " + x.innerText)); // add 'play video' to every videoelement with additional video-title document.querySelector(".cookieNotice")?.setAttribute("role", "dialog"); // add region to cookiestatement document.querySelector(".cookieNotice")?.setAttribute("aria-label", "Cookie statement"); // add aria-label to cookiestatement document.querySelector(".pageFooter")?.setAttribute("role", "region"); // add region to footer document.querySelector(".pageFooter")?.setAttribute("aria-label", "Footer"); // add aria-label to footer // add tabindex=-1 to pagination (...) const dots = document.querySelectorAll('ul li a'); for (let i = 0; i < dots.length; i++) { if (dots[i].textContent === '...') { dots[i].setAttribute("tabindex", "-1"); } } // add buttontitle to carousel aria-label document.querySelectorAll('.slick-dots button')?.forEach(button => { button.setAttribute('aria-label', button.innerText + ', ' + button.getAttribute('aria-label')); }); // set photogallery ARIA to hidden document.querySelectorAll('.photoGallerySlider .slick-dots')?.forEach(ul => { ul.setAttribute("aria-hidden","true");}) // set ARIA label for next & previous buttons document.querySelectorAll(".slick-prev")?.forEach (x=> x.setAttribute("aria-label", "Vorige / Previous")); // add aria-label to top logo document.querySelectorAll(".slick-next")?.forEach (x=> x.setAttribute("aria-label", "Volgende / Next")); // add aria-label to top logo // add 'reference' to element id //document.querySelectorAll(".frame-type-shortcut [id]").forEach((element, index) => element.id += '-reference' + index); // header sliders WCAG document.querySelectorAll('.carousel')?.forEach( x=> x.setAttribute("role","region")); document.querySelectorAll('.carousel')?.forEach( x=> x.setAttribute("aria-label","Header carousel")); document.querySelectorAll(".menu.js-toggle")?.forEach ( x=> x.setAttribute("aria-label", "Menu")); // Set ARIA label of patty menu // wis alle filters aria labels/role var list = document.querySelector(".lookup-usedFilters"); if (list && list.childElementCount !== 0) { // It has at least one element as a child list.setAttribute("role", "list"); } else if (list && list.childElementCount === 0) { list.setAttribute("role", "none"); } // fix profilecard UL var profilecard = document.querySelectorAll(".profile__contactdata"); for (i = 0; i < profilecard.length; i++) { if (profilecard[i] && profilecard[i].childElementCount !== 0) { // It has at least one element as a child profilecard[i].setAttribute("role", "list"); } else if (profilecard[i] && profilecard[i].childElementCount === 0) { profilecard[i].setAttribute("role", "none"); }} // fix aside UL var navaside = document.querySelectorAll(".nav-aside ul"); for (i = 0; i < navaside.length; i++) { if (navaside[i] && navaside[i].childElementCount !== 0) { // It has at least one element as a child navaside[i].setAttribute("role", "list"); } else if (navaside[i] && navaside[i].childElementCount === 0) { navaside[i].setAttribute("role", "none"); }} // Set aria label for to top links // Todo: remove childnode <span class="hide">To top</span> document.querySelectorAll(".csc-linkToTop .uparrow").forEach(x => x.setAttribute("aria-label", "To top")); // Set tabindex of photo gallery slider to -1 document.querySelectorAll(".photoGalleryNavSlider-item").forEach(x => x.setAttribute("tabindex", -1)) document.querySelectorAll(".slick-slide").forEach(x => x.setAttribute("tabindex", -1)) // Remove empty header in carousel document.querySelectorAll(".frame-type-sitetud_carousel h3:empty").forEach(x => x.remove()) document.querySelectorAll(".frame-type-sitetud_carousel .slick-dots").forEach(x => x.style.marginTop = "3rem") // Empty H2 in Lookup results if screen reader header is not entered document.querySelectorAll("h2.show-for-sr:empty").forEach(x => x.remove()) // Empty H2 in Lookup results if agenda__month header is not entered document.querySelectorAll(".agenda .agenda__month:empty").forEach(x => x.remove()) document.querySelectorAll(".filters-column").forEach((el, index) => { let id = `formFieldId${index}` el.querySelector("select")?.setAttribute("aria-labelledby",id) el.querySelector("span")?.setAttribute("id",id) }) }, false); </script> <script type="text/javascript"> if (window.require && window.$ && window.isLumesseApplyPage) { $.getScript('/typo3conf/ext/site_tud/Resources/Public/JavaScript/TalentLink.js') };</script> </body> </html>