|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/flutter-split-screen-responsive-design-mobile-desktop-web/
课程评论：没有评论
课程名称：Flutter 响应式设计分屏：移动端、桌面端、网页 课程概述：在本课程中，你将使用 Flutter/Dart 开发一个响应式应用，支持从单一代码库创建分屏列表/详细布局，兼容手机、平板、桌面和网页等多平台。具体来说，你将根据设备特性在同一屏幕上创建分屏列表/详细页面，并在手机上实现从列表到详细页面的导航。针对桌面和网页，你需要处理当用户调整应用程序屏幕大小时的移动端、桌面端和网页响应式布局。 课程亮点包括：无需第三方插件或库，你将首先分析应用的共同特性、可复用逻辑和组件。实现深色模式和浅色模式、全局状态管理，以及响应式布局构建器组件。同时，手机应用将实现从列表页面到详细页面的导航，而平板、桌面和网页应用则创建显示列表和详细页面的分屏布局。 本课程还将教授以下内容： - 使用 Flutter 和 Dart 构建精美的多平台应用 - 学习UI/UX技巧，提升用户体验，并在各平台之间保持公司品牌的一致性 - 使用最新的跨平台Flutter框架和Dart语言创建像素完美的UI设计和适应性 - 创建可复用组件 - 使用布局构建器创建移动和网页的响应式布局 - 在UI、状态和业务逻辑之间分离关注点 - 学习如何在不使用第三方库的情况下进行状态管理 - 创建响应式屏幕以刷新内容 - 跨平台自定义导航 - 结合Hero和导航过渡创建美丽的导航过渡效果 为什么选择Flutter？Flutter 改变了开发过程。通过单一代码库构建、测试和部署美观的移动、网页、桌面及嵌入式体验。Flutter是Google推出的开源框架，旨在从单一代码库构建美观、原生编译的多平台应用。具有快速编译、生产率高、灵活性强和多平台支持等特点，受到许多知名品牌和全球开发者社区的信任与支持。
What are our objectives?In this course, you'll use Flutter/Dart to develop a responsive app supporting a Split-Screen List/Detail layout from a single code base supporting multi-platform Phone, Tablet, Desktop, and Web.For instance, you'll create the Split-Screen List/Detail on the same screen depending on device, and navigation from List to Detail page on phones.Next, the Desktop and Web requires to handle both Mobile, Desktop, and Web responsive layout when user changes the size of the app's screen.Guess what? No third-party plugins or packages needed.You'll start by analyzing the app's common features, reusable logic, and widgets.You'll implement Dark and Light Mode, global State Management, and Responsive Layout Builder widget.The Phone app navigates from the List page to the Details page.For the Tablet, Desktop, and Web app, you'll create a Split-Screen layout showing the List and Detail pages on the same screen.Build beautifully designed multi-platform application using Flutter and DartLearn UI/UX techniques to wow the user's experience and keep the company's branding consistent between platformsUse the latest cross-platform Flutter framework and Dart language to create pixel perfect UI designs and adaptivityCreate reusable widgetsUse Layout Builder to create a responsive layout for mobile and webSeparate concerns between UI, state, and business logicLearn how to use State Management without using third party librariesLearn how to create reactive screens to refresh contentCustom navigation between platformsCreate beautiful navigation transitions combining Hero and Navigation transitionWhy Flutter?Flutter transforms the development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded experiences from a single codebase.Flutter is an open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single codebase.FastFlutter code compiles to ARM or Intel machine code as well as JavaScript, for fast performance on any device.ProductiveBuild and iterate quickly with Hot Reload. Update code and see changes almost instantly, without losing state./FlexibleControl every pixel to create customized, adaptive designs that look and feel great on any screen.Multi-PlatformReach users on every screenDeploy to multiple devices from a single codebase: mobile, web, desktop, and embedded devices.Stable & ReliableTrusted by manyFlutter is supported and used by Google, trusted by well-known brands around the world, and maintained by a community of global developers.
