{"id":9720,"date":"2026-08-10T10:10:38","date_gmt":"2026-08-10T10:10:38","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/udemy-flutter-responsive-design-split-screen-mobile-desktop-web-2023-12\/"},"modified":"2026-08-10T10:10:38","modified_gmt":"2026-08-10T10:10:38","slug":"udemy-flutter-responsive-design-split-screen-mobile-desktop-web-2023-12","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/udemy-flutter-responsive-design-split-screen-mobile-desktop-web-2023-12\/","title":{"rendered":"Udemy \u2013 Flutter Responsive Design Split-Screen: Mobile, Desktop, Web 2023-12"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Flutter Responsive Design Split-Screen: Mobile, Desktop, Web course. This course teaches you how to build a cross-platform app with Flutter and Dart that supports Split-Screen List\/Detail layouts and works responsively on mobile, tablet, desktop, and web. You\u2019ll learn how to design a user interface that is compatible with all devices without the need for third-party packages. On mobile, the user is moved from the list page to the details page, while on tablet, desktop, and web, both sections are displayed on the same page at the same time. Topics include implementing Dark\/Light modes, managing global state, building reusable widgets, and designing responsively with Layout Builder. You\u2019ll also learn custom navigation techniques, smooth transitions between pages, and separating business logic from the user interface. Flutter compiles to both machine code and JavaScript, providing fast performance and flexible development. This open source framework from Google, with its Hot Reload feature and support for various platforms, is an ideal tool for building beautiful and integrated applications.<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"57:1-57:25\"><span style=\"vertical-align: inherit\">What you will learn:<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"59:1-70:0\">\n<li data-sourcepos=\"59:1-59:30\"><span style=\"vertical-align: inherit\">Split-Screen Responsive Design<\/span><\/li>\n<li data-sourcepos=\"60:1-60:46\"><span style=\"vertical-align: inherit\">Navigation for List and Detail on different pages<\/span><\/li>\n<li data-sourcepos=\"61:1-61:45\"><span style=\"vertical-align: inherit\">Split-Screen List and Detail pages on one page<\/span><\/li>\n<li data-sourcepos=\"62:1-62:31\"><span style=\"vertical-align: inherit\">Portrait and Landscape modes<\/span><\/li>\n<li data-sourcepos=\"63:1-63:33\"><span style=\"vertical-align: inherit\">Phones, Tablets, Desktops and Web<\/span><\/li>\n<li data-sourcepos=\"64:1-64:41\"><span style=\"vertical-align: inherit\">Layouts based on available device size<\/span><\/li>\n<li data-sourcepos=\"65:1-65:73\"><span style=\"vertical-align: inherit\">Switching from mobile detail page to split-screen layout when resizing<\/span><\/li>\n<li data-sourcepos=\"66:1-66:23\"><span style=\"vertical-align: inherit\">Dark and Light modes<\/span><\/li>\n<li data-sourcepos=\"67:1-67:36\"><span style=\"vertical-align: inherit\">Reusable logic and widgets<\/span><\/li>\n<li data-sourcepos=\"68:1-68:19\"><span style=\"vertical-align: inherit\">Nested Navigation<\/span><\/li>\n<li data-sourcepos=\"69:1-70:0\"><span style=\"vertical-align: inherit\">Global application state management<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"71:1-71:32\"><span style=\"vertical-align: inherit\">Who is this course suitable for?<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"73:1-75:0\">\n<li data-sourcepos=\"73:1-73:129\"><span style=\"vertical-align: inherit\">Developers can easily create responsive split-screen designs for mobile, tablet, desktop, and web in Flutter.<\/span><\/li>\n<li data-sourcepos=\"74:1-75:0\"><span style=\"vertical-align: inherit\">Beginner and experienced developers.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Flutter Responsive Design Split-Screen: Mobile Desktop Web Course Details<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher:&nbsp; <\/span><a href=\"https:\/\/href.li\/?https:\/\/www.udemy.com\/course\/flutter-split-screen-responsive-design-mobile-desktop-web\/?couponCode=ST14MT150425G3\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit\">Udemy<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Instructor:&nbsp; <\/span><a class=\"ud-btn ud-btn-medium ud-btn-link ud-heading-sm ud-text-sm ud-instructor-links\" href=\"https:\/\/downloadlynet.ir\/tag\/marco-napoli\/\" data-position=\"1\"><span class=\"ud-btn-label\"><span style=\"vertical-align: inherit\">Marco Napoli<\/span><\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Training level: Beginner to advanced<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Training duration: 1 hour and 7 minutes<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Number of lessons: 32<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course headings<\/span><\/h3>\n<h3 dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-977391 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/04\/Flutter-Responsive-Design-Split-Screen-Mobile-Desktop-Web-1.png\" alt=\"Flutter Responsive Design Split-Screen: Mobile Desktop Web\" width=\"881\" height=\"387\"><\/h3>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Flutter Responsive Design Split-Screen: Mobile Desktop Web Course Prerequisites<\/span><\/h3>\n<div class=\"ud-block-list-item ud-block-list-item-small ud-block-list-item-tight ud-block-list-item-neutral ud-text-sm\" dir=\"ltr\" style=\"text-align: left\">\n<ul>\n<li class=\"ud-block-list-item-content\" dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Basic Flutter and Dart knowledge<\/span><\/li>\n<\/ul>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<h3 dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-977392 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/04\/Flutter-Responsive-Design-Split-Screen-Mobile-Desktop-Web.png\" alt=\"Flutter Responsive Design Split-Screen: Mobile Desktop Web\" width=\"885\" height=\"401\"><\/h3>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Sample course video<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-161452-1\"><video class=\"wp-video-shortcode\" id=\"video-161452-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Flutter_Responsive_Design_Split-Screen_Mobile_Desktop_Web_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Flutter_Responsive_Design_Split-Screen_Mobile_Desktop_Web_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Flutter_Responsive_Design_Split-Screen_Mobile_Desktop_Web_Downloadly.ir.mp4?nocache=1786135699314\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Flutter_Responsive_Design_Split-Screen_Mobile_Desktop_Web_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div dir=\"ltr\" style=\"text-align: left\">\n<h3><span style=\"vertical-align: inherit\">Installation Guide<\/span><\/h3>\n<p><span style=\"vertical-align: inherit\">After Extract, view with your favorite player.<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Subtitles: None<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 720p<\/span><\/p>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Download link<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_Flutter_Responsive_Design_Split-Screen_Mobile_Desktop_Web_2023-12_Downloadly.ir.rar?nocache=1786135696\"><span style=\"vertical-align: inherit\">Download file \u2013 503 MB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">503 MB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Flutter Responsive Design Split-Screen: Mobile, Desktop, Web course. This course teaches you how to build a cross-platform app with Flutter and Dart<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[83413,83414,83415,83416,83417,83412],"class_list":["post-9720","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-course-flutter-responsive-design-split-screen-mobile-desktop-web","dgi_tag-download-course-flutter-responsive-design-split-screen-mobile-desktop-web","dgi_tag-download-flutter-responsive-design-split-screen-mobile-desktop-web","dgi_tag-free-download-flutter-responsive-design-split-screen-mobile-desktop-web","dgi_tag-free-flutter-responsive-design-split-screen-mobile-desktop-web","dgi_tag-marco-napoli"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/9720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/9720\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=9720"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=9720"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=9720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}