Flutter คือ Cross-Platform Framework ที่ใช้ในการพัฒนา Native Mobile Application (Android/iOS) พัฒนาโดยบริษัท Google Inc. โดยใช้ภาษา Dart ในการพัฒนา ที่มีความคล้ายกับภาษา C# และ Java

อีกหนึ่งจุดเด่นของ Flutter คือ การปรับแต่ง UI (User Interface) ที่มีความยืนหยุ่น แยกการออกแบบเพื่อเน้นไปที่ประสบการณ์ของผู้ใช้งาน UX (User Experience) โดย UI จะใกล้เคียงกับ Native และตรงตาม Design Guideline ที่ถูกต้อง และมีความสามารถในการทำ Hot Reload ที่ทำให้การแก้ไขโค้ดสามารถแสดงผลได้ทันทีในระหว่างที่รันแอปพลิเคชัน และยังรวมไปถึงมี Widget ที่พร้อมให้เลือกใช้มากมาย ทำให้พัฒนาแอปพลิเคชันได้ไวเหมาะสำหรับองค์กรที่ต้องการแอปที่สวยงามและมีประสิทธิภาพ

ในหลักสูตรมีการสอน State Management โดยใช้ BLoC (Business Logic Component) ที่นิยมในกลุ่มนักพัฒนา Flutter ในการจัดการ Local/Global State เพื่อรองรับระบบที่มีขนาดใหญ่และซับซ้อน ดูเป็นมืออาชีพ รวมถึงการเขียนโค้ดที่ทำงานร่วมกับ Native API โดยใช้ภาษาสมัยใหม่อย่าง Kotlin และ Swift เพื่อให้ผู้เข้าอบรมสามารถรับมือกับ Requirement ที่ต้องเชื่อมต่อกับ Native Android และ iOS

ดาวน์โหลดเอกสารหลักสูตร (.pdf)

Course Outline

วีดีโอการตรียมตัวสอนผ่าน Zoom

พื้นฐานผู้เข้าอบรม

• แนวคิด OOP C# หรือ JAVA
• แนวคิดพื้นฐาน Android และ iOS

---

CodeMobiles Learning Path คลิปวีดีโอแนะนำแนวทางในการลงทะเบียนหลักสูตรโค้ดโมบายส์ สำหรับผู้ที่ไม่แน่ใจในตัวเองว่าควรลงหลักสูตรไหน

CodeMobiles APP พัฒนาด้วย Flutter

สอนโดยทีมงานที่พัฒนาระบบ POSPOS - www.pospos.co

ตัวอย่าง Workshops (Restful JSON Feed, Camera Upload, Google map)

เนื้อหาโดยละเอียด

• Day 1:
• Introduction
• What is Flutter?
• Why Flutter?
• Flutter Architecture
• Flutter vs React
• Material Design (Android)
• Cupertino (iOS)
• Platform channels
• Mobile App Development Approaches
• Setup and Installation
• Install the Flutter SDK
• Install Android Studio and Android Emulator
• Install Xcode and iOS Simulator
• Install Plugins for Flutter Development
• Install VSCode
• Install Git
• Install Postman for API testing
• Configure Android Studio
• Guided Tour of Android Studio
• Flutter CLI
• New Project
• Exploring the Project Structure
• Running Your App on a Physical Device
• Version Control by GitHub
• Layout and event widgets
• Stateless VS Stateful Widgets
• Image
• Button
• Form and input
• Card
• Rows and Columns (Flexbox)
• Stack
• Scaffold
• AppBar
• Text and Icon
• Containers
• Expanded
• RaisedButton
• GridView
• Intrinsic Heigh, Width
• SizedBox
• FutureBuilder
• StreamBuilder
• MediaQuery
• Formatting code
• Manage resource
• Asset Fonts
• Asset Images
• Image different screen size
• Dependencies Hub
• Login Workshop
• Form and Input control
• Validator
• Stateful Widget Lifecycle Methods
• Futures, Async & Await
• Store data
• Day 2:
• Dart programming language
• Introduction
• DartPad
• Variables
• Functions
• Operators
• Control Flow
• Classes
• Exceptions
• Navigator
• Push, Pop
• PushNamed
• PushReplacementNamed
• PopAndPushNamed
• PushNamedAndRemoveUntil
• PopUntil
• Using List Layout
• Creating Scrollable Lists
• Custom Layout
• Custom Style
• Slivers List
• Sliver AppBar
• List Tile
• JSON Restful Feed
• The HTTP Package
• JSON Parsing and Dynamic Types
• Using Postman App
• Http method (GET/POST/PUT/DELETE/..)
• Images loader
• Displaying a Loading Spinner
• Using Pull to Refresh
• Asynchronous
• Handling Error Responses
• NodeJS - JSON API
• What & Why NodeJS?
• Nodemon
• NPM & YARN package manager
• Express
• Routing
• CRUD SQLIite Database
• Day 3:
• Camera upload Workshop
• Drawer navigation
• Permissions normal vs dangerous
• Config permission
• Runtime Permission
• Permission handler
• Taking a Picture
• Choose Picture from gallery
• Cropping Images
• Upload Image to server
• Using NodeJS API Upload file
• Privacy Case study
• Debugging
• Dart Analysis
• Logs
• Performance data
• Application layers
• Widget Inspector
• Day 4:
• Google Map Workshop
• Google API Console
• Adding Google Maps to the App
• Configuring our Maps
• Allowing the User to Place a Marker on the Map
• Displaying the Chosen Location
• Geolocation to Locate the User
• Google Navigation
• Using simulation location
• Day 5:
• State Management
• What is state management
• Introduction Bloc state management
• StreamBuilder
• *async yield
• Network workshop with Bloc
• Bloc Middleware
• How do Callbacks
• Good Bloc File Structuring
• Firebase Products VDO Workshop Bonus
• Firebase configuration
• Firebase Push Notification
• Firebase Authentication
• Firebase CloudStore Database
• Firebase Analytics
• หมายเหตุ: ไม่มีสอนสดแต่มีวีดีโอ Workshop + Source Code แจก
• Publishing
• App Icon
• Configuration
• Resources Management
• Build Android APK/AAB
• Publishing Google Play
• Publishing App Store
• Knowledge communication
• Q & A

Read More

ธนาคารกสิกรไทย สาขา ซอยแฉล้มนิมิตร (ประดู่ 1)

ชื่อบัญชี บริษัท โค้ดโมบายส์ จำกัด (ออมทรัพย์) 670-2-04739-9 กรุณาตรวจสอบข้อมูลบัญชีให้ถูกต้องก่อนการโอนเงิน