آموزش فلاتر و دارت برای مبتدیان

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

ویدیوهای جدید New Videos

• معرفی Introduction

راه اندازی پروژه، کنوانسیون نامگذاری و معماری Project set up, naming convention and architecture

• قرارداد ایجاد و نامگذاری پروژه Project creating and naming convention

• درک فایل pubspec.ymal و پاکسازی آن Understanding pubspec.ymal file and cleaning it

• آشنایی با کلاس main.dart و شروع پروژه Understanding main.dart class and start project

• شناخت معماری Understanding the architecture

نصب صفحه نمایش و طراحی و کدنویسی Onboarding screen and design and coding

• درک مواد فلاتر.کلاس دارت Understanding flutter material.dart class

• بیشتر در مورد بخش و ساختار سوار شدن More about onboarding section and structure

• صفحه ورود را راه اندازی کنید Launch onboarding screen

• مسیر تصویر در فایل pubspec Image path in pubspec file

• تصویر را به درستی نشان دهید Show image correctly

• نمایش متن و درک نحوه عملکرد سبک Showing text and understand how style works

• تغییر اندازه صفحه نمایش و بسته بندی برای آن Screen resizing and package for it

• راه اندازی ابزارهای صفحه نمایش و درک کودک Setting up screen utils and understand child

• اندازه صفحه نمایش صحیح برای استفاده از صفحه نمایش Correct screen size for screen util

• استفاده از صفحه نمایش و درک واحدهای h، w، و sp Screen util and understand the units h, w, and sp

• ویجت فضای سفید White space widget

• روی اندازه فونت کار کنید Work on the font size

• درک طرح بندی ردیف Understanding row layout

• ردیف پایین قسمت 1 Bottom row part 1

• قسمت 2 متن در حال محو شدن ردیف پایین Bottom row fading text part 2

• ردیف پایین و موارد دیگر در طرح بندی قسمت 3 Bottom row and more on layout part 3

• روی اثر کرم کار کنید Work on the worm effect

• صفحه دوم صفحه ورود Second page of onboarding screen

صفحه احراز هویت Authentication screen

• رنگ پس زمینه داربست ScaffoldBackground color

• درک شیء Navigator و صفحه ورود به سیستم Understanding Navigator object and sign in screen

• آشنایی با ListView Understanding ListView

• متن و تصاویر را برای ورود به صفحه اضافه کنید Add text and images to sign in page

• فیلد متن و یک ظاهر طراحی شده Textfield and styling

• لیست و پیمایش فیزیک Listview and scroll physics

• درک نوع صفحه کلید Understanding keyboard type

• درک عمیق تر پشته ناوبری Deeper understanding of Navigation stack

• انجام ورودی برای OTP Doing input for OTP

• افزونه pinut را نصب و راه اندازی کنید Install pinut plugin and set up

firebase را راه اندازی کنید Set up firebase

• پروژه firebase را راه اندازی کنید Set up firebase project

• پیکربندی Firebase در main.dart Firebase configuration on the main.dart

• با کلید SHA1 کار را تمام کنید Finish with SHA1 key

احراز هویت Authentication

• مخزن تایید را راه اندازی کنید Setup auth repository

• کنترل کننده احراز هویت Authentication controller

مدیریت دولتی با ریورپاد State management with Riverpod

• درک مدیریت دولتی Understanding state management

• فلاتر-ریورپاد و فلاتر هوک Flutter-riverpod and flutter-hooks

• قلاب های ریورپاد Riverpod hooks

• تولید کد ریورپاد Riverpod code generation

لایه احراز هویت Authentication layer

• انتخابگر کد کشور سبک Style country code picker

• سبک بیشتر در انتخابگر کد کشور More style on country code picker

• پایگاه آتش، مخزن و کنترل کننده Riverpod Riverpod firebase, repository and controller

• کد و نماد بارگیری و زمینه asnyc را دریافت کنید Get code and loading icon and asnyc context

• 50. Sqlite و درک ساختار داده ها 50. Sqlite and understand the data structure

• درک کنید که چرا ما به یک مدل کاربر نیاز داریم Understand why we need a user model

• ساخت یک مدل کاربری Building a user model

• توابع Sqlite برای کاربر Sqlite functions for user

• تابع خطای گرفتن Catch error function

• کد OTP را دریافت کنید و به صفحه اصلی بروید Get OTP code and go to home page

بخش Todo و ساخت مدل وظیفه و ارائه دهنده وظیفه Todo section and build task model and task provider

• بخش کار قسمت 1 Todo section part 1

• روی نوار برنامه قسمت 2 کار کنید Work on the app bar part 2

• روی نوار برگه قسمت 3 کار کنید Work on the tab bar part 3

• ایجاد صفحه نمایش برای افزودن وظیفه قسمت 4 Create screen for add task part 4

• افزودن قسمت 5 کار را به پایان برسانید Finish adding task todo page part 5

• ارائه دهندگان datetime را ایجاد کنید و پلاگین قسمت 6 را نصب کنید Generate datetime providers and install plugin part 6

• DBhelper و روش DBhelper and method

• رفع مشکلات و ایجاد بخش TaskModel Fix issues and create TaskModel part

• ارائه دهنده وظیفه Task provider

• روی کاشی todo کار کنید Work on todo tile

• مدل todo را در کد اضافه کنید Add todo model in the code

• یک کار را نشان دهید Show a task

• نمایش کار تکمیل شده Show completed task

کار فردا و کاشی و کنترلرهای توسعه Tomorrow task and Expansion tile and controllers

• وظیفه فردا قسمت 1 Tomorrow task part 1

• کاشی انبساط قسمت 2 Expansion tile part 2

• یک ظاهر طراحی را برای کار فردا تمام کنید و قسمت 3 را به درستی نشان دهید Finish styling for tomorrow task and show up correctly part 3

• کار پس فردا انجام شد Done with the day after tomorrow task

اطلاعیه Notifications

• نحوه عملکرد اعلان How notification works

خروج Logout

• کد کامل Complete code