دوره کامل توسعه اپلیکیشن فلاتر و دارت [ویدئو]

سرفصل ها و درس ها

شروع شدن Getting Started

• مسیر یادگیری این دوره The Learning Path of This Course

چرا فلاتر Why Flutter

• چرا توسعه فلوتر؟ Why Flutter Development?

کد فلاتر را دانلود کنید Download Flutter Code

• کد منبع پروژه چگونه ساختار یافته است؟ How the Project Source Code is Structured?

راه اندازی ابزار توسعه MAC- برای کاربران مک OX Development Tools Setup MAC- For Mac OX Users

• MAC -Setup Dart and Flutter SDK در Mac OSX - Part 1 MAC -Setup Dart and Flutter SDK on Mac OSX - Part 1

• MAC -Setup Dart and Flutter SDK در Mac OSX - Part 2 MAC -Setup Dart and Flutter SDK on Mac OSX - Part 2

• MAC -Setup Dart and Flutter SDK در Mac OSX - Part 3 MAC -Setup Dart and Flutter SDK on Mac OSX - Part 3

• MAC -Setup Dart and Flutter SDK در Mac OSX - Final MAC -Setup Dart and Flutter SDK on Mac OSX - Final

ابزارهای توسعه راه اندازی ویندوز - برای کاربران ویندوز Development Tools Setup Windows - For Windows Users

• دانلود Android Studio و Setup Emulators Download Android Studio and Setup Emulators

• نصب فلاتر ویندوز - راه اندازی نهایی Windows Flutter Installation - Final Setup

مقدمه ای بر زبان برنامه نویسی دارت - از ابتدا Introduction to the Dart Programming Language - From Scratch

• مقدمه ای بر دارت و پد دارت - ویرایشگر آنلاین Intro to Dart and Dart Pad - Online Editor

• دارت - شیوه کدگذاری و قرارداد نامگذاری Dart - Coding Style and Naming Convention

• دارت - اعلان متغیرها - رشته Dart - Declaring variables - String

• انواع دارت و انتساب انواع به متغیرها Dart Types and Assigning Types to Variables

• دارت - اعداد - اعداد صحیح و دوتایی Dart - Numbers - Integers and Doubles

• دارت - بولین Dart - Booleans

• Dart - Const و Final Keywords Dart - Const and Final Keywords

• دارت - الحاق Dart - Concatenation

• اپراتورهای دارت - حساب Dart Operators - Arithmetic

• عملگرهای برابری و رابطه ای در دارت Equality and Relational Operators in Dart

کنترل جریان و توابع در دارت - اگر عبارات، عملگرهای منطقی، برای حلقه ها Control Flow and Functions in Dart - If Statements, Logical Operators, For Loops

• جریان کنترل - اگر بیانیه ها Control Flow - If Statements

• عملگرهای منطقی Logical Operators

• برای حلقه ها در دارت For Loops in Dart

• while، Do-While و Break in Dart While, Do-While and Break in Dart

• موارد سوئیچ Switch Cases

• مقدمه ای بر توابع در دارت Introduction to Functions in Dart

• انواع بازگشت تابع - String-Int-Booleans Function Return Types - String-Int-Booleans

• دارت - استفاده از عملگر => برای عبارات برگردانده Dart - Using the => Operator for Returning Expressions

• آرگومان ها و توابع در دارت Arguments and Functions in Dart

• پارامترهای اختیاری در دارت Optional Parameters in Dart

• دامنه واژگانی در دارت Lexical Scope in Dart

برنامه نویسی شی گرا - مقدمه Object Oriented Programming - Introduction

• مقدمه ای بر کلاس ها و اشیا Introduction to Classes and Objects

• مقدمه ای بر ایجاد کلاس و متغیرهای نمونه Introduction to Class Creation and Instance Variables

• اضافه کردن متدها به کلاس ها Adding Methods to Classes

• مقدمه ای بر سازندگان - قسمت 1 Introduction to Constructors - Part 1

• سازندگان نحوی نام و شکر - قسمت 2 Named and Sugar Syntactic Constructors - Part 2

• تنظیم کننده ها و دریافت کننده ها Setters and Getters

برنامه نویسی شی گرا - متوسط ​​- مفاهیم ارثی Object Oriented Programming - Intermediate - Inheritance Concepts

• مقدمه ای بر وراثت با دارت Introduction to Inheritance with Dart

• ایجاد کلاس ها و درخت وراثت Creating Classes and Inheritance Tree

• روش‌های لغو Override Methods

• کلاس های ارث بری با سازنده ها Inheriting Classes with Constructors

• روش toString() - Override The toString() Method - Override

برنامه نویسی شی گرا - پیشرفته - مفاهیم انتزاعی و رابط Object Oriented Programming - Advanced - Abstract and Interface Concepts

• مقدمه ای بر کلاس های انتزاعی و رابط Introduction to Abstract and Interface Classes

• کلاس های انتزاعی و رابط در دارت - ایجاد Abstract and Interface Classes in Dart - Creation

ساختارها و مجموعه های داده در دارت Data Structures and Collections in Dart

• مقدمه ای بر مجموعه ها Introduction to Collections

• ایجاد لیست و تکرار از طریق آنها Creating Lists and Iterating through Them

• ایجاد یک لیست با یک شی نوع شخص Creating a List with a Person Type Object

• مقدمه ای بر نقشه ها Introduction to Maps

ساخت اپلیکیشن های فلاتر - اصول فلاتر Building Flutter Apps - Flutter Fundamentals

• مقدمه ای بر فلاتر و آناتومی اپلیکیشن فلاتر Introduction to Flutter and Flutter App Anatomy

• ایجاد یک برنامه Flutter Hello World - اصول اولیه با ویجت متنی Creating a Flutter Hello World App - Basics with Text Widget

• درک اصول طراحی متریال - ویژگی های متن و ویجت Understanding Material Design Basics - Text and Widget Properties

• قالب بندی کد ما Formatting Our Code

• ارائه طراحی مواد کوچک Little Material Design Presentation

• فلاتر داربست ویجت و خواص Flutter Scaffold Widget and Properties

• ویجت Flutter InkWell و شنوندگان رویداد Flutter InkWell Widget and Event Listeners

• ویجت آشکارساز حرکت فلوتر - ایجاد یک دکمه سفارشی Flutter Gesture Detector Widget - Creating a Custom Button

• Flutter Bottom Navigator و افزودن یک شیر Flutter Bottom Navigator and Adding a Tap

• دکمه اکشن شناور فلاتر Flutter Floating Action Button

یک اپلیکیشن کارت بیز بسازید Build a Biz Card App

• برنامه - ساخت یک برنامه کارت Biz App - Build a Biz card App

فلاتر ویجت های Stateful Flutter Stateful Widgets

• مقدمه ای بر ویجت های Stateless در مقابل Stateful Introduction to Stateless VS Stateful Widgets

• برنامه - ساخت برنامه نقل قول - قسمت 1 App - Build a Quotes App - Part 1

• برنامه - ساخت یک برنامه نقل قول - محصول نهایی App - Build a Quotes App - Finished Product

APP - یک برنامه محاسبه کننده نکته Flutter بسازید APP - Build a Flutter Tip Calculator App

• ماشین حساب Flutter Tip - رابط کاربری - قسمت 1 Flutter Tip Calculator - User Interface - Part 1

• ماشین حساب Flutter Tip - کارت بالا و رنگ های سفارشی Flutter Tip Calculator - Top Card and Custom Colors

• ماشین حساب Flutter Tip - ساختن ردیف تقسیم شده Flutter Tip Calculator - Building the Split Row

• Flutter Tip Calculator - ردیف نوک را بسازید Flutter Tip Calculator - Build the Tip Row

• ماشین حساب Flutter Tip - رابط کاربری تمام شده Flutter Tip Calculator - Finished User Interface

• Flutter Tip Calculator - Wrapup Flutter Tip Calculator - Wrapup

APP - برنامه امتحان - ابزارک های Flutter بیشتر بیاموزید APP - Quiz App - Learn More Flutter Widgets

• پروژه راه اندازی - اضافه کردن دارایی های تصویر Setup Project - Adding Image Assets

• کلاس مدل سوال - راه اندازی Question Model Class - Setup

• اتمام رابط کاربری Finishing the User Interface

• منطق امتحان پایان Finishing Quiz Logic

• [چالش] - منطق به پایان رسید [CHALLENGE] - Finished Logic

• [راه حل - بهبودها] - جمع بندی [SOLUTION - IMPROVEMENTS] - Wrapup

Flutter Intermediate Concepts - Navigation, Listviews - ساخت اپلیکیشن فیلم Flutter Intermediate Concepts - Navigation, Listviews - Building a Movie App

• ایجاد نمای فهرستی از فیلم ها Creating a Listview of Movies

• سفارشی کردن ردیف ListTile و افزودن onTap Customizing ListTile Row and Adding onTap

• پیمایش به یک مسیر دوم - صفحه نمایش Navigating to a Second Route - Screen

• بازگشت به اولین مسیر/صفحه نمایش Returning to the First Route/Screen

• انتقال داده به مسیر دوم/صفحه نمایش Passing Data to Second Route/Screen

• ایجاد کلاس مدل فیلم - نمایش فیلم - قسمت 1 Creating a Movie Model Class - Showing Movies - Part 1

• MOVIE APP - ارسال یک شی فیلم به جزئیات مسیر و نمایش تصویر MOVIE APP - Passing a Movie Object to Details Route and Showing Image

• MOVIE APP - سفارشی کردن ردیف MOVIE APP - Customizing Row

• MOVIE APP - اضافه کردن تصویر فیلم MOVIE APP - Adding Movie Image

• MOVIE APP - اتمام ردیف سفارشی MOVIE APP - Finishing Custom Row

• MOVIE APP - تغییر رنگ پس زمینه MOVIE APP - Changing the Background Color

• برنامه فیلم - مسیر جزئیات - نمایش تصویر کوچک فیلم MOVIE APP - Details Route - Showing Movie Thumbnail

• MOVIE APP - جزئیات مسیر - افزودن گرادیان خطی MOVIE APP - Details Route - Adding Linear Gradient

• MOVIE APP - جزئیات مسیر - اضافه کردن پوستر فیلم MOVIE APP - Details Route - Adding Movie Poster

• برنامه فیلم - مسیر جزئیات - سرصفحه فیلم MOVIE APP - Details Route - Movie's Header

• MOVIE APP - جزئیات مسیر - اضافه کردن بازیگران فیلم MOVIE APP - Details Route - Adding Movie's Cast

• MOVIE APP - جزئیات مسیر - افزودن خط افقی MOVIE APP - Details Route - Adding Horizontal Line

• MOVIE APP - جزئیات مسیر - اضافه کردن پوسترهای پایین فیلم - برنامه تمام شده MOVIE APP - Details Route - Adding Bottom Movie Posters - Finished App

• [CODE REFACTOR] - فیلم برنامه کد Refactor [CODE REFACTOR] - Movie App Code Refactor

درک تم ها در فلاتر Understanding Themes in Flutter

• مقدمه ای بر UI و UX Introduction to UI and UX

• متریال دیزاین چیست؟ What's Material Design?

• تم ها در فلاتر Themes in Flutter

• کاوش در کلاس ThemeData - روشنایی برنامه Exploring ThemeData Class - App Brightness

• سرفصل های موضوعی و متن بدنه 1 Theming Headlines and Body1 Text

• Theming - Over-Writing Theme Propers Theming - Over-Writing Theme Properties

• Theming - Refactoring TextTheme ما بیشتر Theming - Refactoring our TextTheme Further

• تم - اضافه کردن فونت های سفارشی به پروژه ما Theming - Adding Custom Fonts to Our Project

• Theming - اعمال FontFamily برای همه ویژگی های TextTheme Theming - Applying FontFamily to All TextTheme Properties

• طراحی مواد - نمای کلی Material.io Material Design - Material.io Overview

• طراحی متریال - درک تم های رنگی Material Design - Understanding Color Themes

• طراحی متریال - تایپوگرافی و شمایل نگاری Material Design - Typography and Iconography

[راه حل] - راه حل برنامه طراحی مواد (برنامه وام مسکن). [SOLUTION] - Material Design App (Mortgage App) Solution

• برنامه وام مسکن - راه حل - پالت رنگ را انتخاب کنید و فایل رنگ ها را ایجاد کنید Mortgage App - Solution - Pick Color Palette and Create Colors File

• برنامه وام مسکن - راه حل - برنامه تم - قسمت 1 Mortgage App - Solution - Theming App - Part 1

• اپلیکیشن وام مسکن - راه حل - اپلیکیشن تمینگ - قسمت دوم Mortgage App - Solution - Theming App - Part 2

• برنامه وام مسکن - مجموعه راه حل Mortgage App - Solution Wrapup

اتصال به جهان - شبکه سازی در فلاتر Connecting to the World - Networking in Flutter

• مقدمه ای بر HTTP و JSON Introduction to HTTP and JSON

• Flutter مقدمه Async و Future - درخواست های Http Flutter Introduction to Async and Future - Http Requests

• افزودن بسته http به پروژه ما Adding http Package to our Project

• راه اندازی کلاس شبکه Setup Network Class

• در حال واکشی داده های JSON Fetching JSON Data

• واکشی JSON و استفاده از ویجت FutureBuilder Fetching JSON and Using FutureBuilder Widget

• نهایی کردن واکشی JSON و FutureBuilder Finalizing Fetching JSON and FutureBuilder

• شیء دارت ساده قدیمی (PODO) و نقشه برداری JSON - راه اندازی مقدمه Plain Old Dart Object ( PODO ) and Mapping JSON - Introduction Setup

• PODO - ایجاد یک کلاس PostList و نقشه برداری PODO - Creating a PostList Class and Mapping

• PODO - اجرای نهایی PODO - Final Implementation

APP: یک برنامه Flutter پیش بینی آب و هوا بسازید APP: Build a Weather Forecast Flutter App

• آنچه خواهید ساخت - نسخه نمایشی برنامه پیش بینی آب و هوا What You'll Build - Weather Forecast App Demo

• OpenWeather - راه اندازی APPID ما OpenWeather - Setting up our APPID

• پروژه پیش بینی آب و هوای ما را راه اندازی کنید Setup Our Weather Forecast Project

• ایجاد کلاس مدل پیش بینی ما Creating Our Forecast Model Class

• کشیدن داده های JSON از API و نمایش داده ها Pulling JSON Data from API and Showing Data

• استفاده از FutureBuilder برای نمایش داده ها Using FutureBuilder to Show Data

• افزودن نام شهر و کشور Adding City and Country Names

• دریافت نام شهر به صورت پویا از TextField Getting City Name Dynamically from TextField

• قالب بندی و نمایش تاریخ Formatting and Showing Date

• نمایش دمای فعلی Showing Current Temp

• اضافه کردن رطوبت، باد و حداکثر به رابط کاربری Adding Humidity, Wind and Max to the User Interface

• استفاده از آیکون های FontAwesome Utilizing FontAwesome Icons

• راه اندازی تابع کمکی getWeatherIcon Setup getWeatherIcon Helper Function

• راه اندازی Bottom ScrollView - قسمت 1 Setup Bottom ScrollView - Part 1

• روز راه اندازی در پایین ScrollView Setup Day in Bottom ScrollView

• اضافه کردن WeatherIcon به ScrollView ما Adding WeatherIcon to our ScrollView

• برنامه تمام شده Finished App

• Refactoring کد و بهبود رابط کاربری Code Refactoring and User Interface Improvements

Flutter Google Maps - ساخت اپلیکیشن Earthquakes Flutter Google Maps - Building the Earthquakes App

• مقدمه ای بر Google Maps و API Key Android Setup Introduction to Google Maps and API Key Android Setup

• [اختیاری] راه‌اندازی Google Maps iOS [OPTIONAL] Google Maps iOS Setup

• نمایش نقشه گوگل - مشکلی که باید برطرف شود - آپدیت AndroidX Showing a Google Map - Problem to be Fixed - AndroidX Update

• رفع مشکلات AndroidX Fixing AndroidX Issues

• اجرای نقشه ما در اندروید و iOS Running our Map on Both Android and iOS

• اضافه کردن نشانگرها به نقشه Adding Markers onto Map

• نمایش نشانگر دیگری Showing Another Marker

• پیاده سازی انیمیشن های CameraPosition Implementing CameraPosition Animations

• برنامه Quakes - نسخه ی نمایشی Quakes App - Demo

• برنامه Quakes - Quakes API و برنامه افزودنی کروم ما Quakes App - Our Quakes API and Chrome Extension

• برنامه Quakes - راه اندازی Project و TypesHelper Class Quakes App - Setting up Project and TypesHelper Class

• برنامه Quakes - رفع مشکل انواع Quakes App - Fixing the Types Issue

• برنامه Quakes - دریافت همه لرزش ها و نشانگرهای راه اندازی Quakes App - Getting All Quakes and Setup Markers

• برنامه Quake - نشانگرها ثابت و کار می کنند Quake App - Markers Fixed and Working

• برنامه Quake - اضافه کردن زوم و برنامه تمام شده Quake App - Adding Zooms and Finished App

Firestore - پایگاه داده بیدرنگ - ساختن یک برنامه انجمن انجمن Firestore - Realtime Database - Building a Community Board App

• مقدمه ای بر پایگاه داده Firebase/Firestore و Realtime Introduction to Firebase/Firestore and Realtime Database

• راه اندازی Firestore در پروژه ما Setting up Firestore in our Project

• خواندن داده ها از پایگاه داده Firestore Reading Data from Firestore Database

• برنامه هیئت مدیره - فرم راه اندازی Board App - Setup Form

• برنامه هیئت مدیره - ذخیره داده ها در پایگاه داده Firestore از برنامه Board App - Saving Data to Firestore Database from the App

• برنامه هیئت مدیره - کارت سفارشی - حسابداری برای Nulls Board App - Custom Card - Accounting for Nulls

• برنامه هیئت مدیره - بازسازی کارت سفارشی Board App - Restructuring Custom Card

• برنامه هیئت مدیره - کارت سفارشی - سریع کد Refactoring Board App - Custom Card - Quick Code Refactoring

• برنامه هیئت مدیره - یک سند را حذف کنید Board App - Delete a Document

• برنامه هیئت مدیره - به روز رسانی سند Board App - Update Document

اختیاری: ساختارشکنی موضوعات فلاتر OPTIONAL: Deconstructing Flutter Topics

• ساختارشکنی نحو فلاتر - قسمت 1 Deconstructing the Flutter Syntax - Part 1

• ساختارشکنی نحو فلاتر - درک پارامترهای نامگذاری شده - قسمت 2 Deconstructing the Flutter Syntax - Understanding Named Parameters - Part 2

• ساختارشکنی BuildContext Deconstructing BuildContext

انتشار Flutter Apps در Appstore و Playstore Publishing Flutter Apps in the Appstore and Playstore

• ایجاد نماد برنامه - با ابزارهای آنلاین Creating App Icon - With Online Tools

• تولید دینامیک آیکون های iOS و Android با استفاده از پلاگین Dynamically Generating iOS and Android Icons Using Plugin

• اضافه کردن Splash Screen - اندروید Adding Splash Screen - Android

• افزودن تصویر لانچر - iOS Adding Launcher Image - iOS

• امضای برنامه اندروید - ایجاد Keystore و AppBundle Signing Android App - Generating a Keystore and AppBundle

• انتشار اپلیکیشن در گوگل پلی استور Publishing App to Google PlayStore

• برنامه iOS را برای انتشار در اپ استور تنظیم کنید Setup iOS App to Publish in the Appstore

• ایجاد آرشیو iOS و آپلود آن Creating the iOS Archive and Uploading It

فرآیند توسعه اپلیکیشن The App Development Process

• فرآیند توسعه اپلیکیشن The App Development Process