Flutter advanced practical imitation of Bilibili APP
Super clear original painting complete without secret disk download Click download: In recent years, major companies have increasingly higher requirements on the skills of Flutter, and even set up special positions. However, there are few people who master the advanced skills of Flutter. There are few dry courses on the market for Flutter, leading to a large talent gap for advanced Flutter. Therefore, we specially designed this course for you to help you become a new generation of engineers in demand.
Dart, Flutter, and cross-platform developers are required
This chapter mainly introduces practical projects, technology stack, course layout, and tips on how to use development tools. We hope that this course can help you to make some achievements and achieve some results.
There are 7 sessions (28 minutes)
Learn the tips for developing Flutter in Android Studio (09:43). Learn the tips for developing Flutter in VS Code (07:26) This chapter summarizes 1-7 Considerations. Chapter 2 Building a Flutter network and Data Storage Framework This chapter will try to build a Flutter network framework hand by hand. This chapter will teach you your thoughts, plans and experiences on how to develop and improve the Flutter network based on your control of network operation and local storage center technology.
There are 13 sessions (110 minutes)
2-4 Design of the Flutter network framework (07:17) 2-4 Configuration based packaging and HI_NET architecture (13:06) Look at 2-5 Configuration based Request encapsulation with HI_NET Architecture -2 (12:18) 2-6 Hi_NET unified exception and return handling with Adapter Form Design (19:38) 2-7 Extending HI_NET to add DIO support (11:20) 2-8 Dart Hi_cache design (13:57) 2-12 Summary of this chapter (02:39) 2-13 Tasks in this chapter Chapter 3 Design and Development of the Login Registration Module This chapter will take you through the design of the login registration module, plan for interface authentication in Flutter, and focus on fostering the ability to encapsulate widgets. This will enable code reuse through encapsulation, prevent nesting paradise, improve code readability, maintainability, and extensibility, and improve development efficiency.
There are 10 sessions (115 minutes)
The design of the Flutter login and registration SDK is completed (20:52). 3-4 Login state adherence and interface authentication disposal (12:44). 3-5 Applicable skills and practical application of the input box (23:00) Custom AppBar and Login dynamic effect design and completion (19:30) 3-7 Registration module design and completion (16:39) 3-8 Login module design and completion (16:58) 3-9 Chapter summary (01:59) 3-10 Chapter 4 of this chapter This chapter will guide you through building an easy-to-use APP framework and navigation components based on the principles of Flutter routing, and share how you can improve your development efficiency and solve common problems.
A total of 12 sections (137 minutes) unpack the list
4-4 Based on the new Navigator package easy-to-use navigation framework (25:00) 4-5 Android physical return compatible disposal jump callback completed 4-7 exploration and completion of page navigation monitor and onPause and onResume functions (14:54) 4-8 completion of BottomNavigation based on BottomNavigation+PageView (16:09) 4-9 Extended Hi_Navigator to support bottom TAB navigation notification (15:04) 4-10 Complete top navigation function based on TabBar+TabBarView (12:14) 4-11 Summary of this chapter 4-12 Operations of this chapter 5 Development of large home page module This chapter will guide you hand by hand to build the home page module, control the treatment plan of the main APP home page question points, unlock the principle of Flutter image loading and caching, column loading optimization and other high-level skills.
There are 13 sessions (126 minutes)
5-1 Interface system and Dao layer of the 5-2 home page of this chapter are completed (16:20) 5-3 encapsulation HiState disposal page status is abnormal (06:11) 5-4 Round broadcast diagram Banner component encapsulation (18:41) 5-5 The StaggeredGridView encapsulates the home page double Feed list (12:27) Table 5-9 Image loading optimization practice (11:21) 5-10 More pull-up loading and pagination completed (11:42) 5-11 Complete global loading component packaging based on Lottie (08:04) 5-12 Summary of this chapter 5-13 In this chapter, you will control the structure and function optimization of the player, complete the packaging of the player based on the source principle of the player, optimize the full screen and immersion playback and experience, and control the problems and solutions in the development of the player.
There are 10 sessions (81 minutes)
6-1 6-2 Flutter video player 6-3 Flutter video player package (04:33) 6-4 Flutter video player components package (11:32) 6-5 Flutter source code analysis and custom PLAYER UI (17:50) 6-6 6-7 Application application life cycle changes stop experience optimization (08:47) 6-8 Encapsulation of HiTab components complete Tab switching function reuse (14:08) 6-9 Summary of this chapter 6-10 Operations of this chapter 7 Video details module development In this chapter, the center completes the development of the video detail module, which takes you to control the design and structure of the page with complex functions, unlock the applicable skills such as dynamic effect completion, planning skills, flat planning to reduce nesting, and page opening in seconds.
There are 11 sessions (98 minutes)
7-1 Module package and Planning skills of 7-2 video detail header module (09:59) 7-3 Applicable knowledge of Flutter Animation development (13:29) 7-6 Video Likes sharing collection toolbar completed (20:17) 7-7 Video collection interface system and functions completed (10:58) 7-8 Associated video list card design and functions completed (16:16) 7-9 Chapter summary 7-10 Consideration questions 7-11 Chapter homework 8 This chapter will take you through the HiBaseTabState framework that encapsulates a common low-level page with paging and refreshing, and highlights how you can quickly build pages to improve your development efficiency.
There are 7 sessions (39 minutes)
8-3 General low-level page framework with paging and refreshing HiBaseTabState encapsulation (14:48) 8-4 Leaderboard module interface system and Dao layer encapsulation (06:41) 8-5 Chapter 9 Development of Personal Center Module This chapter will take you hand in hand to complete the development of personal center module. The center will complete nested scrolling, Gaussian ambiguity, parallax scrolling and other effects in complex scenes. It will also stop the analysis of Flutter rendering principle to complete efficient interactive components.
There are 11 sessions (67 minutes)
9-3 Nested scrolling in complex scenes based on NestedScrollView and SliverAppBar (08:51) 9-4 Gaussian ambiguity and parallax scrolling effect (05:28) 9-6 Efficient components HiFlexibleHeader encapsulation (13:01) 9-7 Personal center User asset module completed (10:12) 9-8 Customized dynamic planning completed workplace advanced module (12:10) 9-9 This chapter will take you hand by hand to complete the development of your personal center module. The center will complete the effects of nested scrolling, Gaussian ambiguity, parallax scrolling in complex scenes, and stop the analysis of the Flutter rendering principle. Complete efficient interactive components.
There are 12 sessions (87 minutes)
10-3 WebSocket Principle analysis 10-4 Barrage communication Based on web_socket_channel (21:06) 10-5 Barrage component Hi_barrage encapsulate-1 (11:54) 10-6 Barrage component Hi_Barrage ENCAPSULation-2 (12:07) 10-7 Customize barrage display effect (08:31) 10-8 Complete video barrage dynamic effect based on Animation (11:01) 10-9 Complete barrage input interface based on HiOverlay Conclusion of this chapter 10-12 Operation Section chapter 11 Dark Mode theme form [Based on the mainstream state management framework] This chapter will compare and analyze provider, Bloc, Redux, This guide introduces you to the mainstream state management framework of Flutter, easily use the provider, and complete the listening adaptation of Dark Mode theme.
There are 10 sessions (75 minutes)
11-1 The 11-2 mainstream Flutter state management framework provider, Bloc, and Redux in this chapter 11-3 Easy to use provider (ongoing update) 11-4 Complete a custom theme based on ThemeData (20:21) 11-5 11-7 System Dark Mode change monitoring and adaptation (10:49) 11-8 Complete the night form of Flutter (16:32) 11-9 This chapter summarizes 11-10 Operation Section, Chapter 12, Componentization Transformation and Improvement of Flutter. This chapter will take you to further analyze the principle of the componentization plan and complete the decoupling reconstruction and componentization transformation of the three modules of Hi-NET, Hi-Barrage and HI_base.
There are 8 sessions (42 minutes)
Hi-net Module Decoupling and Reconstruction (09:32) 12-4 Hi-NET Componentization Transformation (12:43) 12-5 Hi-Barrage module Componentization Transformation (08:22) Chapter 13 Optimization of Flutter Stability and Performance This chapter will focus on improving the stability and performance of Flutter applications, Experience and skills in controlling Flutter anomaly capture and reporting, testing methods, performance profiling and optimization, and packet size optimization.
A total of 12 sections (96 minutes) close the list
13-3 Flutter anomaly capture and Crash log collection (23:32) 13-4 (14:42) 13-6 Flutter Integration Test-1 (15:22) 13-7 Flutter integration Test-2 (09:49) 13-8 【 影 文 】 Optimization of Flutter performance (continuous update) 13-9 This chapter concludes chapter 14 on the integration of the Flutter project with packaging This chapter will take you through the final stop on the Path to the Advancement of Flutter, learning the mainstream plans and techniques for building and packaging the Flutter project.
There are 6 sections (25 minutes)
14-3 Integration and packaging of The Android application with Flutter (16:31) 14-4 Chapter 15 Course Summary As the last chapter of the course, this chapter will give you an overview of what you have learned in the course and provide you with some follow-up learning initiatives. Teachers are waiting for you in the Q&A area for further communication.
One period (0 minutes)
15-1 Course summary