Architecture
Web Design Graphic Design Design Tools User Experience Design Game Design 3D & Animation Fashion Design Interior Design
تسجيل الدخول إنشاء حساب
Kuwait
akhajah@cmp-academy.com
Total:
KWD 0
تسجيل الدخول إنشاء حساب
Home
All courses
User Experience Design
User Interface
BEST SELLER
NEW
POPULAR

introduction to Flutter apps مقدمة في اطار عمل فلاتر للتطبيقات

introduction to Flutter framework

Last updated Sep 10, 2024
عدد الدروس
120
الإختبارات
3
عدد الساعات
90
مستوى المهارة
مبتدأ
اللغة
العربية
دخول مدى الحياة
نعم
Placeholder
د.ك 25.000
د.ك 50
تسجيل الدخول
إنشاء حساب
اشترك واحصل على جميع الدورات

شرح الدورة

Flutter للمبتدئين

مرحبًا في دورتنا "Flutter للمبتدئين"!

Flutter هو مجموعة أدوات تطوير واجهة المستخدم القوية التي أنشأتها جوجل. إنها الأداة المفضلة للكثيرين عندما يتعلق الأمر بإنشاء تطبيقات مترجمة أصليًا للهواتف المحمولة، الويب، وسطح المكتب من قاعدة كود واحدة. أسرت الحاجيات التعبيرية، والأداء المتكامل، والتطوير السريع للمطورين والشركات على حد سواء.

في هذه الدورة، ستتعلم:

فهم اساسيات فلاتر وكيفية اعداد بيئة التطوير فيها لبرمجه التطبيقات الايفون والاندرويد

فهم كيفية بناء واجهه المستخدم التطبيق من خلال معرفه ويدجت 

إدارة الحالة: تقنيات لإدارة بيانات تطبيقك وواجهة المستخدم.

التنقل والتوجيه: توجيه المستخدمين عبر شاشات وأقسام متعددة من تطبيقك.

 Firebase: ربط تطبيق Flutter بقاعدة بيانات في الوقت الحقيقي وخدمات المصادقة.

بناء مشاريع العالم الحقيقي: احصل على خبرة عملية وقم بإنشاء تطبيقات يمكن عرضها في محفظتك.

 ابدأ الآن وحدد مسارك لتصبح مطورًا ماهرًا في اطار عمل فلاتر 

 

 

Flutter for Beginners

Welcome to our "Flutter for Beginners" course!

Flutter is a powerful UI software development toolkit crafted by Google. It's the tool of choice for many when it comes to creating natively compiled applications for mobile, web, and desktop from a single codebase. Its expressive widgets, seamless performance, and rapid development have charmed developers and businesses alike.

In this course, you'll learn:

  1. Flutter Foundations: From setting up the development environment to understanding the basics of Dart—the language behind Flutter.
  2. Widget Deep Dive: Flutter's building blocks and how to compose UIs with them.
  3. State Management: Techniques to manage your app's data and UI.
  4. Navigation and Routing: Directing users through multiple screens and sections of your app.
  5. Integration with Firebase: Connecting your Flutter app to a real-time database and authentication services.
  6. Building Real-World Projects: Get hands-on experience and create applications that can be showcased in your portfolio.

Dive in now and set your path to becoming a proficient Flutter developer!

 

 

محتوى الدورة

175 عدد الدروس
محتوى الدورة
175 عدد الدروس
1-install flutter sdk windows part 1
2-install flutter sdk windows part 2
3-install android studio & vscode windows part 1
4-install android studio & vscode windows part 2
5-install plugin flutter dart android studio part 3
6-install android sdk command line tools
7-install visual studio vscode extensions
8-create flutter project vscode android studio
9-install flutter SDK MacOS
10-install Android Studio MacOS
10-5 install Dart & Flutter plugin android studio
11-install VS Code MacOS & run flutter create
مشاهدة مجانية
12-explain flutter folder structure
مشاهدة مجانية
13- main function
14-first flutter simple app
15-Column widget
16-TextField & inputDecoration
مشاهدة مجانية
17- Outline Input Border
18-Border Raduis & padding
19-TextField widget part 2
20-TextButton Widget
21-Controller & variable
22- add controller to textField & math operation
23- add Text widget for result
24-convert statless to stateful widget
25-dipose & initState function
26-create applyFunction function
27-create 2nd project gallery app on MacOS
28-create 2nd project gallery app on WindowsOS
29-gallery app preview
30-create gallery photo screen
31-create assets and images folder
32-import photos to flutter project on MacOS
33-import photos to flutter project on WindowsOS
34-create dart files and switch statement
35-finishing switch statement
36-create photoCard method
37-photoCard method
38-tips on how to improve your coding skills
39-modify photoCard method with imageLink for network or assets
40-finish with photoCard method
41-explain about passing function
42-kuwait gallery list screen
43-details place screen function
44-details place screen part 2 Stack widget
45-details place screen part 2 Stack widget
46-add named paramter for detailsPlaceScreen method
47-create second and third place screen
48-review on detailsPlaceScreen method
49-review on SingleChildScrollView
50- refactor and call imagePlace method
مشاهدة مجانية
51-refactor and call imagePlace method
52-passing image from class to another
53-create placeImage class
54-complete placeImage class
55-add String keyword + tip
56-add the remain images in placeImage class
57-create information method
58-using information method inside column widget
59-add name parameter fontWeight
60-add default value for fontSize
61-row widget with information method
62-first TextButton Widget
63-finishing TextButton with Navigator
64-second TextButton
65-creating nextButtonPlace method
66-invoke the method nextButtonPlace
67-Stack with background image
68-Text without positioned widget
69-wrap Text with Positioned widget
70-text with Background color
71-add Column widget with Text
72-add second Text inside Column
73-add Align widget
74-create next place button
75-add second button
76-fix button widget
77-change row buttons to column
78-add images and convert to stateful widget
79-initState with pageController
80-explain about modulus operator
81-add if statement & create Timer periodic
82-code review
83-add dispose method
84-add pageView widget
85-fix error and finish with PageView
86-create image container method
87-create dot indicator method
88-card widget with container
89-create cardText method
90-invoke - call cardText method
91-create routeButton method
92-invoke - call routeButton method
93-add images for second country
94-create singleChildScrollView
95-create listScreen method
96-call - invoke listScreen method
97-left section card widget
98-right section card widget
99-finish with bahrain list places
100-design fourth place screen
101-design fourth place screen part-2
102-check image extension
103-create information method
104-call - invoke information method
105-create nextScreenButton method
106-create two outlined button
107-choosing the right numbers
108-add nextScreen parameter
109-imageContainer method
110-card widget with transparent
111-create cardInfo method
112-refactor stack widget
مشاهدة مجانية
113-create nextButtonScreen method
114-invoke - call nextButtonScreen method
115-design Bahrain castle screen
116-create cardInfo method
117-code refactor and review
118-create nextButtonScreen method
119-finish Bahrain castle screen
120-create placeCard method
121-2nd part create placeCard method
122-style elevated button
123-create 3 dart files
124-add 3 images to PlaceImage class
125-invoke - call placeCard method
126-stack widget with custom app bar
127-review on navigator pop
128-create textContainer method
مشاهدة مجانية
129-call textContainer method
130-more details on each widget
مشاهدة مجانية
131-create nextButtonScreen method
132-call invoke nextButtonScreen method
133-create placeTitle method and invoke it
134-tips on previous lesson
135-create imageCard method
136- tips & adding crossAxisAlignment center
137- create infoCard method
138-invoke infoCard method
139-create nextButtonScreen method
140-invoke nextScreenButton method
141-stack with image background
142-custom app bar method
143-create stackInfoText method
144-invoke stackInfoText method
145-customFloatingButton method
146-invoke customFloatingButton method
147-modify customFloatingButton method
148-custom bottom navigation bar
149- finish custom bottom navigation bar
150- add navigation bottom bar in gallery photo screen file
151-change image flag
152-bottom navigation bar profile screen
153- create userProfileImage method
154-call userProfileImage method
155-create textContainer method
156-create userProfileInfo method
157-call both mehtod textContainer & userProfileInfo
158-create contactInfo Button
159-call contactInfoButton method
160-create bottom navigation bar for school screen
161-create schoolImage variable
162-create PreferredSize Widget
163-create schoolInformation method
164-stack widget with positioned
165-call schoolInformation method & properties Positioned
166-2nd positioned widget
167-create bottom Navigation bar for contact us screen
168-add default case for all screens
169-create four TextEditingController and add background image
170-create formField method
171-call formField method
172-create contactUs Button method
173-call contactUsButton mehtod
174- refactor bottom navigation bar

المدرب

image
م.عباس خاجه

مبرمج مواقع الكترونية وتطبيقات

مبرمج مواقع الكترونية وتطبيقات الهواتف الذكية منذ عام 2010 ، بدأت بالبرمجة باستخدام لغات البرمجة C ++ و Java و C في الجامعة وبعد انتهاء شهادة هندسه كمبيوتر تعلمت تطوير الويب والجوال مع HTML5 و CSS3 و Javascript و PHP و Java و C ++ منذ ذلك الحين. لقد تعلمت أيضًا إطار عمل laravel بالإضافة إلى تطوير Android و iOS ، ثم التحول إلى Flutter لتطوير التطبيقات الجوالة أحب تعلم أشياء جديدة وتدريس الأشياء التي تعلمتها. إجمالي عدد السنوات التي قضيتها في البرمجة هو 10 سنوات. شغفي هو تدريس البرمجة للآخرين.