التخطي إلى المحتوى الرئيسي

برمجة وتصميم تطبيق (صوتي مسموع) باستخدام dart و flutter يعمل على android و ios و web و desktop من الالف الى الياء

في هذا الدرس ساقدم لكم كورس برمجة وتصميم تطبيق (صوتي مسموع) باستخدام dart و flutter و php و mysql يعمل على android و ios و web و desktop سابدا معكم من الصفر لذلك لا تفوتو الدرس وبالتوفيق للجميع


في هذا الكورس ساقدم لكم كل ما اعرفه وكل ما لا اعرفه (المقصود هنا ان ما لا اعرفه ساقوم بدراسته وتقديمه لك في الكورس) هذا الكورس اخذ او سيأخذ مني ساعات طوال لتقديم هذه الدروس بشكل مقبول ومفهوم للاغلبية لذلك لا تقصر بتقديم الدعم لي من خلال مشاركة الكورس على مواقع التواصل الاجتماعي واشتراكك في القناة التي تبث هذه الدروس وهي Programming_problems

المتطلبات الذي يمتلكها متابع الكورس هي
  1. تثبيت برنامج android studio او اي برنامج يدعم flutter
  2.  تثبيت سيرفر محلي مثل xampp
  3.  تثبيت sdk flutter احدث اصدار
  4. معرفة باساسيات flutter و dart
  5. - معرفة باساسيات php و mysql

في فيديو المقدمة والذي يحمل العنوان التالي (0- مقدمة كورس برمجة وتصميم تطبيق (صوتي مسموع) باستخدام dart و flutter يعمل على android و ios و web) اوضح فيه متطلبات متابع الكورس وفكرة تطبيق صوتي مسموع الذي سنقوم ببرمجته وتصميمه لذلك انصحك بمتابعته للاخير

في الفيديو الاول والذي يحمل العنوان التالي (1- إنشاء المشروع وتخطيط الصفحة الرئيسية من كورس برمجة وتصميم تطبيق (صوتي مسموع) باستخدام dartوflutter) قمت بانشاء المشروع في برنامج android studio وايضا عمل تخطيط اساسي لتطبيق صوتي مسموع للصفحة الرئيسية منه حتى تكون عندنا فكرة عن واجه المستخدم التي نريد تصميمها


في الفيديو الثاني والذي يحمل العنوان التالي (2- الفرع الاول تصميم الصفحة الرئيسية من كورس برمجة وتصميم تطبيق (صوتي مسموع) باستخدام dart و flutter) قمت بتصميم الصفحة الرئيسة بدون تغيير الالوان الاساسية او اضافة صور

في الفيديو الثالث والذي يحمل العنوان التالي (3- الفرع الثاني تصميم الصفحة الرئيسية من كورس برمجة وتصميم تطبيق (صوتي مسموع) باستخدام dart وflutter) قمت بالتعديل على الصفحة الرئيسية باضافة الاولوان والصور وغيرها الكثير

في الفيديو الرابع والذي يحمل العنوان التالي (4- اضافة ميزات جديدة للصفحة الرئيسية من كورس برمجة وتصميم تطبيق (صوتي مسموع) باستخدام dart و flutter) اضفت ميزات جديدة للصفحة الرئيسة وانشئت صفحة تسجيل دخول وصفحة الملف الشخصي فارغة وقمت بربطهم مع الصفحة الرئيسية

في الفيديو الخامس والذي يحمل العنوان التالي (5- تصميم صندوق تعليقات كامل الميزات من كورس برمجة وتصميم تطبيق (صوتي مسموع) باستخدام dart و flutter) قمت بتصميم صندوق التعليقات الموجود في الصفحة الرئيسية على كل عنصر من قائمة الاصوات هذا الصندوق يحتوي على كامل الميزات

في الفيديو السادس والذي يحمل العنوان التالي (6- إنشاء صفحة تسجيل الدخول وانشاء حساب من كورس برمجة وتصميم تطبيق (صوتي مسموع) باستخدام dartوflutter) انشئت صفحة تسجيل الدخول تحتوي على الميزات التالية تسجيل دخول وانشاء حساب وتحديث لكلمة المرور اذا نساها المستخدم والكثير من الميزات المتقدمة

في الفيديو السابع والذي يحمل العنوان التالي (7- تصميم الملف الشخصي وتعديل الرئيسية من كورس برمجة وتصميم تطبيق (صوتي مسموع) باستخدام dart وflutter) قمت باضافة زر للتبليغ عن محتوى غير مرغوب فيه و زر  الأشتراك وقمت بتصميم صفحة الملف الشخصي profile بكل التفاصيل المطلوبة

في الفيديو الثامن والذي يحمل العنوان التالي (8-استخدام just_audioوfile_picker للصور والاصوات في كورس برمجة تطبيق صوتي مسموع باستخدام dartوflutter) قمت باضافة مشغل صوت باستخدام file_picker يتيح للمستخدم تشغيل الصوت في قائمة الاصوات في الصفحة الرئيسية من تطبيق صوتي مسموع وقمت ايضا باضافة just_audio للتطبيق ليتيح لنا فتح مستعرض الملفات في الجهاز لاختيار صورة لتغيير صورة الملف الشخصي او صورة الخلفية للمقطع الصوتي وايضا فتح مستعرض الملفات لاختيار ملف صوت واضافه صورة وعنوان ووصف له ورفعة على السيرفر هذا الدرس مهم جدا لذلك لاتفوت اي دقيقة منه



تعليقات

المشاركات الشائعة من هذه المدونة

التحكم بأدوات القياس dimension في اوتوكاد 2015

التحكم بأدوات القياس dimension في اوتوكاد 2015 بسم الله الرحمن الرحيم أخوتي الكرام سيكون درسنا لهذا اليوم عن التحكم في ادوات القياس dimension في اوتوكاد وكيفية تكبير حجم النص او تغير لون الاسهم والدرس سيكون للامور المهمة والكثيرة الاستخدام فقط   نبدا على بركة الله النافذة dimension style

1-أنشاء منزل من الألف الى الياء المرحلة الاولى اوتوكاد التصميم المبدئي

أهلا بكم في هذا الدرس سنقوم بأنشاء منزل من الالف الى الياء اي ابدء بالدرس من أنشاء الخريطة في برنامج autocad 2014 ومن ثم ادخال الخريطة في برنامج 3d max 2014 نتيجة هذا الدرس

احترف استخدام physical camera في برنامج 3d max 2018 و vray 3.6

اهلا بكم في الاصدار 2016 لبرنامج 3d max تم اضافة كاميرا جديدة اسمها physical وتم إخفاء الكاميرا الخاصة بالvray من قبل صانعو المقبس والتي تحمل الاسم vray  physical camera  وتم استبدالها بالكاميرا الخاصة ببرنامج 3d max وهي  physical camera لكن اذا كنت تريد إظهار كاميرا الvray ستجد الطريقة موجودة في الدرس , وفي هذا الدرس سنشرح اعدادات الكاميرا  physical الخاصة ببرنامج 3d max 2018 بالتوفيق للجميع