# Geecoders


## Posts

- [كود برنامج بلغة الجافا لمعرفة السنة الكبيسة والبسيطة ( Leap and simple year )](https://geecoders.com/leap-and-simple-year-html/): كود برنامج بلغة الجافا لمعرفة السنة البسيطة والكبسية متابعي موقعنا الاوفياء مرحبا بكم في مقالة جديدة في اكواد جافا جاهزة، حيث في مقالة اليوم سوف نتعرف على برنامج جافا لمعرفة السنة كبيسة ام بسيطة Java program to know the year leap or simple، هذا الكود يعد من اكثر الاكواد التي تطلب في الجامعات والمعاهد ومراكز تدريب لغات البرمجة وذلك لاهميتة.تعلم لغة البرمجة جافا من اكثر الطلبات التي يقوم كثير منكم في البحث عنها على الانترنت وذلك لان مبرمج جافا يتميز انه اذا قام بعملية تطوير تطبيقات الاندرويد باستخدام برمجة جافا يكون هذا مميز وايضا اذا كان باستخدام لغة كوتلن فهذا […]
- [كود برنامج بلغة البايثون يقوم بتخمين الرقم الذي تفكر فية - Code guess the number Python](https://geecoders.com/idea-number-html/): كود برنامج باستخدام لغة بايثون يقوم بتخمين الرقم الذي تفكر فية ! متابعي موقع ومدونة جي كودر مرحبا بكم. في مقالة مميزة وكود جديد بلغة بايثون python, ان في هذا الكود الفريد يقوم بتخمين رقم عشوائي من 1 الى 99 حيث يقوم المستخدم بتشغيل البرنامج ويقوم بتخمين رقم عشوائي random number ويجب على المستخدم تخمين هذا الرقم حيث يقوم بكتابة رقم والبرنامج يخرج لة رسالة ان الرقم الذي ادخلة اكبر من الرقم او اصغر من الرقم المدخل, وفي كل مرة تدخل رقم يخرج لك رسالة سواء اكبر او اصغر الى ان تصل الى الرقم المراد الوصول الية. تعد لغة بايثون […]
- [كود برنامج بلغة الجافا يقوم بحساب راتب الموظف - Calculate employee salary java code](https://geecoders.com/salary-employee-java-html/): اكتب برنامج بالجافا يقوم بحساب راتب الموظف هذا الكود البسيط والمكتوب بلغة جافا، يقوم بحساب راتب الموظف على مدار 12 سنه (Calculating the employee’s salary over 12 years) ويمكنك تغيرها الى اي رقم تريدة مع العلم ان كل ان سنه يتم زيادة 10 بالمئه لراتب كل عامل, تخيل معي انك صاحب شركه وتريد حساب راتب العمال الموجودين بها سنويا مع العلم ان كل عام يتم زيادة 10%  للعامل الواحد.  ويمكنك التعديل في الكود لكي تستطيع ان تحصل على راتب 10 او 20 او حتى 100 موظف وليس واحد فقط واتاحة التعديل ايضا على مدة السنوات (يمكنك تغيرها الى اشهر) هذا […]
- [كود برنامج بلغة c++ يقوم بطباعة فانوس رمضان ( اكواد سي بلس بلس بالعربي )](https://geecoders.com/ramadan-c-html/): كود برنامج بلغة c++ يقوم بطباعة فانوس رمضان مرحبا بكم في موقع GeeCoders من جديد, واليوم مقالة فريده من نوعها وكود بلغة c++ جديد وهو عن فانوس رمضان المبارك, هذا الكود يقوم بطباعة فانوس رمضان بشكل جميل وأنيق ويكثر البحث عن هذا الكود خاصة في شهر رمضان المبارك ونحن هنا نحاول تقديم لكم كل الاكواد البرمجية التي تبحث عنها. هذا الكود للامانة هو ليس من تكويدي بل هو من تكويد احد الاشخاص وفقط انا مجرد ناقل للكود ليس إلا. نحن هنا نحاول تقديم c++ code, لكم لكي تستفيدون من الاكواد وايضا تتعرفون على طريقة تكويد وتفكير الشخص في كتابة الكود […]
- [كود برنامج بلغة الجافا لحل المعادلة التربيعية - The quadratic equation java code](https://geecoders.com/equ-2-html/): كود برنامج بلغة الجافا لحل المعادلة التربيعية متابعي موقع ومدونة جي كودرس مرحبا بكم من جديد في مقالة عن لغة جافا, في مقالة اليوم سوف نتعرف على كود بلغة الجافا java code يقوم بحل المعادلة التربعية حيث ان هذا الكود من اكثر الاكواد التي عليها الطلب وايضا تطلب بكثرة وذلك لاهميتها وخاصة بلغة جافا, وذلك بسبب اهمية دخول لغة الجافا في تطوير تطبيقات الاندرويد او ما يعرف بي “جافا اندرويد”, حيث ان اغلب تطبيقات متجر بلاي مطورة عن طريق الجافا java وايضا هذة اللغة تدخل في صناعة وتطوير العاب والبرامج.تعلم لغة البرمجة جافا من اكثر الطلبات التي يقوم كثير منكم […]
- [كود برنامج بلغة البايثون يقوم بطباعة التاريخ والوقت - Python date and time code](https://geecoders.com/birthday-in-python-html/): برنامج بايثون يقوم بطباعة التاريخ والوقت وكم متبقي على تاريخ ميلادك باستخدام لغة بايثون متابعي موقعنا الكرام مرحبا بكم من جديد, في مقالة اليوم سوف نتعرف على برنامج بلغة البايثون python يقوم بحساب وطباعة التاريخ والوقت وتاريخ الميلاد, حيث يقوم البرنامج بطباعة التاريخ والوقت الحالي وبعد اسبوع وبعد 1000 يوم وايضا يحسب لك الوقت المتبقي على يوم ميلادك, قد يتم طلب هذا الكود منك في الجامعة كتاسك او اذا كنت تلتحق بكورس بايثون فقد يطلب منك هذا الكود.تعد لغة بايثون اكثر اللغات التي عليها طلب كبير في سوق العمل ويبحث كثير منكم على تعلم لغة البرمجة بايثون من البداية وحتى […]
- [كود برنامج جافا يقوم بطباعة جدول الضرب - Multiplication table java code](https://geecoders.com/multiplication-table-html/): كود طباعة جدول الضرب بلغة الجافا متابعي المدونه الاعزاء مرحبا بكم من جديد في تدوينه حول اكواد الجافا، حيث في مقالة اليوم سوف نتعرف على كود جدول الضرب بلغة الجافا java code، وهذا الكود يعد من اكثر الاكواد طلبا في مجال البرمجة حيث يتم طلب هذا الكود بكثرة في الجامعات كواجب او قد يأتيك في الامتحان اكتب برنامج بلغة الجافا لطباعة جدول الضرب – write a program in Java to print the multiplication table من 1*1 الى 12*12 وهنالك اكثر من طريقة لكتابة هذا الكود وفي هذه التدوينه سوف اقدم لك طريقتين لكتابة جدول الضرب بلغة الجافا، ولكن اريد منكم […]
- [اكتب برنامج جافا  يقوم بمقارنة ثلاث ارقام وطباعة الاكبر - Compare three numbers and print the largest java code](https://geecoders.com/print-big-number-html/): كود برنامج بلغة الجافا يقوم بمقارنة ثلاث اعداد وطباعة الاكبر هذا الكود البسيط والمكتوب بلغة جافا java ماهو الا كتدريب بسيط للطالب، وايضا هذا الكود يأتي في الامتحانات واحيانا يتم طلبه كمشروع او تاسك Task للطلاب في بعض الجامعات ولذلك لسهولتة واهميتة ايضا حيث انة يستعمل قاعدة if ويتم المقارنة بين ثلاث ارقام يقوم بإدخالها المستخدم وفكرة الكود هي ان يكون لديك عدة ارقام ولنفترض ان عدد تلك الارقام هي ثلاث ارقام وتريد معرفة ماهو اكبر رقم من هذه الارقام،حيث اذا كان عدد الارقام ثلاثة ربما لن يكون الامر صعب عليك تحديد الرقم الاكبر من بينهم فقط من خلال النظر […]
- [كود برنامج بلغة البايثون يقوم بتوليد ارقام عشوائية وجمعها - python code](https://geecoders.com/python-code-random-html/): كود برنامج بلغة البايثون يقوم بتوليد ارقام عشوائية وجمعها متابعي موقع ومدونة جي كودرس – geecoders مرحبا بكم من جديد, في مقالة اليوم سوف نتعرف على كود بلغة البايثون python يقوم بتوليد رقمين عشوائيين random وتحديد مدى الارقام العشوائية بمعنى اذا كنت تريد ان يقوم البرنامج بتوليد ارقام عشوائية ما بين 0 الى 10 او ما بين 0 و 100 او على حسب ما تحددة, وهذا الكود سبق وان وضعنا عنة كود بلغة الجافا. ونحن في جي كودرس نقدم لكم جميع الاكواد البرمجية بلغات مختلفة.تعد لغة بايثون اكثر اللغات التي عليها طلب كبير في سوق العمل ويبحث كثير منكم على […]
- [برنامج جافا للتطبيق على Queue بإستخدام linked list](https://geecoders.com/queue-linked-list-html/): كود للتطبيق على قاعدة الطابور Queue بإستخدام linked list بلغة Java زوار ومتابعين موقع ومدونة جي كودر مرحبا بكم في درس جديد حول اكواد الجافا java code حيث في هذة المقالة سوف نقدم بين ايديكم كود مهم جدا في هياكل البيانات data Structure، وهو كود جافا للتطبيق على Queue بإستخدام linked list بلغة java ما يعرف ايضا بالانجليزية (implementation Queue using linked list java) وهذا التطبيق مهم جدا في مادة هياكل البيانات كما ذكرت،  اريد التنوية عن شيئ بسيط هياكل البيانات هي من المواد التي يكرهها كثير من الطلاب المبرمجين وذلك لصعوبتها ولعدم شرحها بشكل منسق وبسيط في الجامعات، فـ […]
- [كود برنامج بلغة الجافا يقوم بطباعة النجوم بشكل هرمي - print stars in java](https://geecoders.com/print-star-in-java-code-html/): اكتب برنامج بلغة الجافا يقوم بطباعة النجوم بشكل هرمي – print out stars in language java سؤال يتكرربكثرة في الجامعات والكورسات حيث يتم طلب من الطلبة كتابة برنامج بلغة الجافا يقوم بطباعة النجوم بشكل هرمي write a program in Java that prints the stars hierarchically وفي مقالة اليوم سوف اشرح لكم كيف تكتب كود جافا يقوم بطباعة النجوم وهذا الدرس تابع لسلسلة  تعليم البرمجه للمبتدئين والتي شرحت فيها كيف يمكن ان تكتب اول كود بلغة الجافا في حياتك. عندما تريد الـ بحث عن البرمجة وعن برنامج تعليم البرمجة للاطفال و مواقع برمجة للاطفال فنحن في موقعنا جي كودرس نقدم لكم شروحات […]
- [كود برنامج c++ لتحويل درجة الحراره من مئوية إلى فهرنهايت والعكس | Fahrenheit to celsius C++](https://geecoders.com/fahrenheit-to-celsius-html/): كود برنامج c++ لتحويل درجة مئوية إلى فهرنهايت والعكس هل تم طلب منك واجب “sheet” عن كود بلغة السي بلس بلس لتحويل درجة الحراره المئوية الى سيلسيوس (Celsius) و فهرنهايت (Fahrenheit) غالبا هذا السؤال تكرر بكثرة سؤال في واجب او حتى في الامتحان لذلك نحن في geecoders نوفر لكم جميع الاكواد البرمجيه بلغات مختلفه لتسهيل الامر عليكم وهذا السؤال قد ياتيك بهذا الشكل – write a program c++ to convert degrees Celsius to Fahrenheit and Fahrenheit to Celsius وهذه صيغة السؤال باللغة الانجليزية يمكنك كتابة الكود في محرر c++ online , او اي محرر اخر لديك على جهازك ولكن قبل […]
- [برنامج جافا لعمل آلة حاسبة بسيطة - Code to create a calculator in the Java language](https://geecoders.com/java-calc-html/): كود برنامج جافا لعمل آلة حاسبة بسيطة باستخدام حالة التبديل – switch case موقع ومدونة جي كودرس geecoders يرحب بالزوار الجدد والمتابعين الاوفياء, ونقدم لكم اليوم درس جديد وكود جديد بلغة الجافا java code, حيث في هذة المقالة سوف نقدم لكم كود جافا لعمل آلة حاسبة بسيطة وتعد الالة الحاسبة من اكثر الاكواد طلبا في مختلف لغات البرمجة وقد سبق وان وضعنا كود بلغة بايثون python, واليوم نقدمة لكم بالجافا وهذا الكود يطلب بكثرة في الجامعات والمعاهد والكورسات المخصصة بتعليم البرمجة وقد يتم طلبة منك في الامتحانات لذلك يجب عليك فهم الكود وليس نقلة والرحيل بحيث اذا قابلك في الامتحان تستطيع […]
- [كود برنامج بلغة البايثون لطباعة الاعداد الطبيعية ( اكواد بايثون بالعربي ) - Natural numbers Python code](https://geecoders.com/natural-numbers-python-html/): كود برنامج بلغة البايثون لطباعة الاعداد الطبيعية ( اكواد بايثون بالعربي ) مرحبا بكم من جديد اعضاء موقع ومدونة جي كودرس – geecoders في مقالة جديدة وكود جديد في لغة البايثون python , وفي هذا الكود سوف نتعرف على برنامج يقوم بحساب الاعداد الطبيعية Find the Sum of Natural Numbers حيث ان هذا الكود المميز يتم طلبة بكثرة في الجامعات والمعاهد وايضا الكورسات فالكود فكرتة بسيطة وسهل ولكن يحتاج لتفكير لكتابتة وهذا ما يجعل الكثير يطلبة لانة في البداية والنهاية يريد منك ان تفهم البرمجة وليس حفظها لذلك يكلفونك بمجموعة من الاعمال والشيتات.تعد لغة بايثون واحده من اشهر واكثر اللغات […]
- [كود جافا لمعرفة ترتيب حرف معين داخل الكلمة - The arrangement of letters in the word java code](https://geecoders.com/char-at-java-html/): كود جافا يقوم بالاشارة الى حرف معين داخل الكلمة ( اكواد جافا بالعربي ) متابعي المدونه الاعزاء مرحبا بكم في درس جديد من دروس الجافا وفي درس اليوم سوف نتعرف على كود جافا java code جديد يتم تدريسه في الجامعات خاصة في مادة البرمجه الهيكليه oop في كلية الحاسبات والمعلومات ( Computer Science ) وهذا الكود بسيط جدا جدا فهو بكل بساطه يقوم بالاشاره الى حرف معين في الكلمة المدخلة للبرنامج وهذا الحرف انت من تقوم بتحديده وهذا التطبيق قد يأتيك في الامتحانات لذلك حاول ان تفهمه، وهو سهل وليس بالكود الصعب. اذا كنت تريد تعلم لغة الجافا وليس تعلم […]
- [كود برنامج جافا لطباعة الاعداد الزوجية من 1 الى 100 - print even number java code](https://geecoders.com/java-even-number-1-to-100-html/): كود برنامج جافا لطباعة الاعداد الزوجية من 1 الى 100 – ( اكواد جافا بالعربي )في مقالة اليوم سوف نتعرف كيف تقوم بكتابة برنامج بلغة الجافا java يقوم بطباعة الاعداد الزوجيه فقط سواء من الرقم 0 او حتى من الرقم 1 الى الرقم 100 او 1000 او على حسب ما تحددة، وهذا الكود مثال على قاعدة مهمه جدا في البرمجة وهي قاعده if وهذه القاعده تستخدم للاختبار وايضا هذا الكود يحتوي على قاعدة فور لوب for loop، فكرة الكود سهله جدا وبسيطة وغير معقدهاذا كنت تريد تعلم لغة الجافا وليس تعلم جافا سكريبت فنحن في جي كودرس قدمنا لك مقالة […]
- [اكتب برنامج بلغة الجافا يقوم بحساب متوسط درجات الطالب والنسبة المئوية - Calculate average student grades and percentage java code](https://geecoders.com/degree-html/): ماذا استفيد من الكود ؟ كثير من الشباب وايضا الاطفال يريد تعلم لغة برمجة javascript هذا لمن يريد ان يسلك طريق الويب (Web developer)،  والنوع الاخر هو من يقوم ويبحث عن طرق تعلم برمجة الجافا (java tutorial) او تعلم برمجة التطبيقات وهذا النوع من البرمجة يتطلب من المستخدم تعلم لغة جافا لكي يتعلم تطوير وصناعة التطبيقات جيدا، هذا الكود  يقوم بحساب درجات الطالب (Student grades) في المواد الدراسيه حيث يمكنك من خلال هذا الكود البسيط ان تقوم بحساب المتوسط الحسابي (مجموع الدرجات على عدد المواد) لكل طالب من الطلاب وايضا يمكنك بهذة الفكرة ان تصنع برامج رياضية بسيطة بأفكار مختلفة […]
- [كود برنامج بلغة c++ لحل معادله من الدرجه الثالثه](https://geecoders.com/c-eq3-html/): كود برنامج بلغة c++ لحل معادله من الدرجه الثالثه هل سبق لك وان جاء لك بحث او “sheet” او حتى في الامتحان قد يأتيك سؤال معادلة من الدرجه الثالثه ويطلب منك أن تكتب الكود البرمجي لفك هذه المعادلة وبما ان الكود قد يكون صعب بالنسبة للمبتدئين في لغات البرمجة لذلك في GeeCoders نحاول ان نوفر لكم كل ما هو مطلوب منكم سواء في اذا كنت في كورس تعلم لغة البرمجة او في الجامعه فلا تقلق فنحن معك. سؤال حل معادلة من الدرجة الثالثة قد ياتيك باللغة الانجليزيه وصيغتة كالتالي – Write a c++ program to solve the third degree equation […]
- [كود برنامج بلغة الجافا يقوم بتوليد ارقام عشوائية وجمعها في الجافا - Generate and collect random numbers java code](https://geecoders.com/random-number-html/): كود لتوليد ارقام عشوائيه وجمعها بلغة الجافا – Random number generator in java يقوم هذا الكود بتوليد مجموعة من الارقام العشواية ومن ثم يقوم بعملية جمعها , في هذا المقال اشرح لكم الكود والمتطلبات التي تحتاجها لكتابة الكود وماهي الفائدة من هذا الكود وكل ما تريد معرفتة عن هذا الكود البرمجي سوف اذكرها لكم في هذا المقال لذلك اقرء المقال الى النهاية لكي تستفاداذا كنت تريد تعلم لغة الجافا وليس تعلم جافا سكريبت فنحن في جي كودرس قدمنا لك مقالة حول تعليم جافا بسهوله وبدون تعقيد ونشارك معكم بين كل حين والاخر اكودا برمجية باستخدام لغة جافا ولكن تذكر ان […]
- [اكتب برنامج بايثون python للحصول على سلسلة فيبوناتشي Fibonacci بين 0 و 100](https://geecoders.com/python-fibonacci-0-100-html/): الحصول على سلسلة فيبوناتشي Fibonacci بالبايثون زوارنا الاعزاء مرحبا بكم في مقالة python جديدة واليوم سوف نقدم لكم كود لعمل سلسلة فيبوناتشي بلغة البايثون بكل سهولة, ولكن قبل ان نتوجه في شرح السلسلة دعونا الاول نتعرف على ماهي سلسلة فيبوناتشي او ما يعرف بي  fibonacci series, وايضا في نهاية المقالة سوف اضع بين أيديكم الكود جاهز ولكن لا اريد منك ان تنقله وتنهي واجبك او غيره. اريد منك ان تتعرف على طريقة الحل لكي تستطيع مستقبلا حل اي كود بايثون يقع امامك دون البحث في الانترنت وايضا عندما لا تعرف الحل  ستجده في موقعنا بإذن الله. اذا لم تكن كيف تستخدم […]
- [كود برنامج القانون العام بلغة الجافا - Quadratic Formula java code](https://geecoders.com/java-code26-html/): كود برنامج القانون العام بلغة الجافا ( java code ) هذا الكود بلغة جافا (java) يقوم بعملية توليد القانون العام او القانون المشترك (Quadratic Formula in  java ) وانت كل ما عليك كمستخدم ان تقوم بادخال القيم التالية b و a و d  يقوم هذا البرنامج بعملية حساب الارقام التي قمت بإدخالها  في صورة (القانون العام)، ربما يتم طلب منك هذا القانون في انترفيو، مثلا لانه قانون سهل وفي نفس الوقت ربما يكون معقد لدى البعض وهذا الكود احيانا يتم طلبه كتاسك (task) في الجامعات من الطلاب وتذكر ان هذا الكود مكتوب بلغة الجافا. اذا كنت تريد تعلم لغة الجافا […]
- [كود بلغة الجافا لطباعة الاعداد الزوجيه والفرديه من 1 الى 100 - print even and odd number java code](https://geecoders.com/even-and-odd-java-html/): كود بلغة الجافا طباعة الاعداد الزوجيه والفرديه من الرقم 1 الى الرقم 100 (Print the odd  and even numbers from 1 to 100 in Java)  كثير من الاشخاص في وقتنا الحالي يريد  تعلم لغة البرمجة java ومنهم من يريد تعلم javascript وفي هذه المدونه احاول توفير لكم جميع الاكواد البرمجيه التي يحتاجها الطلبه والمطورين لذلك انصحك بتصفح باقي اقسام المدونه لتتعرف على اكواد الكثير والكثير من الاكواد بلغات مختلفة، وفي تدوينه اليوم اشرح لك  كيف تقوم بكتابة برنامج بلغة الجافا (Java language) يقوم بطباعة الاعداد الزوجيه والفرديه من الرقم 0 او 1 الى 100 او 1000 على حسب ما تريد […]
- [كود بلغة البايثون يحدد هل المثلث صالح ام لا ( python code ) - Triangle test Python](https://geecoders.com/python-code-triangle-html/): كود بلغة البايثون يحدد هل المثلث صالح ام لا مرحبا بكم متابعي موقع المبرمجون, في مقالة اليوم سوف نتعرف على كود بلغة البايثون يقوم المستخدم بإدخال ثلاث اضلع للمثلث والبرنامج يقوم بفحص الادخالات التي قام المستخدم بادخالها ويظهر لك نتيجه يخبرك هذا هذه الادخالات صحيحه وتصلح ان تكون للمثلث او ان هذه الادخالات وهميه وغير صحيحه, دعونا الان نتعرف على مثال لتتضح الصوره لدينا.تعد لغة بايثون واحده من اشهر واكثر اللغات التي عليها طلب في تعلم لغة البرمجة بايثون من البداية وحتى المستوى المتقدم وايضا فرص العمل في لغة بايثون كبيره جدا وذلك لانها تدخل في الذكاء الاصطناعي ai ونحن […]
- [كود بلغة c++ لحساب مجموع الاعداد الزوجيه المعطاه من المستخدم](https://geecoders.com/c-even-number_23-html/): كود بلغة c++ لحساب مجموع الاعداد الزوجيه المعطاه من المستخدم سؤال يتكرر في الجامعات بكثره وهو اكتب برنامج لغة c++ يقوم بجمع جميع الارقام الزوجيه التي تقل عن او تساوي n حيث ان n هي القيمه المعطاه من المستخدم – rite a C++ program that computes the sum of even number less than or equal to n where n is given ny the user, هذا0 السؤال يتكرر بكثر احيانا يطلب منك ان تقوم بجمع جميع الاعداد واحيانا الاعداد الزوجيه فقط واحيانا الفريده وهكذا فقط يمكنك فهم الكود وتستطيع بكل سهوله ان تقوم بالتعديل عليه, وهذا الكود ايضا قمت بعمله لهم […]
- [كود برنامج بلغة الجافا لحساب فاتورة الكهرباء | Java program code for electricity bill calculation](https://geecoders.com/java-program-code-for-electricity-bill-html/): اكتب برنامج بلغة الجافا لحساب فاتنورة الكهرباء متابعي جي كودر مرحبا بكم, في مقالة جديدة وكود جديد في لغة جافا (java code), في هذة المقالة نقدم بين ايديكم برنامج مكتوب بلغة جافا يقوم بحساب فاتورة الكهرباء بناء على المدخلات التي يدخلها المستخدم ويمكنك بكل بساطة التعديل على الكود عن طريق تعديل قيم الكهرباء, هذا البرنامج بسيط جدا وغير معقد حيث انة يتكون من عدد 7 اسطر فقط, وكما تعلم نحن في جي كودر نحاول ان نقدم بين ايديكم كل ما جديد في عالم الاكواد بلغات برمجة مختلفة مثل جافا,بايثون,سي بلس وغيرها من اللغات تعلم البرمجة من الصفر اذا لم تكن […]
- [كود برنامج بلغة البايثون python لعد احرف الكلمة | Count the word letters using Python](https://geecoders.com/python-count-word-letters-using-python-html/): اكتب برنامج بإستخدام لغة البايثون لمعرفة عدد الاحرف في الكلمة تعتبر لغة برمجة بايثون من اهم اللغات التي يجب على اي شخص مبتدئ في البرمجة او حتى محترف يختص بتطوير برمجة الاندرويد ان يتعلم لغة بايثون – python وهذا لعدة اسباب اولا انها لغة سهلة وليست صعبة يفضلها كثير من المبتدئين ولكن اذا كنت محترف فأنصحك بلغة جافا, اماا اذا كنت لا تفقة في البايثون شيئ فأنصحك بأن تقوم بقراءة مقالة كيف يمكنك تعلم لغة بايثون بكل سهولة – python tutorial, وقد سبق وان قمت بعمل شرح لهذة اللغة وكيف تكتب اول كود برمجي لك يمكنك الاطلاع عليها. تعد لغة […]
- [كود بلغة جافا يقوم بطرح مصفوفة من الاخرى - Subtract a matrix from some java code](https://geecoders.com/matrix-html/): كود بلغة جافا يقوم بطرح مصفوفة من الاخرى (طرح مصفوفتين من بعض بلغة الجافا) متابعينا الاعزاء مرحبا بكم في مقالة جديدة, وفي هذة المقالة نقدم لكم كود جديد بلغة جافا, حيث يقوم هذا الكود بعملية طرح مصفوفتين من بعض قبل كل شيئ هل تعرف ماهي المصفوفة ؟ المصفوفة هي : هي عبارة عن مجموعة مستطيلة من الأعداد أو الرموز أو حتى التعبيرات منتظمة بشكل أعمدة وصفوف, وهذا هو تعريف المصفوفة ان لم تكن تعرفها مع انها قد دمرت عليك خلال مرحلتك التعلمية وتحديدا فمادة الرياضيات ولانك لم تكن تحب هذة المادة ربما لم تأخذ بالك منها, مع ان مادة الرياضيات […]
- [كود برنامج جافا لطباعة كلمه تبدء بنهاية اخر حرف من الكلمه السابقة - Print a word that begins with the end of the previous word Java Code](https://geecoders.com/java-code19-html/): كود برنامج جافا (java code) لطباعة كلمه تبدء بنهاية اخر حرف من الكلمه متابعي الموقع الاعزاء مرحبا بكم في مقالة جديدة حول كود برمجة جافا, اليوم نقدم لكم كود مميز والكود هذا يمكنك صناعة به لعبة اذا كنت سواء اذا كنت مطور برامج سطح مكتب او مطور برمجة تطبيقات الاندرويد, فهذا الكود بسيط جدا وفكرتة ان نهاية كل كلمة بداية لكمة جديدة بمعنى اذا قام المستخدم بإدخال اسم معين ويشترط ان يكون الاسم باللغة الانجليزية سوف ينظر البرنامج الى اخر حرف في الكلمة ومن ثم سيخرج لك كلمة تبدء بنهاية اول حرف من الكلمة التي قام المسخدم بإدخالها, هذة كانت […]
- [كود برنامج يقوم بـ تحويل الاقدام الى امتار بلغة البايثون - feet to meters python code](https://geecoders.com/python-code-metter-html/): write python program to convert number in feet to meters كود بايثون جديد في مقالة اليوم وهو كود يقوم بتحويل الاقدام او الخطوات الى امتار الكود بسيط جدا فقط يحتوي على 3 اسطر , وهذا المميز في لغة البايثون python انها لغة بسيطة وسهلة وايضا تعد من اكثر لغات البرمجة طلبا في سوق العمل ويمكنك تعلم اللغة والقيام باعمال حرة على الانترنت ( فري لانسر ) وهي مواقع تكون من ثلاث اطراف وهم طالب الخدمة ومقدم الخدمة والوسيط , طالب الخدمة يكون شخص او شركة يقوم بطلب خدمة وتحديد سعر ومقدم الخدمة هو الشخص الذي يستطيع القيام بهذة الخدمة يقوم ببدء […]
- [كود برنامج بلغة c++ لمعرفة الاعداد الزوجيه و الفردية | odd or even number](https://geecoders.com/c-even-number-html/): اكتب برنامج بلغة سي بلس بلس لمعرفة الاعداد الزوجية هل تم طلب منك في الجماعه او الكورس ان تكتب له كود برمجي بلغة c++ او باللغه الانجليزيه – write  write  C++ Program to Check if a given Integer is Even or Odd, يقوم بحساب الارقام الزوجيه, ولكنك لا تعرف جيد بالبرمجه لذلك لا تقلق ففي موقعنا سوف تجد اغلب الاكواد التي يتم طلبها منكم فقط كل ما عليك هو البحث عن الكود الذي تريده باللغه التي تريدها وستجد بإذن الله الكود الذي تريده, واذا لم تجد الكود الذي تريده يمكنك كتابته لنا في التعليقات لتوفيره لكم في المره المقبله, في […]
- [كود جافا يقوم بمقارنة ثلاث ارقام وطباعة الاصغر ( code Java to print the lowest number )](https://geecoders.com/code-java-to-print-lowest-number-html/): كود برنامج بلغة جافا يقوم بطباعة الارقام من الاكبر الى الاصغر مرحبا بكم في درس java جديد حيث في هذا الدرس سوف نتعرف على كود جافا (code java) يقوم بطباعة الاعداد من الاصغر الى الاكبر, وتعد لغة جافا من اكثر لغات البرمجة المطلوبة في سوق العمل وذلك بسبب دخولها في تطوير عدد كبير من تطبيقات الاندرويد, وتعد الجافا لغة برمجة كائنات ومن لغات البرمجة الغير معقدة وايضا ليست سهلة ولكن يوجد في موقعنا دروس java تساعدك على تطويرك في لغة جافا وايضا نقدم لكم عدد كبير جدا من اكواد الجافا لفهم اللغة بشكل اكبر تذكر ان اكواد جافا سكربت تصميم […]
- [كود برنامج بلغة جافا (java code) لطباعة احرف الكلمة | print every letter of that word in java](https://geecoders.com/java-code-print-every-letter-html/): اكتب برنامج جافا باستخدام لغة جافا لطباعة احرف الكلمة اصبحت لغة الجافا من اهم اللغات البرمجيه المطلوبه بقوه في سوق العمل لانها تدخل في برمجة العديد من الاشياء كالبرامج والتطبيقات على الاندرويد وغيرها ولذلك يجب على كل شخص يحب البرمجه ان يبحث عن تعلم لغة البرمجة جافا اذا كان مبتدئ في المجال او البدايه بهذه اللغه يعتبر امر جيد لانك سوف تحبها وتستمع بها واريد ان اخبرك شيئا اذا كنت تحب الرياضيات فستعشق البرمجه لان البرمجه مثل الرياضيات تحتاج الى تفكير لتحل المشكله . وتصل الى الحل المطلوب فيمكنك تعلم برمجة الجافا من خلال اليوتيوب او كورس جافا سواء اونلاين مدفوع […]
- [كود برنامج بلغة بايثون (python) لطباعة الارقام بشكل هرمي - Numbers are hierarchically Python](https://geecoders.com/python-print-number-html/): write a Python program to print numbers hierarchically مرحبا بكم اعزائنا الزوار في مقالة جديد في لغة برمجة python, واليوم نقدم لكم برنامج يقوم بطباعة الارقام بشكل هرمي هذا الكود سهل وليس معقد فقط يحتوي على سطرين برمجة فقط, وهذا ما يميز لغة بايثون بأنها سهلة وغير معقده خلافا عن باقي لغات البرمجة,وايضا في وقتنا الحالي هي مطلوبة بقوة في الاسواق. عموما ما سوف نحتاجه في كتابة الكود انك تكون فاهم python for loop لانها هي محور الكود وهي الاداه التي سوف نستخدمها اليوم في كتابة الكود الخاص,قبل كل شيئ يجب عليك تحميل محرر لكتابة الكود بلغة بايثون عن طريق […]
- [كود برنامج بلغة جافا لطباعة احرف معينة من الكلمة - Print specific characters Java code](https://geecoders.com/char-java-html/): اكتب برنامج جافا يقوم بطباعة مجموعة من الاحرف المعينه من الكلمه باستخدام لغة جافا اليوم نقدم لكم كود بلغة جافا وهو عباره عن برنامج يقوم بطباعة احرف معينه من داخل الكلمه بمعنى كلمة MohammedM نريد فقط طباعة حرف m و M فقط دون طباعة باقي الحروف, فهذه هي وظيفة الكود البرمجي وهذا الكود كان مطلوب في احد المراكز لتعليم كورس جافا كامل, ونحن في GeeCoders نحاول توفير لكم كل ماهو مطلوب منكم في البرمجة سواء واجبات او اختبارات بمختلف لغات البرمجه لذلك اذا لم تجد الكود الذي تريده في موقعنا فيمكنك كتابته لنا في صندوق التعليقات لتوفيره لكم في اسرع […]
- [كود برنامج بلغة البايثون لمعرفة الاعداد الزوجيه والفرديه (even or odd number)](https://geecoders.com/even-odd-number-html/): write python program that reads an integer and checks whather it is even or odd عندما تريد تعلم لغة البرمجة بايثون سوف تحتاج كود معرفة الاعداد الزوجيه والفرديه لانه يتم طلبه بكثرة جدا سواء في كليات حاسبات ومعلومات او في الكورسات او اي مكان لتعلم البرمجه ستجد هذا الكود يطلب منك لذلك قمت بتوفيره بالبايثون والجافا والسي بلس سوف تجد كل كود في القسم الخاص به وسبب طلب هذا الكود هو تعرفك اكثر على if الشرطيه في لغات البرمجه وهي تعني الاختبار وبعد فهمك للهذا الكود سوف تكون قد فهمت آليه عمل الاختبار في البرمجه وقبل شرح الكود البرمجي دعونا […]
- [كود برنامج بلغة جافا لطباعة اول واخر حرف من الكلمة - The beginning and end of the word is Java code](https://geecoders.com/start-end-java-html/): اكتب برنامج بواسطة برمجة جافا يقوم بمعرفة اول واخر حرف من الكلمات . اصبحت لغة الجافا من اهم اللغات البرمجيه المطلوبه بقوه في سوق العمل لانها تدخل في برمجة العديد من الاشياء كالبرامج والتطبيقات على الاندرويد وغيرها ولذلك يجب على كل شخص يحب البرمجه ان يبحث عن تعلم لغة البرمجة جافا اذا كان مبتدئ في المجال او البدايه بهذه اللغه يعتبر امر جيد لانك سوف تحبها وتستمع بها واريد ان اخبرك شيئا اذا كنت تحب الرياضيات فستعشق البرمجه لان البرمجه مثل الرياضيات تحتاج الى تفكير لتحل المشكله وتصل الى الحل المطلوب فيمكنك تعلم برمجة الجافا من خلال اليوتيوب او كورس […]
- [اكتب برنامج بلغة c++ لحساب مجموع الاقل التي تقل عن او تساوي n](https://geecoders.com/c-plus-n-html/): كود برنامج بلغة c++ لحساب مجموع الاقل التي تقل عن او تساوي n زوارنا الاعزاء مرحبا بكم, هل تبحث عن كود يقوم بجمع جميع الاعداد التي تقل عن او تساوي القيمه المدخله من المستخدم بلغة c++ – write a program c++ that uses a for statement to find the smallest of several integers, فالحل هو في هذه المقاله فهذا الكود سبق وان قمت بوضعه لكم بلغة الجافا ولكن وجدت ان هذا الكود ايضا يتم طلبه في بعض الجامعات بلغة c++ ولذلك قمت بكتابته وتنزيله لكم بشكل مجاني, وايضا في اسفل الكود سوف تجد شرح للكود لذلك حاول ان تكمل التدوينه […]
- [كود بلغة الجافا لطباعة الاعداد الفردية من العدد 0 الى 100 | Print the odd numbers in Java](https://geecoders.com/odd-number-java-html/): قم بكتابة برنامج بواسطة برمجة جافا لطباعة الاعداد الفردية تعد لغة جافا –  java من اكثر اللغات شيوعا وانتشارا في وقتنا الحالي والسبب يرجع في انها تدخل في تطوير البرامج والتطبيقات وبرمجة تطبيقات الاندرويد، لذلك يجب عليك تعلم الجافا ( java tutorial ) والمحتوى العربي غني بالمعلومات الجيده والحديثه .فيمكنك فقط التوجة الى جوجل او حتى يوتيوب ثم البحث عن تعلم لغة البرمجة جافا او البحث عن كورس جافا جيد باللغه العربيه  ونحن في جي كودرس نقدم لكم كورس جافا للمبتدئين باللغة العربية، اماا اذا كنت متقن للغه الانجليزي فهذا يستحسن وايضا يفضل البحث عن الكورسات بالانجليزي وذلك لانةا تكون […]
- [كود جافا لحساب مجموع الارقام الزوجيه المحصوره بين رقمين - The sum of the numbers confined to Java code](https://geecoders.com/java-code-html/): اكتب برنامج باستخدلغة البرمجة جافا لحساب مجموع الارقام الزوجيه المحصوره بين رقمين زوارنا الاعزاء مرحبا بكم في من جديد, في مقالة اليوم هل تم طلب منك في الجامعه كود حساب الاعداد المحصوره بين القيمه a و b او بين عديين بلغة الجافا – write a java program that computes the sum of even numbers that are in the range [a,b] where a and b are given by the user, فلا تقلق ففي موقعنا نقدم لكم الكثير من الاكواد البرمجيه بلغات مختلفه لتسهيل عليكم امر الواجبات التي يتم طلبها منكم لذلك اذا تم طلب منك شيت عن كود معين فاكتبه لنا […]
- [برنامج بلغة سي بلس بلس يقوم بحساب الاعداد الاولية | Print the prime numbers c++](https://geecoders.com/print-prime-numbers-c-html/): كود برنامج لايجاد الاعداد الاولية بلغة C++ زوار موقع GeeCoders تحيه طيبه لكم وبعد . هل تبحث عن كود يقوم بعمل تشيك على الارقام ومعرفة الارقام الاوليه والارقام الغير اوليه بلغة c++ فانت في المكان الصحيح في مقالة اليوم سوف اضع لكم الكود وهذا الكود يتم طلبه خاصة في الجامعات او الكورسات بكثره سواء بالسي بلس او بلغة الجافا والعديد ايضا من الاكواد التي يتم طلبها منكم سوف تجدونها في الموقع سواء بالجافا او السي بلس او حتى البايثون والموقع قابل للتطوير وزيادة اقسام اللغات البرمجيه الموجوده في الموقع وتغذيه كل قسم من الاقسام فاقل شيئ يمكنك ان تقدمه لنا […]
- [برنامج بلغة البايثون لرمي النرد بشكل عشوائي |  Rolling the dice randomly python code](https://geecoders.com/dice-python-html/): برنامج بلغة البايثون لرمي النرد بشكل عشوائي متابعي جي كودرس – GeeCoders مرحبا بكم في مقالة جديدة حول اكواد بايثون, وفي هذة المقالة سوف نتعرف على كود برنامج رمي الزهر (النرد) بلغة بايثون python,حيث تعتبر لغة بايثون من اكثر اللغات انتشارا في وقتا الحالي وذلك لسهولتها وكثير من الطلاب في الجامعات يدرسون البرمجة بالبايثون ونحن عملنا في جي كودرس توفير جميع الاكواد التي تطلب منكم في الجامعات والكورسات بشكل مجاني وهذا من باب مساعدة الطلاب على ايجاد حل ولكن لا اريد منكم ان تنقلو الكود وترحلوا اتمنى ان تفهمو فكرة الكود بحيث يمكنكم صناعة برامج والعاب مستقبلية وجميع الاكواد التي […]
- [كود برنامج بلغة الجافا طباعة ايام الاسبوع بإستخدام switch case](https://geecoders.com/switch-case-html/): قم بطباعة جدول ايام الاسبوع بواسطة لغة البرمجة جافا هذا الكود المكتوب بلغة جافا (java) فكرته بسيطه جدا وغير معقدة فكل ما عليك هو ان تقوم بادخل رقم اليوم ولكن الرقم 1 فسيظهر لك البرنامج يوم الجمعه وهكذا، يمكنك بهذا الكود البسيط عمل تقويم (calendar) على سبيل المثال ويمكنك التعديل على هذا الكود بسهولة سواء كنت مبتدئ او محترف في برمجة الجافا، فمثلا يمكنك عمله على اسماء السنوات اوحتى يمكنك عمله على درجات الطالب وغيره من الافكار وهذا الكود تم عمله بإستخدام قاعدة السويتش (switch case) وهذا مثال بسيط على هذه القاعده البسيطة فبإمكانك فهم القاعده بشكل اكبر من خلال […]
- [برنامج بلغة c++ لحساب مساحة اقل مسافة (اكواد سي بلس بلس)](https://geecoders.com/lowest-distance-html/): اكتب برنامج بلغة السي بلس بلس لحسابة اقل مسافة بين الارقام عزيزي، في هذه التدوينة سأعرفك على كيفية كتابة برنامج بلغة c++ يمكنك من حساب اقل مساحين بين الارقام طبعا سوف نجعل الارقام التي نريدها في داخل array ومن ثم سوف نضغ لوب يمر على الارقام ويحسب الفرق ويخبرك باقل مسافه بين الارقام وهذه هي فكرة الكود بكل بساطه وسهوله اماا الان فدعونا نتعرف على شرح الكود في البدايه سوف تحتاج الى تحميل اي برنامج للكتابه بلغة c++ ويمكنك استخدام برنامج microsoft visual c++ 2019 وهو اشهر البرامج للكتابه بلغات الــ C استخدام اي اصدار ترده. ما تحتاجة لكتابة الكود […]
- [كود لعمل جدول تقويم بلغة البايثون | Python calendar program](https://geecoders.com/python-programming-calendar-html/): برنامج تقويم بلغة بايثون متابعي جي كودرس مرحبا بكم في مقالة اليوم سوف نتعرف على كود برمجة بايثون python programming يقوم بحساب التقويم calendar, الكود يقوم بطباعة التاريخ (التقويم) بشكل منظم وقد يتم طلب منك في الجامعة هذا الكود سواء بلغة البايثون او جافا او غيرها من اللغات لان هذا الكود مهم جدا وفي نفس الوقت بسيط وسهل, نحن في جي كودرس نحاول دائما توفير لكم جميع الاكواد التي تطلب منكم في الجامعة او مراكز التدريب وبلغات مختلفة لذلك لا تنسوا دعم موقعنا عن طريق نشرة واخبار اصدقائكم بة لكي يستفيد الجميع ويحفزنا على الاستمرارية في النشر.لغة بايثون تعد حاليا […]
- [افضل موقع لكتابة اكواد بايثون اونلاين python online - بايثون اون لاين | The best website for writing Python codes](https://geecoders.com/python-online-html/): افضل محرر لكتابة برنامج بايثون باستخدام لغة بايثون تعد لغة برمجة بايثون من اهم لغات البرمجة في عصرنا هذا, وهي لغة رفيعة عالية المستوى وايضا تتميز بسهولة الكتابة والقراءة وهذا ما يميزها عن غيرها من لغات البرمجة, ويعد هذا السبب من اهم الاسباب التي حببت الناس في البدء في تعلمها وحاليا اغلب من يفكر في البدء في تعلم لغة البرمجة بايثون من البداية وحتى المستوى المتقدم لغات البرمجة يبدء ببرمجة بايثون لسهولتها. ويوجد مقالة لنا سابقه وهي كيف تكتب اول كود بلغة بايثون python tutorial. وهذه المقاله سوف تفيدك جدا جدا خاصة اذا نت مبتدء في تعلم لغة البرمجة بايثون . كيف […]
- [مجموعة من افضل البرامج والمواقع للكتابة بلغة السي بلس بلس || ++The best programs and sites for writing in c](https://geecoders.com/best-programs-and-sites-for-writing-in-c-html/): مجموعة من افضل البرامج والمواقع للكتابة بلغة c++ متابعي موقع ومدونة جي كودرس مرحبا بكم في مقالة جديدة وفي هذة المقالة سوف نتحدث عن افضل محررات او برامج للكتابة بلغة السي بلس بلس – c plus plus, سوء كانت المحررات اونلاين او اوفلاين سوف احاول ان اوفر لكم مجموعة من افضل المحررات اللكتابة, حيث تعد لغة السي بلس بلس من اكثر اللغات التي يتم البحث عنها وايضا هي لغة مهمة جدا وتدرس في عديد من الجامعات حيث يمكنك عمل بواسطها العاب,برامج,تطبيقات اندرويد فهذة اللغة كبيرة جدا  وليست سهلة وفي نفس الوقت ليست صعبة ويوجد مقالة في موقعنا عن تعلم لغة […]
- [افضل البرامج والمواقع لكتابة اكواد برمجة جافا || The best programs and sites for writing java codes](https://geecoders.com/best-programs-and-sites-for-writing-html/): افضل البرامج والمواقع لكتابة اكواد الجافا مرحبا بكل اعضاء و زوار موقع ومدونة جي كودرس geecoders حيث في رابع مقالة لنا في الموقع قبل الدخول في الاكواد البرمجية لكم, ان نوفر لكم محرر لكتابة تلك الاكواد, حيث في مقالة اليوم سوف نتعرف على افضل محرر لكتابة اكواد الجافا سواء كان هذا المحرر اوفلاين او اونلاين java compiler, اول مقالة لنا في قسم جافا كانت عن كيف تكتب اول كود بلغة الجافا في حياتك بكل سهولة حيث في تلك المقالة ذكرت لكم اغلب الاساسيات التي تحتاجها لتكتب اول كود برمجي لك وبكل سهولة, وماهي انواع البيانات التي يمكن استخدامها في هذة اللغة […]
- [تعلم لغة البرمجة بايثون من البداية وحتى المستوى المتقدم وكيف تكتب اول كود برمجة بلغة بايثون في حياتك | python tutorial | بايثون بالعربي](https://geecoders.com/python-tutorial-html/): تعلم كيف تكتب اول كود بلغة البايثون في حياتك زوارنا الاعزاء مرحبا بكم في اولى المقالات في برمجة البايثون, اليوم سوف نتعلم كيف نكتب اول كود بايثون في حياتنا قد سبق وان شرحنا في مقالات سابقة كيف تكتب اول كود جافا في حياتك وايضا مقالة اخرى حول كيفية كتابة اول كود c++ في حياتك واليوم سوف نقدم بين ايديكم شرح في لغة بايثون للمبتدئين اذا كنت محترف فهذه المقالة ليست موجه لك, وايضا ما يميزنا اننا نحاول تقديم المعلومه لك بأبسط صوره وايضا يتوفر موقعنا على العديد والعديد من الاكواد البرمجية في مختلف لغات البرمجة قبل ان نبدء في الشرح […]
- [اسهل طريقة لتعلم كتابة اول برنامج لك في لغة c++ بكل سهوله | c++ Tutorial | سي بلس بلس بالعربي](https://geecoders.com/c-c-tutorial-html/): شرح لغة السي بلس بلس بالعربي كيف تكتب اول كود سي بلس بلس (++C) في حياتك ؟ كثير منا يريد البدء في عالم البرمجه لما يسمعه من ارباح المبرمجين والبرامج التي تصنع للشركات ولكن عن البدء في التعلم وفي تدوينه اليوم سوف اشرح لك تعلم لغة البرمجة c++ من الصفر حتى الاحتراف طبعا سوف اقدم لك الاسياسيات التي ستحتاجها وكيف تبني اول برنامج لك ويشتغل. كما نعلم ان لغة الـ c++ مهمه جدا لاي مبرمج و إذا كنت مبتدئاً في البرمجة, يجب أن تدرس الخوارزميات او ما يعرف بـ algorithms قبل أن تبدأ بدراسة لغة C++ او اي لغة برمجه […]
- [كيف تكتب اول برنامج لك في لغة الجافا بكل سهوله | java tutorial | تعلم لغة الجافا بالعربي](https://geecoders.com/java-tutorial-html/): ماذا استفيد من تعلم البرمجه ؟ يمكنك الاستفاده منها كمصدر رزق لك مثلا يوجد صيدليه تريد ان تفتح اكثر من فرع لها وتوريد شخص يقوم بتصميم برنامج يحسب قيمة العلاج وربط افرع هذه الصيدليه لمعرفة الدواء الذي يطلبه العميل هل هو موجود في هذه الصيدليه ام ففرع اخر وتريد شخص بعمل هذا البرنامج الان يأتي دورك كمبرمج كيف تتعلم الجافا (java tutorial) اصبحت لغة java وهي لغة برمجه عالية المستوى وقام بابتكارها جيمس غوسلينغ من شركة شركة صن ميكروسيستمز اثناء تطويره للغة ++C وهي لغة غرضية التوجه وتعتبر لغة الجافا من اهم اللغات المطلوبه جدا جدا في سوق العمل ولذلك […]
- [شرح استخدام and و or و not في  برنامج اوركال داتا بيز ولغة SQL](https://geecoders.com/and-or-not-sql-html/):  شرح استخدام and و or و not في اوركال داتا بيز SQL السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية استخدام and و not و or داخل لغة sql حيث and في لغات البرمجة العادية تعني && و or = || , و not = ! ولكن في sql الامر ابسط بكثير وسوف نشاهد التطبيق العملي للاكواد مبدئيا يجب عليك القيام ب إنشاء create قاعدة بيانات database تحتوي بداخلها على جداول  عن طريق برنامج orecal mysql وهو يعد واحد من اقوى البرامج التي تستخدم في انشاء قواعد البيانات ويجب ان تحتوي […]
- [شرح كيفية القيام بإختبار (WHERE) داخل لغة Sql](https://geecoders.com/where-where-html-2/):  شرح كيفية القيام بإختبار if داخل لغة Sql السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية التعامل مع العمليات الشرطية داخل sql حيث في لغات البرمجة تكون العلامة الشرطية المتعارف عليها هي if لكن في لغة sql تكون where وسوف نشرحها لكم بالتفصيل في هذا المقال في البداية قم بعملية إنشاء create قاعدة بيانات database حيث تحتوي هذة القاعدة على مجموعة من الجداول  عن طريق برنامج orecal mysql حيث يعد واحد من اقوى البرامج المستخدمة في انشاء وتصميم قواعد البيانات ويجب ان تحتوي كل الجداول في القاعدة على بيانات باستخدام سيرفر […]
- [طباعة رواتب الموظفين من الاقل الى الاعلى والعكس في Sql](https://geecoders.com/salary-sql-html/):  طباعة رواتب الموظفين من الاقل الى الاعلى والعكس في Sql السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية طباعة رواتب الموظفين من الاعلى الى الاثل او من الاقل الى الاعلى داخل قواعد البيانات sql بكل سهولة كل ما عليك عزيزي القارئ هو متابعة المقالة الى النهاية  اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى البرامج المستخدمة في انشاء قواعد البيانات ويجب ان تحتوي كل الجداول على بيانات باستخدام سيرفر خادم server او بدون يمكنك مشاهدة اول مقالة في Sql […]
- [طباعة جميع البيانات التي تعمل في مجال معين في لغة SQL](https://geecoders.com/print-html/):  طباعة جميع البيانات التي تعمل في مجال معين في لغة SQL السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية التي تعمل في تخصص او مجال معين او بمعنى اصح طباعة جميع المعلومات في فئة محدده من قبل المستخدم وهذا هو محور مقالة اليوم لذا تابع المقالة لكي تستفاد اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى البرامج المستخدمة في انشاء قواعد البيانات ويجب ان تحتوي كل الجداول على بيانات باستخدام سيرفر خادم server او بدون يمكنك مشاهدة اول مقالة […]
- [طباعة الكلمات التي تبدأ او تنتهي بحرف معين في لغة SQL](https://geecoders.com/sql_4-html/):  طباعة الكلمات التي تبدأ او تنتهي بحرف معين في لغة SQL السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية طباعة الاسماء الموجودة في الجدول التي تبدء بحرف معين او تنتهي بحرف معين انت من تحدده داخل لغة sql اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى البرامج المستخدمة في انشاء قواعد البيانات ويجب ان تحتوي كل الجداول على بيانات باستخدام سيرفر خادم server او بدون يمكنك مشاهدة اول مقالة في Sql حيث تم شرح فيها كيف يمكنك بناء جدول […]
- [<div>طباعة المحتويات الفارغة من الجدول في لغة اس كيو ال - how to Print ' null ' in SQL</div>](https://geecoders.com/sql-html-3/):   طباعة المحتويات الفارغة من الجدول Nullالسلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية طباعة المحتويات الفارغة في الجدول للتأكد من سلامتة فكثير من الاحيان عندما تعمل على sql قد تنسى ان تملئ جدول من الجداول لذلك ومع كثرة البيانات قد يصعب الرجوع اليه لذلك يوجد كود يقدم لك المحتويات الفارغه من الجدول لتذهب وتقوم بملأها وهذا هو محور مقالتنا اليوم , اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى البرامج المستخدمة في انشاء قواعد البيانات ويجب ان تحتوي [&hellip;]
- [اضافة زر لاظهار الايموجي في نافذة منبثقة مثل التفاعل مع ردود الفيسبوك ( interaction Emoji )](https://geecoders.com/android-html/):  اضافة زر لاظهار الايموجي في نافذة منبثقة مثل التفاعل مع ردود الفيسبوك بسم الله الرحمن الرحيم متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio في هذا المقال اشرح لكم فكرة جديدة وهي طريقة اظهار مربع يحتوي على مجموعة من المحتويات بداخله مثل ايموجي وفيسات وغيرها كالذي في موقع وتطبيق فيسبوك وغيرها من التطبيقات فعندما تنقدر على رمز اعجبني يظهر لك مجموعة من الاشكال لاختيار التفاعل المناسب وهذا ما سيتم شرحه في هذة المقالة , يتم استخدام هذا البرنامج اندريد ستوديو لتطوير ( development ) و القيام بعملية برمجة تطبيقات الاندرويد حيث يعمل برنامج اندرويد ستوديو في [&hellip;]
- [كود SQL لحذف العناصر المكررة في الجدول ( عدم التكرار في اوركال )](https://geecoders.com/sql_2-html/):  كود Sql يقوم بحذف العناصر الموجوده اكثر من مرة الموجوده في الجدول السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية حذف المكرر بمعنى لديك جدول يحتوي على مجموعة من الاسماء والتخصصات مثل المطور والبائع والمهندس وغيرها وتريد ان تعرف ما هي التخصصات الموجوده في الجدول فيمكنك تحديد عمود التخصصات ووضع الكود الذي سوف نشاهدة بعد قليل ليقوم بعمل فلترة للتخصصات وطباعة من كل تخصص نوع واحد فقط . اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى البرامج المستخدمة في [&hellip;]
- [كود SQL لطباعة اكثر من عنصر في نفس العمود والصف](https://geecoders.com/sql-html-2/):  كود SQL لطباعة اكثر من عنصر في نفس العمود السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية طباعة اكثر من بيانات عمود في نفس الصف في لغة sql  اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى البرامج المستخدمة في انشاء قواعد البيانات ويجب ان تحتوي كل الجداول على بيانات باستخدام سيرفر خادم server او بدون يمكنك مشاهدة اول مقالة في Sql حيث تم شرح فيها كيف يمكنك بناء جدول داخل البرنامج ،  ويوجد برامج اخرى لإنشاء مثل microsoft طريقة [&hellip;]
- [طريقة جمع عدد على العناصر الموجودة في الجدول في SQL ( إجراء العمليات الحسابية )](https://geecoders.com/sql-qa-html/):  كيفية اجراء العمليات الحسابية في لغة sql على العناصر السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية اجراء عمليات حسابيه على عنصر من العناصر الموجودة داخل sql ولكن يجب ان يكون هذا العنصر من نوع number او int لكي يقبل العملية الحسابه لانك لن تاتي مثلا على اسم وتقول له قم بزيادة 300 على هذا الاسم فيجب ان يكون رقم ليتم العملية الحسابيه اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى البرامج المستخدمة في انشاء قواعد البيانات ويجب ان [&hellip;]
- [شرح كيفية تغيير اسم الصف عند طباعة الجدول في SQL](https://geecoders.com/sql_30-html/):  شرح تغيير اسم الصف عند طباعة الجدول في SQL السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية تغيير اسم العمود اثناء عملية الطباعة مثل اذا كان لديك جدول يحتوي على مجموعة اعمدة مثل الرواتب والاسماء والتخصص وغيرها وتريد طباعة جدول منهم ولكن بإسم مختلف وهذا ما سوف نشرحة اليوم اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى البرامج المستخدمة في انشاء قواعد البيانات ويجب ان تحتوي كل الجداول على بيانات باستخدام سيرفر خادم server او بدون يمكنك مشاهدة اول [&hellip;]
- [كيفية طباعة جميع العناصر الموجودة في الجدول او بعضها داخل لغة sql](https://geecoders.com/sql-html/): كيفية طباعة جميع العناصر الموجودة في الجدول او بعضها داخل لغة sql  السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية طباعة كل المحتويات الموجوده في الجدول او محتويات معينة بداخلة انت من تقوم بتحديدها وهذا ما سوف نتعلمة اليوم في هذة المقالة اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى البرامج المستخدمة في انشاء قواعد البيانات ويجب ان تحتوي كل الجداول على بيانات باستخدام سيرفر خادم server او بدون يمكنك مشاهدة اول مقالة في Sql حيث تم شرح فيها [&hellip;]
- [شرح كيفية تكبير وتصغير وتغيير نوع الخطوط داخل oracle database](https://geecoders.com/change-font-s-html/):  شرح كيفية تكبير وتصغير الخطوط داخل برنامج oracle database السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية تكبير وتصغير الخطوط وتغيير واجهة البرنامج داخل برنامج oracle database حيث كنت اعاني من مشكلة في بداية استخدامي للبرنامج لان ابعاد الشاشه لدي كبيرة فالبتالي تكون حجم الخطوط صغيره جدا وقد لا اراها جيدا وبعد بحث وجدت طريقة لتكبير الخطوط واحببت ان اشاركها معكم لانه من الممكن ان يكون شخص لديه نفس مشكلتي ان تقابله اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى [&hellip;]
- [شرح كيفية انشاء الجداول وانشاء اعمدة وصفوف وبيانات بداخلها ببرنامج Oracle SQL](https://geecoders.com/table-sql-orac-html/):  شرح كيفية انشاء الجداول وانشاء اعمدة وصفوف وبيانات بداخلها ببرنامج Oracle SQL السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية انشاء جدول مكون من مجموعة صفوف واعمدة داخل oracle sql بكلل سهولة وبالصور اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى البرامج المستخدمة في انشاء قواعد البيانات ويجب ان تحتوي كل الجداول على بيانات باستخدام سيرفر خادم server او بدون يمكنك مشاهدة اول مقالة في Sql حيث تم شرح فيها كيف يمكنك بناء جدول داخل البرنامج ،  ويوجد برامج [&hellip;]
- [شرح كيفية تحميل وتثبيت oracle database بدون مشاكل بالصور](https://geecoders.com/oracle-html/):   شرح كيفية تحميل وتثبيت oracle database بدون مشاكلالسلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية تحميل وتثبيت برنامج اوركال داتا بيز وتنصيبة بدون مشاكل بإذن الله اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي على جداول  عن طريق برنامج orecal mysql وهو واحد من اقوى البرامج المستخدمة في انشاء قواعد البيانات ويجب ان تحتوي كل الجداول على بيانات باستخدام سيرفر خادم server او بدون يمكنك مشاهدة اول مقالة في Sql حيث تم شرح فيها كيف يمكنك بناء جدول داخل البرنامج ،  ويوجد برامج اخرى لإنشاء مثل microsoft طريقة الكتابة [&hellip;]
- [حل مشاكل المحاكي AVD داخل الاندرويد ستوديو](https://geecoders.com/avd-html/):  حل مشاكل المحاكي AVD داخل الاندرويد ستوديو بسم الله الرحمن الرحيم متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , كثير من المطورين يريدون تجربة التطبيق واكتشاف المشاكل التي سوف تتواجد داخلة  قبل تثبيته على الهاتف لذلك يلجأ الى تثبيت AVD وهو المحاكي الافتراضي الذي يقمة الاندرويد ستوديو لنا بشكل مجاني لتجربة التطبيق لذلك سوف نقدم كل حل المشكلة او اغلب المشاكل التي سوف تواجهك بعد تثبيت المحاكي , حيث يتم استخدام هذا البرنامج لتطوير ( development ) وبرمجة تطبيقات Android ، حيث يعمل Android Studio في بيئة xml للتصميم ، ويمكن تطوير تطبيقك بلغة Java [&hellip;]
- [شرح تغيير ثيم الاندرويد ستوديو وتحسين الالوان البرمجية - Customize Android Studio Theme](https://geecoders.com/customize-android-studio-theme-html/):   كيفية تغيير ستايل الاندرويد ستوديو وتغيير الوان الكودبسم الله الرحمن الرحيم متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio في هذا المقال سوف نتعرف على طريقة تغيير شكل الاندرويد ستوديو وتحسين مظهرة والانتقال من الشكل التقليدي الى مجموعة كبيرة من الاشكال الجميلة والمريحة للعين حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى [&hellip;]
- [شرح كيفية استخدام Data Binding داخل Recyclerview](https://geecoders.com/recyclerview-with-data%20binding-html/):  شرح كيفية استخدام DataBinding داخل Recyclerview بسم الله الرحمن الرحيم متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في الدروس السابقة تحدثنا عن Data Binding وماهي اهميتها وكيف تستعمل وفي نهاية المقالة ذكرنا لكم اننا سنقدم مقالة حول استخدمها داخل Recyclerview وهي في هذة المقالة ان شاء الله تعالى 💖 ولكن اذا لم تكن لا تعرف ماهي Recyclerview انصحك بقراءة هذة المقالة واذا لم تكن تعرف ما هي Data Binding انصحك بقراءة هذة المقالة , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة [&hellip;]
- [شرح كيفية تكبير وتصغير الكود داخل الاندرويد ستوديو](https://geecoders.com/size-html/):   طريقة تكبير وتصغير الكود داخل الاندرويد ستوديوبسم الله الرحمن الرحيم متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في هذا المقال اقدم لكم كيفية تكبير وتصغير الخط داخل الاندرويد ستوديو عن طريقة بكرة الماوس يعاني كثير من المطورين ضعف ف النظر بسبب كثرة الجلوس امام الجهاز الكمبيوتر لفترات طويلة ومع الوقت يصبح لدية مشكلة في القراءة على الحاسب خصوصا إذا كانت الكلمات صغيره ولكن انصحك دائما بتشغيل الوضع الليلي اثناء استخدام جهازك , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص [&hellip;]
- [حل مشكلة مساحة الاندرويد ستوديو ونقل ملف SDK بدون مشاكل](https://geecoders.com/android-sdk-html/):  حل مشكلة مساحة الاندرويد ستوديو ونقل ملف SDK بدون مشاكل بسم الله الرحمن الرحيم متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , كثير من المطورين يعانون من مشكلة مساحة الاندرويد ستوديو على القرص الصلب c وانا واحد منهم وبعد بحث اكتشفت ان السبب في ذلك هو برنامج الاندرويد ستوديو رغم اني قمت بتثبيت البرنامج على قرص اخر ولكن اكتشفت انه يوجد ملف يدعى SDK ويعد اكبر ملف في الاندرويد وفي هذة المقالة اشارك معكم الحل الذي قمت به لتوفير مساحة في القرص c ونقل مجلد sdk بدون مشاكل , حيث يتم استخدام هذا البرنامج لتطوير [&hellip;]
- [تعريف وشرح Data Binding وما اهميتها في تطوير تطبيقات الاندرويد ستوديو](https://geecoders.com/databinding-html/):  ماهي Data bindingمكتبة Data Binding Library هي مكتبة دعم تتيح لك استخدام تنسيق تعريفي بدلاً من برمجيًا لتوصيل مكونات واجهة المستخدم في تخطيطاتك بمصادر البيانات في تطبيقك. حيث يتم تحديد التخطيطات أيضًا في عمليات التعليمات البرمجية التي تستدعي طرق نظام واجهة المستخدم. على سبيل المثال ، يستدعي الرمز أدناه findViewById () للعثور على عنصر واجهة مستخدم TextView وتوصيله بخاصية userName لمتغير  viewModelبمعنى اخر اذا قمت بعمل id لعنصر معين في xml وتريد تعريفة داخل ملف java تقوم بكتابة نوع العنصر وليكن TextView text; ومن ثم تستدعي العنصر بالاسفل عن طريق text=findviewbyid(r.id.my_text) وتفعل هذة مع جميع المتغيرات وفي الغالب تأخذ هذة [&hellip;]
- [كيفية تغيير شكل رسالة toast الى اشكال احترافية داخل الاندرويد ستوديو](https://geecoders.com/toast-html/):  كيفية تغيير شكل رسالة toast الى اشكال احترافية داخل الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio في هذا الشرح نقدم لكم مكتبة اندرويد تقوم بتغير شكل الرسالة Toast الى اشكال جميلة قد سبق وان قدمنا لكم اشكال اخرى غير التي في مقالة اليوم ويمكنك ايجادها في قسم مكاتب اندرويد ستوديو الهدف من تغير شكل الرسالة هو شكل جمالي لتطبيقك حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي [&hellip;]
- [كيفية عمل تكبير - zoom على الصور داخل الاندرويد ستوديو](https://geecoders.com/zoom-html/):  كيفية عمل تكبير على الصور داخل الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio وفي درس اليوم سوف نتعرف كيف يمكنك تكبير الصورة داخل التطبيق الخاص بك كما في صورة المقالة بالاعلى بكل سهولة وهي عن طريق مكتبة تسهل علينا الامر كل ما عليك هو متابعة الشرح الى النهاية لتتعرف على الطريقة حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير [&hellip;]
- [منع لقطة الشاشة وتسجيل الفيديو من تطبيقك في الاندرويد ستوديو](https://geecoders.com/sc-html/):  منع لقطة الشاشة وتسجيل الفيديو من تطبيقك في الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في هذا المقال نقدم لكم كود مهم جدا ويحتاج الية كثير من المطورين في تطبيقاتهم وهو منع اخذ لقطة شاشة او منع تسجيل الفيديو داخل التطبيق الخاص بك وغالبا من يبحث عن هذة الاضافة تطبيقات التعلم فبعض المدرسين في ظل الازمة الحالية اصبح يسجل الدروس والحلقات من المنزل ويريد الاشخاص شراء محاضراته او دروسه لذلك يشرط على المبرمج منع اخذ لقطة شاشة , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو [&hellip;]
- [شرح تغيير النص الى رقم في الاندرويد ستوديو | String to integer android java](https://geecoders.com/string-to-nu-html/):  شرح تغيير النص الى رقم في الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio حيث يتم استخدام هذا البرنامج لتطوير , في بداية تعليمي للاندرويد كنت اعاني من مشكلة وهي كيف ادخل للبرنامج رقم او بمعنى اصح كيف اجعل المستخدم يدخل رقم واضع عليه عملية حسابية وبحثت كثيرا وكثيرا على طريقة الى ان توصلت الى طريقة تحويل النص الى عدد واحببت ان اشارككم بها في هذا المقال وارجوا منكم ان تشاركوا المقالة بين اصدقائكم لكي تعم الفائدة وايضا هذا يعد اكبر داعم لنا على الاستمرارية في كتابة المقالات , (development) وبرمجة تطبيقات الاندرويد حيث [&hellip;]
- [برنامج جافا للحصول على امتداد الملف - Java code](https://geecoders.com/java-html/):  اكتب برنامج بلغة الجافا للحصول على امتداد الملف متابعينا الاوفياء مرحبا بكم في مقالة جديدة وفي هذة المقالة سوف نتعرف على كود جديد بلغة الجافا حيث يقوم هذا الكود بمعرفة امتداد الملف, في هذة المقالة سوف نتعرف على كودين الاول وهو كود الحصول على امتداد الملف والثاني هو الحصول على جميع الملفات المتواجدة في داخل الملف الواحد, وتعد لغة الجافا من اكثر لغات البرمجة انتشارا بين الناس واكثرها استعمالا في تطوير برامج والعاب الكمبيوتر وايضا يوجد كثير من تطبيقات الاندرويد تمت كتابتها بلغة الجافا ولكن اذا كنت تنوي البدء في تصميم وتطوير تطبيقات اندرويد فأنصحك بلغة كوتلن حيث ان الشركة [&hellip;]
- [شرح كيفية تغير ايقونة التطبيق في الاندرويد ستوديو](https://geecoders.com/blog-post_26-html-5/):  شرح كيفية تغير ايقونة التطبيق في الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في هذا المقال الشرح لكم كيفية تغيير شكل ايقونة التطبيق الخاص بك في الاندرويد ستوديو  وتستطيع ايضا تصميم شعار تطبيقك بكل سهولة على الفوتوشوب او الاليستريتور او اي برنامج اخر للتصميم وبعدها ارفاقة داخل تطبيقك ليصبح الشعار الرسمي لتطبيقك , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد [&hellip;]
- [طريقة عمل تاثير حركي داخل cardview و recyclerview](https://geecoders.com/kinetic%20effect-html/):   طريقة عمل تاثير حركي داخل cardview و recyclerviewفي هذا المقال سوف نتعرف على طريقة اضافة تاثير حركي سواء للكارد فيو او للريسيكلار فيو وهذا التأثير جميل جدا ويمكنك التعديل عليه , ويعتبر برنامج الاندرويد واحد من اكثر البرامج المطلوبة في سوق العمل وذلك لتطويرة تطبيقات الهواتف ويمكن استخدام لغة الجافا او الكوتلن لتطوير تطبيقات الاندرويد واذا كنت مطور فلاتر فيوفر لك الاندرويد ستوديو هذة الميزة لتطوير تطبيقات فلاتر ( عمل تطبيق يعمل على نظام اندرويد و نظام اي او اس IOS الخاص بشركة آبل )عن الاندرويد ستوديويعد برنامج أندرويد ستوديو من اقوى البرامج الـ برمجة المخصصة في مجال تطوير [&hellip;]
- [كود جافا للتطبيق على قاعدة  stack بإستخدام linked list](https://geecoders.com/stack-linked-list-html/):  كود للتطبيق على stack بإستخدام linked list بلغة java من خلال هذة المقالة الفريدة من نوعها في اكواد الجافا اقدم لكم تطبيق على stack باستخدام linked list ( لينكد ليست ) بلغة java حيث ان هذا التطبيق مهم جدا في هيكلة البيانات ( داتا ستراكشر ) او تركيب البيانات ويتم تدريسه في مادة هياكل بيانات  ويجب على المبرمجين الجيدين ان يكونوا متقنين لهيكلة البيانات فهي مهمة جدا في البرمجة وتطوير التطبيقات وايضا يعرفون فكرة الاستاك وقد سبق وان قمت لكم هذا الكود ولكن بلغة السي بلس بلس ولكن قبل ان اضع لكم الكود اوريد ان اعرفكم على stack  .stack :الاستاك : [&hellip;]
- [طريقة ازالة عنصر من العناصر عن طريق السحب بالاندرويد ستوديو](https://geecoders.com/remove-html/):  طريقة ازالة عنصر من العناصر عن طريق السحب بالاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio, في هذا المقال المتخصص في التعديل على ريسيكلار فيو سوف اقدم لكم شرح ازالة عنصر من العناصر الموجودة بسهولة حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة [&hellip;]
- [كود بلغة c++ لمعرفة الاعداد الفردية | C ++ code to print odd numbers](https://geecoders.com/c-html/):  كود بلغة سي بلس بلس لمعرفة الاعداد الفردية هل تم طلب منك في الجامعه او الكورس ان تكتب كود برمجي بلغة c++ او باللغه الانجليزيه &#8211; write  write  C++ Program to Check if a given Integer is Even or Odd, يقوم بحساب الارقام الزوجيه , ولكنك لا تعرف جيد بالبرمجه لذلك لا تقلق ففي موقعنا سوف تجد اغلب الاكواد التي يتم طلبها منكم فقط كل ما عليك هو  ان تقوم بي البحث عن الكود الذي تريده باللغه التي تريدها وستجد بإذن الله الكود الذي تريده , واذا لم تجد الكود الذي تريده يمكنك كتابته لنا في التعليقات لتوفيره لكم في [&hellip;]
- [شرح كيفية عمل recyclerview داخل الاندرويد ستوديو بسهولة تامة](https://geecoders.com/recyclerview%20-html/):  شرح كيفية عمل recyclerview داخل الاندرويد ستوديو بسهولة متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا عن الجافا الذي تكون مساحتة قليلة ، ويفضل تحميل اخر نسخة من الاندرويد استديو لانها تحوي مميزات رهيبة وتسهل على [&hellip;]
- [كود بلغة الجافا لمقارنة ثلاث ارقام وطباعة الاصغر](https://geecoders.com/least%20to-greatest-html/):  كود برنامج بلغة جافا يقوم بطباعة الارقام من الاكبر الى الاصغر مرحبا بكم في درس java جديد حيث في هذا الدرس سوف نتعرف على كود جافا (code java) يقوم بطباعة الاعداد من الاصغر الى الاكبر, وتعد لغة جافا من اكثر لغات البرمجة المطلوبة في سوق العمل وذلك بسبب دخولها في تطوير عدد كبير من تطبيقات الاندرويد, وتعد الجافا لغة برمجة كائنات ومن لغات البرمجة الغير معقدة وايضا ليست سهلة ولكن يوجد في موقعنا دروس java تساعدك على تطويرك في لغة جافا وايضا نقدم لكم عدد كبير جدا من اكواد الجافا لفهم اللغة بشكل اكبربسبب تسمية هذة اللغة باسم جافا &#8211; [&hellip;]
- [طريقة عمل كارد فيو CardView داخل التطبيق في الاندرويد ستوديو](https://geecoders.com/card-html/):  شرح طريقة اضافة كارد فيو &#8211; cardview داخل الاندرويد ستوديو بكل سهولة متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio يعتبر الكارد فيو واحد من اهم الاضافات التي لا يخلو منها اي تطبيق يحتوي على نصوص فالكارد فيو هو عبارة عن مربع يتم وضع صورة وكلام بداخله مثل المربعات المخصصة بالمنشورات على الانستجرام وفيسبوك وغيرها من المنصات الكبيرة وفي درس اليوم سوف نتعرف على طريقة اضافتة بكل سهولة, حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق [&hellip;]
- [تنزيل القرآن الكريم API جاهز لتطبيقات أندرويد – JSON كامل مع روابط مباشرة](https://geecoders.com/api-quran-html/):  القران الكريم API متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في هذة المقالة اقدم بين ايديكم القران الكريم كامل api لاستخدامة في مشاريعكم او اذا احببتم القران بإنشاء تطبيق للقران الكريم فهذا سوف يفيدك جدا ونحن في هذا الموقع نحاول ان نساعد كل المبرمجين من مختلف البلدان وتوفير لهم الاكواد والادوات التي يحتاجونها في التطوير والتصميم لذلك لا تبخل علينا اخي / اختي بنشر الموقع بين أصدقائكم حيث ان هذا يعد اكبر حافز لنا على الاستمرار حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  [&hellip;]
- [طريقة عمل منيو menu في الاندرويد ستوديو ( قائمة منسدلة )](https://geecoders.com/blog-post_24-html-7/):  طريقة عمل منيو في الاندرويد ستوديومتابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio في هذا المقال سوف نتعرف على طريقة اضافة قائمة منسدلة او منيو داخل التطبيق في الاندرويد ستوديو بكل سهولة حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا عن الجافا الذي [&hellip;]
- [اضافة مؤثرات وانميشين لحركة العنصر داخل الاندرويد ستوديو](https://geecoders.com/ani-html/):  اضافة مؤثرات وانميشين لحركة العنصر داخل الاندرويد ستوديومتابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio في هذا المقال سوف نتعرف على طريقة اضافة العديد من المؤثرات والحركات داخل العناصر في الاندرويد ستوديو بكل  سهولة , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا [&hellip;]
- [تحميل تطبيق الاذكار مفتوح المصدر بالاندرويد ستوديو](https://geecoders.com/al%20adkar-html/):  تحميل تطبيق الاذكار مفتوح المصدر بالاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا عن الجافا الذي تكون مساحتة قليلة ، ويفضل تحميل اخر نسخة من الاندرويد استديو لانها تحوي مميزات رهيبة وتسهل على [&hellip;]
- [كود للتطبيق على stack بإستخدام linked list بلغة c++](https://geecoders.com/c-stack-html/):  كود للتطبيق على ستاك بإستخدام لينكد ليست بلغة سي بلس بلس متابعي موقعنا الاوفيا مرحبا بكم في مقالة جديدة وفي هذه التدوينه اقدم لكم تطبيق على stack باستخدام linked list بلغة c++ هذا التطبيق مهم جدا في هيكلة البيانات او تركيب البيانات ويتم تدريسه في مادة هياكل بيانات ( data structure ) ويفضل ان يكون المبرمجين فاهمين لهيكلة البيانات لانها مهمة جدا في البرمجة وستساعدك في حل المشاكل ، دعونا نتعرف على الاستاك stack قبل ان اضع لكم الكود . stack :هي عبارة عن خط انتظار لمجموعة من البيانات ، ما يميز هذا الخط بأنه مفتوح من اتجاه واحد فقط أي [&hellip;]
- [تطبيق صحيح البخاري مفتوح المصدر للاندرويد ستوديو](https://geecoders.com/blog-post_20-html-4/):  تحميل تطبيق صحيح البخاري مفتوح المصدر متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا عن الجافا الذي تكون مساحتة قليلة ، ويفضل تحميل اخر نسخة من الاندرويد استديو لانها تحوي مميزات رهيبة وتسهل على المطور [&hellip;]
- [اكتب برنامج بلغة الجافا يقوم بطباعة الاسم والعمر والدخل](https://geecoders.com/age-and%20income-html/):  طباعة الاسم والعمر والدخل بالغة الجافا متابعي المدونه الاوفياء مرحبا بكم قي تدوينة جديدة وفي هذا اليوم سوف اضع لكم كود لبرنامج بالجافا ، حيث يقوم المستخدم بادخل اسمه و عمره والدخل الشهري له ويقوم البرنامج بطباعة هذه المعلومات وهذا الكود يعد تطبيق ايضا على Scanner الذي قد سبق وقمنا بشرحه على المدونه ووضعت بين ايديكم اكثر من كود لذلك اذا اردت امثله وتطبيقات اخرى يمكنك الرجوع للموقع في قسم الجافا سوف تجد العديد والعديد من الدروس والتطبيقات في لغة الجافا .كيفية تعلم لغة برمجة الجافا ببساطة ؟اللغة سهلة وغير معقدة كما يشاع ولكن ايضا ليست صعبة فهي متوسطة المميز [&hellip;]
- [كود للتطبيق على Queue بإستخدام linked list بلغة c++](https://geecoders.com/queue-linked-list-c-html/):  كود للتطبيق على Queue بإستخدام linked list بلغة c++ مرحبا بكم امتابعي موقعنا الاوفياء مرحبا بكم في درس جديد حول كود للتطبيق على Queue بإستخدام linked list بلغة c++ اوبصيغة اخرى  implementation Queue using linked list c++ وهذا التطبيق مهم جدا في مادة هياكل البيانات او الداتا ستراكشر التي تدرس في الجامعات وتحديدا في قسم علوم الحاسب او الحاسبات والمعلومات ولذلك دعوني اشرح لكم ماهو الكيو قبل ان اضع الكودQueueQueues او الطابور حيث أن من يأتي أولاً يخرج أولا والمتأخر يقف في آخر الصف وهذا عكس الاستاك (stack) الذي قد سبق وقمت بشرحه في تدوينه سابقه باختصار : اول من [&hellip;]
- [تطبيق اسالة واجوبة مفتوح المصدر للاندرويد ستوديو](https://geecoders.com/qanda-html/):   تطبيق  اسالة واجوبة مفتوح المصدر للاندرويد ستوديومتابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio مرحبا بكم في مقالة تطبيقات اندرويد ستوديو مفتوحة المصدر وفي هذة المقالة سوف نتعرف على برنامج اسالة مفتوح المصدر بالاندرويد ستوديو يمكنك التعديل عليه ونشرة على متجر بلاي ولكن حاول التغيير في الاسالة وفي الخلفية الخاصة بالبرنامج حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل [&hellip;]
- [تطبيق حكمة اليوم مفتوح المصدر للاندرويد ستوديو](https://geecoders.com/he-html/):  تطبيق حكمة اليوم مفتوح المصدر للاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا عن الجافا الذي تكون مساحتة قليلة ، ويفضل تحميل اخر نسخة من الاندرويد استديو لانها تحوي مميزات رهيبة وتسهل على [&hellip;]
- [اكتب برنامج بلغة الجافا يقوم بحساب الاعمار || Write a program in Java that calculates ages](https://geecoders.com/blog-post_16-html/):  اكتب برنامج بلغة الجافا يقوم بحساب الاعمار هذا الكود المكتوب بلغة الجافا يقوم بعملية حساب الاعمار وكل ما عليك ان تفعله هو اختيار السنه واليوم والشهر الذي تمت ولادتك فية فيهم وهو يقوم بحساب عمرك بالايام والاشهر والسنوات فكره البرنامج رائعه وهي مثال على تطبيق Java swing ونعتبر هذا البنرماج من مشاريع الجافا و للتوضيح انا مجرد ناقل للكود من المصدرمقدمة عن لغة الجافا ؟ هي لغة برمجة عالية المستوى إبتكرها James Gosling في عام 1991 لاستخدامها بمثابة العقل المفكر المستخدم لتشغيل الأجهزة الذكية وفي عام 1995 تم تطويرها لبناء تطبيقات للويب, سطح المكتب, الهواتف &#8230; الخماهي Java swing ؟في البداية, [&hellip;]
- [تغير شكل الرسالة Toast الى اشكال رائعة في الاندرويد ستوديو |  change Toast format message](https://geecoders.com/to-html/):  شرح تغيير شكل toast في الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في هذا المقال الموجة الى تطبيقات الاندرويد وبرمجتها نقدم لكم تغير شكل رسالة Toast في الاندرويد ستوديو وتحويلها الى اشكال عصرية ورائعة مع تأثير لكل شكل من الاشكال كما في صورة غلاف المقالة بالاعلى , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا [&hellip;]
- [كود برنامج بلغة جافا يقوم بحساب الوزن الزائد للحقائب في الطيران](https://geecoders.com/blog-post-html-5/):   كود برنامج بلغة جافا يقوم بحساب الوزن الزائد للحقائب في الطيرانهل سبق لك وان حجزت رحلة سفر وعند الانتهاء من تحضير الشنط والتوجة الى الميزان الموجود في المطار وجت ان الوزن مرتفع ويجب عليك دفع مبلغ معين من المال ؟ هل فكرت كيف يعمل هذا البرنامج الذي قام بحساب وزن الشنط واخبارك بالسعر المطلوب ؟ في هذا المقال سوف نخبركم بالالية التي يعمل بها هذا النظام .كيفية تعلم لغة برمجة الجافا ببساطة ؟اللغة سهلة وغير معقدة كما يشاع ولكن ايضا ليست صعبة فهي متوسطة المميز ان البرنامج الذي يتم لبرمجة امر معين والذي يكتب بالجافا يمكن ان يعمل على [&hellip;]
- [كود برنامج حساب العمر بلغة الجافا - Code for calculating age in java](https://geecoders.com/age-calc-html/):  برنامج حساب العمر بالجافا &#8211; java project (open source) هذا الكود المكتوب بلغة الجافا يقوم بحساب الاعمار وكل ما عليك هو اختيار السنه واليوم والشهر الذي ولدت فيهم وهو يقوم بحساب عمرك بالايام والاشهر والسنوات فكره البرنامج رائعه ومميزة وهي مثال على تطبيق Java swing وللتوضيح انا مجرد ناقل للكود ، وهذا البرنامج من مشاريع بلغة الجافا ويمكنك تصفح هذا القسم لتجد مشاريع كثيرة بداخله ويمكنك التوجة الى قسم اكواد الجافا لتجد ايضا اكواد برمجية .ننصحك بالبدء في تعلم لغة جافا وايضا تعليم البرمجة للاطفال مجانا عن طريق دورة جافا التي نقدمها في موقعنا وايضا البرمجة للاطفال مفيدة جيدا فانت تاسس [&hellip;]
- [حل مشكلة default activity not found في الاندرويد ستوديو وعدم تشغيل التطبيق](https://geecoders.com/default-activity-not-found-html/):  حل مشكلة default activity not found في الاندرويد ستوديو وعدم تشغيل التطبيق متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio تعتبر اول مقالة في حل مشاكل الاندرويد ستوديو واحببت ان اشارك معكم مشكلة تقع مع كثير من الاشخاص والمبرمجين وهي ظهور رسالة default activity not found اذا ظهرت لك هذة المشكلة فلا تقلق فالحل بسيط جدا جدا وسوف نتعرف عليه في اخر المقالة  , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد [&hellip;]
- [شرح كيفية اضافة تأثير التحميل كالذي في الفيسبوك داخل Recyclerview (اندرويد ستوديو بالعربي)](https://geecoders.com/facebook-html/):   طريقة تاثير تحميل الفيسبوك في الاندرويد ستوديومتابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio في هذة المقالة سأشرح لكم كيفة اضافة تأثير التحميل كالذي في برنامج وتطبيق الفيسبوك لتطبيقك على الاندرويد ستوديو كما في صورة المقالة بالاعلى , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج [&hellip;]
- [طريقة ادخال صورة داخل صورة في الاندرويد ستوديو | How to insert picture-in-picture in Android Studio](https://geecoders.com/add-two-image-html/):  طريقة ادخال صورة داخل صورة في الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio في هذة المقالة سوف نتعرف على طريقة ادخال صورة داخل صورة او داخل كارد فيو في الاندرويد ستوديو حيث ان هذا يجعل من التصميم شكل اجمل ويعطي انطباع رائع لدى المستخدم , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية [&hellip;]
- [اهم الاوامر والخصائص في Relativelayout](https://geecoders.com/relativelayout-html/):  تعرف على اهم الاوامر والخصائص في Relativelayout متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا عن الجافا الذي تكون مساحتة قليلة ، ويفضل تحميل اخر نسخة من الاندرويد استديو لانها تحوي مميزات رهيبة وتسهل على [&hellip;]
- [شرح الوراثة بالجافا مع كود تطبيقي لعمل وراثة بين الكلاسات - how to extends in java](https://geecoders.com/extends-html/):  شرح كيفية عمل وراثة بين الكلاسات في الجافا الوراثه في لغة الجافا من اهم القواعد التي يجب عليك وعلى اي مبرمج فهمها فمصطلح الوراثة هي انك تقوم بتوريث كلاس من كلاس اخر وليكن على سبيل المثال كان لديك في الكلاس الاول الاسم والعمر والمجموع وقمت بانشاء كلاس اخر وقمت بوضع فيه المدينه و التقدير وتريد ان يكون في الكلاس الثاني جميع ما في الكلاس الاول فكل ما عليك ان تضع Extend بعد public class وتكتب اسم الكلاس المراد الوراثه منه وهكذا يصبح جميع ما يحتويه الكلاس الاول موجود في الكلاس الاخر مع زيادة المدينه والاميل في الكود الرئيسي يمكنك ان تقوم [&hellip;]
- [طريقة عمل تمويج في الاندرويد ستوديو | How to make corrugation in Android Studio](https://geecoders.com/wave-html/):  طريقة عمل تمويج في الاندرويد ستوديو السلام عليكم ورحمة الله وبركاتة , متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio في هذة المقالة سوف نتعرف على كيفية عمل تمويج او wave في الاندرويد ستوديو , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا [&hellip;]
- [طريقة انشاء تنبية داخل تطبيقات الاندرويد ستوديو | How to create an dialog in Android Studio](https://geecoders.com/dialog-html-2/):  طريقة انشاء تنبية داخل تطبيقات الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio في كثير من الاحيان تريد عمل تنبية او إشعار لجزء معين في تطبيقات الاندرويد , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا عن الجافا الذي تكون مساحتة [&hellip;]
- [طريقة ربط صفحات الاندرويد ستوديو ببعضها](https://geecoders.com/page-html/):   كيفية ربط صفحات الاندرويد ستوديو ببعضهامتابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio عند تصميم اكثر من صفحة لتصميمك يجب عليك ربط الصفحات ببعضها مثال ان الصفحة الاولى تحتوي على مجموعة اختيارات يمكنك ان تجعل كل خيار ينقلك الى صفحة معينة , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن [&hellip;]
- [كود لطباعة رسمة القلب بلغة سي بلس بلس c++](https://geecoders.com/heart-html/):  كود بلغة c++ لطباعة رسمة قلب &#8211;  print Heart stars in c++ السلام عليكم اعزائي اليوم معنا كود برنامج بلغة السي بلس بلس يقوم بطباعة رسمة قلب بالنجوم حيث انة قد سبق وان شرحت هذا الكود ولكن كان بلغة الجافا واخر بالبايثون وكان داخل هذا القلب رسالة انا احبك فالكود هو عباره عن رسمه فقط لا غير وقد يتم طلب هذا الكود في بعض الجامعات الحاسبات والمعلومات اكتب برنامج يقوم بطباعة نجوم على شكل قلب بلغة السي بلس لذلك احاول في الموقع ان اضع واوفر لكم جميع الاكواد التي قد يتم طلبها منكم للتسهيل على الطلاب عناء البحث وهذا الكود [&hellip;]
- [طريقة تغير لغة التطبيق في الاندرويد ستوديو](https://geecoders.com/translation-html/):  طريقة تغير لغة التطبيق في الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في هذا المقال الفريد من نوعة سوف نشرح لكم كيف تجعل التطبيق الخاص بك يعمل بأكثر من لغة مثل اللغة العربية والانجليزي وغيرها من اللغات الاخرى , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن ان تصبح صانع تطبيقات أندرويد من خلال تعلمك للغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية [&hellip;]
- [شرح طريقة إضافة صور متحركة Gif الى الاندرويد ستوديو](https://geecoders.com/gif-android-html/):  شرح طريقة إضافة صور متحركة الى الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio في هذا المقال سوف نتعرف على طريقة اضافة صور متحركة gif في الاندرويد ستوديو ,  حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا عن الجافا الذي تكون [&hellip;]
- [طريقة اضافة زر في اسفل او في اعلى الصفحة بالاندرويد ستوديو - how to add button in end activity by android studio](https://geecoders.com/button-android-html/):  طريقة اضافة زر في اسفل او في اعلى الصفحة بالاندرويد ستوديو في هذا المقال والمميز من دروس تعلم الاندرويد ستوديو سوف نتعرف على طريقة إضافة زر اسفل او اعلى الصفحة , فأحيانا وانت تقوم بتصميم احد المشاريع الخاصة بك تجد ان الصفحة تكون كبيرة بعض الشيئ وتحتاج ان تضع ازرار في اسف الصفحة للرجوع او للصعود او غيرها وهذا ما سوف نشرحة لكم في مقالة اليوم ,  حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية [&hellip;]
- [طريقة اضافة قران MediaPlayer الى الاندرويد ستوديو - How to add media player in android studio](https://geecoders.com/blog-post_31-html-4/): طريقة اضافة صوتيات الى برنامج الاندرويد ستوديوفي هذا المقال المميز في دروس الاندرويد ستوديو سوف نتعرف على طريقة اضافة الصوتيات وخاصة القران داخل برنامج الاندرويد ستوديو , فكثير من المبتدئين في تطوير تطبيقات الاندرويد بألاندرويد ستوديو يفكرون في إنشاء تطبيق للقران الكريم وذلك لانة سهل وايضا يوجد بة أفكار رائعة تساعدك في باقي التطبيقات , وفي درس اليوم سوف نتعرف على طريقة اضافة الملفات الصوتية داخل الاندرويد ستوديو بكل سهولة ,  حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان [&hellip;]
- [طريقة عمل زر لبدء وايقاف تشغيل المقطع الصوتي بشكل احترافي في الاندرويد ستوديو](https://geecoders.com/media-html/):  طريقة اضافة زر تشغيل وايقاف المقطع الصوتي داخل الاندرويد ستوديو في هذة المقالة سوف نتعرف على مكتبة من مكتبات الاندرويد ستوديو تساعدك في عمل زر تشغيل وايقاف للمقطع الصوتي مع عمل انميشن بسيط بين كل حركة والاخرى , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا عن [&hellip;]
- [كود بلغة الجافا يقوم بطباعة قلب - Print heart star pattern in java](https://geecoders.com/print-heart-html/):   اكتب برنامج بلغة الجافا لطباعة رسمة القلب &#8211; Print heart star pattern in javaمرحبا بكم اصدقائي من جديد وفي تدوينه اليوم سوف نتعرف على كود بالجافا يقوم بطباعة قلب  ( write a program in Java that prints the heart ) حيث قد يقابلك سؤال وهو اكتب برنامج يقوم بطاعة قلب بلغة الجافا ، سوف نضيف في الكود تعديل بسيط وهو اننا سنضع داخل القلب عبارة i love you في المنتصف ( يمكنك تغيرها بأي جملة اخرى تريدها ) وسبق وان قدمت لكم اشكال عديده جدا في المدونه يمكنك زيارة قسم البرمجه للتعرف عليها وللمعلوميه هذا الكود منقول اي ليس [&hellip;]
- [كيفية اضافة زر اخفاء واظهار الرقم السري في الاندرويد ستوديو | hide and show password in Android Studio](https://geecoders.com/blog-post_28-html-8/):  اضافة زر اخفاء واظهار الرقم السري في الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio وفي هذا المقال سوف نتعرف على طريقة اضافة زر لاخفاء واظهار الرقم السري كما نراها في كثير من تطبيقات الاندرويد , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون [&hellip;]
- [كود برنامج بلغةالبايثون لتبادل قيمتين مختلفتين ( عمل swap في لغة python )](https://geecoders.com/blog-post_27-html/): اكتب برنامج بايثون يقوم بتبديل قيمتين مختلفتينمتابعي جي كودرس مرحبا بكم في مقالة بايثون جديدة وفي هذة المقالة سوف نتعرف كيف تستطيع تبديل رقمين (سواب بين رقمين) بالبايثون python, حيث تعد لغة بايثون من اكثر اللغات المشهورة واكثرها استخداما في الوقت الحالي وذلك لسهولتها وايضا لانها تدخل في تطوير العديد من البرامج والتطبيقات وايضا كثير من الجامعات غيرت المناهج الدرسية المتعلقة بالبرمجة الى لغة البايثون, ونحن في جي كودر geecoder نحاول مساعدة جميع الطلاب في ايجاد وحل الاكواد التي تطلب منهم كنظام تاسك (Task) وايضا الاكواد التي تطلب في مراكز التدريب (الكورسات) نحاول ايضا حلها وتوفيرها لكم بالمجان وذلك لسهولة [&hellip;]
- [شرح طريقة تغيير الخطوط داخل الاندرويد ستوديو - how to change custom font in android studio](https://geecoders.com/blog-post_26-html-4/):  شرح طريقة تغيير الخطوط داخل الاندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في هذا المقال الفريد من نوعة سوف نشرح لكم كيف يمنكك اضافة خطوط الى التطبيق الخاص بك وطريقة تغيير نوع الخط في التطبيق بكل سهولة , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما [&hellip;]
- [شروحات اندرويد ستوديو بالعربي : كيف يمكنك تصميم شكل تطبيقك في اندرويد ستوديو باستخدام LinerLayout](https://geecoders.com/linerlayout-html/):  اهم الخصائص والاوامر في LinerLayout &#8211; اندرويد ستوديو بالعربي متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في هذا المقال الفريد من نوعة سوف نشرح لكم اهم الخصائص التي يتم كتابتها داخل LinearLayout , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا [&hellip;]
- [<div>شرح كيفية تنسيق الصور والخطوط على جميع الاجهزة في الاندرويد ستوديو Sdp & ssp</div>](https://geecoders.com/blog-post_24-html-9/):  شرح كيفية تنسيق الصور والخطوط على جميع الاجهزة في الاندرويد ستوديومتابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في مقالة اليوم سوف نساعدكم على حل مشكلة تقابل كثير من المطورين وهي ان التطبيق الذي يعمل على مقاسات اشاة مختلفة يختلف شكل التصميم والابعاد ولذلك يوجد مكتب تساعدك في حل هذة المشكلة حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل [&hellip;]
- [كود برنامج الة حاسبة مكتوب بلغة الجافا مفتوح المصدر | calculator project java code](https://geecoders.com/calc-java-html/):   برنامج الة حاسبة مكتوب بلغة الجافا مفتوح المصدرمتابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة وفي مقالة سوف نتعرف على برنامج مفتوح المصدر مكتوب بالجافا يمكن التعديل عليه وهو برنامج الالة الحاسبة حيث تم تنفيذ التصميم باستخدام إطار الـ Swing ونحن في هذا الموقع نحاول توفير لكم جميع الاكواد وايضا مشاريع مفتوحة المصدر لمحبي البرمجة وللامانة هذا الكود منقوول .ينصح بي تعليم البرمجة للاطفال بالعربي والبدء بلغة java لان مبرمج جافا يكون قادر على برمجة تطبيقات سطح المكتب وايضا تطوير تطبيقات الاندرويد فالغة الجافا مهمة جدا وننصح اي مبتدئ في هذا المجال يس صغيرا فقط ان يبدء بها لانها [&hellip;]
- [شروحات اندرويد ستوديو بالعربي : كيفية اضافة مربع لكتابة الاميل والرقم السري داخل الاندرويد ستوديو](https://geecoders.com/email-and-html/): شرح طريقة اضافة مربع منحني لكتابة البريد الاليكتروني والرقم السري &#8211; android Studio tutorial متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , وفي هذة المقالة سوف نتعرف على طريقة كتابة اسم المستخدم وكلمة المرور داخل مربع منحني الاطراف بشكل احترافي بكل سهولة حيث يتم استخدام هذا البرنامج لتطوير (development) برمجة و صناعة تطبيقات اندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل [&hellip;]
- [طريقة عمل لعبة الثعبان بلغة السي بلس  ++Snake Game in c](https://geecoders.com/snake-game-in-c-html/):  طريقة عمل لعبة الثعبان بلغة السي بلس  ++Snake Game in c متابعي المدونه والموقع الاعزاء مرحبا بكم من جديد في مقالة جديده في اكواد  لغة السي بلس بلس وفي هذه التدوينه سوف نتحدث عن كود لعبة الثعبان الشهيره في جميع اجهزة الموبايل القديمه وهذه اللعبه محببه لدى العديد من الاشخاص ويفضلها كثير من الاشخاص ايضا سواء كبير او صغير السن لان فكرتها ببساطه انه يوجد ثعبان كل مهمتك انك تجعله ياكل الحرف الموجود في المساحه بدون ان يلمس الثعبان نفسه فان لمس الثعبان نفسه فسوف تخسر ومع كل مره يلتهم فيها الثعبان الحروف يكبر وهذه فكره اللعبه باختصار لمن لا [&hellip;]
- [شروحات اندرويد ستوديو بالعربي : كيف تستطيع انشاء واجهة تسجيل دخول بسيطة بالاندرويد ستوديو](https://geecoders.com/blog-post-html-37/):  شرح انشاء واجهة تسجيل دخول بسيطة بالاندرويد ستوديو &#8211; &#8211; android Studio tutorial متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio لانشاء واجهة تسجيل دخول او ما يعرف بإسم login screen ببرنامج الاندرويد ستوديو فالامر لن يتطلب منك الكثير فقط كل ما عليك هو نسخ الكود التالي ولصقة في  المحرر ليعمل معك بكل سهولة , سوف تواجة مجموعة من المشاكل لذلك سوف ارفق لك في نهاية المقالة طرق حل المشاكل التي سوف تواجهك ,  حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة [&hellip;]
- [كود يقوم برسم شجره بالغة السي بلس بلس ++print Tree in c](https://geecoders.com/tree-c-html/):  طريقة رسم شجره بالغة السي بلس بلس ++print Tree in c مرحبا بكم متابعي المدونه الاعزاء في مقالة جديده وكود جديد من اكواد سي بلس بلس &#8211; C++ وهو عن طباعة شجرة ملونه بشكل جميل ورائع  بلغة السي بلس حيث قد سبق وان قمت بشرح العديد من الاكواد والرسومات والرسومات الاخرى  بلغة السي بلس وايضا الجافا لذلك اذا اردت ان تجد هذه الاكواد فكل ما عليك هو التوجه الى القسم الذي ترغب بالحصول على اكواد لة  في الاعلى واختار اللغه التي تريدها وتريد لها اكواد وانا احاول دائما ان اغذي الموقع بالمقالات الحصريه والاكواد البرمجيه المستخدمه بكثره وايضا مشاريع بلغات [&hellip;]
- [شروحات اندرويد ستوديو بالعربي : طريقة تغيير شكل الازرار في الاندرويد استوديو وجعلها احترافية](https://geecoders.com/changebutton-html/): تغير شكل الازرار في تطبيقات الاندرويد الى أشكال احترافية &#8211; android Studio tutorial متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في مقالة اليوم سوف نتعرف على مجموعة اشكال رائعة للازرار في الاندرويد ستوديو يمكنك استخدامها في تصاميمك لتعطي لمسة جمالية للتطبيق الذي تعمل علية حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى [&hellip;]
- [شروحات اندرويد ستوديو بالعربي : كيف يمكن عمل زر مموج بالاندرويد ستوديو بسهولة](https://geecoders.com/buttonwavy-html/):  اضافة زر مموج داخل الاندرويد ستوديو بكل سهولة &#8211; android Studio tutorial متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا عن الجافا الذي تكون مساحتة قليلة ، ويفضل تحميل اخر نسخة من الاندرويد استديو لانها تحوي [&hellip;]
- [كود بلغة الجافا لطباعة رسمة المنزل | how to draw home in java code](https://geecoders.com/home-java-html/):  أكتب برنامج بالجافا يقوم بطباعة شكل المعين في لغة الجافا او اي لغة برمجيه اخرى يمكنك طباعة مثلث و معين ومربع ( الاشكال الهندسيه ) على اي شكل تريده نجوم او علامات استفهام او احرف او ارقام وفي مدونتنا اقدم لكم اكواد برمجيه عديده بلغات برمجيه مختلفه فيمكنك بكل بساطه التوجه الى قسم البرمجه واختر الغه الذي تريد لها اكواد وستجد العديد من الاكواد البرمجيه وفي تدوينة اليوم اقدم لكم رسم منزل بلغة الجافا وهذا الكود منقول سبق وان قمت بشرح طباعة الهرم او المثلث في المدونه واليوم مع شكل اخر وهو المنزل بلغة الجافا يمكنك ايضا التعديل على الكود [&hellip;]
- [كود برنامج بلغة الجافا يقوم بعد احرف الكلمة | what count of length word java code](https://geecoders.com/char-html/):  برنامج بلغة الجافا يقوم بعد احرف الكلمة متابعي موقعنا الاوفياء مرحبا بكم في كود برمجة java جديد ، تعد لغة جافا البرمجية من اكثر لغات البرمجة شيوعا وانتشارا في وقتنا الحالي وموقعنا يوفر كثير من برامج مكتوبة وتوفير الكود الخاص بكل  برنامج بشكل مجاني فقط توجة إلى القسم الذي تريد لة اكواد وتجد بحر من البرامج  و الاكواد ، يمكنك  أن تتعلم لغة الجافا ايضا من خلال موقعنا فيوجد مقالة سابقة لنا شرحنا فيها كيف تكتب أول كود برمجي بسهولة.ينصح بي تعليم البرمجة للاطفال بالعربي والبدء بلغة java لان مبرمج جافا يكون قادر على برمجة تطبيقات سطح المكتب وايضا تطوير [&hellip;]
- [كود برنامج بلغة البايثون يقوم بجمع مصفوفتين Python code - اكواد بايثون بالعربي](https://geecoders.com/martix-calc-html/): كود بايثون يقوم بطباعة مجموعة مصفوفتين متابعي موقع ومدونة جي كودرس مرحبا بكم من جديد في مقالة تختص بلغة البايثون python حيث في هذة المقالة سوف نقدم بين ايديكم كود بايثون python code لجمع وطرح مصفوفتين من بعض, وهذا الكود سهل وبسيط جدا وكما نعلم لغة البايثون هي اكثر لغة سهولة وذلك لانها قريبة جدا بالكتابة لاللغة الانجليزية واصبحت كثير من البرامج والتطبيقات الظاهرة مؤخرا تصمم بالبايثون, هذا الكود قد يتم طلبة منك في الجامعات و المعاهد ومراكز التدريب التي تختص بتعليم البرمجة, ونحن هنا في geecoders نحاول توفير لكم جميع الاكواد التي تطلب منكم ولذلك لتسهيل الامر على الطلاب, [&hellip;]
- [كود برنامج بلغة الجافا يقوم بطباعة رسم المعين | Draw diamond java code](https://geecoders.com/print-dim-html/):  كود بلغة الجافا لطباعة رسمة المعين في لغة الجافا او اي لهة برمجيه اخرى يمكنك طباعة مثلث و معين ومربع ( الاشكال الهندسيه ) على اي شكل تريده نجوم او علامات استفهام او احرف او ارقام عن طريق point java وفي مدونتنا اقدم لكم اكواد برمجيه عديده بلغات برمجيه مختلفه فيمكنك بكل بساطه التوجه الى قسم البرمجه واختر الغه الذي تريد لها اكواد وستجد العديد من الاكواد البرمجيه وفي تدوينة اليوم اقدم لكم رسم المعين بلغة الجافا وهذا الكود منقول سبق وان قمت بشرح طباعة الهرم او المثلث في المدونه واليوم مع شكل اخر وهو المعين بلغة الجافا يمكنك ايضا [&hellip;]
- [كود برنامج بلغة البايثون لعمل الة حاسبة بسيطة - Python program for calculator code](https://geecoders.com/calc-python-html/):  كود برنامج بلغة البايثون لعمل الة حاسبة بسيطةكود بايثون python لعمل الة حاسبة بسيطة, هذا هو موضوع مقالة اليوم حيث ان هذا الكود يطلب بكثرة جدا في الجامعات والمعاهد سواء في شيتات او حتى في الامتحانات اتذكر ان هذا الكود تم طلبة مني فأحد المواد البرمجية في الجامعة ولكن كان مطلوب بلغة جافا, الفكرة واحدة ولكن تختلف طريقة الكتابة بمعنى انك اذا فهمت هذا الكود يمكنك كتابتة بأي لغة برمجية اخرى سواء جافا او سي بلس بلس او غيرها من اللغات البرمجية المختلفة , قبل كل شيئ قد سبق وان قدمنا لكم مقالة حول تعلم لغة البرمجة للمبتدئين وخصوصا بالبايثون يمكنك [&hellip;]
- [كود برنامج بلغة الجافا يقوم بطباعة رسالة ترحيب في واجهة منبثقة | How to use JPanel  in java code](https://geecoders.com/joptionpane%20-html/):  كود برنامج بلغة الجافا يقوم بطباعة رسالة ترحيب في واجهة منبثقةالسلام عليكم ورحمة الله وبركاته متابعي المدونه الاعزاء مرحبا بكم من جديد في تدوينة حول اكواد بلغة الجافا حيث في هذه التدوينه المميزة, سوف اقدم لكم  جديد من اكواد جافا حيث يقوم المستخدم بادخال اسمه الاول واسمه الثاني و الاخير او اللقب وسيتم طباعة كل هذه الاسماء في نافذه وليس في مساحة التشغيل كباقي الاكواد التي نقدمها لكم ليكون شكل البرنامج الخاص بك افضل وهذا ويعد تطبيق على قاعدة JOptionPane الشهيرة وهي عباره عن توفر مربع او نافذه يتم الادخال او الطباعه فيه وقد سبق وان وضعت لكم امثله حول [&hellip;]
- [كود برنامج بلغة البايثون يقوم بطباعة الاعداد الفردية فقط - python odd number](https://geecoders.com/odd-num-html/):  كود برنامج بلغة البايثون يقوم بطباعة الاعداد الفردية فقط متابعي موقعنا جي كودرس &#8211; GeeCoders مرحبا بكم في مقالة بايثون جديدة, وفي هذة المقالة سوف نتعرف على كود بلغة البايثون يقوم بمعرفة الاعداد الفردية (اختبار هل الرقم فردي ام لا) وقد سبق وان وضعنا اكواد اخرى شبيهه مثل كود بايثون لمعرفة الاعداد الزوجية وكود بايثون لمعرفة اذا كان العدد زوجي ام فردي, واليوم نوفر لكم معرفة اذا ما كان العدد فردي ام لا حيث ان هذا الكود لا يختلف كثيرا عن الاكواد السابقة ولكن يوجد بعض الناس لا تعرف كثيرا في لغات البرمجة ويتم طلب منهم في الجامعات شيت او [&hellip;]
- [كود برنامج بلغة الجافا يقوم بقراءة محتوى ملف سطر بسطر - Find out the contents of file Java code](https://geecoders.com/line-to-line-html/):  برنامج بلغة الجافا يقوم بقراءة محتوى ملف سطر بسطر متابعينا الاوفياء مرحبا بكم في مقالة جديدة وفي هذة المقالة سوف نتعرف على كود جافا جديد, وهو كود قراءة اسطر الكود البرمجي بمعنى ان الكود يقوم بقراءة اسطر البرنامج سطر سطر وهذا الكود عادة ما يطلب في تنسيق الملفات وغالبا قد يكون مر عليك بلغة c واليوم نقدمة لكم بالجافا, تعد لغة الجافا من اكثر لغات البرمجة طلبا في سوق العمل الحر وذلك لاحتوائها على مميزات من بينها انها لغة يمكنك من خلالها تطوير تطبيقات اندرويد والعاب وبرامج بالنسبة لتطوير تطبيقات الاندرويد فالواقع الان اللغة الام هي الكوتلن والتي سوف نقدم لكم [&hellip;]
- [كود برنامج بلغة الجافا لمعرفة العدد موجب ام سالب - Positive and negative numbers java code](https://geecoders.com/positive-number-html/): برنامج جافا لمعرفة العدد موجب ام سالب متابعي موقعنا الاوفياء مرحبا بكم في مقالة جديدة في لغة الجافا حيث في هذة المقالة سوف نتعرف على كود جافا يقوم بالتاكد ما اذا كان الرقم المدخل سالب ام موجب, حيث تعد لغة الجافا من اكثر اللغات التي يتم تدرسيها في الجامعات  ومن اكثرها طلبا في وق العمل وذلك بسبب دخولها في تطوير كثير من الالعاب والتطبيقات والبرامج وتدخل في تطوير كثير من تطبيقات الاندرويد ولكن انصحك اذا كنت تريد تعلم تطوير تطبيقات الاندرويد فلا انصحك بي جافا اندرويد, يمكنك تعلم لغة الكوتلن لانها اصبحت اللغة الاساسية لتطوير برمجة الاندرويد وذلك بسبب وجود [&hellip;]
- [كود برنامج بلغة البايثون يقوم بحساب الاعداد الزوجية فقط - python even number](https://geecoders.com/even-number-python-html/): كود برنامج بلغة البايثون يقوم بحساب الاعداد الزوجية فقط متابعي موقع ومدونة جي كودرس مرحبا بكم في مقالة بايثون جديدة, حيث في هذة المقالة سوف نقوم بشرح لكم كود لمعرفة الاعداد والارقام الزوجية فقط حيث في درس سابق تحدثنا على الاعداد الفردية فقط والفردية والزوجية, وكثير من الاخوة يبحث عن كود بايثون python لمعرفة الاعداد الزوجية فقط وعملنا في geecoders توفير لكم كل ماهو مطلوب منكم في الجامعات ومراكز التدريب من اكواد برمجية ولكن نريد منكم ان تفهموا الكود وليس نقلة فقط لكي تسطيع في المستقبل ان تصمم برامج والعاب وحتى تطبيقات فلغة البايثون لغة مهمة جدا. عندما ترغب في [&hellip;]
- [شروحات جافا بالعربي : كود لعبة اكس او ( XO )  بلغة الجافا  - tic tac toe game java code](https://geecoders.com/tic-tac-toe-html/): كود لعبة اكس او &#8211; tic tac toe  بلغة الجافا في هذه التدوينه سوف تكون اول تطبيق على قاعدة Java Swing في موقعنا ولكي تنشأ العاب وتطبيقات احترافيه بلغة الجافا يجب عليك ان تكون متقن OOP وهي اختصار الى Object-oriented programming او البرمجه الشيئيه لانها تحتوي على مفاهيم مهمه جدا لكل مبرمج او يمكنني ان اقول لك انها بداية البرمجه وبعد تعلمك لها تعلم Java Swing وستكون جاهز للبدء في برمجة بشكل احترافي .واحد من اكثر لغات البرمجة التي عليها طلب كبير وهي لغة جافا ولذلك لان مبرمج جافا يستطيع تطوير تطبيقات الموبايل وخصوصا تطوير تطبيقات الاندرويد وايضا تمنك لغة [&hellip;]
- [كود برنامج بلغة البايثون يقوم بالتحقق من رقم ارموسينغ - Armstrong Numbe python code](https://geecoders.com/armosing-html/): كود برنامج بلغة البايثون يقوم بالتحقق من رقم ارموسينغ متابعي موقع ومدونة جي كودرس &#8211; GeeCoders مرحبا بكم من جديد في مقالة تختص بلغة بايثون python حيث في هذة المقالة المميزة اقدم لكم كود لبرنامج يقوم بالتحقق من رقم ارمسترونغ Armstrong Number حيث تمت كتابة هذا الكود بلغة بايثون واذا كنت متقن للغة فيمكنك تحويل هذا الكود الى اي لغة اخرى وان لم تستطيع تحويلة فيمكنك ترك لنا تعليق باللغة التي تريد بها هذا الكود وسنعمل على توفيرة لكم باللغة التي تريدونها. عندما ترغب في تعلم python سوف يخطر في بالك تصميم برنامج بايثون  لحساب رقم ارموسينغ ونحن في جي [&hellip;]
- [اكواد جافا بالعربي : كود برنامج بلغة جافا يقوم بعكس الجملة ( جافا بالعربي ) - reverse the word java code](https://geecoders.com/reverse-html/): كود برنامج بلغة جافا يقوم بعكس الجملة باستخدام العودية متابعينا الاعزاء مرحبا بكم في مقالة جديدة, وفي مقالة اليوم سوف نتعرف كود جافا جديد وهو كود برنامج لعكس الكلمات بمعنى انك تدخل اي اسم ويقوم البرنامج بعكس الكلمة مثل كلمة go سوف تخرج og وهكذا, تعد لغة جافا بانها لغة برمجة كائنية التوجه ابتكرت هذة اللغة من قبل جيمس غوسلينغ في عام 1992 وهي لغة ذات اهمية وقابلة للتطبيق على نطاق واسع والهدف من لغة الجافا هو اتاحة السماح لمطوري التطبيقات وبرامج الكمبيوتر بحيث انة يكتب الكود مرة واحدة وينفذة في اي مكان,واذا كنت ترغب بتعلم الجافا من اجل تطوير [&hellip;]
- [كود برنامج c++ لمعرفة حروف العله في الكلمه](https://geecoders.com/c-vowels-html/): كود برنامج c++ لمعرفة حروف العله في الكلمه مرحبا بكم زوار موقع ومدونة geecoders في مقالة جديدة حول كود جديد في لغة سي بلس بلس, وكود اليوم هو من الاكواد المطلوبة بكثرة في الجامعات وايضا في الامتحنات سواء بلغة c++, او الجافا او بايثون او غيرها من اللغات لذلك احببت ان اشارك معكم الكود ولكن قبل ان نتوجة الى الكود اريد منك معرفة آلية عمل الكود لكي تفهم كيف يعمل. لن اطيل في الحديث ولننتقل لكيفية عمل الكود ومن ثم التوجة الى كود البرنامج. الية العمل الكود (Algorithm) سوف يطلب البرنامج من المستخدم ادخال الكلمه سوف يقوم بتخزين القيمه في [&hellip;]
- [شروحات جافا بالعربي : كود برنامج بلغة الجافا يقوم بعرض لعرض سلسلة فيبوناتشي - Fibonacci series java code](https://geecoders.com/java-code-2020-html/): كود برنامج بلغة الجافا يقوم بعرض سلسلة فيبوناتشي متابعي موقع ومدونة جي كودرس مرحبا بكم من جديد في قسم اكواد جافا حيث في مقالة اليوم سوف نتعرف على كود جافا يقوم بحساب سلسلة فيبوناتشي وهذا الكود سبق وان قدمناة لحضراتكم ولكن بلغة البايثون ولكثرة الطلبات علية بالجافا قررنا توفيرة بكلا اللغتين جافا وبايثون, تعد لغة الجافا من اقدم اللغات البرمجة واكثرها استعمالا وذلك لانها تدخل في تطوير مجموعة كبيرة  من التطبيقات والبرامج والالعاب وهي لغة موجهة للكائنات ويوجد تطبيقات اندرويد كثيرة تم تطويرها وانتاجها بلغة الجافا ولكن في الوقت الحالي تعد اللغة الرئيسية في تطوير وبرمجة التطبيقات الخاصة بالاندرويد هي [&hellip;]
- [برنامج جافا لحساب الفرق بين فترتين زمنيتين - The difference between the two periods java code](https://geecoders.com/java-code-time-html/): كود برنامج بلغة جافا لحساب الفرق بين فترتين زمنيتين بسم الله الرحمن الرحيم متابعي مدونة وموقع جي كودرس &#8211; geecoders مرحبا بكم في مقالة جافا جديدة java code, وفي هذة المقالة سوف نتحدث عن كود يقوم بحساب فترتين زمنيتين بلغة جافا, تعد لغة الجافا من اكثر لغات البرمجة طلبا في سوق العمل الحر وذلك لاحتوائها على مميزات من بينها انها لغة يمكنك من خلالها تطوير تطبيقات اندرويد والعاب وبرامج, بالنسبة لتطوير تطبيقات الاندرويد فالواقع الان اللغة الام هي الكوتلن والتي سوف نقدم لكم فيها اكواد برمجية مستقبلا بإذن الله حيث اعتمدت جوجل مؤخرا لغة الكوتلن بدلا من الجافا وذلك بسبب [&hellip;]
- [كود برنامج جافا يقوم بتحويل المللي ثانية إلى دقائق وثواني - Converting from milliseconds to seconds java code](https://geecoders.com/mili-sec-to-sec-html/): برنامج بلغة الجافا يقوم بالتحويل الميلي ثانية الى ثواني و دقائق زوار واعضاء موقع جي كودرس geecoders مرحبا بكم في مقالة جافا جديدة وفي هذة المقالة سوف نتعرف على كود برنامج بلغة الجافا java code يقوم بتحويل الملي ثانية الى ثواني و دقائق, تعد لغة الجافا من اكثر لغات البرمجة طلبا في سوق العمل وذلك لجودتها وجودة البرامج التي يتم تطويرها من خلال هذة اللغات ولكن في الفترة الاخيرة واجهت مجموعة من تطبيقات الاندرويد التي تم تطويرها ببرمجة الجافا مشاكل لذلك قررت جوجل ان تجعل اللغة الاساسية في البرمجة في تطبيقات الاندرويد الكوتلن Kotlin, والمعروف عن هذة اللغات انها لغة [&hellip;]
- [كود برنامج بلغة البايثون يقوم بتحويل الارقام  من ديسمل الى هيكسا ديسمل ( من النظام العشري الى السادس عشري )](https://geecoders.com/hex-to-dic-html/): تحويل الارقام بلغة بايثون من ديسمل الى هيساديسمل محبي موقع جي كودر geecoder مرحبا بكم في مقالة جديدة تتعلق بدروس واكواد بايثون python مجانية حيث في هذة المقالة سوف نتعرف على كود بلغة البايثون يقوم بتحويل الارقام من ديسمل dec الى بينري binary و اوكتال octal و هيكساديسمل hexadecimal, ويمكنك التلاعب في هذا الكود لتجعل التحويل من بينري لباقي الارقام او من اي نوع من الارقام, فعند فهمك للكود سيصبح الامر سهل وبسيط فقط يجب ان تكون فاهم للغة البايثون مع الاضافة الى فهمك الى ألية التحويل من صيغة الى الاخرى لكي تستطيع التعديل على الكود بكل ارياحية, وان لم [&hellip;]
- [كود برنامج بلغة الجافا يقوم بحساب الانحراف المعياري - standard deviation java code](https://geecoders.com/standard-deviation-html/): كود برنامج بلغة الجافا يقوم بحساب الانحراف المعياري متابعي مدونة و موقع  جي كودرس مرحبا بكم في اكبر موقع اكواد برمجة عربي, مقالة اليوم من قسم اكواد جافا java code وفي هذة المقالة سوف نتعرف على كود برمجي يقوم بحساب الانحراف المعياري, الكود سهل وبسيط وغير معقد لا اريد منك نقل الكود والرحيل بدون فهم الكود, بحيث اذا طلب منك هذا الكود في الامتحان على سبيل المثال تستطيع كتابتة فالبرمجة فهم وليست حفظ ولكن لكي تفهم يجب ان تكون فاهم لاساسيات البرمجة وكيفة كتابة الكود ونحن في جي كودرس نساعدك على كتابة اول كود برمجي لك في الجافا مع معرفة [&hellip;]
- [برنامج جافا لإيجاد مجموع الأرقام الطبيعية - natural numbers java code](https://geecoders.com/natural-numbers-html/): كود برنامج جافا لمعرفة مجموع الأرقام الطبيعية  اعضاء وزوار جي كودرس geecoders مرحبا بكم في مقالة جديدة في برمجة واكواد جافا, java code حيث في مقالة اليوم سوف نتعرف على كود برنامج لمعرفة الاعداد الطبيعية, وهذا الكود من اكثر الاكواد التي تطلب في الجامعات ومراكز التدريب ويرجع السبب لسهولة واهمية هذا الكود, لو تلاحظون ان جميع الاكواد التي تتواجد على موقعنا الى الان هي نماذج لبرامج مبسطة وفي نفس الوقت سهلة الفهم ولكن في المستقبل ان شاء الله سوف نوفر لكم برامج كبيرة او سورس كود لبرنامج بلغة الجافا, ولكن نريد منكم فهم اللغة والتعمق فيها بشكل اكبر عن طريق [&hellip;]
- [كود برنامج بلغة الجافا يقوم بحساب تقدير الطالب - student grades java code](https://geecoders.com/gpa-student-html/): كود برنامج بلغة الجافا يقوم بحساب تقدير الطالب متابعي جي كودرس geecoders مرحبا بكم في مقالة جافا جديدة، اليوم معنا كود يقوم بحساب درجات الطالب فكرة الكود انة يقوم بحساب الجي بي اي (GPA) الطالب بلغة الجافا java code هذا الكود هو تطبيق على قاعدة if التي قد سبق وان قمت بشرحها لكم في درس تعليم الجافا للمبتدئين ووضعت لكم عدة تطبيقات على هذه القاعده المهمه والتي تستخدم بكثره في لغة الجافا او في اي لغة برمجه اخرى عموما فهي تقوم بالاختبار وفي كود اليوم قمت بتطبيق هذه القاعده على جي بي اي الطالب فكل ما عليك ان تقوم بادخال [&hellip;]
- [كود برنامج بلغة البايثون يقوم بطباعة قلب على شكل نجوم او قلوب ( بايثون بالعربي )](https://geecoders.com/python-code-print-star-heart-html/): كود برنامج بلغة البايثون يقوم بطباعة قلب على شكل نجوم او قلوب متابعي موقع ومدونة جي كودر GeeCoder, نقدم لكم احدث اكواد بايثون python, وفي هذة المقالة نقدم لكم كود مميز وهو لطباعة قلب على شكل نجوم print Heart stars, هذا الكود سبق وان قدمتة لكم بلغة السي بلس بلس ولكثرة المشاهدات على تلك المقالة احببت ان اقدم لكم الكود مرة اخرى ولكن بلغة البايثون, حيث تعتبر لغة بايثون من اكثر لغات البرمجة انتشارا في وقتنا الحالي ولذلك لسهولة تعلمها والتعامل معها وكثير من الجامعات والمعاهد اصبحت تعلم طلاب البرمجة بلغة البايثون ونحن عملنا في جي كودر توفير لكم كل [&hellip;]
- [برنامج Java لتحويل الرقم الثنائي إلى عشري والعكس صحيح - convert binary to decimal java code](https://geecoders.com/bin-to-dis-html/): برنامج Java لتحويل الرقم الثنائي إلى عشري والعكس صحيح متابعي مدونة و موقع جي كودرس مرحبا بكم في مقالة جديدة في لغة الجافا وفي مقالة اليوم سوف نتعرف على كود يقوم بتحويل الرقم الثنائي الى عشري بلغة الجافا او العكس, قد سبق وان قدمنا لكم كود يقوم بتحويل الرقم الثنائي &#8220;الباينري&#8221; الى الثماني &#8220;اوكتال&#8221;, واليوم تحويل الثنائي والمعروف باسم الباينري وهو يتكون من 0,1 الى الرقم العشري او النظام العشري والمعروف باسم &#8220;ديسمل&#8221; والذي لة رقم أساس 10, وهذا الكود من الاكواد التي تطلب منك في الجامعات المختصصة بلغات البرمجة وايضا في مراكز تدربب &#8220;الكورسات&#8221; لان هذة الانظمة هي انظمة [&hellip;]
- [كود برنامج بلغة البايثون يقوم بحل المعادلة التربيعية - Python quadratic equation](https://geecoders.com/equ2-html/): كود برنامج بايثون يقوم بحل المعادلة التربيعية بواسطة لغة بايثون متابعينا الاوفياء بكم يتجدد اللقاء, في مقالة اليوم سوف نتعرف على برنامج بلغة بايثون python يقوم بحساب المعادلة التربعية وحلها Solve Quadratic Equation,حيث تعد المعادلة التربيعية من اكثر الاكواد التي يتم طلبها بلغات البرمجة المختلفة سواء بايثون او جافا او سي بلس بلس او غيرها من اللغات ونحن في في جي كودرس &#8211; geecoders نساعدكم في إيجاد الاكواد التي تطلب منكم في الجامعات والمعاهد التي تدرس لغات البرمجة او حتى الكورسات وتوفيرها لكم بالمجان, حيث يوفر موقعنا الكثير من الاكواد البرمجية بلغات مختلفة فعند طلب منك اي كود حاول ان تبحث [&hellip;]
- [كود برنامج Java لتحويل الرقم الثنائي إلى Octal والعكس صحيح - convert binary to octal java code](https://geecoders.com/java-octal-binary-html/): اكتب برنامج بلغة الجافا لتحويل الرقم الثنائي الى ثماني متابعي جي كودرس geecoders مرحبا بكم في مقالة جديدة في قسم اكواد جافا, حيث في مقالة اليوم اقدم لكم كود بلغة الجافا لتحويل الارقام من الرقم الثنائي &#8220;الباينري&#8221; (Binary)  الى نظام العد الثماني &#8220;الاوكتال&#8221; (Octal) والعكس صحيح, هذا الكود من الاكواد التي تطلب في الجامعات والمعاهد ومراكز تدريب لغات البرمجة, ونحن في جي كودرس نحاول توفير لكم جميع الاكواد التي تطلب منكم وايضا نقدم شروحات في لغات البرمجة مثل تعلم الجافا والبايثون والـ c++, وغيرها من اللغات. تعلم لغة البرمجة جافا من اكثر الطلبات التي يقوم كثير منكم في البحث عنها على [&hellip;]
- [شرح التعامل مع notification بالعربي #2 : تحويل Text الى Notification داخل برنامج android studio](https://geecoders.com/push-html/):  تحويل Text الى Notification داخل برنامج android studio في الدرس السابق تعملنا كيف نقوم بإنشاء اشعار و شرحنا لكم اهم الخصائص التي يحتاجها المستخدم في عملية تطوير تطبيقات الاندرويد وفي هذا المقال سوف نتعرف على نرسل الكلمات التي يكتبها المستخدم وتحويلها الى اشعارات عن طريق EditText وتحويله لنص ونقوم بارساله في الsetContentTitle و setContentText .في دروس تطوير تطبيقات الهواتف الذكية وخاصة تطوير تطبيقات الاندرويد التي نقدمها لكم في موقعنا والذي نتعامل مع برنامج اندرويد ستوديو يجب عليكم التركيز جيدا في كل ما يتم شرحه لكم في المقالة لان مجال تطوير تطبيقات الموبايل ليس بالامر السهل وايضا ليس بالصعوبه التي تعتقدها [&hellip;]
- [شرح التعامل مع notification بالعربي #1 : بناء الاشعارات داخل برنامج اندرويد ستوديو - how to build to notification in android studio](https://geecoders.com/creat-notification-html/):   بناء الاشعارات داخل برنامج اندرويد ستوديو &#8211; how to build to notification in android studioقد لا تخلو تطوير تطبيقات الاندرويد من وجود الاشعارات notification ولذلك نحاول ان نشرح لكم كل شيئ حول الاشعارات في الاندرويد ستوديو وكيف تقوم ببناء الاشعارات بسهوله دون اي تعقيد و تطوير تطبيقات الهواتف الذكية يحتاج منك الفهم اكثر من الحفظ وسوف نشرح لك الاكواد التي سوف نذكرها معكم اليوم لكي تفهم كل شيئ حول الاشعارات لكي تستطيع تطوير تطبيقات الموبايل بالشكل الذي ترغب به بسهوله .في دروس تطوير تطبيقات الهواتف الذكية وخاصة تطوير تطبيقات الاندرويد التي نقدمها لكم في موقعنا والذي نتعامل مع برنامج [&hellip;]
- [شرح كيفية رسم القوس في لغة الجافا | How to Drawing Arc java code](https://geecoders.com/drawact-javacode-html/): شرح كيفية رسم القوس في لغة الجافا | How to Drawing Arc java codeمتابعينا الاعزاء مرحبا بكم في درس جديد من دروس تعلم الرسم بواسطة برمجة الجافا في هذا المقال سوف نتعرف على كيفية رسم القوس باستخدام مجموعة من الاكواد البسيطة وهذا الدرس تابع للدروس السابقة حيث يعد القوس جزء من اجزاء الشكل البيضاوي , تقاس زوايا القوس بالدرجات. تمسح الأقواس (أي تتحرك على طول منحنى) من زاوية البداية بعدد الدرجات المحددة بزاوية القوس. تشير زاوية البداية بالدرجات حيث يبدأ القوس. تحدد زاوية القوس العدد الإجمالي للدرجات التي يكتسح خلالها القوس . ننصحك بالبدء في تعلم لغة جافا وايضا تعليم البرمجة [&hellip;]
- [كيفية رسم نقطة في لغة جافا | how to draw point in java code](https://geecoders.com/point-java-code-html/): كيفية رسم نقطة في لغة جافا | how to draw point in java code مرحبا بكم في درس جديد من دروس تعلم البرمجة بإستخدام لغة الجافا في هذا الدرس سوف نتعرف على كيفية رسم نقطة في نافذة منبثقة حيث يعد هذا من الرسم java graphics وهو من اكثر الانماط التي يجب على كل مبتدئ في الجافا تعلمها بعد فهمه للاساسيات بشكل جيد ونجد اننا قدمنا لكم اغلب الاكواد التي تحتجاها في تصميم برامج بسيطة لك في الجافا لذلك حاول الرجوع الى قسم برمجة جافا لتجد اكواد كثيرة متوفرة بشكل مجاني وايضا يوجد مشاريع مفتوحة المصدر لكي تتدرب عليها وتفهم اللغة بشكل [&hellip;]
- [شروحات تطوير تطبيقات الاندرويد بالعربي : كيفية اضافة Button Bar احترافي لتطبيقك في Android Studio](https://geecoders.com/bottom-bar-html/):  شروحات تطوير تطبيقات الاندرويد بالعربي : كيفية اضافة Button Bar احترافي لتطبيقك في Android Studio مرحبا بكم من جديد في دروس تحسين و تطوير تطبيقات الموبايل في هذة المقالة سوف نتعرف على كيفية اضافة Bottom Bar احترافي وبتنسيق ui جميل جدا وتعد هذة المقالة الثالثة تقريبا حول اضافة bottom navigation لتطبيقك يمنك اختيار اي شكل من الاشكال التي قدمناها من قبل والتي نقدمها لتحسين من شكل تطبيقك .مجال تطوير تطبيقات الاندرويد واحد من اكثر المجالات التي ينصح بتعملها او البدء في تعلم كيفية شركة تطوير تطبيقات الجوال لان اغلب العمل الحر المقدم على الانترنت يبحثون عن تطوير تطبيقات الهواتف الذكية [&hellip;]
- [شروحات اندرويد ستوديو بالعربي : شرح putExtra وكيفية تمرير البيانات من خلاله](https://geecoders.com/putextra%20androidstudio-html-2/):  شروحات اندرويد ستوديو بالعربي : شرح putExtra وكيفية تمرير البيانات من خلاله من اكثر العمليات التي سوف تستخدمها بكثرة وهي عملية putExtra وصراحة بحثت كثيرا الى ان افهم فكرة &#8221; البوت اكسترا &#8221; وكم هي مهمة جدا وتستخدم في تطبيقك بشكل كبير جدا وسوف احاول ان اشرحها لكم بطريقة مبسطة لكي تفهمها , لذلك حاول التركيز جدا في هذة المقالة لان اغلب الاكواد المشاريع والاكواد الكبيره التي نقدمها نستخدم فيها putExtra لذلك ركز جيدا .يعتبر تطوير تطبيقات الاندرويد مهارة مهمه في العصر الحالي ولذلك يبحث كثير منا على تعليم البرمجة للاطفال بالعربي لكي يعلم اطفاله البرمجه وخاصة تطوير تطبيقات الموبايل [&hellip;]
- [كيفية اضافة Bottom navigation بشكل مختلف وجديد في اندرويد ستوديو - android studio chetanbottomnavigation library](https://geecoders.com/chetanbottomnavigation%20-html/):  كيفية اضافة Bottom navigation بشكل مختلف وجديد في اندرويد ستوديو متابعي موقع جي كودرس مرحبا بكم في مقالة جديدة من دروس تحسين و تطوير تطبيقات الاندرويد وفي هذا المقال سوف نتعرف على مكتبة جميلة جدا تقوم بتحسين شكل الBottom navigation &#8211; التنقل السفلي الخاص بنا وتعد هذة المقالة الثانية من انماط Bottom navigation في تحسين و تطوير تطبيقات الهواتف الذكية .يعتبر تطوير تطبيقات الاندرويد مهارة مهمه في العصر الحالي ولذلك يبحث كثير منا على تعليم البرمجة للاطفال بالعربي لكي يعلم اطفاله البرمجه وخاصة تطوير تطبيقات الموبايل ونحن نسعى بقدر الامكان على مساعدتكم في تطوير تطبيقات الهواتف الذكية وايضا تعليم البرمجة [&hellip;]
- [كيف تقوم باخفاء AppBar اثناء النزول الى الاسفل في اندرويد ستوديو - how to hide Appbar on scroll android studio](https://geecoders.com/removeappbar-html/): كيفية اظهار واخفاء appbar في اندرويد ستوديو اثناء عمل scrolling down. في كثر من الاحيان اثناء قيامك بعملية تطوير تطبيقات الاندرويد تريد اخفاء &#8220;الاب بار&#8221; &#8211; AppBar  او بمعنى اخر وهو المستطيل الذي يكون باعلى التطبيق عند التمرير او تريد اضافة appbar لتطبيقك وفي مقالة اليوم سوف نتعرف على كيفية اخفاء / اظهار appbar داخل تطبيقك في برنامج android studio بكل سهوله يعتبر تطوير تطبيقات الاندرويد مهارة مهمه في العصر الحالي ولذلك يبحث كثير منا على تعليم البرمجة للاطفال بالعربي لكي يعلم اطفاله البرمجه وخاصة تطوير تطبيقات الموبايل ونحن نسعى بقدر الامكان على مساعدتكم في تطوير تطبيقات الهواتف الذكية وايضا تعليم [&hellip;]
- [كيفية عرض PDF view داخل برنامج اندرويد ستوديو وعمل RecyclerView لعرض اكثر من pdf .](https://geecoders.com/pdfviewerandroidstudio-html-2/):  شرح كيف تستطيع عرض اكثر من pdf داخل برنامج android studio قد تساعدك فكرة اليوم في تطوير تطبيقات الاندرويد والربح منها فكثير يبحث على مطور يقوم بتحويل pdf الى app mobile وفي مقالة اليوم سوف نساعدكم في انشاء تطبيق اندرويد لعرض ملفات البي دي اف وتقريبا الافكار تم شرحها في مقالات سابقه وسوف نقوم بانشاء pdf viewer بسهوله جدا لذلك تابع الشرح جيدا .تطوير تطبيقات الهواتف الذكية وخصوصا تطوير تطبيقات الاندرويد واحد من اكثر المجالات التي يريد كثير منا تعلمها ويبحث عن دروس حول تعليم البرمجة للاطفال مجانا ونحن في جي كودرس في طبيعة الحال نحاول ان نوفر لكم دائما [&hellip;]
- [كيف يمكن تحديث ملفات المشروع Project اندرويد ستوديو الخاص بك على منصة Github](https://geecoders.com/updategithub-html/):  كيف يمكنك عمل update للمشروع الخاص بك على موقع github لبرنامج اندرويد ستوديو في دروس تطوير تطبيقات الهواتف الذكية وخاصة تطوير تطبيقات الاندرويد التي نقدمها لكم في موقعنا والذي نتعامل مع برنامج اندرويد ستوديو يجب عليكم التركيز جيدا في كل ما يتم شرحه لكم في المقالة لان مجال تطوير تطبيقات الموبايل ليس بالامر السهل وايضا ليس بالصعوبه التي تعتقدها فعملية تطوير تطبيقات الاندرويد تتطلب تشغيل العقل و التفكير اكثر من الحفظ والكتابة وذلك لانه اثناء عملك في تطوير تطبيقات الهواتف الذكية سوف يخطر في بالك افكار تريد تنفيذها في المشروع الذي تعمل عليه من شأنها تطوير تطبيقات رائعه وتحسين من [&hellip;]
- [التعامل مع Map #10 : كيفية تغيير شكل العلامه على الخريطة MarkerOptions في برنامج اندرويد ستوديو](https://geecoders.com/changeicomgooglemaps-html/):  كيفية تغيير شكل العلامه على الخريطة MarkerOptions في برنامج اندرويد ستوديوتعد الماب او الخرائط من اهم الاشياء التي يجب عليك معرفتها اذا كنت تريد التعمق في مجال تطوير تطبيقات الاندرويد ونحن في جي كودرس نقدم لكم دائما شروحات متنوعه في تطوير تطبيقات الاندرويد باستخدام اندرويد ستوديو او غيره من البرامج ولغات البرمجة حيث نهدف لان نصبح واحد من اكبر المواقع العربيه المخصصه في تعلم البرمجة بشكل مجاني و تعليمكم تطوير تطبيقات الهواتف الذكية ببساطه وبدون اي تعقيدات ويوجد قسم كامل في موقعنا مختص بهذا الشيئ يمكنك الذهاب اليه والاطلاع على احدث ما يوجد به . برمجة و تطوير تطبيقات الهواتف [&hellip;]
- [التعامل مع Map #9 : طريقة عمل tracking او تتبع لموقع المستخدم من قاعة البينانات Data base برنامج اندرويد ستوديو](https://geecoders.com/trackingmap-html/):  طريقة عمل tracking او تتبع لموقع المستخدم من قاعة البينانات Data base يعد هذا الدرس نهاية دورة maping من دروس اندرويد ستوديو , بالنسبه للدروس التي سوف تنشر في هذا القسم سوف تكون لطرق مختلفة او اشياء اكثر تقدما في البرمجة و تطوير تطبيقات الهواتف الذكية وتحسين الماب , ولكن اذا فهمت الدروس السابقه وهذة المقالة سوف تكون قادر على التعامل مع maping بسهوله وهي سهله وغير صعبه ولكنها مطوله قليلا واحببنا ان نشرح كل قسم في مقالة منفصله لكي لا يحدث لخبطة . عملية تصميم تطبيق اندرويد مجاني ليست صعبه وفي نفس الوقت ليست سهله فالبعض منكم يعتقد تطبيقات أندرويد [&hellip;]
- [التعامل مع Map #8 : كيفية الحصول على عنوان الموقع من firebase وتحديده على خرائط جوجل بواسطة برنامج اندرويد ستوديو .](https://geecoders.com/map-8-firebase-html/):  كيفية الحصول على عنوان الموقع من firebase وتحديده على خرائط جوجل بواسطة برنامج اندرويد ستوديو . في الدروس السابقه كنا نتعلم على كيفية تخزين بيانات المستخدم داخل firestore , وفي هذا الدرس سوف نتعرف على كيفية الحصول على البيانات من قواعد البيانات او firebase وكيف نظهرها على الخريطة وعمل لها marker اي علامه بسهوله فقط حاول ان تركز جيدا في هذا الدرس لانها بسيط ومهم .عملية تصميم تطبيق اندرويد مجاني ليست صعبه وفي نفس الوقت ليست سهله فالبعض منكم يعتقد تطبيقات أندرويد صعبه ومعقده ولن يتمكن من النجاح في مجال تطوير تطبيقات اندرويد ولكن الامر عكس ذلك وانا كنت واحد [&hellip;]
- [شرح كيفية رفع المشروع Project اندرويد ستوديو الخاص بك على منصة Github](https://geecoders.com/upload-project-android-studio-html/): شرح كيفية رفع المشروع Project اندرويد ستوديو الخاص بك على منصة جيت هبيعتبر تطوير تطبيقات واحد من اكثر الوظايف التي لديها اقبال كبير من اكثر من شركة تطوير تطبيقات الجوال حيث تعد هذة الوظيفة من اهم الوظايف ومطور اندرويد ستوديو لديه القدرة على العمل في شركة تطوير تطبيقات الجوال براتب شهري و ايضا العمل في العمل الحر &#8221; freelancer &#8221; ويوجد مواقع كثرة للعمل الحر على الانترنت ويوجد طلبات في مجال تطوير تطبيقات الموبايل كبير جدا سواء كان بفلاتر او كوتلن او جافا او غيره الجميع موجود , ولكن قد يكون الافضليه لمطورين الفلاتر بسبب انها اوفر في المال وذلك [&hellip;]
- [التعامل مع Map #7 : كيفية اضافة نقطة Marker على الخريطة maps داخل برنامج اندرويد ستوديو](https://geecoders.com/add-marker-google-maps-html/):  كيفية اضافة نقطة على الخريطة maps داخل برنامج اندرويد ستوديو  استكمالات في دروس تطوير تطبيقات الاندرويد والتعامل مع maping نقدم لكم شرح كيفية اضافة نقطة على الخريطة &#8220;تحديد موقع على الخريطة&#8221; مع امكانية اظهار التفاصيل وبدونها وكيف تستطيع اضافة اكثر من نقطة او اضافة نقطة واحده كل هذا سوف نتعرف عليه اليوم , الشرح بسيط لا تقلق فقط ركز فيه وستجد ان الامر بسيط .عملية تصميم تطبيق اندرويد مجاني ليست صعبه وفي نفس الوقت ليست سهله فالبعض منكم يعتقد تطبيقات أندرويد صعبه ومعقده ولن يتمكن من النجاح في مجال تطوير تطبيقات اندرويد ولكن الامر عكس ذلك وانا كنت واحد منكم [&hellip;]
- [التعامل مع Map #6 : شرح استخدام تقنية geocoder في maping داخل برنامج اندرويد ستوديو](https://geecoders.com/geocoder-html/):  شرح geocoder في maping داخل برنامج اندرويد ستوديو اليوم لدينا android studio شرح جديد في دروس التعامل مع map باستخدام اندرويد ستوديو واليوم الشرح سيكون حول جيو كودر ماهي ؟ وفيما تستخدم ؟ geocoder تسمح لنا بالحصول على العنوان عن طريق البحث , بمعنى تبحث عن مكان معين يحضره لك مثل لديك في تطبيقك بحث تقوم بالبحث عن مكان معين ويقوم البرنامج باحضاره لك واخبارك بالتفصيل وهكذا .عملية تصميم تطبيق اندرويد مجاني ليست صعبه وفي نفس الوقت ليست سهله فالبعض منكم يعتقد تطبيقات أندرويد صعبه ومعقده ولن يتمكن من النجاح في مجال تطوير تطبيقات اندرويد ولكن الامر عكس ذلك وانا [&hellip;]
- [التعامل مع Map #5 : اضافة google map الى تطبيقك وشرح كيف التعامل معها في برنامج اندرويد ستوديو](https://geecoders.com/map-5-google-map-html/):  كيفية عرض خرائط جوجل في تطبيقك بواسطة برنامج اندرويد ستوديو &#8211; how to add google maps in android studio عملية تصميم تطبيق اندرويد مجاني ليست صعبه وفي نفس الوقت ليست سهله فالبعض منكم يعتقد تطبيقات أندرويد صعبه ومعقده ولن يتمكن من النجاح في مجال تطوير تطبيقات اندرويد ولكن الامر عكس ذلك وانا كنت واحد منكم صراحة , ولذلك قمت بتاسيس موقع جي كودرس لتعليمكم كيفية تصميم تطبيق اندرويد مجاني وشروحات متنوعه وعديدة في البرمجة واثراء المحتوى العربي بالبرمجة وخاصة مجال تطبيقات أندرويد حيث يعد من اكثر المجالات التي عليها طلب كبير في سوق العمل .مجال تطبيقات أندرويد واحد من اكبر [&hellip;]
- [التعامل مع Map #4 : كيفية التاكد من الموقع يعمل على هاتف المستخدم - how to check gps on or off android studio](https://geecoders.com/gps-on-or-off-android-studio-html/):  كيفية التاكد من الموقع يعمل على هاتف المستخدم &#8211; how to check gps on or off android studioمن اهم الاشياء التي يجب ان تراعيها في تطوير تطبيقات الاندرويد وهي التفكير في ادق التفاصيل التي تحتاجها لتطبيقك , وبما اننا نشرح في maping يجب ان نراعي التاكد من تشغيل gps او location في هاتف المستخدم لانه بدونه لن يعمل تطبيقنا وهذا هو محور درسنا اليوم من تطوير تطبيقات الموبايل ولا تقلق الامر بسيط جدا وهوع عباره عن function سوف نقوم بعملها تظهر لنا dialog يقوم بفتح الموقع او gps بشكل تلقائي دون الحاجه الى فتحه من جهازك . تعد الماب او [&hellip;]
- [التعامل مع Map #3 : شرح كيف يمكنك تحديث بيانات موقع المستخدم بواسطة برنامج اندرويد ستوديو .](https://geecoders.com/update-user-location-html/):  تطوير تطبيقات الاندرويد &#8211; كيفية تحديث وتتبع موقع المستخدم باستخدام برنامج اندرويد ستوديو مرحبا بكم متابعي شروحات تطوير تطبيقات الاندرويد هذا هو الدرس الثالث من دروس التعامل مع الخرائط باستخدام اندرويد ستوديو من سلسلة تطوير تطبيقات الموبايل اوشك كورس تعلم تطوير تطبيقات الهواتف الذكية بواسطة برنامج اندرويد ستوديو باستخدام برمجة جافا على الانتهاء حيث بقي لنا القليل على انتهاء الكورس المجاني وهذا الكورس كفيل بان يعلمك كل شيئ في الاندرويد ستوديو , يمكنك التوجة الى قسم android studio لكي تجد هنا شروحات في تطوير تطبيقات الاندرويد حاول تبدء من البدايه وستجد ان الامر غير معقد وبسيط .في هذا المقال سوف [&hellip;]
- [التعامل مع Map #2 : كيفية تخزين موقع المستخدم داخل قواعد البيانات باستخدام برنامج اندرويد ستوديو](https://geecoders.com/maps-html/):  كيفية تخزين موقع المستخدم داخل قواعد البيانات باستخدام برنامج اندرويد ستوديو في الدرس السابق من دروس تطوير تطبيقات الهواتف الذكية شرحنا لكم كيفية التعامل مع الماب وكيف يمكن ربط الهاتف بخرائط جوجل والحصول على عنوانه وهذا من اجل تطوير تطبيقات , وفي هذا المقال يعد المكمل للمقال السابق حيث ان دروس maping من تطوير تطبيقات الموبايل مهمه جدا ويجب عليك معرفتها ونحن اقتربنا من نهاية كورس جافا الخاص ب تطوير تطبيقات الاندرويد , في هذا المقال سوف نتعرف على يمكن تسجيل عنوان المستخدم داخل قواعد البيانات firestore .شروحات اندرويد ستوديو &#8211; تطوير تطبيقات الاندرويد واضافة موقع المستخدم داخل firebase بسهوله [&hellip;]
- [اندرويد ستوديو بالعربي | شرح كيفية التعامل مع Maping و الحصول على العنوان من المستخدم .](https://geecoders.com/findlocation-html/):  اندرويد ستوديو بالعربي | شرح كيفية التعامل مع Maping و الحصول على العنوان من المستخدم .يعتبر أندرويد ستوديو اقوى برنامج لتصميم تطبيقات الهاتف الجوال بشكل مجاني وهو البرنامج الرسمي في عمليات تطوير تطبيقات الاندرويد وغيرها وهو من تطوير العملاق جوجل حيث تسعى الى تطوير لغات برمجة وبرامج لدعم المطورين ونحن في جي كودرس نقدم لكم android studio شرح بالعربي ومفصل ويسعى الموقع الخاص بنا لتقديم اكواد برمجية مختلفة في لغات برمجة متنوعة ومن اهمها الجافا والبايثون , نقدم لكم اليوم في درس جديد من دروس تعلم الاندرويد استوديو بالعربي كيفة اضافة ماب الى التطبيق الخاص بك وكيفية عمل سماح للمستخدم [&hellip;]
- [كيفية اضافة تقييم RatingBar داخل برنامج اندرويد ستوديو Android studio باي شكل ترغب به](https://geecoders.com/ratingbarandroidstudio-html-2/):  كيفية اضافة تقييم RatingBar داخل برنامج اندرويد ستوديو Android studio اولا قم بعمل RatingBar داخل تصميمك xml واهم الاوامر المستخدمه بداخله هي numStars وهي عدد النجوم و progressBackgroundTint وتعني خلفية اللون و secondaryProgressTint اللون الثاني الذي يظهر و progressTint اللون المكتمل و rating هي بداية التقييم من اي نجمه وهنا قمت بعملها 1 يمكنك تغيره , stepSize حجم التقييم بمعنى انه يمكنك عمل تقييم نصف نجمه او 1.5 او 2.5 وهكذا .يعتبر تطوير تطبيقات واحد من اكثر الوظايف التي لديها اقبال كبير من اكثر من شركة تطوير تطبيقات الجوال حيث تعد هذة الوظيفة من اهم الوظايف ومطور اندرويد ستوديو لديه [&hellip;]
- [حل مشكلة عدم تغيير اللون والخلفية background في الاندرويد ستوديو Android Studio](https://geecoders.com/change-background-android-studio-html/):  تغيير شكل الخلفية داخل برنامج الاندرويد ستوديو اثناء قيامك بعملية تطوير تطبيقات الاندرويد تقابلنا مشكلة وهي قابلتني حقيقتا وهي مشكلة عدم القدرة على تغيير شكل العناصر داخل اندرويد ستوديو وكانت المشكله بكل اختصار وهي عندما اقوم بعمل background للعنصر واضع الخلفية التي اريدها سواء كانت من جهازي او قمت بتصميمها داخل مجلد drawable لا تظهر مع الاسف وكما نعلم ان التصميم من اهم الاشياء داخل تطوير تطبيقات الهواتف الذكية وبحثت كثيرا الى ان توصلت الى الحل والذي كان مسبب للمشكلة وهو theme الذي اعمل عليه فهو كان ماتريال ديزين لذلك يمكنك تغييره الى Theme.AppCompat فقط وسوف تحل المشكلة ولكن سوف [&hellip;]
- [كيفية تحويل كود جيسون json الى ملف وادراجه داخل برنامج اندرويد ستوديو - Json into to android studio](https://geecoders.com/js-html/):   كيفية تحويل كود جيسون json الى ملف داخل برنامج اندرويد ستوديو &#8211; Json into to android studioيعتبر تطوير تطبيقات واحد من اكثر الوظايف التي لديها اقبال كبير من اكثر من شركة تطوير تطبيقات الجوال حيث تعد هذة الوظيفة من اهم الوظايف ومطور اندرويد ستوديو لديه القدرة على العمل في شركة تطوير تطبيقات الجوال براتب شهري و ايضا العمل في العمل الحر &#8221; freelancer &#8221; ويوجد مواقع كثرة للعمل الحر على الانترنت ويوجد طلبات في مجال تطوير تطبيقات الموبايل كبير جدا سواء كان بفلاتر او كوتلن او جافا او غيره الجميع موجود , ولكن قد يكون الافضليه لمطورين الفلاتر بسبب [&hellip;]
- [<div>كيفية انشاء دايلوج " Dialog " مخصص بالشكل الذي تريدة في برنامج اندرويد ستوديو - Custom Dialog box in android Studio</div>](https://geecoders.com/customdialog%20box-html/):   كيفة تقوم بعمل رسالة منبثقة في تطبيقك من اجل تطوير تطبيقات الاندرويدالرسائل المنبثقه او Dialog او التنبيهات او مربع الحوار واحده من اهم العوامل التي يجب ان تتوفر في تطبيقك وذلك لاهمتها القصوى ولانها تعطي شكل جذاب وقد سبق وان شرحناها لكم من قبل في دروس سابقةاثناء قيامك بعملية تطوير تطبيقات الاندرويد تقابلنا مشكلة وهي قابلتني حقيقتا وهي مشكلة عدم القدرة على تغيير شكل العناصر داخل اندرويد ستوديو وكانت المشكله بكل اختصار وهي عندما اقوم بعمل background للعنصر واضع الخلفية التي اريدها سواء كانت من جهازي او قمت بتصميمها داخل مجلد drawable لا تظهر مع الاسف وكما نعلم ان [&hellip;]
- [تصميم navigation bottom جذاب لتطبيقك في برنامج اندرويد ستوديو - navigation bottom smooth](https://geecoders.com/navigation%20bottom-smooth-html/):   اهمية استخدام Bottom navigation داخل تتطوير تطبيقات الاندرويديعتبر واحد من اهم الاشياء الموجوده في تطوير تطبيقات الجوال ولا عنى عنه في تطوير تطبيقات الاندرويد او غيره لاهميته القصوى , وشكلة الاحترافي داخل تطبيقات الاندرويد ستوديو وقد سبق وان شرحنا لكم هذا الـ Bottom navigation او بمعنى اخر بوتوم بار &#8211; bottombar وسوف نقدم لكم في مقال اليوم شرح لكيفية عمل SmoothBottomBar بإستخدام لغة جافا بسهوله , قبل كل شيئ يجب عليك ان تكون متعلم لبرمجة الجافا لان هذة اللغة التي نعمل بها في مقالات الاندرويد ستوديو حاليا لذلك ننصحك بتعملها قبل كل شيئ .يعتبر تطوير تطبيقات واحد من اكثر [&hellip;]
- [كود برنامج بلغة البايثون لحساب مجموع ومتوسط الاعداد | Sum and average numbers in Python](https://geecoders.com/sum%20-average-numbers-python-html/):  اكتب برنامج لغة بايثون يقوم بحساب مجموع ومتوسط الاعداد باستخدام لغة بايثون بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم في درس جديد من دروس تعلم لغة البرمجة بايثون من البداية وحتى المستوى المتقدم ويعد تصميم برنامج بلغة بايثون واحد من اكثر البرامج التي يتم طلبها في سوق العمل وايضا يتم تدريس لغة البايثون في الجامعات بشكل كبيرا ونحن نحاول دائما ان نقدم لكم اكواد بسيطه في هذه اللغه لكي تقوي فيها نفسك اكثر في هذه اللغه وبما ان نحن في مرحله المبتدئين سوف نقدم لكم اكواد بسيطه جدا تساعدك على فهم اللغه ومن هذه الاكواد كود يقوم بجمع [&hellip;]
- [اضافة انميشن اثناء الانتقال بين fragment ببرنامج اندرويد ستوديو](https://geecoders.com/fragment-html/):  اضافة انميشن اثناء الانتقال بين fragment ببرنامج اندرويد ستوديوالسلام عليكم ورحمة الله وبركاته , قد سبق وان شرحنا لكم جميع الطرق التي يمكنك من خلالها استخدام وهي عباره Fragment وهي مسؤوله عن تقسيم الشاشه في الاندرويد استوديو او داخل التطبيق الخاص بك مثل الذي يوجد في تطبيق واتساب حيث يحتوي على المحادثه و الحالات و المكالمات عند النقر على اي زر منهم يتم عرض محتوياته في شاشه واحده وهذه هي فكره الفراجمنت , واليوم سوف نقدم لكم ستايل او انيميشن بسيط جدا عند النقر على اي زر من الازرار الموجوده في الفراجمنت او يمكنك عملها على ازرار تنقلك الى  اكتيفيتي [&hellip;]
- [طباعة جدول الضرب لجميع الاعداد بلغة البايثون - Multiplication table in python](https://geecoders.com/multiplication-html/):  كيفية طباعة جدول الضرب لجميع الاعداد بلغة البايثون الشروحات التي نقدمها لكم في لغه البايثون و تصميم برنامج بلغة بايثون لدينا في موقعنا اليوم شرح جديد و مهمه جديده تطلب منا في الجامعات احيانا وهي طباعه جدول الضرب لاي عدد من الاعداد حيث تتناول في هذه المقاله واحد من اهم الدروس التي سوف تعملك اكثر من شيئ في استخدام لغه بايثون حيث اننا سوف نقوم بطباعه جدول الضرب لاي عدد من الاعداد على سبيل المثال اذا قام المستخدم بادخال الرقم ب ثمانيه سوف يطلع جدول الضرب لجميع الارقام التي يتم ضربها في ثمانيه من واحد الى عشره بمعنى في واحد [&hellip;]
- [كود بلغة بايثون لطباعة محيط ومساحة المستطيل - Calculate the area and perimeter of a rectangle in Python](https://geecoders.com/calc-area-and-html/): كود لطباعة مساحة المستطيل و محيطه بلغة البايثونتعتبر لغه البايثون واحد من اهم اللغات التي يقوم بالبحث عليها مستخدمين كثيرين على الانترنت ويريدون تعلم لغة البرمجة بايثون من البداية وحتى المستوى المتقدم ونحن دائما نحاول ان نشارك معكم مجموعه كبيره من اكواد البايثون و تصميم برنامج بلغة بايثون بشكل مجاني لكي تقوي نفسك في هذه اللغه وتتعرف على طرق جديده لعمل برامج بسيطه في هذه اللغه وبما ان هذة  المقالة موجها اكثر للمبتدئين حيث انك سوف نتعرف في هذه اللغه على كيفيه حساب مساحه و محيط  المستطيل باستخدام python , وهذا الكود قد سبق ان قدمنا لكم كود شبيه له [&hellip;]
- [كود برمجة بلغة الجافا لطباعة رسم مربع ومستطيل منحني الزوايا | Draw curved square java code](https://geecoders.com/blog-post-html-6/): كيفية رسم مربع منحني الزوايا بإستخدام لغة برمجة جافا اذا كنت تريد ان تتقوي في تعلم لغة البرمجة جافا فنحن نقدم لكم اكواد دائما في هذه اللغه وفي لغات برمجيه اخرى بشكل مجاني و ايضا نقوم بتنزيل اكواد عديده لكم يمكن التدريب عليها لكي تتمكن من اللغه وايضا نقدم شرح لي الاكواد التى نقدمها معه ولكن حاول دائما ان تطور من نفسك لا تعتمد فقط على موقعنا بل حاول ان تبحث على اي افكار تدور في راسك وابحث عليها في جوجل وحاول تطبيقها لكي تتمكن من اللغه وايضا هذه اللغه سوف تساعدك بشكل كبير في تطوير و برمجه تطبيقات الاندرويد [&hellip;]
- [كود بلغة الجافا لطباعة رسمة المربع و المستطيل | Draw a rectangle in Java](https://geecoders.com/sraw-rect-html/):  شرح طباعة مربع بلغة الجافا بعده تقدمنا في تقديم دروس تعلم لغة البرمجة جافا الان نقوم بشرح دروس متخصصه فى الرسم بواسطه الحاسب وتحديدا باستخدام لغة جافا في اخر مقاله من دروس تعلم لغة الجافا قدمناها لكم في هذا القسم شاركنا معكم كيفيه طباعه خط بغستخدام برمجة جافا وفي هذا المقال سوف نتقدم قليلا وسوف نطلب منكم طباعه مربع باستخدام لغه الجافا الامر ليس معقد بل انه سهل وتافه جدا ولكن اذا فهمت المقال السابقه فهنيئا لك هذه المقاله لانه سوف نقوم بتغيير اشياء بسيطه فقط عن المقال السابق لكي نحصل على الشكل المطلوب ولكن سوف احاول شرحه لكم ايضا [&hellip;]
- [كود بلغة الجافا يقوم بطباعة الخط بإستخدام الرسم الجافا | Draw a line in Java](https://geecoders.com/draw-line-in-java-html/):  كيفية رسم خط بإستخدام لغة الجافا | how to draw line in java بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم في درس جديد من دروس الجافا في الدروس السابقه قمنا بشرح لكم بدايات واستخدامات بسيطه في برمجة الجافا ولكن من بداية هذه المقاله سوف نتقدم الى مستوى مختلف قليلا او مستوى متقدم وسوف نبدا بشرح كيفيه الرسم في لغه الجافا عن طريق الاكواد حيث ان هذه المقالات سوف تفيدك جدا اذا كنت ترغب في تعلم تطوير التطبيقات الاندرويد حيث قدمنا لكم شروحات حول هذا المجال و شروحات كثيره جدا ولكن في هذه المقاله سوف نبدا ان [&hellip;]
- [شرح كيفية اضافة bottom navigation داخل التطبيق ببرنامج الاندرويد ستوديو](https://geecoders.com/navigation-html/):  شرح اضافة navigation bottom داخل التطبيق عن طريق برنامج الاندرويد ستوديو بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم في درس جديد من دروس الاندرويد استوديو في هذا الدرس سوف نتعرف باذن الله تعالى على كيفيه انشاء navigation bottom حيث يعد هذا أكثر الأشياء استخداما داخل تطبيقات الاندرويد وهو عبارة عن شريط يظهر في اسفل التطبيق يحتوي على مجموعه من الخصائص الذي نشاهده في اغلب تطبيقات التواصل الاجتماعي مثل انستقرام وفيس بوك وغيرها من التطبيقات وهو عباره عن مجموعه من الازرار داخل مربع توجد في اسفل التطبيق الخاص بك سوف نتعرف على طريقه اضافته داخل اندرويد ستوديو [&hellip;]
- [كيف تستطيع تعلم  البرمجة عن طريق الهاتف بطريقة ممتعه وبسيطة | How to learn programming](https://geecoders.com/how-to-learn-programming-html/):  كيفية تعليم البرمجة للاطفال مجانا وبسهوله عن طرق اللعب ! كما نعلم ان البرمجه في العصر الحالي واحده من اهم المهارات التي يجب ان نتعرف عليها ويتم تدريسها في كثير من المدارس والجامعات بسبب أهميتها وكثيرا منا يريد ان يتعلم تصميم واجهة برمجة التطبيقات ويعلم ابنه البرمجه بسهوله و برمجة تطبيقات سطح المكتب للاطفال و نحن في موقعنا موقع جي كودرس &#8211; geecoders سنحاول دائما توفير لكم شروحات  في مختلف لغات البرمجه بشكل مستمر ولكن هذه الشروحات قد لا تكون موجهة للأطفال ولكن هذه المقاله موجه لهم تحديدا وتساعد طفلك في تعليم البرمجة للاطفال مجانا , في هذه المقالة اشارك [&hellip;]
- [شرح استخدام Guideline داخل برنامج اندرويد ستوديو](https://geecoders.com/guideline-html/):  شرح استخدام Guideline داخل برنامج اندرويد ستوديو هل صممت يوما تطبيق بمقاسات معينه وطلب منك العميل تعديل المقاسات و الاحجام ولكن هذا التعديل بسيط جدا ورغم بساطته سوف يجعلك تعيد تغيير كل عناصر التطبيق من الاول في طبيعة الحال سوف تذهب الى كل عنصر وتصغيره الى ان تصل الى المستوى المطلوب وتضيف العناصر التي يطلبها المستخدم اذا اراد وهذا الامر سوف يأخذ من وقت وجهد ولذلك يوجد خاصيه داخل استخدام ConstraintLayout وهي تسمى Guideline وهذه الخاصية تمكنك من تصغير مجموعه العناصر الموجودة داخل الاندرويد بشكل كامل دون تصغير الاجزاء واحد تلو الاخر يمكنك عمل Guideline وجعله vertical او horizontal على [&hellip;]
- [شرح كيفية استخدام constraintlayout داخل برنامج اندرويد ستوديو Android studio](https://geecoders.com/constraintlayout%20-html/):  شرح استخدام constraint layout داخل برنامج اندرويد ستوديو Android studio بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته في مقالة اليوم سوف نتعرف على خاصية جديدة من خصائص التصميم في برنامج الاندرويد ستوديو وخاصه xml وهي constraintlayout في الدروس السابقه تعرفنا على RelativeLayout وايضا  LinearLayout في هذه المقال سوف نتعرف على اكثر طريقه استخداما وهي constraint layout ويمكنك من هذه الطريقه تصميم الشكل الذي ترغب به من خلال الماوس او الاكواد وهذه الطريقه سهله جدا و تستخدم بكثرة , وفي هذه المقالة سيتم شرح كل شيئ لكم بالتفصيل كل شيء حول التصميم عن طريق هذه الخاصية سواء عن طريق [&hellip;]
- [شرح اضافة قائمة جانبية navigation drawer داخل تطبيقك في برنامج اندرويد ستوديو](https://geecoders.com/navigationdrawer-html/):  كيفية اضافة قائمة جانبية navigation drawer داخل تطبيقك في برنامج اندرويد ستوديو navigation drawer android &#8211; نافيجيشن درور او القائمه الجانبية وهي واحد من اكثر الاشياء التي يتم استخدامها في برنامج الاندرويد ستوديو والتي قد نشاهدها ايضا فى اغلب التطبيقات المستخدمة حاليا وخصوصا تطبيقات السوشيال ميديا فهي قائمة جانبية يمكنك النقر عليها وسوف تظهر لك مجموعة من الخيارات يمكنك تصميم هذه القائمة الجانبية بالتصميم الذي تريده و بالشكل الذي ترغب به فى هذه المقاله سوف نتعرف على كيفيه انشاء قائمة الجانبية او navigation drawer وايضا سوف يمكنك من التعديل عليها و سوف نشرح كل شيء تتضمنها هذه القائمة لذا تابع [&hellip;]
- [كيفية اضافة قائمة تظهر من الاسفل الى الاعلى - Bottom sheet داخل برنامج اندرويد ستوديو](https://geecoders.com/sheet-html/):  شرح اضافة بوتوم شيت بالعربي داخل برنامج اندرويد ستوديو البوتوم شيت &#8211; Bottom sheet واحد من أكثر الأشياء التي يتم تداولها واستخدامها في برنامج الاندرويد استوديو داخل التطبيقات التي يتم إنشاؤها وفي الدرس السابق تعرفنا على طريقة إنشاء بوتوم شيت &#8211; Bottom sheet بالطريقه الصعبه وهي الطريقة التي افضلها بشكل شخصي لانك سوف تكون قادر على انشاء جميع الأفكار التي تريدها في الطريقه السابقه لكن في هذه الطريقة هي تعد أسهل بكثير من سابقتها ولكنك سوف تكون مقيد بين مجموعه من الاوامر ولكن هذا لا يعني أنه لا يمكن التعديل عليها بل يمكن التعديل عليها بسهولة وكل هذا سوف نتعرف [&hellip;]
- [شرح كيفية اضافة البوتوم شيت - Bottom sheet داخل برنامج الاندرويد ستوديو بالعربي](https://geecoders.com/bottom-sheet-html/):   كيف استخدام البوتوم شيت &#8211; Bottom sheet داخل تطبيقك في الاندرويد ستوديوالبوتوم شيت &#8211; Bottom sheet يعتبر واحد من أكثر الأشياء التي تستخدم في برنامج الاندرويد استوديو Android Studio في صناعة و تطوير تطبيقات اندرويد ستوديو وفي هذا المقال سوف نتعرف بأذن الله على طريقة إنشاء بوتوم شيت &#8211; Bottom sheet من الصفرحيث يوجد طريقتين لانشائه في هذا المقال سوف نتعرف على الطريقة الاصعب وهي التي أفضلها شخصيا و في المقال القادم سوف نتعرف على الطريقة السهلة وفي نهاية الامر الاثنين يعطي نفس النتيجه ولكن سوف نقوم به اليوم سوف يكون اعم واشمل حيث يمكنك تصميم ما تريد بسهوله [&hellip;]
- [كود برنامج بلغة البايثون يقوم بتحويل العملات - python code Currency Converter](https://geecoders.com/currency-html/):  دورة لغة بايثون للمبتدئين &#8211; How to learn Python تعبر لغة python واحد من أكثر اللغات السهله ويبحث كثير من الاشخاص على دورة لتعلم البرمجة بإستخدام لغة الجافا بطريقة سهلة و التعلم بشكل جيد سواء للمبتدئين او للمحترفين من الصفر بلغة ألبايثون وهي أكثر لغة من بين لغات كثيرة عليها بحث كبير لتعلمها و كورس لغة بايثون بالعربي ونحن في جي كودرس قد قدمنا لكم دورة باللغة العربية في كيفية كتابة اول كود في اللغة بطريقة مبسطة و يمكنك من بعدها التعلم من مصادر او كتاب في البايثون لتتطور من نفسك وتحسن من المستوى الخاص بك لن الدورة التي قدمنها [&hellip;]
- [شروحات أندرويد ستديو : كيفية نقل البيانات بإستخدام navigation component من فراجنت الى اخر عن طريق Android Studio](https://geecoders.com/fragment%20graph-html/):  شرح كيفية تمرير البيانات عن طريق الرسم في الاندرويد ستوديو &#8211; Fragment Graph بالعربيتعلمنا كيفية إنشاء fragment بالعربي من داخل برنامج اندرويد ستوديو Android Studio ، وربطهما معًا ، ونقل البيانات بينهما ، والتبديل من جزء إلى آخر في الدروس السابقة من سلوك الفراجمنت. لقد غطينا تقريبًا كل ما يمكن معرفته عن هذا الموضوع ، ولكن في هذا المنشور ، سنعرض لك الجزء بأكمله. بطريقة مختلفة وأحدث ، يمكننا من خلالها إنشاء المزيد من الأجزاء ، وربطها من خلال الرسم البياني ، ونقل البيانات بينها بسهولة ، وهذا النهج أسهل وأبسط من الطرق التي ناقشناها سابقًا ، لكن من غير [&hellip;]
- [شروحات اندرويد ستوديو : شرح انشاء Navigation component والتعامل مع التعامل مع Fragment Graph داخل Android Studio](https://geecoders.com/navigationcomponent-html/): شرح Navigation component بالعربي داخل برنامج اندرويد ستوديو Android Studio بالعربيفي الدروس السابقة من شروحات الفراجمنت Fragment بالعربي تعرفنا على كيفية انشاء fragment من داخل برنامج الاندرويد استوديو &#8211; Android Studio وكيفية ربطها ببعضها البعض وتمرير البيانات بينهم والانتقال من فراجمنت الى فراجمنت اخرى وتقريبا شرحنا كل شيء حول هذه القضية ولكن في هذه المقالة سوف نقدم لك fragment ولكن بصوره مختلفه وبشكل احدث حيث سوف نقوم بعمل وانشاء اكثر من فراجمنت وربطهم ببعض عن طريق Graph وهذه الطريقة تعد اسهل وابسط من الطرق التي قدمناها سابقا ولكن لا يصح ان نقدم لكم السهل ثم الصعب نحن نريد ان نشرح [&hellip;]
- [اندرويد ستوديو : كيفية استخدام dialog داخل Fragments ببرنامج Android Studio](https://geecoders.com/dialog-fragmeent-html/):  شرح الفراجمنت Fragments وفيما يستخدم داخل تطوير تطبيقات الاندرويد Android Studio Fragments هي شكل من أشكال النشاط الذي يسمح لك ببناء عدة وحدات لنشاط نمطي في اندرويد ستوديو android studio . او بعبارة أخرى ، الفراجمنت هي شكل من أشكال النشاط الفرعي ، مع عمليات الاسترجاعات التي تحدث طوال وجود الجزء activity ، يكون للجزء تخطيطه وإجراءاته الخاصة. أثناء تشغيل العملية ، قد يتم إدخال جزء أو إزالته. وقد لا تخلو تطبيقات اندرويد منها لإنشاء واجهة مستخدم متعددة المستويات ، يمكن تجميع عدة أجزاء في عملية واحدة. يمكن تطبيق جزء واحد على العديد من الأنشطة. تتشابك دورة حياة الجزء Fragments مع دورة [&hellip;]
- [شروحات اندرويد ستوديو : كيفية نقل واستقبال البيانات داخل Fargment - برنامج Android Studio](https://geecoders.com/androidstudio-fragmen-recycler-html/):  مقدمة عن Fargment بالجافا عن طريق برنامج اندرويد ستوديو الفراجمنت قد لا تخلو من برمجة تطبيقات الأندرويد ، فهي تعمل على فتح مجموعة من الصفحات في عملية الواحدة مثل الصفحة في تطبيق الواتساب ، كما تعطي تصميم التطبيقات مظهرًا رائعًا ، وسنشرح ذلك لكم بلغة جافا ، استمرارًا للدرس السابق . نظرًا لأن استخدام Android Studio لتطوير تطبيق يعد أكثر احترافية من إنشاء تطبيقات Android بدون برمجة ، يمكنك استخدام ما تعلمته للعمل في شركة تقوم بتطوير تطبيقات لنظام IPhone أو Android اعتمادًا على ما تعلمته ، أو يمكنك إضافة admob اعلانات على تطبيق الاندرويد والاستفادة منه. يمكنك استخدام ما [&hellip;]
- [اندرويد ستوديو - كيفية عرض البيانات داخل كل RecyclerView عن طريق Fragment RecyclerView onClick android Studio](https://geecoders.com/recycler-android-html/):  ماهي فكرة عمل الفرجمنت fragment في برنامج أندرويد استوديو android studio ؟الفراجمنت قد لا تخلو برمجة تطبيقات الاندرويد منها ولذلك لانها تقوم بي تطوير وتحسين تطبيق الأندرويد وتقلل المساحة فهي تعمل على فتح مجموعة صفحات في اكتفتي واحدة one activity مثل الصفحة الموجودة في تطبيق واتساب وايضا تعطي تصميم التطبيقات شكل رائع وسوف نشرحها لكم بي لغة الجافا استكمالا للدروس السابقة , حيث ان تصمييم تطبيق بواسطة اندرويد ستوديو android studio يكون اكثر احترافية من صنع تطبيقات اندرويد بدون برمجة استخدامك لغات البرمجة لتطوير برامج وتطبيقات افضل بكثير من نظام تعلم تصميم تطبيقات اندرويد ستوديو android studio بدون لغات برمجة [&hellip;]
- [كيفية استخدام Fragment داخل RecyclerView ببرنامج اندرويد ستوديو Android Studio](https://geecoders.com/fragment-recyclerview-androidstudio-html/):  ما هو الفرجمنت fragment داخل برنامج أندرويد استوديو android studio ؟ بسم الله الرحمن الرحيم ، fragment معناها باللغة العربية تعني متقسم او إنقسام وهي تعني اننا نقوم بتقسيم شاشة العرض الى عدة اجزاء لكي تعمل في شاشه واحده وابسط مثال على ذلك ألتطبيق الشهير WhatsApp يوجد مكان للمحادثات ومكان لعرض الحالة والاخر للاتصالات وجميعهم يعملون في نفس الشاشه العرض وتعد الفراجمنت احد اهم ألخواص ببرنامج الاندرويد ستوديو android studio ويجب شرح تلك الخاصية بالتفصيل لكي تكون البداية لك صحيحة و الخطوات سليمة في تعلمك شرح اندرويد ستوديو وهي تستخدم في كثير من تطبيقات الأندرويد apps android studio ، وفي [&hellip;]
- [شرح استخدام Fragment داخل برنامج اندرويد ستوديو Android Studio](https://geecoders.com/fragment-android-html/):  ماهو شرح الفرجمنت fragment في برنامج أندرويد استوديو android studio ؟بسم الله الرحمن الرحيم ، fragment معناها بالعربي متقسم او انقسام وهي تعني اننا نقوم بتقسيم الشاشة الى عدة اجزاء لكي تعمل في اكتفتي واحده وابسط مثال على ذلك ألتطبيق الشهير واتساب يوجد مكان للدردشه ومكان للحالات والاخر للمكالمات وجميعهم يعملون في نفس الشاشه وهي احد اهم الخواص ببرنامج الاندرويد ستوديو android studio ويجب شرح تلك الخاصية بالتفصيل لكي تكون البداية لك صحيحة و الخطوات سليمة في تعلمك شرح اندرويد ستوديو وهي تستخدم في كثير من تطبيقات الأندرويد apps android studio ، وفي هذا الشرح سوف تتعلم حول كل شيئ [&hellip;]
- [كيفية ادارج صور svg داخل تطبيقك في برنامج اندرويد ستوديو Android Studio](https://geecoders.com/svg-android-studio-html/):  لماذا يفضل إستخدام الصور Svg في تصميمك داخل الأندرويد استوديو ؟بسم الله الرحمن الرحيم , برمجة صيغة &#8221; اس في جي &#8221; تعمل على الصور على دقة عالية من الوضوح و سوف تحسن من مظهر التطبيقات الخاصة بك مع اضافة حيوية لشكل apps وكل هذا عن طريق download ملف free يوجد على كثير من المواقع التي قد سبق وان شاركناها معكم الخاصه بـ صور مصغرة لاي تطبيق اندرويد android studio لذلك سوف نشرح لك في هذا الدرس كيفية اداراج الصور الفيكتور داخل تطبيقك لتطوير development وتحسين شكلة وكل هذا الشرح لبرنامج اندرويد استديو android وايضا الشروحات القادمه خاص بي برنامج [&hellip;]
- [اندرويد ستوديو : كيفية عمل تمرير للصور بشكل احترافي عن طريق اضافة ViewPager2 - برنامج android studio](https://geecoders.com/viewpager2%20-html/):  كيف يمكنك اضافة تمرير للصور بشكل احترافي بسم الله الرحمن الرحيم موقع و مدونة جي كودرس ترحب بكم في شرح جديد ومميز داخل برنامج android studio وفي هذا امقال نقدم لكم code او مكتبة ViewPager2 وهي مكتبة جاهزة تساعدك في تطوير وتحسين من شكل تطبيقك بشكل مجاني حيث تقدم ميزة للتمرير بشكل فريد سواء كان على صور او cardview . عن مكتبات program الأندرويد استوديو &#8211; android studioيقدم الاندرويد &#8211; android studio  إمكانية إستيراد مكتبات تم تطويرها من قبل اشخاص اخرين حيث يقوم المصمم بعمل المكتبة وعمل سورس source او تطبيق عباره عن سطر يتم اضافتة لتفعيل المكتبة لديك دون الحاجة [&hellip;]
- [افضل طريقة تجعلك لا تنسى الاكواد وتححبك في البرمجة ( تعلم البرمجة بالعربي بسهولة )](https://geecoders.com/love-programming-html/):  كيفية تعليم البرمجة للاطفال بالعربيتعليم البرمجة للأطفال في عمر مبكر يقدم لطفلك و يساعد على تطوير التفكير وحس الابداع لديه في سن مبكر وهذا أفضل بكثير من الألعاب او مشاهدة فيلم بلا فائدة فكل هذا ينعكس على الأطفال بالسلب و يسبب العقبات مستقبلا لذلك ننصحك بتعليم الأطفال عن طريق دوره تدريبة او اخذ دروس باللغه العربية سواء من اليوتيوب او من منصة أكاديمية حسوب وهي اشهر اكادمية تقدم طورات برمجيه وتتكون من فريق عربي من مختلف البلدان من ضمنها السعودية وايضا الدروس ليست مقتصره فقط لصغار السن بل لديهم شروحات لي الكبار ايضا الموقع الخاص بنا Geecoders يقدم programming بالـ [&hellip;]
- [كود Bubble Sort بلغة الجافا java مع الشرح بالعربي](https://geecoders.com/bubble-html/):  كود Bubble Sort بلغة الجافا java مع الشرح بالعربيالسلام عليكم ورحمه الله وبركاته مرحبا بكم متابعي موقع جي كودرس &#8211; geecoders مرحبا بكم في مقاله جديده في اكواد الجافا في مقاله اليوم سوف نقدم لكم كود الفقاعه او ترتيب الفقاعه او كما يعرف Bubble Sort وهذه الخوارزميه واحد من اشهر الخوارزميات المستخدمه في algorithms وايضا تدرس هذه الخاصيه  داخل الجامعات تحديدا في ماده هندسه البرمجيات او ما يطلق عليها في بعض الجامعات algorithms ويجب على كل مبرمج ناجح معرفه الخوارزميات هذه لكي يتمكن من كتابه الكود بشكل صحيح والتفكير في الفكره التي تدور براسه وتحويلها الى كود لذلك انصحك جدا في مشاهده [&hellip;]
- [كل ما تريد معرفتة حول لغة الجافا ولغة c++ وايهما افضل بالنسبة لك](https://geecoders.com/c-html-2/): كل ما تريد معرفتة حول لغة الجافا ولغة c++ وايهما افضل بالنسبة لك  من منا لا يرغب بتعلم البرمجة و برمجة برامج وايضا تصميم تطبيقات الاندرويد وفي بدايتك سوف تجد ان اغلب الاشخاص يخبرونك بالبدء بلغة الجافا والشق الاخر يخبرك بلغة سي بلس بلس وهنا تبدء الحيرة لك ايهما تبدء جافا ام سي بلس بلس ؟ وبما انك متواجد في هذة المقالة فأنت بالطبع محتار بينهم وسوف نشرح لك كل شيئ بشكل مبسط وممتع لذلك تابع المقالة الى النهاية لكي تستفاد ولا تنسى مشاركتها مع اصدقائك .ماهي علاقة الجافا بـ تصميم تطبيقات الاندرويد ؟لتعلم برمجة الاندرويد من الصفر الي الاحتراف [&hellip;]
- [لماذا نضع namespace في اعلى الكود المكتوب بلغة ++C وما الفائدة منه ؟](https://geecoders.com/namespace%20-html/): لماذا نضع namespace في اعلى الكود المكتوب بلغة ++C وما الفائدة منه ؟ يتساءل الكثير منا ، عند بدء تشغيل C ++ ، عن أهمية استخدام مساحة الاسم using namespace std في بداية الكود الخاص به وماذا يحدث اذا لم اضعها في الكود الخاص بي ؟ هل لن يعمل الكود ام سوف يعمل ويحدث مشاكل ؟ كل هذة التساؤلات التي تدور براسك سوف نحاول ان نجاوب لكم عليها في مقالة اليوم لذلك اذا كيف تصبح مطور برامج ناجح دون معرفة هذة التفاصيل البسيطة التي تكتب ف البرنامج ؟ يجب عليك دائما البحث عن اي شيئ تجدة بشكل تلقائي في الكود لكي [&hellip;]
- [مجموعة من افضل المواقع التي تساعدك في اختيار الالوان المناسبه لتصميمك](https://geecoders.com/blog-post-html-7/): مجموعة من افضل المواقع التي تساعدك في اختيار الالوان المناسبه لتصميمك اذاكنت ترغب ببناء تصميم موقع الكتروني احترافي على الانترنت وللاسف محتار في اختيار الالوان وتبحث عن خلفيات جرافيك لموقعك او تطبيقك فلا تقلق انت في المكان المناسب حيث نقدم لك مجموعة من المواقع المذهله التي ستساعدك في بناء اي تصميم بشكل احترافي , لذلك اقرء المقالة للنهايه لكي تستفاد فهذة المواقع التي اشاركها معكم قد لا يخبرك بها احد . كيف تستطيع تصميم مواقع الكترونية و صناعة تطبيقات اندرويد احترافية ؟عزيزي الزائر يمكنك تصميم مواقع الكترونية على الويب وصناعة تطبيقات اندرويد احترافية جدا وبالوان متناسقه دون الحاجه الى مصمم graphic [&hellip;]
- [ماهو افضل موقع صنع تطبيقات اندرويد مجانا وكيف الربح منها ؟](https://geecoders.com/how-to-learn-android-html/):  ماهو افضل موقع صنع تطبيقات اندرويد مجانا وكيف الربح منها ؟اذا كنت تريد إنشاء التطبيقات أندرويد مجانا دون الحاجة الى برنامج ابتكار تطبيقات الاندرويد فهذا الامر غير مرغوب به والسبب في أن اغلب مواقع إنشاء تطبيقات أندرويد android بدون برمجة لن تكون بمثابة انشاء تطبيقات على أندرويد ستوديو او بإستخدام لغات برمجة حتى لو كان افضل موقع لعمل تطبيقات الاندرويد او افضل برنامج لصنع تطبيقات الاندرويد دون لغات برمجة فسوف تكون مقيد بعدد من الخصائص التي لن تستطيع تنفيذ تطبيق اندرويد بكفاءة وبألافكار التي ترغب بها عكس البحث عن أفضل موقع للصنع من تطبيقات الاندرويد او أفضل موقع للتطبيقات . [&hellip;]
- [شرح كيفية استخدام MVC داخل تطبيقات الاندرويد](https://geecoders.com/mvc-html/):  شرح كيفية استخدام MVC داخل تطبيقات الاندرويدبسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم في أول مقاله من مقالات قسم MVVM حيث في هذه المقاله سوف نتعرف على architecture pattern وماهي اهميتها وفيما تستخدم وبما ان هذة اول مقالة سوف نشرح على MVC  نقدم شرح عامي لايصال الفكرة وبعدها نقدم لكم شرح برمجي وبعد ذلك نقدم لكم الكود البرمجي الخاص بهذة الخاصية ولكن يعد هذا النوع اقل نوع استخداما وقد لا تطلبه الشركات لان المطور يكون المسؤول عن كل شيئ وسوف تتضح الصورة لكم بشكل أكبر من خلال الشرح لماذا تعد architecture pattern مهمة في تطبيقك . تعد [&hellip;]
- [تعرف على الفرق بين MVC و MCP و MVVM في صناعة تطبيقات اندرويد Android Studio](https://geecoders.com/mvvm-mvc-mcp-html/):  لماذا يعتبر Architecture Pattern مهمًا في تطبيقك ؟ هذه الطرق مطلوبة جدًا لمطوري تطبيقات Android و صناعة تطبيقات اندرويد لأنها مهمة جدًا وهي بكل اختصار يتم من خلالها فصل عمل المبرمج عن عمل مبرمج الواجهة وما إلى ذلك بحيث يكون لكل شخص عمل محدد في التطبيق. هذا إذا كنت تعمل ضمن فريق وكان مشروعك كبير جدًا ، لذلك تستخدم الأساليب التي سنقدمها لك في المقالات التالية architecture pattern حتى يعرف مصمم الواجهة عمله ومصمم الكود عمله ، ولذا فهو يتم طلبة بكثرة في سوق العمل وذلك لسهولة قراءة التعليمات البرمجية الخاصة بك كمبرمج من قبل أشخاص آخرين. هذا إذا كنت تعمل [&hellip;]
- [ما الفرق بين For loop و do loop و While loop في البرمجة ؟](https://geecoders.com/for-loop-do-loop-while-loop-html/): ما الفرق بين For loop و do loop و While loop ؟السلام عليكم ورحمه الله وبركاته متابعي ومتابعات موقعكم موقع جي كودر مرحبا بكم في مقاله جديدة من مقالات تعلم البرمجة في هذه المقالة سوف نتحدث عن قاعده مهمه وهي التكرار حيثوا يمكننا عمل تكرار لي العناصر الموجودة لدينا في الكود عن طريق ثلاثة أشياء وهم فور لوب , وايل لوب , دو وايل لوب وهذه المقالة تم انشائها تحديدا لتحديد الفروقات بين هؤلاء الطرق المستخدمين في عملية التكرار وتعدا الفورلوب &#8211; For  هي أكثر طريقة شائعة بينهم . نحن دائما نتهم بتعليم البرمجة سواء للكبار او البرمجة للاطفال ( [&hellip;]
- [مجموعة الوان متناسقة لتحسين التطبيق والتصميم الخاص بك | Color enhancement of the project](https://geecoders.com/color-enhancement-of-project-html/):  مجموعة من الألوان الجذابة والتي تجعل من تطبيقك وموقعك تحفة فنيةالتصميم واحد من اهم الاشياء التي تعطي انطباعا عن الشخص سواء كان مصمم أو مطور او حتى يعمل في مجال المونتاج او الدعايه والاعلان او اي شيء له علاقة بالتقنية تقريبا واذا كنت مبرمج ناجح وتكتب الاكواد بشكل صحيح ولكن تصميم التطبيق الخاص بك غير جميل والالوان المستخدمه داخله مضرة بالنظر وغير محبذة سوف تجد فشل في تطبيقك لان اغلب المستخدمين يهتمون اولا بالمنظر العام والتصميم وبعدها ينظرون إلى الخدمة التي يقدمها التطبيق ( ليس الجميع ولكن الاغلب ) . مجموعة الوان متناسقة لتحسين التطبيق والتصميم الخاص بك .  بسم [&hellip;]
- [كود Ternary search بلغة الجافا java مع الشرح بالعربي](https://geecoders.com/ternary-search-html/): كود Ternary search بلغة الجافا java مع الشرح بالعربي بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته متابعي ومتابعات موقع ومدونه جي كودرس مرحبا بكم في مقاله جديده في اكواد الجافا وايضا algorithms جديد اليوم سوف نتعرف على خوارزمية تعد من اكثر الخوارزميات استخداما في البرمجة وهي ترنري سيرش &#8211; Ternary search تستعمل هذه الخوارزمية في عملية ترتيب البيانات او العناصر الموجودة داخل مصفوفة وهي شبيهه جدا بي binary search لذلك ارجو منكم متابعة المقال للاستفاده .  Ternary searchإنه مشابه للبحث الثنائي ، حيث نقسم المصفوفة إلى جزئين ، لكننا هنا نقسم المصفوفة المعطاة إلى ثلاثة أجزاء فقط في هذه [&hellip;]
- [كود البينري سيرش - Binary Search بلغة الجافا java مع الشرح بالعربي](https://geecoders.com/binary-html/): كود البينري سيرش &#8211; Binary Search بلغة الجافا java مع الشرح بالعربيخوارزمية البحث الثنائي واحد من أكثر الخوارزميات التي يتم استخدامها في عالم البرمجة وايضا يتم تدريسها في الجامعات وذلك لاهميتها الكبيره وهي خوارزمية تعمل على ايجاد العناصر بسرعه عاليه بمعنى انه لديك مصفوفة array تحتوي على مجموعه من الارقام ولكنها بشكل مرتب وهنا يأتي دور خوارزمية البحث الثنائي والتي تعمل على إيجاد القيمة المرادة ويخبرك موقعه بالنسبة لمجموعة الارقام , وسوف نقدم لكم كودين واحد يمكن المستخدم من ادخال الارقام و القيمة المراد الحصول عليها ومعرفة موقعها  والآخر تكون القيم والمدخلات موجودة بداخله ولن يحتاج المستخدم بإدخالها Binary Searchتحقق [&hellip;]
- [معلومات عن flutter وماهو الجديد في فلاتر وهل سيكون هو المستقبل ام لا ؟](https://geecoders.com/flutter2-0-html/): ما هو ال flutterفلاتر هي بيئة عمل SDK من تطوير الشركة العملاقة جوجل وهو مخصص لتطوير برمجة التطبيقات على الاجهزة الذكية مثل تصميم تطبيقات اندرويد و و أي او إس &#8211; ios ونظام فوشيا ( وهو يعد نظام جديد من جوجل ربما لم تسمع عنه من قبل ) حيث تركز الفلاتر على تجربة المستخدم Ux وايضا المطور في وقت واحد وذلك بسبب توفيرة لاطار شامل بلغة تسمى &#8221;  دارت&#8221; مخصص لرسم الواجهه بدقة عالية و بحث عن تطبيقات ذات اداء مميز في نفس الوقت يقدم للمطور ادوات تجعله يقوم ببناء التطبيق / التطبيقات بشكل كامل في وقت قليل . لماذا [&hellip;]
- [كود Selection Sort بلغة الجافا java مع الشرح بالعربي](https://geecoders.com/selection-html/): كود Selection Sort بلغة الجافا java مع الشرح بالعربيبسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم مرة اخرى في اكواد جافا حيث في مقاله اليوم نقدم لكم كود مهم جدا الخوارزميات وهو selection sort algorithm , تعتبر هذه الخوارزمية واحد من اكثر الخوارزميات استخداما في algorithm  لذلك جلبنا لكم هذه الخوارزمية والكود الخاص بها مع توفير شرح لها باللغة العربية  . شرح خوارزمية الترتيب الانتقائي &#8211; selection sort algorithm تعتبر خوارزمية Selection Sort وتعني بالعربية ترتيب انتقائي وهي واحده من اهم الخوارزميات التي يجب على المبرمج الناجح فهمها وهي تقوم بفرزع المصفوفه الى الوصول الى اقل قيمة للعنصر وذلك مع [&hellip;]
- [تطبيقات على إستخدام SubQuery و Multiple Tables داخل برنامج Oracle Sql Database](https://geecoders.com/oracel-subqurey-html-2/):  تطبيقات على إستخدام SubQuery و Multiple Tables داخل برنامج Oracle Sql Database بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته في هذا المقال المميز من مقالات  تعليم اس كيو ال &#8211; SQL بالعربي بواسطة برنامج الاوراكل فى هذا المقال سوف نتعرف على كيفية التعامل مع أكثر من جدول وتبعث بيانات معينة لذلك ان لم تشاهد المقالات السابقة فلن تتمكن من فهم ما يدور في هذه المقالة ولكن سنحاول بقدر الامكان تبسيط الامر عليكم وشرحها لكم بكل سهوله ولكن وقبل كل شيء يجب ان يكون لديك خلفية في اساسيات البرنامج , ما سنقوم به في مقالة اليوم سوف نقوم بعملية [&hellip;]
- [شرح كيفية عمل صب كويري sub query داخل لغة Sql بأبسط طريقة](https://geecoders.com/subquery-html/):  شرح كيفية عمل صب كويري sub query داخل لغة Sql بأبسط طريقة بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم في درس جديد من دروس تعلم اس كيو ال بالعربي &#8211;  learn sql by arabic في هذا المقال سوف نتعرف على كيفية عمل صب كويري sub query او كويري ثانوي والفائده من هذا الكويرى الثانوي عندما نريد طباعة رواتب موظفين أقل من راتب الموظف رقم خمسه على سبيل المثال يمكننا صب كويري وتحديد جميع اسماء الموظفين الذين يقل راتبهم عن الموظف رقم 5 ,  وايضا sub query لها استخدامات اخرى كثيرة سوف نتعرف عليها في الأيام المقبلة [&hellip;]
- [كيف تستطيع جلب بيانات من اكثر من جدول داخل برنامج Orecal Sql Database](https://geecoders.com/orecal-sql-database-html/):  كيفية التعامل مع اكثر من جدول في لغة sql بسم الله الرحمن الرحيم مرحبا بكم في مقاله جديده من مقالات تعلم اس كيو ال بالعربي &#8211; how to learn sql by arabic , حيث في هذه المقال سوف نتعرف على كيفية جلب معلومات من جدول اخر او من عدة جداول مثل أن يكون لديك جدول يوجد به أسماء الموظفين وجدول اخر يوجد به الاعمال الموجوده داخل الشركة وتوريد طباعة أسماء العاملين في مجال معين داخل الشركة ولكن المجالات موجودة في جدول وأسماء الموظفين موجودة في جدول آخر وهذا ما سوف نتعرف عليه في مقاله اليوم . اذا كان لدينا جدولين واحد [&hellip;]
- [شرح كيفية إنشاء جدول ببرنامج Orecal Sql عن طريق الكود - #تعلم_sql_بالعربي](https://geecoders.com/sql-crea-html/):  شرح كيفية إنشاء جدول ببرنامج Orecal Sql عن طريق الكود &#8211; #تعلم_sql_بالعربي بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم في مقال جديده من مقالات شرح اس كيو ال بالعربي , في هذه المقاله سوف نتعرف على كيفية إنشاء الجداول داخل برنامج اوراكل بي الكود حيث في أولى المقالات لنا في هذه اللغة شرحنا لكم كيف يمكنك انشاء جداول بالطريقه العاديه وهي ان تقوم بالتوجه الى الجدول والنقل على كلك يمين ومن ثم اختيار كريت Create Table وتقوم بعملية انشاء الجدول الذي تريده وفي هذه المقاله سوف نتعرف ايضا على كيفية انشاء جدول ولكن عن طريق الاكواد لذلك [&hellip;]
- [كيفية عرض رابط المقالة الخاصة بالخبر عند النقر عليها - شروحات Android Studio بالعربي](https://geecoders.com/android-studio-html/):  كيفية عرض رابط المقالة الخاصة بالخبر عند النقر عليهافي هذا المقال من مقالات تعلم الاي بي اي API  بالاندرويد ستوديو نقدم لك كيفية عرض رابط الخبر داخل التطبيق لكل خبر من الأخبار حيث في الدروس السابقة تعلمنا كيف يمكنك جلب عنوان اي بي اي API و شرحنا لكم كيفية ربطه بي برنامج الاندرويد ستوديو وايضا شرحنا لكم كيف تقوم بعرض اخبار داخل ريسايكل فيو وفي مقالة اليوم سوف نتعرف على كيفية عمل onClick لكل عنصر من العناصر وتحويل المستخدم الى رابط الخبر . استخدام api لجلب رابط معيناولا قم بالتوجة الى ApiAdaptor وبعدها قم بإضافة Context بالاعلى وعمل constructor له [&hellip;]
- [كيفية عمل onClick داخل Recyclerview ببرنامج أندرويد ستوديو Android studio](https://geecoders.com/onclick-html/):  كيفية عمل onClick داخل Recyclerview ببرنامج أندرويد ستوديو Android studioبسم الله الرحمن الرحيم السلام عليكم و الله وبركاته, متابعينا الكرام مرحبا بكم في مقاله جديده من مقالات اكواد اندرويد ستوديو في هذه المقاله سوف نتعرف على كيفية عمل أون كليك &#8211; onClick على Recyclerview حيث انني بحثت كثيرا على طريقة لعمل onClick لكل ايتم من الموجود داخل الريسيكلار فيو وفي الواقع اكتشفت انه يمكنك عمله بأكثر من طريقه وسوف اقدم لك في مقاله اليوم اسهل طريقه منهم وايضا في درس عرض تفاصيل الاوردر الموجود في شروحات فايربيز قدمت لكم طريقه اخرى وفي دروس الاي بي آي &#8211; API , قدمت [&hellip;]
- [كيف اقوم بنقل الاكواد والصور والمكتبات من مشروع قديم الى اخر جديد في الاندرويد ستوديو](https://geecoders.com/transfer-new-project-html/):  كيفية نقل محتويات المشروع القديم الى المشروع الجديد في الاندرويد ستوديوبسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم في مقاله جديده من دروس تعلم الاندرويد ستوديو بالعربي في هذه المقاله سوف نتعرف بأذن الله تعالى على كيفية نقل ملفات المشروع القديم الى مشروع اخر جديد سواء كانت الصور او الاكواد او حتى المكتبات كل شيء سوف نتعرف عليه باذن الله في هذه المقالة لذلك ارجو منكم الانتباه والتركيز جيدا لانها مهمه جدا وانا شخصيا كنت ابحث على طريقة لنقل اكواد من مشروع قديم إلى مشروع جديد دون عملية كتابة الكود مرة اخرى وعندما وجدت طريقه احببت ان [&hellip;]
- [كيفية تغيير اسم المشروع الخاص بك داخل برنامج الاندرويد ستوديو](https://geecoders.com/pa-html/): كيفية تغيير اسم المشروع الخاص بك داخل برنامج الاندرويد ستوديوبسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته متابعي موقع ومدونة جي كودرس مرحبا بكم في درس جديد من دروس من أندرويد ستوديو في هذا الدرس سوف نتعرف بأذن الله تعالى على كيفية تغيير اسم المشروع الخاص بك بشكل كامل و بالصور و ايضا بدون مشاكل باذن الله , فأحيانا عند الانتهاء من مشروع ترغب بتعديل الاسم الخاص به لأنك تجد انه قد لا يكون مناسب لذلك تريد تغييره اسمه ولكن تخاف من حدوث مشاكل فى الكود الخاص به وهذا الامر قد حدث معي شخصيا لذلك احببت اعمل مقاله عن [&hellip;]
- [طريقة عرض بيانات الموجود في Array بشكل عشوائي داخل الاندرويد ستوديو](https://geecoders.com/rand-html/):  طريقة عرض بيانات التطبيق بشكل عشوائي داخل الاندرويد ستوديوبسم الله الرحمن الرحيم والصلاة والسلام على رسول الله في هذه المقاله سوف نتعرف على كيفية عرض البيانات بشكل عشوائي , حيث كنت أفكر في عمل تطبيق يتم عرض فيه البيانات التي اقوم بإدخالها بشكل عشوائي وكانت لدي مشكلة وهي كيف اقوم بتخزين البيانات داخل RecyclerView وعرضها بشكل عشوائي وبحثت كثيرا وكثيرا الى ان توصلت الى الحل واحببت ايضا ان اشارككم بهذا الحل وكما تعلمون في موقع ومدونة جي كودرس نقوم دائما بتوفير لكم الاكواد مع توفير الشرح العربي ونحن نسعى الى تعليم البرمجة باللغة العربية لمن لا يتقن اللغة الانجليزية و [&hellip;]
- [اضافة سكينة الزبدة - Butter Knife  توفر عليك كثير من الوقت في الاندرويد ستوديو](https://geecoders.com/butterknife%20-html/): اضافة سكينة الزبدة &#8211; Butter Knife  توفر عليك كثير من الوقت في الاندرويد ستوديوبسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم في مقاله جديده من مقالات مكتبات الاندرويد ستوديو في هذه المقاله سوف نتعرف على مكتبة توفر علينا كثيرا من الوقت والجهد وهذه الاضافه تدعي سكينه الزبده &#8211; ButterKnife او ما يطلق عليها باللهجة المصرية السكينه فى الحلاوه وذلك لأنها تسهل علينا جميع التعريفات التي يتم تعريفها داخل الكلاس من أندرويد ستوديو فكل ما عليك هو تثبيت الإضافة كما سوف نشرحه لكم بعد قليل وايضا اضافه جميع التعريفات الخاص بك عن طريق ضغطة زر وكل هذا سوف [&hellip;]
- [كيفية عرض البيانات من API داخل RecyclerView ببرنامج أندرويد ستوديو](https://geecoders.com/api-recyclerview-html/):  كيفية عرض البيانات من API داخل RecyclerView ببرنامج أندرويد ستوديوبسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكل متابعي و متابعات موقع او مدونه gee coders في هذه المقاله سوف نتعرف على كيفية عرض المعلومات الخاصة بال اي بي اي &#8211; api داخل RecyclerView حيث في المقالات السابقة تعرفنا على كيفية جلب المعلومات واستعراضها داخل اندرويد ستوديو ولكن كل هذا كان logi وفي هذه المقالة سوف نقوم بتعلم كيفية عرض البيانات داخل RecyclerView وفي دروس السابق ايضا تعرفنا على الرسايل Recycler View وما هي اهميتها وكيف يمكنك عمل RecyclerView سواء بي بالطريقه العاديه او بطريقه الداتا بيندنج &#8211; [&hellip;]
- [كيفية اضافة رابط API داخل الاندرويد ستوديو](https://geecoders.com/api_8-html/):  كيفية اضافة رابط API داخل الاندرويد ستوديوبسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته متابعي ومتابعات موقع ومدونة جي كودرس مرحبا بكم في مقاله جديده في هذه المقالة باذن الله سوف نتعرف على كيفية ربط api بالاندرويد استوديو حيث في أول مقالة من دروس تعلم الاي بي اي تعرفنا عليها وتعرفنا على ما هي مميزاتها ولماذا هي مهمة وفي ثاني مقالة تعرفنا على كيفية الحصول على عنوان اليو ار ال &#8211; url الخاص بـ api وكيف يتم ربطه داخل اندرويد-ستوديو ولكن كل هذا كنا بشكل نظري واليوم سوف يكون التطبيق عملي داخل اندرويد ستوديو ارجو منكم التركيز جدا في [&hellip;]
- [شرح كيفية استخدام API داخل تطبيقك في أندرويد ستوديو - Android Studio](https://geecoders.com/how-to-creat-api-html/): شرح كيفية استخدام API داخل تطبيقك في أندرويد ستوديو &#8211; Android Studioالسلام عليكم ورحمه الله وبركاته في هذا المقال يعد أول مقال من دروس تعلم ربط الاي بي اي &#8211; API بواسطة الاندرويد استوديو وفي هذا المقال سوف نتعلم على كيفية الحصول على عنوان API وكيفية ربطه بالاندرويد استوديو وفي الدروس المقبلة سوف نتعرف على كيفية جلب المعلومات من API وعرضها داخل الاندرويد استوديو وايضا داخل recyclerview لذلك ارجو منكم التركيز جيدا في هذه المقالة لأنها تعد الاساس واذا كانت هناك مشكله فى الأساس فسوف تواجه مشكلة ايضا في عملية تشغيل التطبيق الخاص بك وكل شيء مشروح بالصور كيفية الحصول [&hellip;]
- [<div>جعل المندوب قادر على قبول الطلب وكتابة ملاحظات والانتهاء منه - تطبيق "فايربيز" بألاندرويد ستوديو #12</div>](https://geecoders.com/accept-order-html/):  جعل المندوب قادر على قبول الطلب وكتابة ملاحظات والانتهاء منه بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته , مرحبا بك في مقاله جديده حول تعلم رابط التطبيق الخاص بنا داخل اندرويد ستوديو بخدمة الفايربيز وفي هذا المقال سوف نتعرف على كيفية اضافة حالة قبول و وانتهاء من الطلب وتعديل او ملاحظات للمندوب حيث يقوم المندوب بإضافة هذه الحالات وتظهر للمستخدم فعندما يقوم المندوب بالموافقة على الطلب يظهر للمستخدم تم قبول الطلب وعندما يكتب المندوب ملاحظه على الطلب تظهر للمستخدم وعندما أيضا ينتهي منه المندوب تظهر للمستخدم تم الانتهاء من الطلب وتم تسليمه وهذه المقالة تحديدا مرتبطة بشكل كبير بالمقالة [&hellip;]
- [انشاء صفحة للطبات المقبولة من طرف المندوب وربطها بالفاير بيز داخل الاندرويد ستوديو #11](https://geecoders.com/accepted-order-html/):  انشاء صفحة للطبات المقبولة من طرف المندوب وربطها بالفاير بيز داخل الاندرويد ستوديوبسم الله الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم من جديد متابعي موقعنا الكرام , في هذه المقاله سوف تكون اخر مقاله في تطبيق  الطلب هذا التطبيق يربط بين المستخدم والمندوب حيث يقوم المستخدم بإضافة الطلبات ويقوم المندوب بقبول هذه الطلبات وهذا هو البرنامج الذي عملنا عليه طول 15 مقال السابقة واليوم سوف تكون اخر حلقه في هذه المقالة سنقوم بانشاء صفحه على الطلبات المقبولة تظهر لدى المندوب وهذا التطبيق يوجد به افكار كثيره وافكار جميله جدا لذلك ان لم تشاهد سلسلة الفايربيز من البدايه في أنصحك [&hellip;]
- [كل ما تريد معرفته عن api وكيف يتم ربطه بألاندرويد ستوديو ؟](https://geecoders.com/api-html/): كل ما تريد معرفته عن api وكيف يتم ربطه بألاندرويد ستوديو ؟  قد تشاهد في كثير من الاحيان عبارة أي بي اي (API) وتعني واجهة تطبيقات المستخدم وتعني بالانجليزية Application Programming Interface واختصار لها API وهي بكل بساطه هي لي المجمدين استخدامها داخل تطبيقاتهم دون الحاجه الى اعادة بناء هذه التطبيقات من البدايه وفي هذا قال سوف نتعرف على API بشكل اكبر وما هي استخداماتها وما الاستفاده منها .ماهي فكرة api ولماذا يجب علينا تعملها ؟بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته متابعي ومتابعات موقع او مدونه جي كودرس geecoders مرحبا بكم في مقاله جديده حول دروس تعلم [&hellip;]
- [اضافة بيانات للطلب من طرف المندوب #9 | استخدام الفايربيز داخل الاندرويد ستوديو android studio](https://geecoders.com/firebase-provider-order-html/):  اضافة بيانات تلقائية للطب من المستخدم ويتم التعديل عليها من طرف المندوب فقطالرحمن الرحيم السلام عليكم ورحمه الله وبركاته متابعينا الكرام مرحبا بكم في مقاله جديده من مقالات تعلم الفايربيز بالاندرويد ستوديو حيث في المقالات السابقة قمنا بإنشاء صفحة تمكننا من الدخول والتسجيل وقمنا بعمل بريد لي المستخدم وبريد لي المندوب الذي يقوم بقبول الطلبات وفي هذه المقالة سوف نقوم باضافة ثلاثة خيارات جديدة تظهر للمستخدم عندما يقوم بالتأكيد على الطلب عندما يقوم المستخدم بإدخال بيانات الطلب يضغط على موافق يظهر له ثلاث خيارات افتراضية الاولى وهي حالة قبول الطلب والثانية هي حالة الطلب ويمكن هنا للمندوب اضافة نصوص للمستخدم [&hellip;]
- [عرض تفاصيل الطلب الذي قام بة المستخدم في برنامج الاندرويد ستوديو #7 | firebase with android studio](https://geecoders.com/firebase-details-or-html/):  عرض تفاصيل الطلب الذي قام بة المستخدم في برنامج الاندرويد ستوديوفي هذا المقال سوف نتعرف بأذن الله تعالى على كيفية عمل أون كليك onClick  داخل RecyclerView باستخدام الفايربيز حيث تعد Recycler View و الفايربيز من أكثر الخدمات التي تستخدم داخل تطبيقات الاندرويد وفي هذه السلسلة سوف نقوم بعمل تطبيق يمكن المستخدم من إنشاء طلبات وايضا يستطيع المندوب قبول هذه الطلبات مع امكانية اضافة ملاحظات وتظهر البيانات لدى المستخدم لذلك ان لم تشاهد المقالات من الاول فانصحك ان ترجع إلى أول مقال في دروس الفايربيرد لكي تفهم آلية عمل الكود من الالف الى الياء . كيفية عمل onClick داخل RecyclerViewاولا توجة [&hellip;]
- [<div>انشاء صفحة لاضافة طلبات make order بإستخدام "فايربيز" ( أندرويد ستوديو ) #6</div>](https://geecoders.com/add-html/): انشاء صفحة لاضافة طلبات make order بإستخدام &#8220;فايربيز&#8221; ( أندرويد ستوديو )بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكم في درس جديد من دروس تعلم الفايربيز بالاندرويد ستوديو في المقالات السابقة قمنا بعمل صفحة لتسجيل البيانات وصفحة عرض البيانات وصفحه لتحديث البيانات وفي هذا المقال سوف نتعرف على انشاء صفحه لاضافة طلبات حيث سيكون هذا التطبيق مخصص للطلبات بحيث سيكون هناك مستخدم ومندوب وسوف نقوم بتعديل التطبيق لكي يتمكن الشخص من التسجيل كمستخدم عادي أو كا مندوب بحيث يتم الطلبات التي يقوم بها المستخدمون للمندوب وايضا يقوم المستخدم بإضافة طلبات كله هذا سوف نتعرف عليه بإذن الله [&hellip;]
- [كيفية انشاء صفحة لتحديث بيانات المستخدم داخل برنامج الاندرويد ستوديو #5](https://geecoders.com/update%20user-html/):  كيفية انشاء صفحة لتحديث بيانات المستخدم داخل برنامج الاندرويد ستوديوكما اخبرناكم سابقا اننا سوف نقوم بإنشاء صفحة لتحديث بيانات المستخدم داخل اندرويد ستوديو بحيث انه يقوم المستخدم بتحديث بياناته  و عند الضغط على ارسال او تحديث بياناتي يتم تحديث البيانات الخاصة به داخل برنامج الاندرويد ستوديو وداخل قاعدة البيانات التي ترتبط بها الحساب الخاص به في المقالات السابقة قمنا بعرض البيانات التي قام المستخدم بتسجيلها داخل صفحة معلوماتي او معلومات الحساب و باذن الله تعالى سوف تشاهدون في نهايه سلسلة الفايربيز تطبيق رائع جدا يحتوي على Recycler View ريسايكلر فيو او ارسال بياناتهم بين الصفحات وافكار جميله جدا لذلك لا [&hellip;]
- [<div>كيفية عرض معلومات المستخدم داخل صفحة الاعدادات "فاير بيز" - أندرويد ستوديو #4</div>](https://geecoders.com/user-data-html/): كيفية عرض معلومات المستخدم داخل صفحة الاعدادات &#8220;فاير بيز&#8221; &#8211; أندرويد ستوديوفي المقالات السابقة تعرفنا على كيفية انشاء صفحه دخول و صفحه تسجيل وكيف نجعل المستخدم يقوم بعملية التسجيل ويخزن البيانات الخاص به في الفايربيز وتحديدا في قاعدة البيانات في هذه الصفحه سنقوم بعمل اكتقني جديدة يتم فيها عرض بعض المعلومات التي نريد أن نعرضها للمستخدم مثل اسم البريد الإلكتروني ورقم الهاتف وفي المقالات القادمه سوف نتعرف على كيفيه امكانية المستخدم من تحديث البيانات بحيث انه يقوم تحديث بياناته ويضغط على تحديث البيانات يتم تحديث البيانات داخل برنامج الاندرويد استوديو وداخل قاعدة البيانات , ولكن في مقالة اليوم سوف نتعرف [&hellip;]
- [كيفية حفظ بيانات المستخدم في قواعد البيانات داخل الاندرويد ستوديو #3 | Firebase with Firestore](https://geecoders.com/firebase-with-firestore-html/):  كيفية حفظ بيانات المستخدم في قواعد البيانات داخل الاندرويد ستوديوفي المقالات السابقة تعرفنا على كيفية عمل صفحه دخول و صفحه تسجيل  دخول داخل برنامج الاندرويد ستوديو وقمنا بربطه خدمة الفايربيز ليتمكن المستخدم من انشاء بريد الكتروني وتسجيل عملية الدخول عبر الانترنت و المعلومات تسجل في قاعدة البيانات هذا ما تعرفنا عليه في المقالات السابقة وفي هذه المقاله باذن الله سوف نتعرف على كيفية عمل صفحه تسجيل و صفحات التسجيل تعد من أكثر الصفحات استخدامها داخل برنامج الاندرويد استوديو  حيث سنقوم بوضع مكان لي اسم المستخدم و مكان لي الحساب أو البريد الالكتروني ومكان لي كتابه رقم الهاتف وكتابة الرقم السري [&hellip;]
- [عمل صفحة تسجيل و دخول وربطها بالفاير بيز داخل تطبيقك في ألاندرويد ستوديو #2](https://geecoders.com/loginscreen-firebase-connect-html/):  عمل صفحة تسجيل و دخول وربطها بالفاير بيز داخل تطبيقك في ألاندرويد ستوديو تعتبر صفحة التسجيل و صفحه الدخول هي أكثر الصفحات استخدامها داخل برنامج الاندرويد ستوديو او داخل خدمة &#8220;Firebase&#8221; تحديدا ان هذه الصفحات قد لا يخلو تطبيق منها وفي مقاله اليوم سوف نتحدث باذن الله عن طريقه عمل صفحه تسجيل و صفحه الدخول لتطبيقك وربطها بخدمة الفايربيز باذن الله , إن لم تكن تعرف ما هي الفاير بيز او لم تسمعها من قبل فيمكنك الرجوع إلى المقالات السابقة والتعرف على الفايربيز والتعرف أيضا على مميزاتها لتتضح معك الصوره وهذا يعتبر اول شرح  سنقوم بعمله في الاندرويد ستوديو مع [&hellip;]
- [<div>كل ما تريد معرفتة عن خدمة فايربيز "Firebase" واهميتها في تطبيقك</div>](https://geecoders.com/intro-firebase-html/):  التعرف على خدمة Firebasefirebase هي خدمة من جوجل تسمح للمطورين بربط التطبيقات الخاصه بهم عن طريقها بحيث يمكنك انشاء صفحات للتسجيل وربط ملفات عليها وكل هذا يكون اونلاين ويجب ان يكون لدى المستخدم انترنت بحيث يمكنه استعمال تطبيقك , ثانيا يجب التنوية انه لديك 9 تطبيقات تقريبا يمكنك انشائها على حسابك الواحد ويمكنك فتح حساب اخر للاستمتاع ب9 تطبيقات اخرى وهكذا ما الغاية من خدمة الفايربيز Firebase ؟تخيل أنك تريد إنشاء تطبيق مثل تطبيق WhatsApp او اي تطبيق اخر يقوم بحفظ البيانات وتريد عمل التطبيق كرائد أعمال. قد تبدو العملية بالنسبة لك سهلة للوهلة الأولى وتحتاج فقط إلى مطور برامج [&hellip;]
- [شرح كيفية عمل Progress Dialog داخل تطبيقك وتغير الايقونة في برنامج أندرويد ستوديو](https://geecoders.com/progress%20-html/):  شرح كيفية عمل Progress Dialog في برنامج أندرويد ستوديوبسم الله الرحمن الرحيم مرحبا بكل متابعي موقع ومدونة Geecoders , في مقالة اليوم سوف نتعرف على كيفية عمل Progress Dialog وهو عبارة عن اشعار او تنبية يوجد بداخله بكرة للتحميل كالتي نراها في برجاء الانتظاء جاري تحميل البيانات و جاري التنزيل وغيرها والصورة بالاعلى واضحة جدا سوف نشرح لكم كيف يمكنك اضافتها لتطبيقك وايضا تغير شكلها وعمل نص و عنوان للشريط وايضا امكانية تغييرة شكلة . كيفية اضافة Progress Dialog للاندرويد ستوديواولا قم بتعريفه بالاعلى بهذا الشكل  Copy ProgressDialog progressDialog = progressDialog = new ProgressDialog(Register.this); الان يمكنك استخدام التنبية للظهور عن طريق الامر [&hellip;]
- [شرح كيفية استخدام الماتريال ديزين Material Design داخل تطبيقك في الاندرويد ستوديو](https://geecoders.com/material%20design-html/):  شرح كيفية استخدام الماتريال ديزين داخل تطبيقك في الاندرويد ستوديو تعتبر الماتريال ديزين Material Design تحسين وتطوير لشكل تطبيقك وايضا هي مجانية ومقدمة لنا بشكل مجاني كنوع لتحسين تطبيقات الاندرويد وايضا اذا جربتها سوف تعجبك استخدامها واصبحت في وقتنا الحالي تاتي افتراضية مع الاندرويد ستوديو الحديث ولكن اذا لم يكن لديك المكتة سوف نشرح لك في هذة المقالة كيف يمكنك اضافتها والاستمتاع بالخدمات المقدمة بها .توجة الى الاندرويد ستوديو وقم بإضافة المكتبة التالية في ملف build gradle Copy dependencies { implementation 'com.google.android.material:material:1.2.1' } اذا كان التطبيق الخاص بك حديث واصدار الاندرويد ستوديو الذي تعمل عليه حديث سوف تجد ان المكتبة موجوده [&hellip;]
- [اضافة زر للعودة للصفحة السابقه وتعديل اسم toolbar داخل android studio](https://geecoders.com/toolbar-android-html/):  اضافة زر للعودة للصفحة السابقه وتعديل اسم toolbar داخل android studioبسم الله الرحمن الرحيم متابعي موقع جي كودرس مرحبا بكم في مقالة جديدة وفي هذة المقالة سوف نتعرف على كيفية إضافة زر للرجوع الى السفحة السابقه او activity السابق وايضا سوف نشرح لكم كيفية تغيير اسم التول بار بدلا من اسم الابلكيشن الى اي اسم معين لكل اكتفتي . google console play console android android studio mac android studio krita androidكيفية اضافة زر للرجوع للخلف ببرنامج الاندرويد ستوديولإضافة زر للصفحة السابقه عبارة عن سهم عندما ينقر عليه المستخدم يرجع الى الصفحة السابقة كما بالصورة الموجودة بالاعلى كل ما عليك فعلة هو إضافة الكود التالي [&hellip;]
- [كيفية اضافة صور json الى تطبيقك في الاندرويد ستوديو android studio](https://geecoders.com/json-html/):  كيفية اضافة صور json الى تطبيقك في الاندرويد ستوديو في هذا المقالة بإذن الله سوف نتعرف على كيفية إضافة الصور بصيغة جيسون json داخل برنامج اندرويد ستوديو , بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاتة متابعي ومتابعات جي كودرس مرحبا بكم في مقالة جديدة في دروس الاندرويد وفي هذة المقالة سوف نتعرف على كيفية اضافة الصور التي تكون بصيغة جيسون الى تطبيقك في أندرويد ستوديو حيث تكون هذة الصور في الغالب متحركة ولكن عند استخدامها بصيغة جيسون وليس gif تكون تلاحظ فرق كبير في جودتها حين عرضها في التطبيق وذلك لان الجيسون عبارة عن اكواد كما سنشاهد في [&hellip;]
- [كيفية عمل الصورة بشكل دائري داخل برنامج الاندرويد ستوديو](https://geecoders.com/circle-html/):  كيفية عمل الصورة بشكل دائري داخل برنامج android studio بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاتة مرحبا بكم متابعي موقع جي كودرس في مقالة جديدة في قسم اندرويد ستوديو وفي هذة المقالة سوف نتعرف على كيفية اضافة الصور بشكل دائري داخل تطبيقك كما بالصورة الموجوده بالاعلى حيث يوجد مكتبة تسهل علينا هذة المهمة وسوف نتعرف على كيفية إضافتها واستخدامها في تطبيقك , أصبحت تطبيقات الاندرويد الحديثة تستخدمها وذلك لانها تعطي نظرة جمال للتطبيق ويوجد غيرها من الاضافات كثير ولكن هذة تعد اشهرهم .كيفية إضافة المكتبة واستخدامها داخل تطبيقك قم بتركيب الاضافة التالية داخل Gradle Copy dependencies { implementation 'de.hdodenhof:circleimageview:3.1.0' [&hellip;]
- [معرفة عدد الصفوف التي تحتوي على نتائج داخل برنامج oracel database](https://geecoders.com/count-html-2/):  معرفة عدد الصفوف التي تحتوي على نتائج داخل برنامج oracel database بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاتة مرحبا بكم في درس جديد من دروس تعلم برمجة sql وفي هذا الدرس والذي يعد الدرس رقم 21 سوف نتعلم كيف نطبع عدد النتائج الصحيحة بمعنى لدينا جدول يحتوي على مجموعة من الموظفين في مجالات مختلفة ونرد معرفة عدد الاشخاص الذي يعملون في مجال التطوير على سبيل المثال نريد معرفة عددهم فقط وليس اسمائهم وهذة هي فكرة كود اليوم .الجدول المستخدم في الشرحUsing the COUNT Functionتستخدم هذة الفانكشن في عملية ايجاد عدد الصفوف الناتج عن الاستعلام ( Query ) بمعنى [&hellip;]
- [شرح كيفية استخدام وانشاء group داخل لغة sql](https://geecoders.com/group-by-html/):  شرح كيفية استخدام وانشاء group داخل لغة sqlفي هذا المقال نشرح لكم كيف يمكنك استخدام خاصية group داخل لغة اس كيو ال SQL وعمل اختبار having عليها , مبدئيا سوف تحتاج إلى إنشاء قاعدة بيانات تحتوي على جداول عن طريق برنامج orecal mysql ، وهو أحد أقوى البرامج المستخدمة لإنشاء قواعد البيانات ، ويجب أن تحتوي جميع الجداول على بيانات مستخدمة أو غير مستخدمة بواسطة الخادم service. يمكنك الاطلاع على المقالة الأولى في Sql حيث تم شرح كيفية إنشاء جدول داخل البرنامج ، وهناك برامج أخرى لإنشاء جدول ، مثل Microsoft ، تختلف طريقة كتابة النحو قليلاً ، ولكنها تشبه بعضها [&hellip;]
- [كيفية إيجاد اقل واعلى ومتوسط الرواتب للموظفين داخل sql](https://geecoders.com/max-and-min-salary-html/): كيفية طباعة متوسط الرواتب واعلى واقل راتب للموظفين داخل برنامج اوركال بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاتة في هذا المقال سوف نقدم لكم شرح كيفية البحث عن متوسط الرواتب في المؤسسه او الشركة وايضا معرفة ماهو اعلى راتب واقل راتب عن طريق اوامر داخل لغة sql بسهولة , اولا سوف تحتاج الى انشاء جدول يحتوي على بيانات الموظفين وراتبهم وبعدها سوف نقوم بتحديد العناصر التي نريد عرضها من الجدول وقبل الراتب سوف نضع avg او max او min وبين القوس تضع القيمة وفي الجدول الذي قمت بإنشاءه اسمها salary .الجدول الذي تم انشاءةGroup FunctionsAVGCOUNT MAXMIN STDDEV SUMVARIANCEFind the highest and [&hellip;]
- [شرح Number Functions في لغة SQL](https://geecoders.com/number%20functions-html/):  شرح Number Functions في لغة SQLالسلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية طباعة النواتج العشرية كما هي او تقريبها الى اقرب علامة عشرية لها اولا يجب عليك القيام بإنشاء create قاعدة بيانات داخل البرنامج الذي تعمل عليه database تحتوي هذة القاعده على مجموعة جداول  عن طريق برنامج orecal mysql اوغيرة من البرامج وهو واحد من اقوى البرامج المستخدمة في انشاء وتصميم قواعد البيانات ويجب ان تحتوي كل الجداول على بيانات باستخدام خادم سيرفر server او بدون ويمكنك مشاهدة اول مقالة في قسم Sql حيث تم شرح فيها كيف تستطيع بناء جدول [&hellip;]
- [شرح Character-Manipulation Functions داخل لغة SQL](https://geecoders.com/character-manipulation-functions-sql-html/):   شرح Character-Manipulation Functions داخل لغة SQLالسلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية طباعة اكثر من عنصر في نفس الصف وعد احرف الكلمة ومعرفة متى يبدء الحرف الذي تحدده اولا يجب عليك إنشاء create قاعدة بيانات database تحتوي بداخلها على جداول  بواسطة برنامج orecal myاس كيو إل sql وهو واحد من اقوى البرامج المستخدمة في انشاء قواعد البيانات ويجب ان تحتوي بداخلها كل الجداول على بيانات باستخدام سيرفر خادم server او بدون يمكنك مشاهدة اول مقالة في اس كيو إل sql حيث تم شرح فيها كيف يمكنك إنشاء و بناء [&hellip;]
- [شرح Manipulation Functions في لغة SQL](https://geecoders.com/manipulation%20functions-html/):  شرح Manipulation Functions في لغة SQL السلام عليكم ورحمة الله وبركاته. مرحبًا بك في كود SQL ، حيث سنتعلم في هذه المقالة كيفية طباعة الاسماء كبيرة وصغيره واول حرف فقط يكون كبير داخل sql عن طريق مجموعة اوامر سوف نتعرف عليها من خلال هذة المقالة البسيطة والمخصصة لشروحات sql. أولاً ، يجب إنشاء قاعدة بيانات تحتوي على جداول باستخدام برنامج orecal mysql ، وهو أحد أقوى البرامج التي يتم استخدامها لإنشاء قواعد البيانات. يجب أن تحتوي جميع الجداول على بيانات باستخدام سيرفر أو بدون خادم ويمكنك الاطلاع على المقالة الأولى في أكواد Sql حيث تم شرح كيفية بناء جدول داخل [&hellip;]
- [عمل اختبار ( if OR where ) على مجموعة حالات داخل لغة sql](https://geecoders.com/if-or-where-sql-html/):  عمل اختبار if على مجموعة حالات داخل لغة sql السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في هذة المقالة كيفية عمل اختبار او كما يعرف في لغات البرمجة if ولكن في لغة sql يطلق عليه where وتعني اذا كان يمكنك كتابة هذة العبارة لعمل اختبار على اي شيئ تريدة في البرنامج وسوف نقدم لكم مثال بسيط عن استخدامها لتتضح الفكرة اولا يجب عليك القيام بإنشاء create قاعدة بيانات database تكون تحتوي على جداول بواسطة برنامج orecal mysql وهو واحد من اقوى البرامج التي تستخدم في انشاء قواعد للبيانات ويجب ان تكون كل الجداول محتويه [&hellip;]
- [انشاء وتصميم BottomNavigationBar في فلاتر وتغيير الصفحات من خلاله](https://geecoders.com/flutterbottomnavigationbar-html/):  انشاء وتصميم BottomNavigationBar في فلاتر وتغيير الصفحات من خلاله يعد الBottomNavigationBar واحد من العناصر الرئيسيه والتي لا غنى عنها في برمجة تطبيقات الجوال وذلك بسبب بساطة هذا الزر وسهولة استخدامه وقد لا يخلو اي تطبيق من وجود هذا الزر فهو يمكنك من التحكم بمختلف العناصر ووضع لوجو واسم للعنصر وتنفيذ وظيفة معينه بداخل الزر ولذلك تلاحظ وجود هذا الزر في معظم التطبيقات وفي هذا الدرس سوف نشارك معكم كيفية انشاءه والتعامل معه .الشرح في flutter متوفر بشكل كبير في الفترة الاخيره ويوجد الكثير من أدوات الذكية التي تساعد على انجاز الاعمال بشكل اسرع مثال على ذلك plugin مفتوحة المصدر التي [&hellip;]
- [كيفية انشاء Size selector داخل تطبيقك في اندرويد ستوديو](https://geecoders.com/size-selector-html/):  كيفية انشاء Size selector داخل تطبيقك في اندرويد ستوديو اذا كنت تعمل على تطبيق لمتجر اليكتروني رقمي فطبيعي ان يكون هذا المتجر يحتوي على منتجات وكل منتج له مقاس معين وهذا يكون متوفر بشكل اكبر في الملابس والاحذية وتريد وضع اكثر من مقاس والمستخدم يقوم بإختيار المقاس المناسب له وبعدها يكمل عمليه الشراء , وفي هذة المقالة سوف نساعدكم على إنشاء Size selector في android studio حيث انه قد سبق وقدمنا لكم شرح في انشاء color selector ولعمل هذا ال selecor يكون الكود الخاص به داخل الadapter لانه في طبيعة الحال العناصر يتم تمريرها من داخله ولذلك سوف نقوم بتصميم [&hellip;]
- [شرح عمل Retrofit Singleton في برنامج اندرويد ستوديو](https://geecoders.com/retrofit-singleton-html/): شرح عمل Retrofit Singleton في برنامج اندرويد ستوديوإنشاء class خارجي لل Apis في Android Studio تعد فكرة الSingleton واحده من الافكار التي لا غنى عنها في البرمجه عموما وهي بكل بساطة تشير الى عمل class خارجي يتم كتابة كود بداخله واستدعاءه في اي مكان اخر ويكون هذا الكود من نوع static لكي يظهر في مستوى المشروع كامل , ولهذا سوف نقوم بعمله مع Apis وهي ما يتم استعمال Singleton بداخله بكثرة ببساطة يتم وضع الكود مره واحده بداخله واستدعاءه في اي مكان اخر كما سوف نشاهد في المقالة اصبح العالم في الفتره الاخيره يهتم جدا بالتكنولوجيا وزاد الاقبال على تعلم البرمجه [&hellip;]
- [كيفية اظهار واخفاء كلمة المرور في فلاتر بسهوله | Show and hide Password in Flutter](https://geecoders.com/password-show-hide-html/):  كيفية اظهار واخفاء كلمة المرور في فلاتر بسهوله | Show and hide Password in Flutter  من الاشياء التي تعطي طابع جمالي للكود الخاص بك كمبرمج وهي ان تهتم بكل التفاصيل الصغيره والكبير ومن ضمن تلك التفاصيل وهي كلمة المرور كيف يمكنك اضافة ايقونه لتغيير وضعيه كلمة المرور من نجم او نقاط الى ارقام او بمعنى اخر كيفية اخفاء واظهار الرقم السري في فلاتر حيث ان هذة العملية من ابسط العمليات وايضا سوف تستخدمها بكثرة في الايام المقبلة وليس فقط في التعامل مع الرقم السري بل سوف تفهم قاعدة if بشكل ابسط وافضل .هل تريد تطوير تطبيقات الجوال سواء كانت تعمل [&hellip;]
- [تطبيق الvalidation في Flutter والتاكد من صحة البيانات](https://geecoders.com/validation-html/):  تطبيق الvalidation في Flutter والتاكد من صحة البيانات  خاصية الvalidation من الخصائص التي لا غنى عنها اطلاقا في اي لغة برمجة فهي من أساسيات اي لغة برمجة وهي بإختصار عباره عن عمل if للكود الذي تعمل عليه وعمل اختبار له والتاكد من صحة البيانات بداخل الصفحة وفي هذا المقال سوف نتعرف بإذن الله تعالى على كيفية عمل الvalidation بشكل بسيط في تقنية فلاتر وخصوصا لغة Dart وهي اللغة الرسمية للFlutter وفي الدروس السابقة تعرفنا على إرسال البيانات .تعتبر لغة dart مخصصه ل flutter و فلاتر مخصصة لتطوير و صناعة تطبيقات اندرويد او الايفون ونحن نعمل على تقديم شرح لكل من [&hellip;]
- [اضافة pojoGenerater توفر عليك الوقت في التعامل مع الapi في ثواني ( اضافات اندرويد ستوديو ) !](https://geecoders.com/pojogenerater-html/):  اضافة pojoGenerater توفر عليك الوقت في التعامل مع الapi في ثواني ( اضافات اندرويد ستوديو ) ! واحده من اقوى الاضافات الموجوده على متجر android studio وهي اضافة pojoGenerater وتكمن قوتها في التعامل مع الapis ببساطة عندما يكون لديك بيانات تم الحصول عليها من الapi تحتاج في طبيعة الحال الى عمل calss بهذة البيانات واحيانا تكون هذة البيانات تحتوي على Data وتحتاج لعمل اكثر من كلاس واحد للResponse واخر للداتا واذا كانت لديك اكثر من data تحتاج لعمل اكثر من كلاس داتا وبدلا من ضياع كل هذا الوقت يمكنك نسخ الكود من الpostman وتثبيت الاضافة التالية واستخدامه مباشرة .لغه جافا [&hellip;]
- [شرح كيفية عمل Image slider في اندرويد ستوديو | android Studio Tutorial](https://geecoders.com/image-slider-android-studio-tutorial-html/):  كيفية عمل Image slider في اندرويد ستوديو عند انشائك لتطبيق متجر في الغالب تحتاج الى Image slider لكي تمرر الصور ويستطيع مستخدمي التطبيق التبديل بين صور المنتجات لديك او اذا كان لديك منتج متوفر بأكثر من شكل فيمكنك ارفاق جميع الاشكال الخاص به عن طريق image slider والمميز في في هذة المكتبة انها تساعدك على التبديل بين المنتجات بطريقة  سلسه مع اضافة بعض الanimaions للانتقالات بصورة رائعه وايضا تظهر مؤشر اسفل الصور يحتوي على مجموعة من النقاط وعدد النقاط هو عدد الصور وايضا يوجد نص للصور .هل تعلم عزيزي القارئ ان اكثر لغه يستعملها مطورون تطبيقات الاندرويد حاليا هي لغه [&hellip;]
- [شرح استخدام Reusable Components في Flutter واهميته](https://geecoders.com/reusable-html/):  شرح استخدام Reusable Components في Flutter واهميته  يعد الReusable Components من اهو العوامل التي عليك معرفتها لكي تتمكن من انجاز عملك بسرعه كبيره فهو بكل بساطة عباره عن كلاس منفصل يتم تخزين فيه مجموعة من الwedgets او methodes والتي يمكنك استدعائها في اي كلاس اخر في اي وقت تريده , ابسط مثال على ذلك عندما تريد ان تقوم بعمل تصميم يحتوي على زر وتريد في كل مره استخدام نفس التصميم هل من المعقول ان تقوم بنسخ الكود ولصقه في المكان الاخر ؟ هذا الامر ليس خاطئ ولكنه يقلل من كفاءة تطبيقك ولذلك سوف نقوم بعمل كلاس خارجي بإسم componant ونقوم [&hellip;]
- [اضافة BottomSheet الى تطبيقك في Flutter بسهوله](https://geecoders.com/bottomsheet-flutter%20-html/):  اضافة BottomSheet الى تطبيقك في Flutter بسهوله يعد الBottom Sheet واحدا من العناصر المهمه جدا في التطبيقات حيث انه يعطي شكل جمالي لتطبيقك وايضا يكون هذا الزر مخفي ويظهر عند النقر على عنصر معين او عمل action معين داخل التطبيقك ومن ثم يظهر ويمكنك عمل الاشكال والخصائص التي تريد ظهورها في هذا الزر عندما يظهر , في هذا الدرس سوف نتعرف على طريقة عمل listView مع BottomSheet وبدونه وتغيير شكل الزر والالوان واضافة العناصر التي نرغب .تقنية flutter واحده من التقنيات الحديثة التي احدثت ضجة كبيره في مجال ال software بسبب دعمها لاكثر من platform بكود واحد وأصبح الاقبال عليها [&hellip;]
- [اضافة مكتبة Binding Validator في android studio](https://geecoders.com/validator-html/):  اضافة مكتبة Binding Validator في android studio واحد من المشاكل التي تقابلنا كمبرمجين هو التعطيل في عمل if للمدخلات التي قام بها المستخدم مثل عمل if اذا كان الاميل فارغ اخرج رسالة من فضلك ادخل الاميل او اذا كان الرقم السري غير متطابق اخرج رسالة برجاء كتابة الرقم السري بشكل صحيح , كل هذة المدخلات التي يقوم بها المستخدم نحتاج لعمل اختبار لها لضمان عدم ظهور مشكلة في التطبيق او كراش للتطبيق , في الواقع قام احد المطورين بعمل لنا مكتبة تحل هذة المشكلة بشطل سريع جدا وكل ما تحتاجه هو استخدام databinding لاستخدامها مع تثبيت ملحقات المكتبة من اكثر البرامج [&hellip;]
- [كيفية عرض تفاصيل موقع المستخدم بشكل كامل في برنامج اندرويد ستوديو](https://geecoders.com/maps-html-2/):  كيفية تفاصيل موقع المستخدم بشكل كامل في برنامج اندرويد ستوديو اذا كنت تبحث عن اكواد جافا جاهزه للاندرويد استديو في فموقع جي كودرس يقدم لك الكثير من الاكواد حول برمجة وتطوير تطبيقات الاندرويد ستوديو نحن في موقعنا نهتم بجميع الاكواد او التي يقوم بها كثير من التطبيقات في برنامج اندرويد ستوديو و في الايام المقبله سنوفر اكواد بايثون وفلاتر والكثير من اللغات وايضا يوجد قسم يسمى ب مشاريع اندرويد ستوديو هذا القسم نقوم فيه بتنزيل  اكواد تطبيقات اندرويد جاهزه للاستخدام , حيث يمكنك استخدام هذه الاكواد في تطوير وصناعه تطبيقات الاندرويد وايضا في هذا القسم نقدم شروحات اندرويد ستوديو يوجد [&hellip;]
- [شرح انشاء ColorSelector في تطبيقك باستخدام اندرويد ستوديو](https://geecoders.com/colorselector-html/): شرح انشاء ColorSelector في تطبيقك باستخدام اندرويد ستوديوواحد من اهم الاشياء التي لا غنى عنها في تطبيقات الاسواق الرقمية او e-commerce وهي اتاحة اختيار لون المنتج من طرف العميل حيث انه اذا كان لديك منتج يتوفر بعدة الوان يمكنك ادراج تلك الالوان في التطبيق ويقوم المستخدم بعد مشاهدة المنتج ان يقوم بإختيار اللون الذي يريده والذي يناسبة ويتابع بعد ذلك عمليات الدفع والتوصيل وما الى ذلك وبسبب اهمية تلك الميزة سنحاول شرحها لكم في هذة المقالة مع العلم اننا نستخدم Databinding . أصبح الاقبال على ظيفة android developer كبير جدا في هذه الايام وذلك لان مجال ال developing اصبح مطور [&hellip;]
- [اضافة صور وملحقات خارجية الى Flutter والتعامل معها في التطبيق](https://geecoders.com/add-ass-html/): اضافة صور وملحقات خارجية الى Flutter والتعامل معها في التطبيق اثناء استخدامك لتقنية فلاتر تحتاج الى اضافة مجموعة من الصور الخارجية والتي توجد داخل جهازك او اضافة خطوط او غيرها والتعامل معها داخل البرنامج الذي تعمل عليه وفي هذا الدرس سوف نساعدك على كيفية اضافة الصور والملحقات التي تريدها وتريد التعامل معها وهذا يكون من خلال التعامل مع ملف pubspec قم بالدخول الى هذا المجلد وتفعيل الخصائص التي تسمح باضافة الصور .هل تريد تطوير تطبيقات الجوال سواء كانت تعمل بنظام اندرويد او اي او اس بكود واحد , قديما كان هذا الامر صعب جدا ولكن مع تطور التكنولوجيا وظهور لغات [&hellip;]
- [كيفية اضافة الوان مختلفة في Flutter وتحسين شكل التطبيق](https://geecoders.com/external-color-flutter-html/):  كيفية اضافة الوان مختلفة في Flutter وتحسين شكل التطبيق تعد بيئة العمل فلاتر من اقوى التقنيات الموجوده حاليا في تطوير تطبيقات الاندرويد و ios بكود واحد وهذة التقنية عليها اقبال كبير من قبل المستخدمين في الفتره الاخيره وفي هذا المقال سوف نتعرف على كيفية ادارج الوان خارجية الى التطبيق حيث ان الFlutter تقدم لنا مجموعة من الالوان الرئيسيه والتي لا يمكن تغيرها ولذلك سوف نتعتمد على طريقة RGBO او ARGB لاضافة الوان خارجية وهذا يكون عن طريق اضافة كود اللون وسوف نتعرف على كل هذا في هذا المقال .تعتبر لغة dart مخصصه ل flutter و فلاتر مخصصة لتطوير و صناعة [&hellip;]
- [شرح عمل ModelClass و Constructor لبيانات الlistView في Flutter](https://geecoders.com/modelclass-constructor-listview-flutter-html/): شرح عمل ModelClass و Constructor لبيانات الlistView في Flutterدالة البناء والمعروف باسم Constructor من الدوال التي لا غنى عنها تماما في اي مجال برمجي سواء كان مجالك تطوير تطبيقات اندرويد و ios او غيرها فهذة الدالة عليك معرفتها ومعرفة الخواص التي تقدمها وهي بكل بساطة تسمح لك بكتابة البيانات التي ترغب بها وتمريرها في متغيرات الget و set واعتقد كل مبرمج يعرف اهمية هذة الدوال وما الفائدة منها . تقنية flutter واحده من التقنيات الحديثة التي احدثت ضجة كبيره في مجال ال software بسبب دعمها لاكثر من platform بكود واحد وأصبح الاقبال عليها كبير جدا ومازال العدد في زيادة وفي [&hellip;]
- [كيفية عمل listview في flutter بسهوله | Flutter Widget of ListView](https://geecoders.com/listview-flutter-flutter-widget-of-html/):  كيفية عمل ListView في flutter بسهوله الـ listview  واحد من الاشياء التي لا غنى عنها في تصميم تطبيقات الاندرويد او ios وهي ببساطة عمل قائمة تحتوي على مجموعة من العناصر بداخلها ويتم تكرارها في كثير من الاحيان مثال على ذلك تطبيف الماسنجر الذي قمنا به في المقالة السابقة كان الامر يحتاج منا الى عدد كبير من الاكواد لكي تحصل في النهايه على مجموعة من العناصر والاشكال ولكن هنا الامر ابسط لاننا سوف نقوم بعمل العنصر مره واحده فقط وبعدها سوف نقوم بعملية تكراره مثل ما نريد .اتجاه العالم في الايام المقبله كما هو موضح امامنا متجه بشكل كبير في محال [&hellip;]
- [كيفية عرض RecyclerView بشكل افقي HORIZONTAL في اندرويد ستوديو](https://geecoders.com/recyclerview-horizontal-html/):   كيفية عرض RecyclerView بشكل HORIZONTAL في اندرويد ستوديوكما نعلم انه لا يخلوا تطبيق من وجوده RecyclerView بداخلة وهذا بسبب الاهمية الكبيره لهذة الوظيفة حيث تقوم بتكرار العناصر التي ترغب بها وقد سبق وشرحنا لكم كيف تتم وكيف تقوم بإنشاء RecyclerView في تطبيقك ومدى اهميتها وكيف تتم وكل شيئ حولها تقريبا ولكن بقي بعض الاشياء البسيطة التي لم نطرق لها مثل كيف نعرضها بشكل افقي بدلا من العمودي لان احيانا تحتاج الى عرض بعض العناصر بجانب بعضها البعض واذا قمت بعرضها تكون بشكل عمودي مع الاسف .ولهذا تحتاج الى تحويلها بشكل افقي وذلك عن طريق كتابة الامر LinearLayoutManager.HORIZONTAL بعد setLayoutManage [&hellip;]
- [شرح استخدام الmvvm في برنامج Android Studio اندرويد ستوديو  ( design patterns )](https://geecoders.com/mvvm-html/): استخدام mvvm داخل تطبيقاتك في اندرويد ستوديو بكل سهوله تعتمد الشركات في الفترة الحاليه الى تنظيم الكود بشكل كبير وهذا لانه يوفر على المطورين الاخرين سهولة التعديل على الكود الخاص بك وانت شخصيا تستطيع التعديل عليه بسهوله وهذا النموذج mvvm اكثر نموذج مطلوب بين الشركات حاليا لان كل عمل مفصول عن الاخر الui مفصول عن الnetwork وهذا ما يميز النموذج , وفي هذة المقالة سوف نشرح بإذن الله تعالى استخدام النموذج في تطبيقات الاندرويد وسوف نقدر عليه الكثير من الامثلة في المقالات الاخرى لكي تستطيع الاعتماد عليه بشكل اكبر عن غيره من الانمظة في تطبيقات الاندرويد التي تقوم بتطويرها .هل [&hellip;]
- [كود بلغة الجافا يقوم بحساب مساحة الدائرة | java code that calculates the area of a circle](https://geecoders.com/java-code-that-calculates-area-of-circle-html/):  كود بلغة الجافا يقوم بحساب مساحة الدائرة واحده من الاكواد التي يبحث عليها الكثير من المبتدئين في اغلب لغات البرمجه وهي حساب بعض الاشكال الهندسية ولهذا نقدم لكم في موقعنا مجموعه كبيره من هذة الاشكال وكيفية حسابها في مختلف لغات البرمجة مثل جافا وبايثون وغيرها بشكل مجاني لكم ولجميع الطلاب الذين يبحثون داخل موقعنا ولا يقتصر الامر على الاشكال الهندسيه بل لدينا في موقعنا الكثير من الشروحات في اغلب اللغات وتعليم تطوير تطبيقات الجوال من البداية الى الاحتراف , واحد من اكثر الاشكال التي يبحث عنها المبرمجين المبتدئين وهيا برمجة كود يقوم بحساب مساحة الدائرة والامر بسيط جدا وهذا هو [&hellip;]
- [تصميم واجهة تطبيق messanger facebook بإستخدام flutter](https://geecoders.com/messanger-facebook-flutter-html/):  تصميم واجهة تطبيق messanger facebook بإستخدام flutter واحد من التصاميم المهمه التي عليك التعامل معها وفهمها جيدا في الفلاتر بشكل كبير وهي التعامل مع الويدجت ولذلك نقوم بتنزيل الكثير من الاكواد والشروحات في الويدجت وفيهذا الدرس تحديدا سوف نقوم بعمل تصميم لواجهة تطبيق ماسنجر في فلاتر وهذا التصميم واحد من التصميمات التي عليها اقبال كبير من طرف المستخدمين في تعلم كيفية انشائها والتعامل معها وهذا ما سوف نتناوله في هذا الدرس .تعتبر لغة dart مخصصه ل flutter و فلاتر مخصصة لتطوير و صناعة تطبيقات اندرويد او الايفون ونحن نعمل على تقديم شرح لكل من يريد تعلم دارت و برمجة و [&hellip;]
- [تصميم واجهة Login في Flutter مع شرح كيفية التصميم](https://geecoders.com/login-screen-flutter-html/):  تصميم واجهة Login في Flutter مع شرح كيفية التصميم واجهة login تقريبا من اكثر الواجهات التي يتم تصميمها في بداية اي لغة برمجة وذلك لانها واجهه بسيطة جدا ومستخدم بشكل كبير ولذلك تجد كثير من الشروحات يقدم تصميم هذة الواجهه في البداية لكي تتعرف على المتغيرات الخاصة باللغه وكيفية التصميم من خلالها , سوف نستعمل صور و زر واضافة اشكال وicons في هذة الواجهه لنحاول ان نجعلها تشمل اغلب المتغيرات .تعتبر لغة dart مخصصه ل flutter و فلاتر مخصصة لتطوير و صناعة تطبيقات اندرويد او الايفون ونحن نعمل على تقديم شرح لكل من يريد تعلم دارت و برمجة و تطوير [&hellip;]
- [عمل Scroll view وحل مشكلة وجود عناصر اكثر من مساحة الشاشه في flutter](https://geecoders.com/scroll-html/):  عمل Scroll view وحل مشكلة وجود عناصر اكثر من مساحة الشاشه في flutter في مقالة اليوم والتي تعد من اولى المقالات في فلاتر سوف نساعدكم على حل مشكلة الوصول الى نهاية الشاشة والعناصر في فلاتر كما نعلم انه اذا كانت العناصر الموجوده في الشاشه سواء كانت بشكل افقي او عمودي اكبر من مساحة الشاشة يحدث مشكلة في التصميم الخاص بك ويظهر لك Error ولحل هذة المشكلة نستخدم Scroll view لكي نتمكن من التخلص من هذة المشكلة وهذا ما سوف نشرحه لكم في هذة المقالة .أصبحت flutter من اهم ال platforms  التي ينتقل لها الكثير من الdeveloper وذلك لانها بيئة عمل [&hellip;]
- [ازالة علامة debugging من التطبيق في Flutter](https://geecoders.com/delete-debugg-html/):  ازالة علامة debugging من التطبيق في Flutter عندما البدء في العمل على تطبيق معين سواء كان بإستخدام برنامج اندرويد ستوديو او vs code تلاحظ وجود علامة debugging في الاعلى داخل شريط في زاوية التطبيق وهذا يسبب ازعاج للمطورين ولذلك يرغب المطور في ازالتها وعملة ازالتها بسيطة جدا جدا فكل ما عليك هو الانتقال الى الmain ومن ثم قم بإضافة السطر التالي وهو debugShowCheckedModeBanner واجعل قيمتة false وهذا سوف يقوم بإخفائها لك لكن في الوضع العادي تكون true وتظهر العلامه , ما تشير اليه هذة العلامه ان التطبيق الذي تعمل عليه ما زال في مرحلة التطوير فقط ولا تقلل من اداءه [&hellip;]
- [شرح كيفية تثبيت فلاتر flutter على اندرويد ستوديو بالصور خطوه بخطوه | How to install Flutter to andtoid studio](https://geecoders.com/flutter-how-to-install-flutter-to-html/):  شرح كيفية تثبيت flutter على اندرويد ستوديو بالصور خطوه بخطوه في هذا المقال سوف نشرح لكم خطوه بخطوة كيف تقوم بتثبيت الSDK الخاص ب flutter على برنامج الاندرويد ستوديو بدون حدوث اي مشاكل بإذن الله ولذلك عليك بالتركيز واتباع الخطوات المقدمه في هذة المقالة جيدا .1 &#8211; يجب عليك تحميل dart و flutter sdk لكي تتمن من استخدامه ببساطة انتقل الى الرابط الاول وهو المخصص لتحميل لغة درات من خلال الرابط التالي قم بتحميل النسخة stable .2- بعد التحميل والتثبيت انتقل الى الملف الذي قمت بتثبيت الdart فيه وانتقل الى ثم مجلد dart-sdk وبعده lib وانسخ المسار وبعدها انتقل الى [&hellip;]
- [انشاء Dialog Fragment واستدعاءة في activity او fragment على شكل dialog](https://geecoders.com/dialog-fragment-geecoders-html/):  انشاء Dialog Fragment واستدعاءة في activity او fragment على شكل dialog في كثير من الاحيان وانت تعمل تحتاج الى انشاء دايلوج وهذا امر طبيعي جدا والكل يحتاج اليه اثناء عمله وفي طبيعة الحال تلجأ الى الطريقة السابقة والتي قمنا بشرحها لكم وهي عمل dialog بشكل عادي عن طريق الكود ما يعيب هذة الطريقة تون غير تنظميه بمعنى انك تكتب الكود ولا تعرف ماذا يحدث بالتفصيل اثناء العمل الا عندما تقوم بعمل run لل app وتشاهد النتيجة وايضا الامر لا يقتصر على هذا فقط بل تحتاج الى كتابة كود اكبر اذا كنت تريد التعديل على الشكل الخاص به , في المقابل [&hellip;]
- [انشاء TableLayout مع viewpager2 بالاندرويد ستوديو](https://geecoders.com/viewpager2tablelayout-html/):  انشاء TableLayout مع viewpager2 بالاندرويد ستوديو في كثيرة من الاحيان نرغب بإنشاء TableLayout وهذا الامر لا غنى عنه في اي تطبيق كبير تقريبا ودائما يستخدم وبكثرة وقد سبق وشرحنا لكم الfragment لذلك سوف يكون انشاء TableLayout بسيط جدا وكل شيئ سيتم شرحه لكم في هذة المقالة بالصور والاكواد وايضا سوف نستخدمه viewpager2 وهي تعطي انميشن رائع للحركة ومميز وكثير من المطورين يستخدمون viewpager2 بشكل كبير في التطبيقات الخاصه بهم .من اكثر المهارات التي تطلب بكثره في سوق العمل في الاونه الحاليه و هي مطور تطبيقات وخصوصا مطور تطبيقات ios والاندرويد , حاول الدخول الى احد المواقع الخاصه بالعمل الحر سوف [&hellip;]
- [حل مشكلة Data null بإستخدام DataBinding او Adapter في Android Studio](https://geecoders.com/data-null-databinding-adapter-android-html/):  حل مشكلة Data null بإستخدام DataBinding او Adapter كما نعلم ان البيانات الفارغه والتي يطلق عليها null Data تسبب كراش للتطبيق الذي نعمل عليه وهذا يسبب لنا مشكلة كمطورين في طبيعة الحال ولذلك سوف نشرح لكم في هذة المقالة كيف تتخلص من البيانات الفارغه في تطبيقك سواء كانت من Adapter Class او من xml او من الكود بشكل كامل , وهذا سوف يكون عن طريق عمل if للاختبار ومعرفة حالة البيانات وما تحمله .هل تعلم عزيزي القارئ ان اكثر لغه يستعملها مطورون تطبيقات الاندرويد حاليا هي لغه الجافا وهذا رغم وجود لغه اخرى مثل الكوتلن التي ظهرت في الاونه الاخيره [&hellip;]
- [حل مشكلة انعكاس تصميم البروجكت اثناء تشغيله على الهواتف في اندرويد ستوديو](https://geecoders.com/reverse-design-html/):  حل مشكلة انعكاس تصميم البروجكت اثناء تشغيله على الهواتف في اندرويد ستوديو من اكثر المشاكل التي تسبب للمطورين مشكلة وهي انعاكس التصميم ويكون هذا بسبب لغة الهاتف فإذا قمت بتصميم تطبيق يعمل من اليسار لليمين فسوف تلاحظ انه عند تجربته على اجهزة الهواتف ان التصميم معكوس ويبدء من اليمين لليسار وليس العكس وهذة المشكلة قد تسبب لك ازعاج كمطور بسبب لغة النظام الذي يعمل عليه الجهاز ولتفادي هذة المشكلة سوف نشرح لكم في هذة المقالة كود بسيط جدا يتم تغيره في ملف manifest يقوم بمساعدتك على التخلص من هذة المشكلة المزعجه تمام .هل تعلم عزيزي القارئ ان اكثر لغه يستعملها [&hellip;]
- [كيفية تشغيل اكثر من workmanager في اكثر نفس الوقت في اندرويد ستوديو](https://geecoders.com/multipleworkmanager-html/):   كيفية تشغيل اكثر من workmanager في اكثر نفس الوقت في اندرويد ستوديو في هذا الدرس يعد من اخر الدروس في الورك مانجر يمكنكم بعد ذلك البحث عن امثلة حول استخدام work manager ونحن سوف نقدم لكم ايضا امثلة في الايام القادمه باذن الله ودرس اليوم سوف نشرح لكم كيف تستطيع تشغيل work manager في اندرويد ستوديو بالتوالي والتوازي يعني تشغيل اكثر من واحد في نفس الوقت وتشغيل كل واحد وعندما ينتهي الاول يبدء الثاني وهكذا وهذا هو محور درسنا اليوم .اذا كنت تبحث عن دوره تعلم تطوير تطبيقات الاندرويد. فنحن في جي كودرس سنقدم لك كثيرا من الاكواد والشروحات وشرح [&hellip;]
- [دوره في تعلم لغة prolog من البداية حتى كتابة اول كود لك بسهوله !](https://geecoders.com/prologtutorial-html/): تعلم لغة برولوج prolog من البداية حتى كتابة اول كود لك بسهوله !تعتبر لغة برمجة برولوج prolog واحده من اللغات الغير معروفه بشكل كبير لدى العرب وايضا لدى معظم المبرمجين ويرجع هذا بسبب صعوبتها ولكنه في الواقع اللغة مهمة جدا وتستخدم في المنطق لعمل روبوت يستطيع الكلام معك على سبيل المثال وهذا من احدى سمات اللغة يمكنك تعلم اللغة بشكل بدائي جدا من خلال الانترنت و اخذ كورسات بها لكي تتمكن من فهمها بشكل جيد وبعدها حاول البحث عن دورات خارجية لانك لن تتمكن من الوصول الى المستوى القوي والذي يساعدك في بناء روبوت بواسطها من خلال الانترنت .وفي هذة [&hellip;]
- [كيفية عمل effect على Transitions بين activity في تطبيقات android studio](https://geecoders.com/transitionseffect-html/):  كيفية عمل effect على Transitions بين activity في تطبيقات android studio في هذة المقالة باذن الله تعالى سوف نتعرف على كيفية عمل تاثير للTransitions  داخل برنامج اندرويد ستوديو وهذا التاثير يعطي شكل جمالي للكود الخاص بنا من اكثر المهارات التي تطلب بكثره في سوق العمل في الاونه الحاليه و هي مطور تطبيقات وخصوصا مطور تطبيقات ios والاندرويد , حاول الدخول الى احد المواقع الخاصه بالعمل الحر سوف تجد ان اكثر الاعمال التي تطلب لمطور التطبيقات ومصمم المواقع والى الديزاينر. حاول دائما تعلم احد هذه المهارات سواءا مطور مواقع او مطور تطبيقات او حتى مصمم ولكن انصحك تعلم اي مهاره تتعلق في [&hellip;]
- [عرض شاشة الموبايل على الكمبيوتر اثناء تطوير تطبيقات الموبايل](https://geecoders.com/vysor-html/):  عرض شاشة الموبايل على الكمبيوتر اثناء تطوير تطبيقات الموبايل اذا كنت من مطوري تطبيقات الموبايل سواء android او ios في طبيعة الامر تحتاج الى عرض شاشة الموبايل الخاص بك اثناء عملية التطوير لكي تتاكد من الاكواد والاوامر التي تكتبها وايضا لعمل testing بعد كل عملية للتاكد من سلامتها وايضا لحل مشاكل debugging التي ظهر ، ويوجد اكثر من طريقة لاختبار نجاح وفاعلية الـ application الخاص بك ، سنشارك معك في مقالة اليوم مجموعة من الحلول التي يمكنك من خلالها عرض التطبيقات التي تقوم بتطويرها في برنامج android studio او عيرة من البرامج التي تستخدمها لتطوير التطبيقات .كيفية عرض التطبيقات التي [&hellip;]
- [حل مشكلة عدم تشغيل الapi داخل تطبيقك في برنامج اندرويد ستوديو بسهوله](https://geecoders.com/usescleartexttraffic-html/):  حل مشكلة عدم تشغيل الapi داخل تطبيقك في برنامج اندرويد ستوديو بسهوله الapis واحد من العوامل الرئيسيه التي يجب عليك معرفتها كمبرمج وذلك لاهميتها الكبيره في تطبيقك ومعظم عمل الشركات يكون api ولذلك يجب عليك كمبرمج اتقان استخدام api ولقد شرحنا لكم في مقالة سابقة كيفية التعامل مع api المسؤول عن عرض الاخبار وايضا لن نكتفي بهذا القدر بس سنحاول معكم استكمال الدروس في هذة السلسله لكي تتمكن من امكانية استخدام الapi بشكل جيد وسوف نقدم دروس في التعامل مع postman و عمل login و register بواطسة apis والكثير من الدروس في هذه الميزة , وفي درس اليوم نقدم لكم [&hellip;]
- [كود لبرنامج يقوم بحساب الاسكور في واجهه بلغة الجافا](https://geecoders.com/blog-post_28-html/):  كود لبرنامج يقوم بحساب الاسكور في واجهه بلغة الجافامرحبا زوار موقعنا الاعزاء سبق وقد شرح لكم العديد من الامثله على تطبيق القديم التي يستقبلها البرنامج من المستخدم ويقوم بطباعتها او حتى عمل عمليه حسابيه عليها ولكن كانت تتم الطباعة في قائمة التشغيل في البرنامج ولكن في مقالة اليوم سوف نتحدث عن  JOptionPane وهو يقوم بتشغيل نافذه لديك يمكنك ادخل فيها ما تريد وتتم الطباعه في نافذه ايضا ( بمعنى انة تتم عملية طباعة الرساله في مربع او نافذه ) فكل ما عليك هو نسخ الكود التالي ووضعها في محرر الاكواد لديك الذي يعمل بلغة الجافا مع مراعاة تغيير اسم الباكج [&hellip;]
- [كيفية اضافة الصور الى تطبيقك مع المحافظة عليها بمختلف الاجهزة](https://geecoders.com/maintainqualityandroid-html/):   كيفية اضافة الصور الى الاندرويد ستوديو مع المحافظة عليها بمختلف الاجهزةفي كثير من الاحيان عند العمل على تطبيق كبير نوعا ما تحتاج الى ان تكون الصرو التي تقوم بوضعها بدقة عاليه ولذلك تلجأ الى الصور بدقة svg لضمان الحصول على افضل جوده ممكنه ولكن في بعض الاحيان مع اختلاف الاجهزة والاحجام تكون غير مناسبة ولذلك تلجأ الى مكتبة ssp و sdp لضمان جودة المشروع والاحجام والتخلص من مشكلة اختلاف المقاسات بين شاشات الاجهزة الذكية المختلفة ولكن ومع الاسف قد تلاحظ مشكلة ايضا بسبب اختلاف احجام الصور والسبب يرجع الى انه عليك وضع الصورة باكثر من مقاس في ملفات الاندرويد [&hellip;]
- [كيفية رفع مجموعة صور svg مره واحده في android studio](https://geecoders.com/addallsvgimagetoandroidstudio-html/):  كيفية رفع مجموعة صور svg مره واحده في android studio في كثير من الاحيان يكون لديك مجموعة من الملحقات مثل صور svg و png وغيرها وتريد ادراج كل هذة الصورة دفعه واحده داخل اندرويد ستوديو بدون ادراج كل صورة على حدا لان هذا الامر ياخذ منك الكثير من الوقت لذلك سوف نشرح لكم في هذة المقالة كيف تستطيع اداراج جميع الصور دفعه واحده داخل برنامج android studio مره واحده وبسهوله لان مصمم ui غالبا يدرج لك الملحقات في ملف ولكي تستخدمها يجب ان تكون في الملحقات الخاصة بالبرنامج .من اكثر المهارات التي تطلب بكثره في سوق العمل في الاونه الحاليه [&hellip;]
- [شرح كيفية تشغيل التطبيق الخاص بك في الخلفية اندرويد ستوديو (تصغير التطبيق) - minimize app in android studio](https://geecoders.com/display-app-without-screen-html/):  شرح كيفية تشغيل التطبيق الخاص بك في الخلفية اندرويد ستوديو متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في شرح اليوم نقدم لكم كيفية جعل التطبيق الخاص بك عائم ويظهر فوق التطبيقات الاخرى كما في الصورة الموجوده بالاعلى بسهولة وللتعرف على الطريقة تابع الشرح الى النهاية وسوف تستطيع فعلها بسهولة تامة , حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من [&hellip;]
- [طريقة عمل حساب للعميل وحساب للمندوب بخصائص معينه #8 | استخدام Firebase داخل android studio](https://geecoders.com/acc-cclient-and-provider-html-2/):  طريقة عمل حساب للعميل وحساب للمندوب بخصائص معينه بسم الله الرحمن الرحيم  السلام  ورحمة الله وبركاته  زوار موقع جي كودرس مرحبا بكم في مقالة اليوم سوف نتعرف على كيفيه انشاء بريد للمستخدم العادي وانشاء حساب لي المندوب حيث سنقوم بإضافته خيار عندما ينقر عليه الشخص فانه يقوم بالتسجيل كمندوب وليس كزائر وإذا لم ينكر عليه فإنه يتم عمليه التسجيل بنجاح ولكنه يصبح زائر حيث يتوفر المندوب على بعض الخصائص لا تتوفر لدى المستخدم العادي وايضا المستخدم العادي يمكنه أن يقوم بعمل طلبات خلافا عن المندوب الذي يمكنه فقط قبول هذه الطلبات خطوات إنشاء حساب للمستخدم والمندوبقم بعمل Activity جديدة بإسم ProviderActivity [&hellip;]
- [منع تدوير الهاتف اثناء استخدام تطبيقك في اندرويد ستوديو | Prevent phone rotation in Android Studio](https://geecoders.com/screenorientation%20-html/):  منع تدوير الهاتف اثناء استخدام تطبيقك في Android Studio اثناء تطوير تطبيق على الandroid studio تريد احيانا ان تقوم بجعل هذا التطبيق غير قابل للتدوير بمعنى لا يستطيع المستخدم تدوير الهاتف اثناء العمل على تطبيقك وهذا مفيد اذا كان يسبب مشاكل في الdesign الذي تعمل عليه لان حالة التدوير تسبب مشكلة في تصميمك وتحتاج الى انشاء تصميم اخر في بعض الصفحات لكي يتم ربطها بشكل سليم ولهذا يوجد كود بسيط عبارة عن سطر يتم وضعه عن الactivity التي تريد منع التدوير لديها لكي لا يستطيع المستخدم تدوير الهاتف اثناء استخدام التطبيق يمكنك تنفيذ هذا الكود على جميع اجزء الactivity التي [&hellip;]
- [شرح كيفية اضافة صندوق اختيار الدولة في تطبيقك في برنامج اندرويد ستوديو](https://geecoders.com/countrycodepicker-html/):  شرح كيفية اضافة صندوق اختيار الدولة في تطبيقك في برنامج اندرويد ستوديو مرحبا بكل عشاق تطوير تطبيقات الاندرويد والذين يعملون في مجال تطوير التطبيقات في مقالة اليوم اقدم لكم مكتبة رائعه من اهم المكتبات التي تحتاج اليها في تطبيقك وتوفر عليك كثير من الوقت والجهد اليوم لدينا شرح لمكتبة Country Code Picker Library وهي من تطوير احد  المبدعين في عالم البركة تعمل هذة المكتبة على امكانية اختيار الدولة وتظهر لك مفتاح الدوله كما نشاهدها في كثير من التطبيقات ولاهميتها قمنا بعمل حولها مقالة وشرح .اذا كنت تبحث عن اكواد جافا جاهزه للاندرويد استديو في فموقع جي كودرس يقدم لك الكثير [&hellip;]
- [<div>انشاء تطبيق note باستخدام room & rx java ( تطبيقات اندرويد ستوديو مفتوحة المصدر )</div>](https://geecoders.com/note-room-rx-java-html/):  انشاء تطبيق note باستخدام room &amp; rx java ( تطبيقات اندرويد ستوديو مفتوحة المصدر ) تطوير تطبيقات ليس من الامور السهله التي يستطيع الجميع احترافيها وخاصة تطوير تطبيقات الاندرويد لان العملية تطلب منك تعلم احدى لغات البرمجة جافا او كوتلن لكي تتمكن من تطوير تطبيقات الهواتف الذكية ولهذا ننصحك بتعلمها وهي مصدر دخل جيد جدا ومطلوبة بكثرة ويمكنك بعد تطوير تطبيقات الموبايل وعمل مشاريع خاصة بك البحث عن شركة تطوير تطبيقات الجوال والعمل بها حتى تكتسب خبره و مالل في نفس الوقت او يمكنك العمل اونلاين من خلال احد مواقع الفري لانسر والتي يتم طلب فيها اعمال البرمجة بشكل يومي [&hellip;]
- [اكواد اندرويد ستوديو تقوم بعمل broadcast receiver لعرض نسبة شحن الهاتف | android studio code](https://geecoders.com/broadcast-receiver-android-studio-code-html/):  اكواد اندرويد ستوديو تقوم بعمل broadcast receiver لعرض نسبة شحن الهاتف | android studio code مرحبا بكم في اكواد اندرويد ستوديو جاهزة وفي درس جديد من دروس البرودكاست حيث سنتعرف على كيفية عمل attery Level and Charging State عبارة عن تطبيق بسيط يتم عرض به نسبة شاحن هاتفك وخط به نسبة الشحن اذا كنت مما يبحث عن اكواد اندرويد ستوديو PDF ففي موقعنا نوفر لكم اغلب اكواد جافا جاهزة للاندرويد مع شرح لكل كود نقدمه لكم ونقوم بتنزيل أكواد تطبيقات أندرويد جاهزة يمكنك من خلالها تطوير فكرة فاذا كنت تبحث عن اكواد اندرويد ستوديو فنحن نوفر لك كل ما تريد [&hellip;]
- [كود برولوغ لعمل اتحاد ليست | List Union in Prolog](https://geecoders.com/list-union%20in%20prolog-html/):  كود برولوغ لعمل اتحاد ليست | List Union in Prolog تعتبر لغة prolog من اهم اللغات التي يجب ان تتعلمها اذا كنت تريد ان تصنع روبوت يحاكي الواقع ويتحدث معك مثل الانسان وهذا لان اللغه تحاكي المنطق ومع الاسف لا يوجد في الوطن العربي دروس لهذة اللغه وحتى المحتوى الانجليزي لا يحتوي على القدر الكافي الذي يجعلك تتعلمها بشكل قوي ومجاني ، اذا كنت تريد التعمق في هذا اللغه يمكنك اخذ كورس مدفوع او البحث عن احد المراكز التي تقدم شروحات في البرولوج . تعتبر prolog لغة فريدة من نوعها وتختلف بشكل كبير عن اي لغة برمجة اخرى مثل java , [&hellip;]
- [<div>كود برولوج لجمع اكثر من ليست | addition 2 list "concatenation" prolog code</div>](https://geecoders.com/concatenation-html/):  كود برولوج لجمع اكثر من ليست &#8211; add 2 list prolog code مرحبا متابعي جي كودرس في مقال جديد من دروس لغة البرولوج في هذا الدرس سوف نتعرف على كيفية اضافة 2 ليست على بعض بمعنى اننا نريد جمع ليست مع ليست اخر والناتج يكون في ليست اخر يجمع السابق وهذا يعد ثالث درس من دروس الليست في اول درس تعلمنا كيف يمكنك انشاء ليست والثاني التاكد من عنصر معين هل موجود داخل الليست ام لا وهذا هو الدرس الثالث حيث تعد list من اكثر الاشياء التي يتم استعمالها في لغة البرولوج وفي اغلب لغات البرمجة تقريبا .لغة prolog واحده [&hellip;]
- [كود برولوج للتاكد من وجود العنصر في list ام لا | Membership Operation prolog program](https://geecoders.com/membership%20prolog-html/):  كود برولوج للتاكد من وجود العنصر في list في هذا الدرس سوف نقدم لكم كود جديد من اكواد الليست في لغة برولوج حيث في الدرس السابق تعرفنا على كيفية انشاء list وفي هذا المقال سوف نقدم لكم اول درس حولهم وهو كيفية التاكد من وجود عنصر في الليست الكود بسيط جدا جدا وسهل الفهم فلا تقلق .لغة prolog هي لغة more complex وليس الجيمع يستطيع تعلمها بسهوله بل تحتاج منك وقت وصبر لتعلمها ونحن قد سبق وان شرحنا لكم مقدمة في هذة اللغه وايضا نقدم لكم اكواد برولوج في هذا القسم language prolog ومازلنا مستمرين في تنزيل الكثير من الاكواد [&hellip;]
- [كود برنامج برولوج يقوم بحساب مساحة الدائرة swi prolog code](https://geecoders.com/circle%20prolog-html/):  كود برنامج برولوج يقوم بحساب مساحة الدائرة swi prolog codeتعتبر لغة prolog او logic واحده من اهم اللغات التي يجب ان يهتم لها كل programming وهي language بسيطة وتستخدم code بسيط استخدام عبارات منطقية بدل أن تكون تعليمات ويمكنك استخدام برنامج swi prolog او اي من برامج مواقع prologue online لكتابة الاكواد و since البرولوج كبير جدا ويستخدم في الروبوتات وجعلها تحاكي الواقع وتتحدث ولكن لن نصل معكم الى هذا المستوى الكبير فنحن سوف نقدم لكم example لمجموعة  اكواد بسيطة مثل list و غيرها من الاكواد البسيطة في هذة اللغة ويمكنك بعد فهمها بشكل جيد ان تنتقل الى المحتوى الاجنبي [&hellip;]
- [شرح انشاء AnimatedBottomBar في نهاية التطبيق بواسطة برنامج اندرويد ستوديو](https://geecoders.com/animatedbottombar-html/):   شرح انشاء AnimatedBottomBar في نهاية التطبيق بواسطة برنامج اندرويد ستوديواذا كنت تبحث عن دوره تعلم تطوير تطبيقات الاندرويد. فنحن في جي كودرس سنقدم لك كثيرا من الاكواد والشروحات وشرح للكود في هذا المجال , يمكنك عزيزي القارئ التوجه الى القسم المختص الذي تريد تعلمه وستجد بحر من الاكواد البرمجيه الكثيره التي يمكنك من خلالها تعلم اللغه وايضا لدينا قناه على موقع اليوتيوب نقدم فيها بعض الشروحات حول تطوير تطبيقات الاندرويد و في الايام المقبله باذن الله تعالى سوف ننتقل معكم الى فلاتر . حيث اننا نعلم برمجه تطبيقات الاندرويد وصناعة التطبيقات امر غير سهل ولكن يحتاج منك اولا الى تعلم [&hellip;]
- [كيفية اضافة اكثر من لغة للتطبيق وحفظها في shared باستخدام اكواد اندرويد ستوديو](https://geecoders.com/language-shared-html-3/):  كيفية اضافة اكثر من لغة للتطبيق وحفظها في shared باستخدام اكواد اندرويد ستوديو من اكثر الاشياء التي يطلبها الكثير من العملاء وهي لغة التطبيق فالكثير يطلب ان يتوفر اكثر من لغة للتطبيق وذلك من اجل تحسين التطبيق وجعله يصل الى نطاق اكبر من العرب والغرب لاجل نشر التطبيق والحصول على اكبر فئة له وهذا الشيئ يستخدم بكثرة للتطبيقات التي تنزل على متجر جوجل بلاي وقد سبق وان شرحنا لكم كيفية اضافة اكثر من لغة لتطبيقك ولكن لم نثبت اللغة ولا اي شيئ فقط عملناكم كيف تستطيع ترجمة تطبيقك لاكثر من لغة والتطبيق يعمل على لغة النظام ولكن في مقالة اليوم [&hellip;]
- [كود جافا لمعرفة هل الشخص محصن من فيرس كرونا-19 ام لا | java code to Find out if a person has corona virus or not](https://geecoders.com/codecoronavirusjava-html/):  كود جافا لمعرفة هل الشخص محصن من فيرس كرونا-19 ام لا بعد انتشار فيروس كرونا المستجد في نهاية عام 2019 في الصين وظهوره بشكل كبير في الدول العربيه في سنة 2020 اصبحت كثير من المناهج تدرس بشكل اونلاين واصبح الكثير من المبرمجين يعملون على تطوير انظمة لهذا الفيرس القاتل مع الاسف مثل عمل جهاز لمعرفة اذا كان الشخص الذي يقف امامك مصاب ام لا من خلال تقنية machine learning وايضا بعض التطبيقات التي تسجل بها بياناتك سواء اذا كانت مصاب ام لا واذا توافق التطبيق مع الشخص الاخر وكان قريبك منك يرسل لك اشعار ان كان مصاب ام لا .ولهذا [&hellip;]
- [كود برنامج subsets باستخدام برنامج swi prolog بالعربي](https://geecoders.com/subsets%20-html/):  كود برنامج subsets باستخدام برنامج swi prolog بالعربي متابعي موقع جي كودرس geecoders مرحبا بكم في مقالة جديدة من دروس البرولوغ حيث في هذة المقالة سوف نتعرف على كيفية عمل مجموعات فرعية للقائمة او بمعنى اخر subsets لليست وهذا يعد من دروس الليست بواسطة البرولوغ وهي من اهم الاشياء التي يجب ان تتعملها والتطبيق عليها لانك سوف تستخدمها بكثرة ولهذا السبب نضع امثلة كثيره حولها .تعتبر لغة prolog من اهم اللغات التي يجب ان تتعلمها اذا كنت تريد ان تصنع روبوت يحاكي الواقع ويتحدث معك مثل الانسان وهذا لان اللغه تحاكي المنطق ومع الاسف لا يوجد في الوطن العربي دروس [&hellip;]
- [كيفية انشاء تطبيق عداد بواسطة برنامج اندرويد ستوديو android studio](https://geecoders.com/counterandroidadd-html-2/):  كيفية انشاء تطبيق عداد بواسطة برنامج اندرويد ستوديو android studio  يقدم لك موقع جي كودرس اكواد مفتوحة المصدر لاستخدامها في تطبيقاتك عن طريق توفير اكواد اندرويد وتطبيقات مشاريع مفتوح المصدر و اكواد اندرويد ستوديو جاهزة يمكنك استخدامها وايضا نوفر شرح للاكواد التي نقدمها وفي هذا المقال المميز والذي يعد من مقالات إحترف Android Studio نقدم لك طريقة عمل counter وهو عباره عن عداد عندما نقوم بالنقر على الزر يقوم بعد معك من 1 الى مالا نهاية وايضا يوجد زر يقوم بعمل rest للاعداد للبدء من جديد يمكنك من خلال هذا التطبيق عمل سبحة اليكترونية مثل التي نراها تباع في المكتبات [&hellip;]
- [شرح كيفية نقل البيانات من  workmanager الى activity في برنامج Android studio](https://geecoders.com/send-html/):  شرح كيفية نقل البيانات من  workmanager الى activity في اندرويد ستوديو اذا كنت تبحث عن دوره تعلم تطوير تطبيقات الاندرويد. فنحن في جي كودرس سنقدم لك كثيرا من الاكواد والشروحات وشرح للكود في هذا المجال , يمكنك عزيزي القارئ التوجه الى القسم المختص الذي تريد تعلمه وستجد بحر من الاكواد البرمجيه الكثيره التي يمكنك من خلالها تعلم اللغه وايضا لدينا قناه على موقع اليوتيوب نقدم فيها بعض الشروحات حول تطوير تطبيقات الاندرويد و في الايام المقبله باذن الله تعالى سوف ننتقل معكم الى فلاتر . حيث اننا نعلم برمجه تطبيقات الاندرويد وصناعة التطبيقات امر غير سهل ولكن يحتاج منك اولا الى [&hellip;]
- [شرح استخدام الـ Room في حذف العناصر من ArraryList في اندرويد ستوديو](https://geecoders.com/array-delete-room-android-html/):  android studio local data base #8 : شرح استخدام الـ Room في حذف العناصر من ArraryList في اندرويد ستوديو في الدرس السابق تعرفنا على كيفية عمل insert و get للdata من array واضافتها داخل room database وفي هذا المقال سوف نكمل على الدرس السابق ونشرح لكم كيفيبة عمل delete للعناصر كامله والامر بسيط جدا ويمكنك عمله باكثر من طريقة لكي تفهم الفكرة بصورة افضل كما شرحنا لكم الاضافة .متابعي موقع ومدونة جي كودرس مرحبا بكل مهتم في مجال تطوير تطبيقات الاندرويد مرحبا بكم من جديد من دروس تطوير تطبيقات الهواتف الذكية وتحسين شكلها كما تعلمون اننا نقدم لكم اكواد وشروحات [&hellip;]
- [امثلة على اكواد RXjava لبرنامج اندرويد ستوديو | RXjava example for android studio](https://geecoders.com/rxjava-examples-java-html/):  امثلة على اكواد RXjava لبرنامج اندرويد ستوديو | RXjava example for android studio مجال تطوير تطبيقات الاندرويد او تطوير تطبيقات الموبايل عموما هو اكثر مجال نهتم به في موقعنا ونقدم له شروحات كثيرة جدا وذلك لاهميتة وايضا لانه قد يصبح مصدر دخل بالنسبة لك وقد تبحث عن شركة تطوير تطبيقات الجوال والعمل بها اذا كنت جيد في عملية تطوير تطبيقات الهواتف الذكية او العمل في مواقع الفري لانسر ومجال تطوير تطبيقات الاندرويد كبير وواسع ويجب عليك دائما التطور فيها ولا تثبت عند مستواك الحالي فهنالك دائما تحديثات واضافات جديدة تظهر باستمرار وليس تطوير تطبيقات الاندرويد بل اي مجال له علاقة [&hellip;]
- [كيفية عمل شاشة البداية splash screen باستخدام Rxjava | شروحات اندرويد ستوديو بالعربي](https://geecoders.com/splash-rx-html/):  كيفية عمل شاشة البداية splash screen باستخدام rx java | شروحات اندرويد ستوديو بالعربي متابعي موقع ومدونة جي كودرس مرحبا بكل مهتم في مجال تطوير تطبيقات الاندرويد مرحبا بكم من جديد من دروس تطوير تطبيقات الهواتف الذكية وتحسين شكلها كما تعلمون اننا نقدم لكم اكواد وشروحات مخصصه لبرنامج اندرويد ستوديو والامر لا يقتصر على تطوير تطبيقات الاندرويد بل يتوفر في موقعنا كثير من الدروس البرمجية المفيدة ولغات البرمجة المختلفة وفي بداية اي كورس في موقعنا نقدم تعليم البرمجة للاطفال مجانا و للكبار ايضا فنحن نقدم لكم شرح بسيط جدا او مدخل للغة واكثر لغة نهتم بها حاليا وهي لغة جافا [&hellip;]
- [كيفية تكرار workmanager اكثر من مره خلال بوقت معين في الاندرويد ستوديو](https://geecoders.com/workmanagerandroidx-html/): كيفية تكرار workmanager اكثر من مره خلال بوقت معين في الاندرويد ستوديو نكمل معكم في دروس الورك مانجر وفي هذا الدرس سوف نشارك معكم كيفية تشغيل الwork manager اكثر من مره في وقت معين مثلا لديك مجموعه من الاقتباسات وتريد عرض اقتباسه عشوائية كل فتره معينه مثلا كل 15 دقيقة او كل ساعه الامر يرجع اليك ولكن اقل مده تكون ربع ساعه اي 15 دقيقة لا يمكن تشغليها اقل من هذا ولكن يمكنك عمل حركة لتشغيل الورك مانجر كل فتره اقل من 15 دقيقه مثلا كل دقيقة ولكن في نهاية المقالة الان دعونا ننتقل معكم الى الشرح .تطوير تطبيقات ليس [&hellip;]
- [شرح استخدام الـ Room في اضافة وتخزين البيانات في برنامج اندرويد ستوديو](https://geecoders.com/sql-html-4/):  android studio local data base #7 : شرح استخدام الـ Room في اضافة وتخزين البيانات ما زلنا مستمرين معكم في سلسلة Room database android شرح حيث تعد الـ Room مكتبة من اهم المكتبات التي تم توفرها في Android Jetpack في الفترات الاخيرة تقوم هذة المكتبة بعملية انشاء قواعد بيانات SQLite يتم استخدامها بشكل اسرع للحصول على البيانات وتخزين بها بيانات وايضا لعمل cache لتطبيقك عندما تكون لديك data قادمه لك من الانترنت او من api  وفي هذة السلسلة نكمل معكم الحديث عنها ونحاول تغطية كل شيئ حولها لكم في هذا القسم Room database .اذا لم تكن تعرف room وطريقة استخدامها [&hellip;]
- [كيفية التعامل مع broadcast بالاندرويد ستوديو وتنفيذ وظيفة عندما يرن الهاتف](https://geecoders.com/broadcast-html/):  كيفية التعامل مع broadcast بالاندرويد ستوديو وتنفيذ وظيفة عندما يرن الهاتف في هذا المقال باذن الله تعالى سوف نشرح لكم كيفية التعامل مع broadcast مع برنامج الاندرويد ستوديو , وقبل كل شيئ هل تعرفون ماهو البرودكاست ؟ ببساطة هو ما يحدث في سلوك التطبيق مثال على ذلك عندما يقوم شخص بالاتصال بك هذا يعد برود كاست اظن ان هذا المثال يوضح لكم الفكرة ببساطة وهذا هو محور درس اليوم عندما يتصل بك شخص سوف نقوم بعمل حدث عندما يرن وعندما ينتهي الاتصال وبين الاتصال .مجال تطوير تطبيقات الاندرويد او تطوير تطبيقات الموبايل عموما هو اكثر مجال نهتم به في موقعنا [&hellip;]
- [شرح استخدام SharedPreferences مع gson لتخزين البيانات بالعربي](https://geecoders.com/sharedpreferences-json-html/):  شرح استخدام SharedPreferences مع gson لتخزين البيانات على جهازك بالعربي في المقال السابق تعرفنا على كيفية التعامل مع local data base وكيف تستطيع تخزين البيانات الخاصه بك بشكل offline وفي هذا المقال نكمل معكم على الدرس السابق حيث عندما انشأنا class جديد لنضع فيه البيانات التي نستطيع استخدامها في اي مكان كان الموضوع ممل قليلا وهو عندما نريد عمل اي تغيير نحتاج لعمل get and set و تعريف لل shared , وفي هذه المقالة سوف نحل المشكلة بإذن الله عن طريق مكتبة gson والتي سوف تخزن لنا الكلمات في مجموعة لكي نستخدمها في اي مكان وبعد ان نجمع الكلمات داخل [&hellip;]
- [امثلة حول استخدام rx java في برنامج اندرويد ستوديو](https://geecoders.com/examplerxjavaanroid-html/):  امثلة حول استخدام rx java في برنامج اندرويد ستوديو نكمل معكم في دروس حول شرح مفصل لـ RxJava حيث اننا يمكننا وصفها في كلمة واحدة وهي غير المتزامن ونحاول تقديم لكم RxJava بالعربي وشرح اغلب اساسيتها وهي كبيره جدا وعميقه يمكنك الرجوع لاول مقالة في القسم لكي تفهم كيف تعمل ولماذا نستخدمها من الاساس وفي الدرس السابق شرحنا لكم كيف تستطيع جلب البيانات سواء من array في نفس الكلاس او في كلاس اخر واليوم شرح كيف تقوم بعمل بعد الارقام من 0 الى 10000 على سبيل المثال وايضا كيفية عمل loop بسيط باستخدام rxjava في برنامج android studio بسهوله .اذا [&hellip;]
- [كيفية جلب معلومات من ArrayList باستخدام rx java ببرنامج اندرويد ستوديو](https://geecoders.com/javarxarra-html/):  كيفية جلب معلومات من ArrayList باستخدام rx java ببرنامج اندرويد ستوديو في هذا المقال سوف نتعرف على بإذن الله تعالى على كيفية جلب بيانات من ArrayList باستخدام ار اكس جافا وهذا المقال يعد من اهم المقالات التي يجب ان تفهمها في rx java فلن تحتاج الى RxJava شرح بعدها اذا ركزت جدا وانا في طبيعة الحال قمت بعمل لكم // قبل كل وظيفة مهمة لكي تفهم كيف يعمل التطبيق وما ستحصل عليه وايضا فوق كل صورة اقدم لكم شرح . سوف نحاول ان نقدم لكم RxJava شرح بطريقة بسيطة جدا وايضا سوف نستعملها مع Retrofit لكي تفهم الفكرة بشكل كامل وواضح [&hellip;]
- [شرح ايقاف وتشغيل ال workmanager في تطبيقك android studio](https://geecoders.com/stop-workmanager-html/):  شرح ايقاف وتشغيل ال workmanager في تطبيقك android studio من اكثر المهارات التي تطلب بكثره في سوق العمل في الاونه الحاليه و هي مطور تطبيقات وخصوصا مطور تطبيقات ios والاندرويد , حاول الدخول الى احد المواقع الخاصه بالعمل الحر سوف تجد ان اكثر الاعمال التي تطلب لمطور التطبيقات ومصمم المواقع والى الديزاينر. حاول دائما تعلم احد هذه المهارات سواءا مطور مواقع او مطور تطبيقات او حتى مصمم ولكن انصحك تعلم اي مهاره تتعلق في البرمجه وذلك لعده اسباب اولا يكون المبلغ المقبوض منها اكثر من راتب المصمم ايضا يساعدك موقعنا في تصميم وانشاء تطبيقات التي تريدها وايضا سوف تجد ان [&hellip;]
- [ماهي RXJava ولماذا هي مهمة في تطوير تطبيقات الاندرويد  وكيف تتعلمها ؟](https://geecoders.com/javarx-tutorial-androidx-html/):  ماهي RXJava ولماذا هي مهمة في تطوير تطبيقات الاندرويد  وكيف تتعلمها ؟ في هذا الدرس سوف نقوم بعمل لكم مقدمة حول RXJava بالاندرويد ستوديو حيث انها تعد من اكثر التقنيات الحديثة التي تحل مشكلة Thread التي يعاني منها اصحاب التطبيقات التي تحظى بعدد مستخدمين كبير وهي تقنية مهمة وحديثة ومن المفترض عليك تعلمها لكي تكون مبرمج ناجح , ولكن قد لا تستخدمها في التطبيقات الصغيرة , وبسبب كبرها واهميتها سوف يتم شرحها في اكثر من مقالة لكي لا تدخل المعلومات في بعضها وتتلخبط حيث في هذة المقالة سوف نتعرف على اهم مكونات الار اكس جافا للandroid studio .مجال تطوير تطبيقات [&hellip;]
- [شرح بناء الworkmanager وارسال Data من activity الى workmanager اندرويد ستوديو](https://geecoders.com/create-workmanagerandroid-html/):  شرح بناء الworkmanager وارسال Data من activity الى workmanager اندرويد ستوديو في هذا الدرس سوف نشرح لكم ارسال بيانات من الاكتفتي الى الورك مانجر وهذا يعد اول درس في قسم الورك مانجر بالاندرويد ستوديو وسيتم وضع لكم الكثير من المقالات في هذا القسم ويعد workmanager من اكثر الوظائف استخداما بشكل كبير وقد لا يخلو تطبيق قوي من الورك مانجر .اذا كنت تبحث عن دوره تعلم تطوير تطبيقات الاندرويد. فنحن في جي كودرس سنقدم لك كثيرا من الاكواد والشروحات وشرح للكود في هذا المجال , يمكنك عزيزي القارئ التوجه الى القسم المختص الذي تريد تعلمه وستجد بحر من الاكواد البرمجيه الكثيره [&hellip;]
- [شرح استخدام Rxjava مع Room في Android Studio](https://geecoders.com/room-rx-java-android-html/):  شرح استخدام Rxjava مع Room في Android Studio في الدروس السابقة شرحنا لكم room و rx java وفي هذا المقال سوف نقوم بعمل مشروع بسيط بهم وهو مفكرة لحفظ البيانات اولا سوف نستغني عن NoteDetails.class و RoomConverter لان عملنا لن يحتاج الى وضع بيانات داخل array وتحويلهم لjson لذلك سوف نذهب الى NoteEntity.class وبعدها سنقوم بحذف NoteDetails.class منها لاننا لن نستخدمها وايضا سوف نحذف priority لاننا لن نحتاجها فقط نحتاج الى name و content يمكنك تغيير الاسم الى العنوان .من اكثر المهارات التي تطلب بكثره في سوق العمل في الاونه الحاليه و هي مطور تطبيقات وخصوصا مطور تطبيقات ios والاندرويد [&hellip;]
- [كيفية تخزين البيانات في gson واستخدامها في room database في Android Studio](https://geecoders.com/gson-android-studio-room-html/): كيفية تخزين البيانات في gson واستخدامها في room database في Android Studioنريد الان عمل كلاس جديد يحمل التاريخ و الوقت الذي تمت فيه العمالية ولكن في class منفصل ويمكن ان نجعل هذا الكلاس يكون اوتوماتيك والاخر من يدخله المستخدم مثلا عندما يقوم بعمل ملاحظة يقوم بادخال البيانات الخاص به والمعلومات وبعد الموافقه على الملاحظه يظهر الوقت والتاريخ الذي تمت فيه وتكون بشكل تلقائي دون تدخل المستخدم ولعمل هذا سوف نقوم بعمل كلاس جديد يحمل date و time . مجال تطوير تطبيقات الاندرويد او تطوير تطبيقات الموبايل عموما هو اكثر مجال نهتم به في موقعنا ونقدم له شروحات كثيرة جدا وذلك [&hellip;]
- [شرح كيفية تخزين البيانات باستخدام room للاندرويد ستوديو](https://geecoders.com/storagedateinroom-html/):  android studio local data base #4 : كيفية تخزين البيانات باستخدام room للاندرويد ستوديو في هذا الدرس سوف نتعرف بإذن الله تعالى على كيفية تخزين البيانات داخل كوريتي وحفظها في قواعد البيانات وهذا الدرس مكمل للدرس السابق فاذا لم تشاهد الدرس السابق حاول الرجوع اليه لكي تفهم ما سنتحدث عنه اليوم لاننا لن نقدم شيئ جديد تقريبا بل سنكمل على المقالة السابقة , وهذا يعد الدرس الرابع من local database for android studio .متابعي موقع ومدونة جي كودرس مرحبا بكل مهتم في مجال تطوير تطبيقات الاندرويد مرحبا بكم من جديد من دروس تطوير تطبيقات الهواتف الذكية وتحسين شكلها كما تعلمون [&hellip;]
- [شرح استخدام room في برنامج اندرويد ستوديو android studio](https://geecoders.com/room-android-studio-html/):  android studio local data base #3 : شرح استخدام room في برنامج اندرويد ستوديو هذا الدرس يعد اولى الدروس في شرح room وهي الاكثر استعمالا في local database وفي الدروس السابقة شرحنا لكم فكرة Shared ومتى تستخدم وفي هذة المقالة سوف نتطرق معكم باذن الله تعالى بشرح الروم في اندرويد ستوديو وكم هي مهمة جدا في التعامل مع البيانات بشكل كبير جدا وايضا سوف نضع لكم مثال يوضح الفكرة وسوف نعمل على كلا الطريقتين بشكل كبير في الايام المقبلة وفي الدرس التي سوف تقدم وايضا كيف تحفظ بيانات المستخدم على الجهاز دون الحاجة الى firebase .مجال تطوير تطبيقات الاندرويد واحد [&hellip;]
- [شرح كيفية التعامل مع SharedPreferences وتخزين البيانات اوفلاين](https://geecoders.com/sharedpreferences-html/): android studio local data base #1 : شرح كيفية التعامل مع SharedPreferences وتخزين البيانات اوفلاينمجال تطوير تطبيقات الاندرويد واحد من اكثر المجالات التي ينصح بتعملها او البدء في تعلم كيفية شركة تطوير تطبيقات الجوال لان اغلب العمل الحر المقدم على الانترنت يبحثون عن تطوير تطبيقات الهواتف الذكية بشكل كبير مثلا متجر يريد تحويل مجالة الى اليكتروني و ايضا مجال الويب وتصميم المواقع واحد من اكبر المجالات التي تعظى بقابلية لدى الاغلب منا ومتوفر لها دروس على الانترنت بكثرة عكس تطوير تطبيقات الهواتف الذكية ونحن نسعى الى توفير تعلم هذا المجال بشكل مجاني للجميع بهدف اثراء المحتوى العربي , وقد هذا [&hellip;]
- [كيفية قص وتحديد ابعاد الصورة داخل تطبيقك في الاندرويد ستوديو Cropper android stoudio](https://geecoders.com/cropping-html/):  كيفية قص وتحديد ابعاد الصورة داخل تطبيقك في الاندرويد ستوديو بسم الله الرحمن الرحيم ، السلام عليكم ورحمة الله وبركاتة لكل المهتمين في شروحات الاندرويد في هذا المقال نقدم لكم كيف يمكنك اخذ صورة من الاستوديو الخاص بك وقصها ومن ثم بتخزينها سواء في التطبيق او في firebase .الخطوة الاولى : اولا قم بإضافة المكتبة التالية داخل build.gradle Copy dependencies { api 'com.theartofdev.edmodo:android-image-cropper:2.8.+' } الخطوة الثانية : والان توجة الى ملف manifest لاضافة الاكواد التالية اسفل اسم package بالاعلى Copy &lt;uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/&gt; &lt;uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/&gt; اذا كنت تستخدم اصدار جديد من برنامج ألاندرويد ستوديو ستجد انة ظهر لك على السطر الثاني [&hellip;]
- [كيفية عمل لوب في لغة برولوج | how to create loop in swi prolog](https://geecoders.com/how%20to%20create-loop-in-swi-prolog-html/):  كيفية عمل لوب في لغة برولوج | how to create loop in swi prolog لغة prolog هي لغة more complex وليس الجيمع يستطيع تعلمها بسهوله بل تحتاج منك وقت وصبر لتعلمها ونحن قد سبق وان شرحنا لكم مقدمة في هذة اللغه وايضا نقدم لكم اكواد برولوج في هذا القسم language prolog ومازلنا مستمرين في تنزيل الكثير من الاكواد لكي تتقن اللغه وتفهم الية عملها بشكل جيد . العمل في ai ومحاكاة الواقع يحتاج لتعلم prolog language وذلك لان هذة اللغه تستخدم logic ف اوامرها وذلك تجدها تدرس ف كثير من الجامعات والسبب اهميتها ويمكنك بعد فهم main basics لهذة اللغه الانتقال [&hellip;]
- [كود Intersection بلغة برولوج | list Intersection prolog program](https://geecoders.com/listintersectionprologprogram-html/):  كود Intersection بلغة برولوج | list Intersection prolog program تعتبر لغة prolog من اهم اللغات التي يجب ان تتعلمها اذا كنت تريد ان تصنع روبوت يحاكي الواقع ويتحدث معك مثل الانسان وهذا لان اللغه تحاكي المنطق ومع الاسف لا يوجد في الوطن العربي دروس لهذة اللغه وحتى المحتوى الانجليزي لا يحتوي على القدر الكافي الذي يجعلك تتعلمها بشكل قوي ومجاني ، اذا كنت تريد التعمق في هذا اللغه يمكنك اخذ كورس مدفوع او البحث عن احد المراكز التي تقدم شروحات في البرولوج . تعتبر prolog لغة فريدة من نوعها وتختلف بشكل كبير عن اي لغة برمجة اخرى مثل java , python [&hellip;]
- [كيفية عمل shift لاول رقم في list بلغة برولوغ | shift in prolog program](https://geecoders.com/shift%20in%20prologprogram-html/):  كيفية عمل shift لاول رقم في list بلغة برولوغ | shift in prolog program لغة prolog هي لغة more complex وليس الجيمع يستطيع تعلمها بسهوله بل تحتاج منك وقت وصبر لتعلمها ونحن قد سبق وان شرحنا لكم مقدمة في هذة اللغه وايضا نقدم لكم اكواد برولوج في هذا القسم language prolog ومازلنا مستمرين في تنزيل الكثير من الاكواد لكي تتقن اللغه وتفهم الية عملها بشكل جيد . العمل في ai ومحاكاة الواقع يحتاج لتعلم prolog language وذلك لان هذة اللغه تستخدم logic ف اوامرها وذلك تجدها تدرس ف كثير من الجامعات والسبب اهميتها ويمكنك بعد فهم main basics لهذة اللغه الانتقال [&hellip;]
- [شرح التعامل مع notification بالعربي #5 : كيفية الحصول على token الخاص بالمستخدم في Firebase Cloud Messaging (FCM)](https://geecoders.com/tokenandroidfcm-html/):   كيفية الحصول على token الخاص بالمستخدم في Firebase Cloud Messaging (FCM) &#8211; الدرس الخامسيمكنك الحصول على token الخاص بالمستخدم واستخدامه في اي شيئ تريد مثل ارسال اشعار شخصي له عند طريق الفاير بيز وتحديدا خدمة Firebase cloud Messaging , او مثلا اذا كانت لديك تطبيث كفيس بوك وغيره وتريد عند حصول اي منشوراته على اعجاب او تعليق يصل له اشعار ( هذا ما سوف نتعرف عليه في المقالة القادمة ) وهذة الفكرة الحصول عىل توكن ال Client .يعتبر تطوير تطبيقات الاندرويد مهارة مهمه في العصر الحالي ولذلك يبحث كثير منا على تعليم البرمجة للاطفال بالعربي لكي يعلم اطفاله البرمجه [&hellip;]
- [كود برولوغ لطباعة الlist بشكل معكوس | Reverse prolog program](https://geecoders.com/reverse-prolog-html/): كود برولوغ لطباعة الlist بشكل معكوس | Reverse prolog program مرحبا بكل متابعي ومهتمي بي شرح البرمجة بلغة البرولوج ولكل من يبحث عن اكواد Prolog و أمثلة برولوج للتدريب عليها من اجل التقوي في اللغة وتحسين المستوى وهذا الدرس من دروس List in Prolog شرح وهي تعد من اهم الاشياء التي يجب التركيز عليها وفهمها بشكل جيد لكي تحسن مستواك في هذة اللغة ونحن نضع الكثير من برامج مكتوبة بلغة برولوج pdf في صورة مقالة بسيطة مع توفير شرح مبسط للكود المقدم .تعتبر لغة prolog من اهم اللغات التي يجب ان تتعلمها اذا كنت تريد ان تصنع روبوت يحاكي الواقع ويتحدث [&hellip;]
- [كود برولوج لحساب طول القائمة | list of length prolog code](https://geecoders.com/code-length-of-list-p-html/): كود برولوج لحساب طول القائمة &#8211; list of length prolog codeفي هذا المقال سوف نتعرف باذن الله تعالى على كيفية معرفة طول القائمة او list في برولوغ وهذا يعد درس جديد من دروس using list by swi prolog ويمكنك مشاهدة المقالات السابقة ايضا لتستفيد منها وتستفيد من هذة اللغة الغير معروفة بشكل كبير في الوطن العربي وهي مهمة جدا وسوف نذكر لكم بعد قليل بعض المميزات والمعلومات عنها  لغة prolog هي لغة more complex وليس الجيمع يستطيع تعلمها بسهوله بل تحتاج منك وقت وصبر لتعلمها ونحن قد سبق وان شرحنا لكم مقدمة في هذة اللغه وايضا نقدم لكم اكواد برولوج [&hellip;]
- [كيفية اضافة عنصر داخل list في لغة البرولوج - (add value in list (prolog code](https://geecoders.com/list-html-2/):  كيفية اضافة عنصر داخل list في لغة البرولوج &#8211; add value in list prolog code متابعي موقع ومدونة مايند ايجي مرحبا بكم في مقالة جديدة في هذة المقالة سوف نتحدث عن برنامج وكود جديد في البرولوغ في هذا الكود سوف نتعرف على كيفية اضافة عنصر سواء رقم او حرف داخل الليست وهذا يعد الدرس الرابع تقريبا من دروس الليست بالبرولوج وهي من اكثر الدوال استعمالا في جميع لغات البرمجة لانها تحمل مجموعة من العناصر بداخلها فكرة هذا الكود قريبة جدا من فكرة الكود الخاص بالتاكد من وجود عنصر معين داخل List تقريبا نفس الالية ولكن مع اختلافات بسيطة مثل وجود [&hellip;]
- [كود برولوج للتقليب بين عناصر الليست | list permutations in prolog code](https://geecoders.com/permutations-prolog%20-html/):  كود برولوج للتقليب بين عناصر الليست &#8211; list permutations in prolog code في هذا الكود من اكواد البرولوغ نستطيع القول اننا بدئنا في الصعب من اللغه ولكنه ليست بالصعوبه التي تتخيلها ففي هذة المقالة سوف نتعرف على كيفية عمل permutations او تقليب بين العناصر الموجوده في list وسوف نضع لكم مثال حي حول هذا الكود في نهاية المقالة فلا تقلق وايضا نوفر لكم الكود في النهاية كباقي المقالات .لغة prolog هي لغة more complex وليس الجيمع يستطيع تعلمها بسهوله بل تحتاج منك وقت وصبر لتعلمها ونحن قد سبق وان شرحنا لكم مقدمة في هذة اللغه وايضا نقدم لكم اكواد برولوج [&hellip;]
- [كود برولوج لحذف عنصر من القائمة | delete variable from list in prolog code](https://geecoders.com/delete-html/):  كود برولوج لحذف عنصر من القائمة &#8211; delete variable from list in prolog code مرحبا متابعي جي كودرس مرحبا بكم في مقالة جديدة في هذة المقالة سوف نتعرف على كود جديد من اكواد الليست وفي هذا الكود سوف نتعرف باذن الله تعالى على كيفية عمل برنامج يقوم بإزالة عنصر من list وهذا الدرس تابع لدروس الليست حيث تعد من اكثر الدروس التي يتم التركيز عليها في الجامعات وذلك لاهميتها الكبيره في البرمجة وفي هذة اللغة وتقريبا تستخدم List في اغلب لغات البرمجة بشكل كبير جدا . لغة prolog واحده من اكثر لغات البرمجة المعقدة و code برولوج ليس من الاكواد السهله [&hellip;]
- [<div>شرح كيفية ربط تطبيقك بالفايربيز "Firebase" بطريقة يدوية وتلقائية #1</div>](https://geecoders.com/fire-base-connect-html/):   التعرف على خدمة Firebase وكيفية ربط تطبيقك بها بجميع الطرق .تعتبر firebase خدمة من العملاق جوجل تتيح للمطورين اماكينة ربط التطبيقات الخاصه بهم بواسطتها بحيث يمكنك انشاء صفحات للتسجيل وتخزين ملفات عليها وكل هذا يكون بشكل اونلاين ويجب ان يكون لدى المستخدم user انترنت بحيث يمكنه استعمال تطبيقك , ثانيا يجب التنوية عليه وهو انه لديك 9 تطبيقات تقريبا يمكنك انشائها على حسابك الواحد ويمكنك فتح حساب اخر للاستمتاع ب9 تطبيقات اخرى او ارسال بريد الى جوجل لكي يضيفو لك مشاريع .كيفية ربط تطبيقك بخدمة firebase بشكل تلقائياولا توجة الى التطبيق وبعدها انتقل الى tools وبعدها اختر Firebase سوف تجد [&hellip;]
- [كيفية عرض الطلبات التي قام بها المستخدم داخل Recyclerview في الاندرويد ستوديو #10](https://geecoders.com/simple-html/): كيفية عرض الطلبات التي قام بها المستخدم داخل Recyclerview في الاندرويد ستوديومتابعي موقع ومدونه جي كودرس gee coders السلام عليكم ورحمه الله وبركاته استكمالا للدروس السابقه ولي تطبيق المندوب و المستخدم أو تطبيق الطلبات سوف نتعرف بأذن الله تعالى في هذه المقال على كيفية عرض الطلبات التي يقوم بها المستخدم على شكل ريسايكل فيو Recycler view حيث قمنا ا بتقديم لكم شروحات حول طريقة عمل Recyclerview لعرض الطلباتاولا قم بإنشاء cardView لكي نعمل منة recyclerview عن طريق إنشاء ملف xml ووضع بداخلة CircularRevealCardView ويمكنك إنشاءة بدون الحاجة للمكتبة فقط إستخدم الماتريال ديزين والتي قد سبق وان شرحناها من قبل ووضع بداخلها [&hellip;]
- [كيفية إضافة صفحة البداية ( صفحة انتظار ) |  splash screen داخل تطبيقك في الاندرويد ستوديو](https://geecoders.com/android-page-wite-html-2/):   كيفية إضافة صفحة البداية splash screen داخل android studioبسم الله الرحمن الرحيم متابعي موقع ومدونة جي كودرس مرحبا بكم في مقالة جديدة في اكواد الاندرويد ستوديو وفي هذة المقالة سوف نتعرف على طريقة تركيب شاشة البداية والمفروفة بإسم splash screen داخل تطبيقك حيث ان اغلب التطبيقات تستخدمها مثل فيسبوك وواتساب وغيرها من التطبيقات وهي شاشة تظهر لبضع ثواني او لبعض ميلي ثانية سوف تفتح لك التطبيق وفي هذا الدرس سوف نشرحها لكم بالصور والاكواد لسهولة الفهم وارجو ان تنال المقالة على رضاكم .مقالات قد تفيدككيفية قص وتحديد ابعاد الصورة داخل تطبيقك في الاندرويد ستوديو Cropper android stoudioشرح كيفية عمل Progress Dialog داخل [&hellip;]
- [كود برولوج لانشاء List بسهوله - prolog code to creat list](https://geecoders.com/list-html/):  كود برولوج لانشاء List بسهوله &#8211; prolog code to creat list تعتبر دالة list من اكثر الدوال التي تستخدم في مختلف لغات البرمجة سواء برولوج او غيره من اللغات فهي عبارة عن قائمة تضع بها مجموعة من العناصر التي تريدها وهي مهمة جدا في جميع اللغات تقريبا وبما اننا نشرح لكم في polog programing يجب ان نتطرق اليها والامر بسيط جدا وغير معقد .لغة prolog واحده من اكثر لغات البرمجة المعقدة و code برولوج ليس من الاكواد السهله ولكنه مهمه في نفس الوقت لانه يمكنكك من خلال تعلم البرولوج ان تصنع machine قوي وابسط review على ذلك وهو الربوت صوفيا [&hellip;]
- [كود برنامج برولوج لحساب مضروب الرقم - prolog code to calc Factorial the number](https://geecoders.com/factorial-html/):  كود برنامج برولوج لحساب مضروب الرقم &#8211; prolog code to calc Factorial the number لغة prolog هي لغة more complex وليس الجيمع يستطيع تعلمها بسهوله بل تحتاج منك وقت وصبر لتعلمها ونحن قد سبق وان شرحنا لكم مقدمة في هذة اللغه وايضا نقدم لكم اكواد برولوج في هذا القسم language prolog ومازلنا مستمرين في تنزيل الكثير من الاكواد لكي تتقن اللغه وتفهم الية عملها بشكل جيد . العمل في ai ومحاكاة الواقع يحتاج لتعلم prolog language وذلك لان هذة اللغه تستخدم logic ف اوامرها وذلك تجدها تدرس ف كثير من الجامعات والسبب اهميتها ويمكنك بعد فهم main basics لهذة اللغه الانتقال [&hellip;]
- [كيفية طباعة الرقم الاكبر بين رقمين باستخدام لغة برولوج | print the largest number prolog code](https://geecoders.com/code-prolog-big-number-html/):  كيفية طباعة الرقم الاكبر بين رقمين باستخدام لغة برولوج  لغة prolog واحده من اكثر لغات البرمجة المعقدة و code برولوج ليس من الاكواد السهله ولكنه مهمه في نفس الوقت لانه يمكنكك من خلال تعلم البرولوج ان تصنع machine قوي وابسط review على ذلك وهو الربوت صوفيا بتمت عملت writing بواسطة prologue مع debugger و rule لتمكين الربوت من التعامل مع البشر ولكننا لن نصل معكم الى هذا المستوى فسوف نقدم لكم اشياء بسيطة و examples على ذلك برنامج لجمع وضرب وتقسيم رقمين او شجرة العائلة واشياء simple .compiler البرلوج هو swi وهذا ما سنعمل عليه حيث يتم كتابة input في [&hellip;]
- [كيفية عمل برنامج لحساب مساحة المستطيل باستخدام لغة برولوج | calculate area rectangle prolog](https://geecoders.com/rectangle-prolog-html/):  كيفية عمل برنامج لحساب مساحة المستطيل باستخدام لغة برولوج لغة prolog واحده من اكثر لغات البرمجة المعقدة و code برولوج ليس من الاكواد السهله ولكنه مهمه في نفس الوقت لانه يمكنكك من خلال تعلم البرولوج ان تصنع machine قوي وابسط review على ذلك وهو الربوت صوفيا بتمت عملت writing بواسطة prologue مع debugger و rule لتمكين الربوت من التعامل مع البشر ولكننا لن نصل معكم الى هذا المستوى فسوف نقدم لكم اشياء بسيطة و examples على ذلك برنامج لجمع وضرب وتقسيم رقمين او شجرة العائلة واشياء simple .compiler البرلوج هو swi وهذا ما سنعمل عليه حيث يتم كتابة input في [&hellip;]
- [شرح كيفية اضافة اي عنصر اسفل listView مباشرة في Flutter](https://geecoders.com/item-html/): شرح كيفية اضافة اي عنصر اسفل listView مباشرة في Flutterفي هذا المقال نشرح لكم كيف تقوم باضافة عنصر يوجد باعلى ال list او اسفلها بطريقة بسيطه جدا وبدون اي تعقيد حيث ان البعض يستخدم singleChild كي يضع عنصر بالاعلى مثلا او الاسفل ويقوم بعرض جميع محتويات ال  list ولكن هذا يقلل من اداء التطبيق وقد سبق وشرحنا لكم حل لهذه المشكلة وفي هذه المقالة سوف نشرح لكم حل اخر ولكن كيف تضع عنصر بنهايه ال list حيث سوف نلعب على index حتى نعرف هل انتهت ىال list ام لا وبناء عليها نظهر العنصر . How to add an item above [&hellip;]
- [كود برنامج برولوج لحساب مساحة الشكل البيضوي - ellipse prolog program](https://geecoders.com/ellipseprolog-html/): كود برنامج برولوج لحساب مساحة الشكل البيضوي &#8211; ellipse prolog programتعتبر لغة prolog او logic واحده من اهم اللغات التي يجب ان يهتم لها كل programming وهي language بسيطة وتستخدم code بسيط استخدام عبارات منطقية بدل أن تكون تعليمات ويمكنك استخدام برنامج swi prolog او اي من برامج مواقع prologue online لكتابة الاكواد و since البرولوج كبير جدا ويستخدم في الروبوتات وجعلها تحاكي الواقع وتتحدث ولكن لن نصل معكم الى هذا المستوى الكبير فنحن سوف نقدم لكم example لمجموعة  اكواد بسيطة مثل list و غيرها من الاكواد البسيطة في هذة اللغة ويمكنك بعد فهمها بشكل جيد ان تنتقل الى المحتوى [&hellip;]
- [كود برولوج لحساب مساحة المثلث باستخدام برنامج SWI-prolog](https://geecoders.com/triangle%20prolog-html/):  كود برولوج لحساب مساحة المثلث باستخدام برنامج SWI-prolog تعتبر لغة prolog او logic واحده من اهم اللغات التي يجب ان يهتم لها كل programming وهي language بسيطة وتستخدم code بسيط استخدام عبارات منطقية بدل أن تكون تعليمات ويمكنك استخدام برنامج swi prolog او اي من برامج مواقع prologue online لكتابة الاكواد و since البرولوج كبير جدا ويستخدم في الروبوتات وجعلها تحاكي الواقع وتتحدث ولكن لن نصل معكم الى هذا المستوى الكبير فنحن سوف نقدم لكم example لمجموعة  اكواد بسيطة مثل list و غيرها من الاكواد البسيطة في هذة اللغة ويمكنك بعد فهمها بشكل جيد ان تنتقل الى المحتوى الاجنبي لانه [&hellip;]
- [كود برولوج يقوم بحساب مساحة المربع باستخدام برنامج swi prolog](https://geecoders.com/square-html/):  كود برولوج يقوم بحساب مساحة المربع باستخدام برنامج swi prolog تعتبر لغة prolog او logic واحده من اهم اللغات التي يجب ان يهتم لها كل programming وهي language بسيطة وتستخدم code بسيط استخدام عبارات منطقية بدل أن تكون تعليمات ويمكنك استخدام برنامج swi prolog او اي من برامج مواقع prologue online لكتابة الاكواد و since البرولوج كبير جدا ويستخدم في الروبوتات وجعلها تحاكي الواقع وتتحدث ولكن لن نصل معكم الى هذا المستوى الكبير فنحن سوف نقدم لكم example لمجموعة  اكواد بسيطة مثل list و غيرها من الاكواد البسيطة في هذة اللغة ويمكنك بعد فهمها بشكل جيد ان تنتقل الى المحتوى [&hellip;]
- [كود برولوج لضرب عددين - multiply two number prolog code](https://geecoders.com/multiply-two-number-prolog-code-html/):  كود برولوج لضرب عددين &#8211; multiply two number prolog code تعتبر لغة prolog او logic واحده من اهم اللغات التي يجب ان يهتم لها كل programming وهي language بسيطة وتستخدم code بسيط استخدام عبارات منطقية بدل أن تكون تعليمات ويمكنك استخدام برنامج swi prolog او اي من برامج مواقع prologue online لكتابة الاكواد و since البرولوج كبير جدا ويستخدم في الروبوتات وجعلها تحاكي الواقع وتتحدث ولكن لن نصل معكم الى هذا المستوى الكبير فنحن سوف نقدم لكم example لمجموعة  اكواد بسيطة مثل list و غيرها من الاكواد البسيطة في هذة اللغة ويمكنك بعد فهمها بشكل جيد ان تنتقل الى المحتوى [&hellip;]
- [شرح تحميل وتثبيت برنامج swi prolog والتعامل معه | How to download a swi prolog program](https://geecoders.com/download-html/):  شرح تحميل وتثبيت برنامج swi prolog والتعامل معه تعتبر لغة برولوج prolog واحده من اللغات الغير معروفه بشكل كبير في الوطن العربي وايضا لدى معظم الناس وذلك بسبب صعوبتها ولكنه في حقيقا الامر فاللغة مهمة جدا وتستخدم في المنطق لعمل روبوت يستطيع الكلام معك على سبيل المثال وهذا من احدى سمات اللغة يمكنك تعلم اللغة بشكل بدائي جدا من خلال الانترنت و اخذ كورسات بها لكي تتمكن من فهمها بشكل جيد وبعدها حاول البحث عن دورات خارجية لانك لن تتمكن من الوصول الى المستوى القوي والذي يساعدك في بناء روبوت بواسطها من خلال الانترنت .كيفية تحميل برنامج SWI-Prolog development ؟يمكنك [&hellip;]
- [شرح استخدام GridView و Staggered Grid View داخل Recyclerview برنامج اندرويد ستوديو](https://geecoders.com/gridview-staggered-grid-view-html/):   شرح استخدام GridView و Staggered Grid View داخل Recyclerview برنامج اندرويد ستوديوGrid View و Staggered Grid View هم احد اشكال Recyclerview حيث يقومون بعرض item بطرق مختلفة بمعنى في استخدامك الى الريسيكلار فيو يتم عرض الايتم تحت بعضها البعض بالتساوي بمعنى انها تكون في صف واحد ولكن في الجريد فيو يتم عرض الايتم تحت بعضها ولكن في صفوف بنفس النمط والمقاوس وانت من تحدد عدد الاعمده وفي Staggered Grid View نفس الفكرة ولكن الصورة لها احجام معينه .مجال تطوير تطبيقات الاندرويد واحد من اكثر المجالات التي ينصح بتعملها او البدء في تعلم كيفية شركة تطوير تطبيقات الجوال لان اغلب [&hellip;]
- [كيفية فتح التطبيق من خلال الضغط على الاشعار notification اندرويد ستوديو](https://geecoders.com/notification-html-3/):   التعامل مع الاشعارات #10 :كيفية فتح التطبيق من خلال الضغط على الاشعار notification &#8211; شروحات اندرويد ستوديو بالعربياستكمالا لدروس التعامل مع الاشعارات او notifications سوف نتعرف اليوم على كيفية فتح التطبيق من الاشعارات وتحديد العنصر الذي تريد الانتقال اليه وهذا الدرس يعد من دروس تطوير تطبيقات الاندرويد لذلك عزيزي القارئ رجاء منك حاول التركيز جيدا لان هذة الخطوة مهمة وكان من المفترض ان نشرحها في البداية ولكن تركناها للنهايه لكي تفهم الاشعارات بشكل كامل .متابعي موقع ومدونة جي كودرس مرحبا بكل مهتم في مجال تطوير تطبيقات الاندرويد مرحبا بكم من جديد من دروس تطوير تطبيقات الهواتف الذكية وتحسين شكلها [&hellip;]
- [كيفية تغيير شكل Style الاشعارات Notification لتطبيقك داخل برنامج اندرويد ستوديو](https://geecoders.com/st-html/):   كيفية تغيير شكل Style الاشعارات Notification لتطبيقك داخل برنامج اندرويد ستوديوفي هذا المقال المميز من مقالات التعامل مع الاشعارات &#8211; Notification وفي هذا الدرس سوف نتعرف على كيفية عرض تفاصيل اكثير للرساله او للاشعار عن طريق سحبها دون فتحة مثل على ذلك : عندما يرسل لك صديق رساله على واتساب فيمكنك سحب الاشعار لكي تستطيع اكمال قراءة باقي الرساله من الخارج وهذة هي الفكرة التي سوف نقدمها لكم اليوم .يعتبر تطوير تطبيقات الاندرويد مهارة مهمه في العصر الحالي ولذلك يبحث كثير منا على تعليم البرمجة للاطفال بالعربي لكي يعلم اطفاله البرمجه وخاصة تطوير تطبيقات الموبايل ونحن نسعى بقدر الامكان [&hellip;]
- [كيفية اضافة الاشعارات داخل مجموعة في اندرويد ستوديو - Create a Group of Notifications](https://geecoders.com/create-group-of-notifications-html/):   كيفية اضافة الاشعارات داخل مجموعة في اندرويد ستوديو &#8211; Create a Group of Notificationsاستكمالا لدروس التعامل مع الإشعارات Notification في هذا الدرس سوف نتعرف كيف يمكنك جعل الاشعارات التي تصلك في مجموعة او جروب كالذي ياتي في الواتس فعندما تصلك اكثر من رسالة تصبح رسائل هذا الشخص في جروب ويمكنك الرد عليها من الخارج مره واحده دون ان يصلك اشعار لكل رسالة .يعتبر تطوير تطبيقات الاندرويد مهارة مهمه في العصر الحالي ولذلك يبحث كثير منا على تعليم البرمجة للاطفال بالعربي لكي يعلم اطفاله البرمجه وخاصة تطوير تطبيقات الموبايل ونحن نسعى بقدر الامكان على مساعدتكم في تطوير تطبيقات الهواتف الذكية [&hellip;]
- [شرح notification بالعربي #7 :كيفية ارسال notification الى الuser باستخدام FCM مع retrofit باستخدام برنامج Android Studio](https://geecoders.com/notification-html-2/):  كيفية ارسال notification الى الuser باستخدام FCM مع retrofit باستخدام برنامج Android Studio في هذا المقال سوف نشرح طريقة اخرى لعمل retrofit مع FCM ويمكنك استخدام هذة المقالة او المقالة السابقة في النهايه ستحصل على نفس النتيجة ولكن يجب ان نوفر لكم جميع الافكار والحلول بحيث اذا تعرضت الى تطوير تطبيقات الاندرويد وكان الشخص الذي قام بتطويرة من قبلك كان يستخدم هذة الطريقة او السابقة تستطيع التعديل والتعامل معه بسهوله ولهذا نحاول توفير كل الافكار والشروحات لكم سواء القديمة او الجديدة .مجال تطوير تطبيقات الاندرويد واحد من اكثر المجالات التي ينصح بتعملها او البدء في تعلم كيفية شركة تطوير تطبيقات [&hellip;]
- [شرح التعامل مع notification بالعربي #6 : إرسال رسالة FCM من اندرويد ستوديو - fcm with retrofit android studio](https://geecoders.com/notification-6-fcm-fcm-with-retrofit-html/):  إرسال رسالة FCM من اندرويد ستوديو &#8211; fcm with retrofit android studio اذا كنت تريد اشعار مخصص للمستخدم فسوف تحتاج الى اضافة retrofit في تطبيقك مثل تريد عمل يقوم مستخدم بعمل اعجاب على سبيل المثال على منشور مستخدم اخر فعندما يقوم بالاعجاب او التعليق على منشور المستخدم يصله اشعار وهذة هي فكرة مقالة اليوم .تطوير تطبيقات الهواتف الذكية وخصوصا تطوير تطبيقات الاندرويد واحد من اكثر المجالات التي يريد كثير منا تعلمها ويبحث عن دروس حول تعليم البرمجة للاطفال مجانا ونحن في جي كودرس في طبيعة الحال نحاول ان نوفر لكم دائما احدث الشروحات حول مجال تطوير تطبيقات الموبايل لكي تستطيع [&hellip;]
- [شرح التعامل مع notification بالعربي #4 : شرح كيفية استخدام Firebase Cloud Messaging في برنامج اندرويد ستوديو](https://geecoders.com/firebase-cloud-messaging-html/):   شرح كيفية استخدام Firebase Cloud Messaging في برنامج اندرويد ستوديو &#8211; شرح FCM بالعربيفي هذا الجزء من المقال سوف نتعرف على كيفية ارسال اشعارات مخصصه الى المستخدمين سواء بشكل مباشر او بوقت وايام محدده , حيث ان عملية تطوير تطبيقات الاندرويد التي نسعى ان نوفرها لكم دائما في توفير معظم الافكار التي قد تراودك حول هذة القضية , ومن اجل تطوير تطبيقات الاندرويد يجب ان تفهم كل شيئ وليس فقط الحفظ ونحن نقوم بقدر المستطاع بشرح كل شيئ لكم حول علم البرمجة وتطوير التطبيقات . في دروس تطوير تطبيقات الهواتف الذكية وخاصة تطوير تطبيقات الاندرويد التي نقدمها لكم في موقعنا [&hellip;]
- [شرح التعامل مع notification بالعربي #3 : كيفية تغيير صوت الاشعارات داخل برنامج اندرويد ستوديو](https://geecoders.com/chane-sound-notification%20-html/):   كيفية تغيير صوت الاشعارات داخل برنامج اندرويد ستوديو &#8211; how to change notification sound in android studioفي هذا الدرس المميز من دروس التعامل مع notification بالعربي بالاندرويد ستوديو سوف نتعرف على كيفية تغيير الصوت وبعض الخضائص داخل الاشعار حيث يمكنك تخصيص صوت معين او تغيير لون الاشعار واشياء اخرى يمكنك التعديل عليها وهذة المقالة مترتبه على المقالة السابقه التي شرحنا لكم فيها اهم الاشياء التي تحتاجها واهم الخصائص وهذة تعد تكمله لها , والتعامل مع notification ليس بالامر الصعب ولكنه يحتاج فقط من التركيز .في دروس تطوير تطبيقات الهواتف الذكية وخاصة تطوير تطبيقات الاندرويد التي نقدمها لكم في موقعنا والذي نتعامل [&hellip;]
- [شرح كيفية التاكد من الاتصال بالانترنت وفي حالة عدم الاتصال اظهار صفحة عدم وجود انترنت flutter](https://geecoders.com/blog-post_29-html-2/):  شرح كيفية التاكد من الاتصال بالانترنت وفي حالة عدم الاتصال اظهار صفحة عدم وجود انترنت flutterفي كثير من الاحيان نحتاج الى التاكد من وجود الانترنت في هاتف المستخدم لكي نقوم بفتح التطبيق له وفي هذا المقال نشارك معكم واحده من الاضافات المخصصه في عملية معرفة هل الهاتف متصل بالانترنت ام لا واذا كان الهاتف متصل بالانترنت سوف نقوم بفتح الهاتف واذا لم يكن كذلك فلن نقوم بفتحه وهذا الكود سوف نقدمه لكم مع استخدام الcubit وهذا من اقوى الmanagement التي قد تستخدمها في عمليات التطوير في flutter . عندما نذكر flutter فإننا نذكر واحد من اقوى ال technology في مجال [&hellip;]
- [شرح كيفية تكبيره الصورة والتحكم في جميع تفاصيلها بواسطة flutter | zoom in / out](https://geecoders.com/zoom-im-html/):  شرح كيفية تكبيره الصورة والتحكم في جميع تفاصيلها بواسطة flutterكثير من المواقع والتطبيقات نشاهد فيها امكانية تكبيره الصوره عن طريق عمل zoom عليها وفي هذه المقالة سوف نقدم لكم شرح كيفية تكبيره الصورة والتحكم في جميع تفاصيلها في فلاتر بدون اي مكتبات خارجية وهذه العمليه بسيطة جدا وغير معقده ويمكنك استخدامها متى ما تريد في اي صورة لديك سواء كانت الصورة داخل ملفات الاندرويد ستوديو او حتى كانت الصورة تم الحصول عليها من الانترنت وجميع الخيارات متاحه بالنسبة لك . يعمل Flutter بجد لتوسيع قاعدة الشفرة نفسها عبر أي شيء به شاشة ، بما في ذلك Android و iOS و [&hellip;]
- [شرح كيفية التنقل  وعمل blur للصور مع Animated في flutter](https://geecoders.com/animated-blur-html/):  شرح كيفية التنقل  وعمل blur للصور مع Animated في flutterكما نعلم ان الانميشن من العناصر المهمه جدا في التطبيقات وذلك لانها تحسن من شكل التطبيق بصورة قوية جدا وتجعل المستخدم يفضل تطبيقك عن التطبيقات المختلفه والموجوده في المتجر ولهذا نشارك معكم بين كل فتره والاخرى تصاميم مختلفه ومتنوعه من اجل تحسين مظهر التطبيق الخاص بك وفي مقالة اليوم نشارك معكم واحد من هذه الاشياء الجميله وهو إنشاء صفحة لتغيير الصور مع مراعاة عمل blur للصور . عندما نذكر flutter فإننا نذكر واحد من اقوى ال technology في مجال تطوير mobile application وذلك بسبب كفائتها التي نراها واهمية دعمها لاكثر من [&hellip;]
- [شرح استخدام PopupMenu في Flutter بكل تفاصيلها](https://geecoders.com/popup-html/):  شرح استخدام PopupMenu في Flutter بكل تفاصيلهايعتبر الPopupMenu  واحد من العناصر التي توجد داخل الappbar وهي عباره عن ثلاث نقاط عند النقر عليها تظهر قائمة منسدله بها عدد من العناصر ويمكنك تنفيذ وظيفة معينه لكل عنصر مثل البحث او الانتقال الى صفحة اخرى او تغيير اسم او اي عملية تريد القيام بها وفي هذا المقال سوف نشرح لكم كيف يتم التعامل معها ووضع بها عدد من العناصر والتعامل معهم . ظهرت لغة دارت في سنة 2011 و فلاتر ظهر في سنة 2017 وهذا يعني انهاومن بيئات العمل الجديده وللمعلومية flutter من تطوير العملاق جوجل والتي تطور الكثير من اللغات وتهتم [&hellip;]
- [كيفية تقسيم جزء معين من التصميم في الشاشه باستخدام FractionallySizedBox](https://geecoders.com/s_0694451579-html/): كيفية تقسيم جزء معين من التصميم في الشاشه باستخدام FractionallySizedBoxفكرة الFractionallySizedBox بسيطة جدا جدا وهيا مهمه للغايه لكي تحافظ على تشغيل التطبيقات على مختلف المنصات والهواتف المختلفه ولا يحدث معك مشاكل خلافا عن المقاسات الثابته التي تقوم بإعطائها للتطبيق والعناصر بداخله وهذه النسب لا تكون دقيقه لان الهواتف تختلف من نسبة الطول للارتفاع بين الهواتف والشاشات والمتصفحات ولهذا سوف نشرح فكرة الFractionallySizedBox وهي ستوفر عليكم الكثير من العناء . يعمل Flutter بجد لتوسيع قاعدة الشفرة نفسها عبر أي شيء به شاشة ، بما في ذلك Android و iOS و Web و Desktop ، يمكنك استخدام نفس قاعدة الشفرة بشكل فعال [&hellip;]
- [شرح FloatingActionButton في Flutter وكيفية عمل Custom FloatingActionButton](https://geecoders.com/floatingactionbutton-custom%20-html/):  شرح FloatingActionButton في Flutter وكيفية عمل Custom FloatingActionButtonكما نعلم ان الFloatingActionButton يعد واحد من اهم العناصر التي يتم استخدامها بشكل كبير في التطبيقات ولهذا نشارك معكم في مقالة اليوم كيف تقوم بإنشاء FloatingActionButton بشكل مخصص بمعنى سوف تكون المتحكم في جميع تفاصيل هذا الwidget والامر بسيط جدا ولن نحتاج الى مكتبات خارجية لتنفيذ هذة العملية الامر بسيط كل ما عليك فقط هو متابعة المقالة الى النهايه وسوف تكون قادر على انشاء FloatingActionButton بشكل مخصص ومختلف والتحكم في جميع تفاصيله بسهوله . Flutter عبارة عن مجموعة أدوات Google UI لإنشاء تطبيقات جميلة ومصممة محليًا للجوال (Android و iOS) وسطح المكتب (Linux [&hellip;]
- [الحصول على ابعاد الشاشه باستخدام LayoutBuilder](https://geecoders.com/blog-post_17-html/): الحصول على ابعاد الشاشه باستخدام LayoutBuilderعند تصميم اي واجهة تطبيق نلاحظ انه تكون هناك مشكلة في اختلاف حجم الشاشات ولذلك يظهر في بعض التطبيقات Error او عدم تناسق العناصر في التطبيق رغم انك قمت بتجربة نفس التطبيق على هاتفك ولكن على هاتف اخر كان يظهر به المشاكل والسبب يعرض الى نسبة العرض والارتفاع لكل شاشه من الشاشات ويوجد اكثر من طريقة لحل هذة المشكلة وسوف نشارك معكم اليوم اول طريقة وهيا ضبط اعدادات شاشة التطبيق باستخدام LayoutBuilder Flutter عبارة عن مجموعة أدوات لواجهة مستخدم عبر الأنظمة الأساسية تم إنشاؤها بواسطة Google. Android و iOS و Windows و Linux و Mac [&hellip;]
- [حل مشكلة ظهور علامة x حول dart في فلاتر اندرويد ستوديو](https://geecoders.com/blog-post_15-html/):  حل مشكلة ظهور علامة x حول dart في فلاتر اندرويد ستوديوواحده من المشاكل التي تسبب قلق للاغلب منا وهي ظهور علامة اكس حول dart الخاصه بال configuration في الاندرويد ستوديو وفي مقالة اليوم سوف نشارك معكم الحل الذي تمكنت من خلاله من حل هذه المشكلة بسهوله وبدون اي تعقيد حيث ان السبب يرجع في البداية والنهايه في اختيار مشروع dart وليس flutter ولكن سوف نشارك معكم كيفية حل المشكلة وكيفية انشاء مشروع فلاتر صحيح بدون مشاكل مع وضع الsdk الخاص بالفلاتر من المكان الصحيح له . بعد ظهور فلاتر في عام 2011. كانت لغه احدثت طفرة  كبيره في مجال البرمجيات [&hellip;]
- [<div>حل مشكلة minCompileSdk specified in a dependency's AAR</div>](https://geecoders.com/blog-post_13-html/):  حل مشكلة minCompileSdk specified in a dependency&#8217;s AARهذة المشكلة تقابل الكثير من المطورين وهيا في طبيعة الامر مزعجه جدا وانا من الاشخاص الذين كانوا يعانون من هذه المشكلة الى ان وصلت الى الحل الذي ينقذك من هذة المشكلة المزعجه واحببت ان اشارك معكم الحل ولكن قبل ان نعرف الحل يجب ان نعرف السبب وبكل بساطة السبب يرجع في انك قد تكون حدثت الاندرويد ستوديو الخاص بك او الsdk غالبا هذه تكون الاسباب المؤديه الى ظهور هذه المشكلة المزعجه وفي هذه المقالة سوف نشرح لكم الحل ببساطة وبالصور. أصبحت flutter من اهم ال platforms  التي ينتقل لها الكثير من الdeveloper وذلك [&hellip;]
- [عمل مؤشر لتتبع الخطوات في فلاتر | flutter stepper](https://geecoders.com/s-html/):  عمل مؤشر لتتبع الخطوات في فلاتر | flutter stepperيستخدم الflutter stepper بشكل كبير في التطبيقات التي تتخصص في الشراء من الانترنت او حتى يمكنك استخدامه في بداية الصفحة مثل اتباع خطوات معينة داخل التطبيقات او قبول بعض السماحيات لكي يتمكن التطبيق من استخدام بعض الاوامر المعينه من جهازك والكثير من الاستخدام لهذة الخاصية ولهذا نشاركها معكم في مقالة اليوم مع الشرح وكيف تستطيع تشغيلها واستخدامها في تطبيقك . شرح عمل stepper في الفلاترسوف تقوم بإضافة Stepper وبعدها تدخل الخطوات التي تريدها بداخله وبعدها يمكن تخصيص بعض الاوامر كما ترغب وهنا قمنا بعمل تخصيص لزر التالي و زر الانتهاء وببساطة عند [&hellip;]
- [كود منع تدوير الشاشه في التطبيقات بإستخدام فلاتر | screen rotation in applications by Flutter](https://geecoders.com/screen-rotation-html/):  كود منع تدوير الشاشه في التطبيقات بإستخدام فلاترعند البدء في عمل تطبيق على فلاتر او اي بيئة عمل اخرى في الغالب يكون التطبيق الخاص بك مصمم لان يكون بشكل عمودي ولكن اذا قام المستخدم بتفعيل ميزة تدوير الشاشة في هاتفه وقام بتدوير التطبيق الخاص بك سوف تلاحظ ظهور مشاكل كثيرة بسبب التصميم والسبب يرجع في انك لم تقم بتعديل التصميم لكي يتناسب مع العرض سواء عمودي او افقي ولهذا حاول ان تقوم بقفل منع التدوير لكي لا يتمكن المستخدم من تدوير هاتفك وفي مقالة اليوم سوف نقدم لك الحل يعمل Flutter بجد لتوسيع قاعدة الشفرة نفسها عبر أي شيء به [&hellip;]
- [كيفية فتح مشروع من جيتهاب Github على الاندرويد ستوديو Android Studio](https://geecoders.com/open-project-html/):  كيفية فتح مشروع من جيت هب GitHub على الاندرويد ستوديو Android Studioفي هذا المقال سوف نشرح لكم كيف يمكنك فتح اي مشروع موجود على موقع جيب هب على برنامج الاندرويد ستوديو بالصور , كما نعلم ان الاغلب يريد فتح المشروع بشكل مباشر دون الحاجه الى تحميله وموقع الGithub يدعم هذة الخاصية لنا ولذلك عليك التركيز في المقالة , الطريقة بسيطة جدا وغير معقده اطلاقا فقط تحتاج منك الى التركيز لكي تتمكن من اتقانها . يجب أن نفهم الاسم أولاً قبل أن نتمكن من فهم موقع Github. هناك عنصران للاسم: Git-Hub و Git هما أدوات لإدارة الإصدارات والعمل التعاوني في مشاريع [&hellip;]
- [شرح عمل blur للصور بإستخدام بايثون](https://geecoders.com/blog-post-html/):  شرح عمل blur للصور بإستخدام بايثونتتميز لغة بايثون بانها تسمح للمستخدمين بعمل تاثيرات على الصور الخاصه بهم وهذة التاثيرات موجوده داخل مكتبة opencv والتي سبق وشاركنا معكم لها كثير من الشروحات في موقعنا حيث تعد من اهم واقوى المكتبات في التعامل مع الصور وعمل تاثيرات عليها وفي هذا الدرس سوف نقوم بعمل تاثير الضباب عليها او ما يطلق عليها blur effect دون الحاجه الى كتابة الكود كامل فقط المكتبة توفر لنا التاثير وايضا يمكنك استخدام مكتبة matplotlib وهي من المكتبات القوية ايضا والمهمه وسبق وشرحنا لكم عنها في موقعنا . توفر العديد من وظائف النظام والمكتبات أنواع بيانات ديناميكية وفئات [&hellip;]
- [كيفية اضافة صورتين مع بعض بلغة بايثون | add two image in one image by python](https://geecoders.com/add%20two-image-in-one-image-html/):  كيفية اضافة صورتين مع بعض بلغة بايثونواحد من الاكواد الشهيره والغير منتشرة على الانترنت بشكل كبير وهي كيفية وضع صورتين فوق بعض في بايثون , حيث ان في مقالة اليوم سوف نقدم لكم الكود الخاص بإضافة صورتين فوق بعضهم البعض وذلك سوف يكون عن طريق استخدام مكتبة cv2 وهي واحد من اقوى المكتبات المشهوره في بايثون للتعامل مع الصور بشكل كبير وسبق وقدمنا لكم في موقعنا الكثير من الاكواد حول هذه المكتبة وما زلنا نقدم لكم من اجل تحسين مستواكم في استخدام المكتبة والتعرف على الخصائص الخاصه بها والتي من شانها تطوير نماذج تعمل بالmachine learning ويوجد قسم في موقعنا [&hellip;]
- [تحويل كل حرف الى رقم وبالتالي تحويل الكلمه كامله في بايثون](https://geecoders.com/convert-any-char-to-digit-html/):  تحويل كل حرف الى رقم وبالتالي تحويل الكلمه كامله في بايثونفي هذا الدرس سوف نشارك معكم طريقة مختلفة لكتابة جمله معينه بشكل مشفر لن يفهمه سوى مستخدمي التطبيق فقط , وهو اننا سوف نحول كل حرف الى رقم وبالتالي عند كتابة اي كلمات سوف يتم تحويلها الى مجموعة من الارقام ويمكنك التعديل على الكود لفك تشفير الارقام الى احرف لكي يفك تشفير النصوص ويمكنك استخدام هذا البرنامج مع اصدقائك والاستمتاع بالفكرة , والكود بسيط جدا وغير معقد ولن نحتاج الى اي مكتبات خارجية  توفر العديد من وظائف النظام والمكتبات أنواع بيانات ديناميكية وفئات جاهزة وواجهات في Python. يمكن استخدام لغة [&hellip;]
- [القيام بالعمليات الحسابية على الصور في لغة بايثون باستخدام opencv](https://geecoders.com/opencv-operation-html/):  القيام بالعمليات الحسابية على الصور في لغة بايثون باستخدام opencvفي هذا المقال سوف نتعرف معكم بإذن الله تعالى على تطبيق بين العمليات الحسابية على الصور لعمل فلاتر عليها , وسوف نقوم بعمل اضافة وطرح وقسمة وضرب على الصور وهذه العمليات تنتج لنا في نهايه الامر فيلتر على الصور وكل عملية من العمليات قمنا بوضعها داخل def معينه لكي تسهل عليكم عملية التعامل معها واستدعاء ما تريد منها . Python هي لغة برمجة عمرها ثلاثة عقود. أطلق عليها Guido van Rossum ، وهو مبرمج هولندي ، اسم Monty Python Flying Circus ، مجموعته الكوميدية المفضلة في ذلك الوقت. منذ ذلك الحين [&hellip;]
- [كيفية اضافة فلتر blur و Gaussian و median و laplacian للصور في لغة بايثون](https://geecoders.com/laplacian-median-html/):  كيفية اضافة فلتر blur و Gaussian و median و laplacian للصور في لغة بايثون اذا كنت تريد اضافة بعض الfiltters على صورك فيمكنك القيام بذالك بإستخدام لغة البايثون وفي مقالة اليوم نقدم لكم مجموعة من الفلاتر التي يمنك القيام بها على صورك في فلاتر مجمعه في كود واحد كل ما عليك هو تشغيل الكود وبعدها اختر الفلتر الذي تريد تطبيقه على صورك لتيتم التطبيق ولكن تاكد ان مكتبة open cv موجوده لديك في المحرر الذي تعمل عليه في بايثون لان الاكواد معتمده عليها بالكامل وهذة المكتبة مخصصه للتعامل مع الصور وقد سبق ووضعنا لكم الكثير من المقالات حول هذة المكتبة المهمه [&hellip;]
- [شرح كيفية عمل Expanded للRecyclerView بإستخدام android Studio](https://geecoders.com/blog-post_25-html-5/):  شرح كيفية عمل Expanded للRecyclerView بإستخدام android Studioاستخدام الRecyclerView في الاندرويد ستوديو كثير جدا وقد لا يخلو تطبيق منها لانها بكل بساطة عباره عن قائمة تقوم بتكرار لك عدد معين من العناصر كما ترغب والتعامل مع كل عنصر وتنفيذ عملية محدده عليه وفي مقالة اليوم نشارك معكم كيفية عمل Expanded للRecyclerView وهي عباره عن تمديد للعنصر بمعنى اذا كان لديك نص تريد فقط اظهار اول 3 اسطر منه وعند النقر عليه يظهر باقي النص في نفس الصفحة كما هو موضح بالصورة الخاصه بالمقال . تطبيق الهاتف المحمول الأصلي مكتوب باللغة الأم للهاتف الذكي. على سبيل المثال ، Java لنظام Android [&hellip;]
- [شرح كيفية التعامل مع CheckBox واظهار واخفاء النص عند النقر عليها في اندرويد ستوديو](https://geecoders.com/checkbox-android-html/):  شرح كيفية التعامل مع CheckBox واظهار واخفاء النص عند النقر عليها في اندرويد ستوديوفي هذا المقال سوف نشرح لكم كيف يتم استخدام CheckBox  في تطوير تطبيقات الاندرويد وكيف نتعامل مع القيمة الخاصه به بدون مشاكل في عملية اظهار واخقاء النص ويمكنك التعامل معها في اي نوع من الحالات كما ترغب فقط سوف نشرح لك الفكرة والامر متروك لك في استخدامه كما تشاء في اي عملية ترغب بها تحمل صواب او خطا . تطبيق الهاتف المحمول الأصلي مكتوب باللغة الأم للهاتف الذكي. على سبيل المثال ، Java لنظام Android و Swift لنظام iOS ، أو Flutter ، والتي يمكن استخدامها على [&hellip;]
- [شرح كيفية تغيير اللغة بين العربيه والانجليزيه في فلاتر  | Language translation in Flutter](https://geecoders.com/language-translation-in%20flutter-html/):  شرح كيفية تغيير اللغة بين العربيه والانجليزيه في flutterتغيير اللغة امر مهم جدا لكل شخص عليه معرفته فهو مطلوب بشكل كبير في التطبيقات الكبيره وقد لا تخلو منها واختيار عدد كبير من اللغات ولكن بشكل مبسط سوف نشرح لك كيفية التغيير بين اللغة الانجليزية والعربيه وفي الدروس المقبلة بإذن الله سوف نشرح لكم كيفية تغيير اكثر من لغة , ولتغيير اللغة في flutter نحتاج لعدة اوامر وخطوات لكي لا يحدث مشاكل معنا في التطبيق وسوف يتم شرحها لكم بالصور Flutter عبارة عن مجموعة أدوات لتطوير البرامج مفتوحة المصدر تجعل إنشاء تطبيقات الأجهزة المحمولة عبر الأنظمة الأساسية أمرًا بسيطًا وغير مؤلم. [&hellip;]
- [عمل انتقال للصور مع animation بسيط لتحسين عملية نقل البيانات](https://geecoders.com/blog-post_09-html-3/):  عمل انتقال للصور مع animation بسيط لتحسين عملية نقل البياناتالانميشن اصبح امر مرغوب به في تطوير تطبيقات الجوال ولهذا سوف نشارك معكم في مقالة اليوم واحده من الانميشن القوية والرائعه جدا في التنقل من الصوره المصغره في List الى الصورة الخاصه بالمقالة والمحتوى مع عمل انميشن بسيط وجميل اثناء عملية الانتقال ولن تحتاج الى اي مكبتة خارجية لتنفيذ هذا الانميشن فهو موجود من ضمن widgets الخاص بالفلاتر ولذلك ليس عليك الا ان تقوم باتباع الخطوات التاليه التي سوف نشرحها لكم في الجزء التالي لعدم مقابلة اي مشاكل . أنتجت Google إطار عمل Flutter ، وهو عبارة عن مجموعة تطوير برامج [&hellip;]
- [كود تكبير الصور في Flutter عند النقر عليها مرتين مع امكانية تتبع الموقع المراد تكبيره](https://geecoders.com/zoom-dyma-html/):  كود تكبير الصور في Flutter عند النقر عليها مرتين مع امكانية تتبع الموقع المراد تكبيرهنشارك معكم بإذن الله تعالى في مقالة اليوم شرح مميز لكيفية تكبيره الصورة على جزء معين بمجرد الضغط عليه مرتين , تعتبر عملية تكبير الصور من العناصر التي اصبحت متوفر بشكل كبير في اغلب التطبيقات وذلك بسبب بساطتها ولسهولة التعامل مع الصور وفي مقالة اليوم سوف نشرح لكم فكرة مشهوره جدا وهيا تكبيره الصوره بمجرد الضغط عليها مرتين كما هو موضح في الصورة الخاصه بالمقالة مثال اذا كنت تريد تكبير جزء معين في الصورة وتحديده موقعه يمكنك النقر مرتين على هذا الجزء وسوف يتم تكبيره . [&hellip;]
- [شرح التعامل مع ال spinner وطباعة المحتويات من داخله في Android Studio](https://geecoders.com/s-html-2/):  شرح التعامل مع ال spinner وطباعة المحتويات من داخله في Android Studioمن العناصر المهمه والذي عليك معرفتها كمبرمج تطبيقات اندرويد وهيا خاصية spinner  فهي بكل بساطة عباره عن قائمة منسدله يمكنك اختيار منها عنصر واحد فقط وفي هذا المقال سوف نشرح لكم كيف تستطيع استخراج العنصر من داخلها والتعامل معه سواء طباعة قيمته او تخزينها او عمل به اي عملية تريدها والspinner لا تقل اهميته عن اي عنصر اخر يتم استخدامه في التطبيق فهو مهم جدا وعلى كل مبرمج كيفية التعامل معه لان قد يقابلك في عملك وتحتاج اليها . تطبيق الهاتف المحمول الأصلي مكتوب باللغة الأم للهاتف الذكي. على [&hellip;]
- [تصميم صفحة setting باستخدام android studio بإستخدام xml](https://geecoders.com/setting-page-design-html/):  تصميم صفحة setting باستخدام android studio بإستخدام xmlفي هذا المقال نقدم لكم تصميم لصفحة الاعدادات يمكنك استخدام هذة الصفحة لبناء صفحة setting كامله كما ترغب والصوره الخاص بالمقال توضح الصفحة التي سوف نقوم بإنشائها ولكن قبل عملية الانشاء سوف نحتاج الى عدة امور منها الالوان التي سوف نعمل عليها والثيم الذي سوف يتم تركيبه وشكل مربع دائري الحواف لكي يعطي منظر جميل للعناصر ويمكنك استخدام هذة الصفحة لتنفيذ مجموعة من الامور التي ترغب بها او حتى التعديل عليها  تطبيق الهاتف المحمول الأصلي مكتوب باللغة الأم للهاتف الذكي. على سبيل المثال ، Java لنظام Android و Swift لنظام iOS ، أو [&hellip;]
- [كود بايثون لحساب اجرة السائق والميكروباص في المواصلات](https://geecoders.com/calculate-money-html/):  كود بايثون لحساب اجرة السائق والميكروباص في مصرفي هذا المقال الفريد من نوعه والمميز سوف نقوم معكم بعمل برنامج صغير يقوم بحل مشكلة المواصلات في مصر او في كثير من الدول , كما نعلم ان الكثير من الدول يوجد بها طرق للمواصلات التقليديه والتي تكون عباره عن باص صغير يقوم بنقل الركاب من مكان الى اخر ويكون في النهايه مجوع الكراسي الخلفيه 12 كرسي وبعض الميكروباصات تكون حوالي 13 حوالي عموما ما سنقوم به هو ضرب ثمن الراكب في عدد الكراسي لمعرفة اجرة السائق وايضا التخلص من مشكلة التفكير الزائد . يساعدك موقع جي كودرس في تعلم اي لغه برمجه [&hellip;]
- [تصميم صفحة sign in و sign up بإستخدام animation في flutter](https://geecoders.com/sign-in%20%20sign%20up%20-html/):  تصميم صفحة sign in و sign up بإستخدام animation في flutterما يميز فلاتر انه تتوفر على الكثير من الشروحات وايضا هيا من ابسط التكنولوجي في البرمجه ومع ذلك فهي قوية جدا وتتميز بقوة في الanimation والمؤثرات وفي مقالة اليوم سوف نقدم لكم تصميم لتسجيل الدخول وتسجيل حساب في التطبيق مع انميشن بسيط للانتقال من صفحة للاخرى كما هو موضح في الصورة الخاصه بالمقالة . بسم الله الرحمن الرحيم , في هذا الدرس نقوم لكم صفحة signIn و signUp في flutter وعمل انميشن للانتقال من صفحة الى , حيث ان التصميم بالكامل سوف يكون في نفس الصفحة وهذا الدرس من دروس [&hellip;]
- [كيفية وضع العناصر فوق بعض في فلاتر بدون مكتبات باستخدام Stack و Positioned](https://geecoders.com/stck-html/):  كيفية وضع العناصر فوق بعض في فلاتر بدون مكتبات باستخدام Stack و Positionedفي كثير من الاحيان نحتاج ان نقوم بوضع تصميم فوق تصميم ولكن لا يكون بداخله كما يتم في Stack ولكن يكون بينه وبين تصميم اخر او فوقة كما هو موضح في الصورة الخاصه بالمقالة وهي وضع عنصر فوق عنصر اخر وهذه العملية سوف تتم عن طريق استخدام Positioned ووضع الصورة الاخرى في مكان معين داخل التصميم كما سوف نشاهد في الكود التالي  . أصدرت Google Flutter كإطار عمل مفتوح المصدر لترميز وتطوير تطبيقات Android و iOS الأصلية. Flutter هو إطار عمل جديد نسبيًا ، حيث تم الكشف عنه [&hellip;]
- [التعديل على زر الرجوع للخلف في فلاتر | your are sure to exit from app flutter](https://geecoders.com/blog-post_03-html/):  التعديل على زر الرجوع للخلف في فلاتر | your are sure to exit from app flutterفي هذا المقال سوف نقوم بشرح لكم كيفية الرجوع الى الخلف والخروج من التطبيق اظهار مربع تنبيه للتاكد من امكانية الخروج من التطبيق ام الاستمرار في التطبيق كما هو موضح في الصورة الخاصه بمقالة اليوم , ويمكنك التعامل وتنفيذ اي عملية اخرى عندما ترغب بالرجوع للاسفل لتغلق التطبيق وليس فقط اظهار dialog تنبيهي . أنتجت Google إطار عمل Flutter ، وهو عبارة عن مجموعة تطوير برامج (SDK) لتطبيقات الأجهزة المحمولة. من الممكن إنشاء تطبيقات لمنصات Android و iOS باستخدام الأداة وقاعدة بيانات واحدة ، إن [&hellip;]
- [شرح تمرير البيانات في Flutter اثناء الانتقال بين الصفحات](https://geecoders.com/blog-post-html-10/):  شرح تمرير البيانات في Flutter اثناء الانتقال بين الصفحاتعملية تمرير البيانات لابد ان تحدث في اي تطبيق تعمل عليه وعليك ان تعرف كيف تقوم بتمرير البيانات وما الفائده منها , بكل بساطة اذا كانت لديك صفحة يوجد بها اسم منتج ونبذه بسيطة عن التفاصيل تريد عند الضغط على اسم العنصر او الصورة الخاصه به يتم نقلة الى صفحة اخرى بها الاسم والتفاصيل كامله وكل العناصر التي لديك تعمل على نفس الصفحة بدلا من انشاء صفحة لكل عنصر وهذا الامر خاطئ جدا وفي درس اليوم سوف نشرح لكم الامر ببساطة كان Flutter موجودًا منذ أن أطلقته Google لأول مرة في عام [&hellip;]
- [تغيير علامة التحميل في فلاتر الى مجموعه من الاشكال الرائعه | flutter spinkit](https://geecoders.com/flutter%20spinkit-html/):  تغيير علامة التحميل في فلاتر الى مجموعه من الاشكال الرائعهفي هذا المقال نشارك معكم واحد من المكتبات الجميله والتي تحسن من شكل التطبيق الخاص بك في فلاتر وهي تعمل على تغيير شكل علامة الانتظار او التحميل الى عدة اشكال جميلة كما هو موضح في الصورة الخاص بالمقال وكما نعلم ان الاهتمام بالتفصيل الصغيره في تطبيقك يجعل المستخدم يفضل تطبيقك عن باقي التطبيقات ولهذا نقوم دائما بمشاركة معكم الكثير من المكتبات والتصاميم التي تحتوي على انميشن لان هذه الاشياء البسيطة يعشقها المستخدمين للتطبيق . دون إجراء أي مقارنات مع الأنظمة الأساسية الأخرى ، إليك بعض الميزات والسمات التي يمكن أن تغريك [&hellip;]
- [اضافة زر للتبديل بين الى الليلي في اندرويد ستوديو | Dark and white mode android](https://geecoders.com/dark-and-white-mode-android-html/):  اضافة زر للتبديل بين الى الليلي في اندرويد ستوديوفي هذا المقال سوف نشرح لكم واحد من الدروس التي يبحث عليها عدد كبير من المتابعين وهيا كيفية عمل switch للتبديل بين الوضع الليلي الداكن والوضع النهاري ويمكنك حفظ قيمة الاختيار الخاصه بالمستخدم في قاعدة البيانات المحليه للتطبيق وعند فتح التطبيق يتم فتح التطبيق عليها , حيث ان الوضع الليلي من اكثر الثيمات التي يفضلها عدد كبير من المستخدمين وذلك بسبب انه مريح للعين عكس الوضع العادي الابيض والذي يضر بالعين وذلك سوف نشرح لكم بالتفصيل كيف تتم العملية . ماهو اندرويد ستوديو ؟إنه IDE خاص بنظام Android تم إنشاؤه مع وضع [&hellip;]
- [شرح كيفية عمل ImageSlide  بعدة اشكال وبدون مكتبات في الاندرويد ستديو](https://geecoders.com/imageslide-androi-html/): شرح كيفية عمل ImageSlide  بعدة اشكال وبدون مكتبات في الاندرويد ستديواذا كنت ترغب في انشاء ImageSlide او عارض للصور في تطبيقك فيوجد اكثر من طريقة لعمل هذة الخطوات وقد سبق وشركنا معكم في مقالة سابقة احدى الطرق التي تمكنك من عمل عارض للصور وفي مقالة اليوم سوف نشرح لكم بإذن الله تعالى كيف تصميم عارض للصور بدون الحاجه الى اي مكتبة خارجية فقط سوف نستخدم الviewpager لتنفيذه هذه الطريقة والامر بسيط جدا جدا . تطبيق الهاتف المحمول الأصلي مكتوب باللغة الأم للهاتف الذكي. على سبيل المثال ، Java لنظام Android و Swift لنظام iOS ، أو Flutter ، والتي يمكن [&hellip;]
- [تصميم برنامج باستخدام برنامج اندرويد ستوديو لارسال الاشعارات في وقت محدد | AlarmManager android studio](https://geecoders.com/blog-post-html-35/): تصميم برنامج باستخدام برنامج اندرويد ستوديو لارسال الاشعارات في وقت محدد | AlarmManager android studioفي هذا المقال سوف نشرح لكم كيفية عمل AlarmManager  وارسال اشعارات للمستخدم بوقت محدد في الاندرويد ستوديو , اذا كنت تريد عمل منبة للوقت او حتى تريد ارسال اشعار معين للمستخدم يوميا في وقت معين فالحل الذي يمكنك القيام به هو AlarmManager  ويوجد طرق اخرى للتعامل معه ولكن في هذا الدرس سوف نشرح لكم طريقة بسيطة جدا لارسال اشعارات مخصصه للمستخدمين في الاندرويد ستوديو بكل سهوله من اجل تحسين تطوير تطبيقات الاندرويد الخاصه بك . Android Studio هو IDE الرسمي لبرمجة Android ويأتي مع كل ما [&hellip;]
- [حل مشكلة No application found for TargetPlatform.android_x86.](https://geecoders.com/application-found-for-targetplatform-html/):  حل مشكلة No application found for TargetPlatform.android_x86.Flutter عبارة عن مجموعة أدوات لتطوير البرامج مفتوحة المصدر تجعل إنشاء تطبيقات الأجهزة المحمولة عبر الأنظمة الأساسية أمرًا بسيطًا وغير مؤلم. يمكنك إنشاء تطبيقات عالية الجودة أصليًا بسرعة لنظامي التشغيل iOS و Android دون الحاجة إلى كتابة رمز منفصل لكل نظام أساسي. كل ما تحتاجه لكلا النظامين هو قاعدة بيانات واحدة. ادعى مدير منتج Flutter ، Tim Sneath ، العام الماضي أن مجموعة الأدوات قد تم استخدامها من قبل أكثر من 2 مليون مطور منذ إصدارها في عام 2018. يوضح الإصدار الربيعي أيضًا أن تطوير تطبيقات المؤسسة ليس فقط للمستهلكين ولكن أيضًا في تطور [&hellip;]
- [التعامل مع التصميم في حالة portrait و landscape باستخدام mediaQuery في Flutter](https://geecoders.com/mediaquery-landscape-portrait%20-html/):  التعامل مع التصميم في حالة portrait و landscape باستخدام mediaQuery في Flutterفي هذا الدرس والتابع لدروس تعلم التعامل مع انواع الشاشات المختلفه وضبط ابعاد التصميم لكي تتناسق مع مختلف الشاشات ولعدم حدوث مشاكل عند تشغيل التطبيق مع الشاشات المختلفه , في درس اليوم سوف نشرح فكرة الmediaQuery  وهي من اهم الافكار واكثرها استعمالا في ضبط ابعاد التصميم ونجد ان الاغلب يفضل استخدامها عن غيرها لسهولتها وسهولة التعامل معها وهذا يعد الدرس الرابع من هذة السلسلة . بعد ظهور فلاتر في عام 2011. كانت لغه احدثت طفرة  كبيره في مجال البرمجيات وتطوير التطبيقات، وهي لغة  تعمل بمجموعه من الوظائف وتستخدم بكثرة [&hellip;]
- [كيفية ضبط ابعاد التصميم للعمل بشكل افقي وعمودي بدون مشاكل في فلاتر باستخدام LayoutBuilder](https://geecoders.com/layoutbuilder-html/):  كيفية ضبط ابعاد التصميم للعمل بشكل افقي وعمودي بدون مشاكل في فلاتر باستخدام LayoutBuilderفي هذا الدرس والذي نكمل فيه سلسلة تعلم كيفية ضبط ابعاد الشاشه على مختلف الاجهزه ومعرفة اذا كان التصميم في الوضع الافقي او العمودي فيمكنك معرفة ذلك من خلال LayoutBuilder بكل سهوله وسوف نتعرف على كل هذا من خلال الكود التالي والذي نقدم لكم شرح عنه ايضا وتعد فكرة الLayoutBuilder من ابسط الافكار التي يمكنك استخدامها في تطبيقك لمعرفة حالة الشاشه في جهازك والتعامل معها بكل بساطة . بعد ظهور فلاتر في عام 2011. كانت لغه احدثت طفرة  كبيره في مجال البرمجيات وتطوير التطبيقات، وهي لغة  تعمل [&hellip;]
- [الحصول على ابعاد الشاشه باستخدام MediaQuery في Flutter](https://geecoders.com/mediaquery-flutter-html/):  الحصول على ابعاد الشاشه باستخدام MediaQuery في Flutterفي هذا الدرس والتابع لدروس كيفية تحسين توافق تطبيقك مع مختلف الشاشات في فلاتر سوف نشرح فكرة مشهوره ومستخدمه بشكل كبير وهيا MediaQuery حيث انها طريقة تساعدك على ان تقوم بكتابة الكود مع تحديد ابعاد الشاشه للطول والعرض والتعامل معها ولمضان عدم حدوث مشاكل في التصميم اثناء عملية البرمجه كما يظهر في الكثير من التطبيقات بسبب نسبة العرض الى الارتفاع في كل شاشه وابعاد الpixels للشاشه المختلف ونحن دايما في دروس تطوير تطبيقات الجوال نحاول ان نشارك معكم الكثير من الشروحات القيمه والتي من شانها تحسين مستواكم البرمجي قدر الامكان . عندما نذكر [&hellip;]
- [التعامل مع وضعيات الشاشة افقي وعمودي باستخدام OrientationBuilder في flutter](https://geecoders.com/orientationbuilder-flutter-html/):  التعامل مع وضعيات الشاشة افقي وعمودي باستخدام OrientationBuilder في flutterفي درس اليوم سوف نتعرف على كيفية التعامل مع ابعاد الشاشات المختلفه في flutter وفي هذا الدرس سوف يكون اول درس في هذه السلسله وسوف نبدء معكم بتعلم فكرة عمل OrientationBuilder  وهي بكل بساطة عباره عن خاصية تسمح لنا بتحديد ابعاد الشاشه بكل سهوله انه عليك ان يكون الbody يبدء ب OrientationBuilder وبعدها تحتاج منك builder وهو يحتاج الى (context , orientation)  وبعدها نقوم بعمل تاكد اذا كانت الحالة صحيحه ام لا واذا كانت كذلك سوف يتم ارجاع التصميم عباره عن مجموعة من القوائم التي تحت بعضها واذا يكن كذلك فهذا [&hellip;]
- [انشاء مربع احترافي للتخفيضات في تطبيق متجرك بإستخدام Flutter](https://geecoders.com/promo-code-design-html/):  انشاء مربع احترافي للتخفيضات في تطبيق متجرك بإستخدام Flutterمن خلال مشاهدتي لاحد مواقع التواصل الاجتماعي شاهدت شخص قام بطلب تصميم بتقنية فلاتر لعرض الكوبونات الخاصه بالمتجر بشكل منسق وكان يسال كيف يمكن برمجة كود لعرض الاكواد بشكل منسق وجميل ولفت نظري هذا المنشور وقررت البدء في تصميم الشكل وفي النهايه احببت ان اشارك معكم الشكل لكي يستفاد منه الجميع وهو عباره عن تصميم بسيط جدا يحتوي على مربع بهم قيمة الخصم وصورة بشكل منسق وجميل هل تريد تطوير تطبيقات الجوال سواء كانت تعمل بنظام اندرويد او اي او اس بكود واحد , قديما كان هذا الامر صعب جدا ولكن مع [&hellip;]
- [تصميم صفحة تسجيل دخول احترافية في فلاتر مع animation](https://geecoders.com/login-design-part1-html/):  تصميم صفحة تسجيل دخول احترافية في Flutter مع animationفي هذا الكود سوف نقوم بعمل صفحة Login مختلفة قليلا عن الصفحات التي قدمناها لكم سابقا فهذة الصفحة سوف نقوم باستخدام المؤثرات و الانميشن بداخلها ليتم تغيير الصورة الموجوده بالاعلى اكثر من مره خلال فترة فتح الصفحة وايضا يوجد بعض المميزات التي يمكنك ان تستفاد منها من هذة الصفحة مثل الtextfiled و الازرار وتناسق الالوان في التطبيق &lt; حيث ان في هذا القسم ننشر لكم الكثير من الاكواد البرمجية التي من شانها مساعتدكم في تطوير مستواكم البرمجي بشكل كبير . Flutter عبارة عن مجموعة أدوات لواجهة المستخدم من مقدمه من العملاق Google [&hellip;]
- [كيفية عرض العناصر والصور والصفحات بداخل مربع والتنقل من خلاله في Flutter](https://geecoders.com/carousel%20slider-html/):  كيفية عرض العناصر والصور والصفحات بداخل مربع والتنقل من خلاله في فلاترتعد الاضافات التي توجد بداخل flutter كثيرة جدا ومتميزه ويحاول دائما كل شخص عمل اضافات بشكل مستمر وهذا بسبب دعم هذة التقنية بشكل كبير من قبل العملاق جوجل ولهذا نحاول بين كل فترة والاخرى ان نشارك معكم دائما شروحات ومكتبات بشكل مستمر مجاني وهذا لمساعدتكم في انجاز الاعمال بشكل اسرع وافضل ولهذا عليكم دائما بتصفح الموقع بشكل مستمر . لغه دارت ظهرت تقريبا في عام 2011 بالنسبه الفلاتر فهي عباره عن بيئه عمل ولكن تعمل بلغة Dart حيث ظهرت هذة التقنية  في سنه 2017 وهذا يدل على ان هذة [&hellip;]
- [شرح مكتبة elastic drawer لعمل تداخل بين الصور اثناء التنقل في flutter](https://geecoders.com/elastic-drawer-flutter-html/):  شرح مكتبة elastic drawer لعمل تداخل بين الصور اثناء التنقل في flutter كما نعلم ان تقنية فلاتر تتميز بوجود الكثير من المكتبات التي من شأنها تحسين شكل التطبيق الخاص بك ومن ضمن هذة المكتبات elastic drawer وهي تقوم بعمل تداخل بين الصور وتجعل من شكل تطبيقك مختلف وهذا ما يميز هذة المكتبة يمكنك استخدامها لعمل SplashScreen على سبيل المثال في بداية عمل التطبيق او عمل تنقل بين الصور بطريقة مختلفه كما يظهر في صورة المقالة . يعمل Flutter بجد لتوسيع قاعدة الشفرة نفسها عبر أي شيء به شاشة ، بما في ذلك Android و iOS و Web و Desktop ، يمكنك [&hellip;]
- [كيفية استخدام animations عند تغيير الصور في flutter بسهوله](https://geecoders.com/image-design-html/):  كيفية استخدام animations عند تغيير الصور في flutter بسهولهفي هذا الكود نقدم لكم طريقة جديده لعرض الصور والمميز انها لن تحتاج منك الى تثبيت اي مكتبات خارجية بل ما سوف نقوم به هو استخدام الanimations الموجوده داخل flutter لتنفيذ امر معين اثناء تغيير الصوره والنقر على زر التغيير وهذا الامر سوف يعطي طابع مختلف قليلا على شكل تطبيقك والتصميم الذي تعمل عليه ويجعله اكثر حيويه عن الاشكال التقليديه والانقالات العاديه التي اصبح الكثير من المستخدمين لا يفضلونها . ظهرت لغة دارت في سنة 2011 و فلاتر ظهر في سنة 2017 وهذا يعني انهاومن بيئات العمل الجديده وللمعلومية flutter من تطوير [&hellip;]
- [اضافة عداد للعناصر badges الموجوده في السلة Flutter](https://geecoders.com/flutter-html-5/):  اضافة عداد للعناصر badges الموجوده في السلة Flutterفي هذا المقال سوف نقوم بعمل اضافة عداد للعناصر الموجوده بالسلة لديك اذا كنت تعمل على تطبيق تجار على سبيل المثال , وعمل انميشن عند إضافة اي عنصر بداخل السلة لديك ويمكنك تخصيص الشكل والحركه التي تريد حدوثها عند اضافة عناصر او حذف عنصر من السلة ويمكنك عمل نص او صورة ببساطة هذة المكتبة توفر عليك كثير من الاكواد في الكتابة لانها ببساطة توفر عليك كثير من الاكواد وتستطيع تخصيصها . افترض أنك قمت بإصدار تطبيق Android يكتسب شعبية يومًا بعد يوم. يتزايد الطلب على إصدار إصدار iOS. كما يطلب بعض المستخدمين إصدارًا [&hellip;]
- [اضافة toast لتطبيقك وكيفية التعامل معه داخل ملف components](https://geecoders.com/toast-components-html/):  اضافة toast لتطبيقك وكيفية التعامل معه داخل ملف componentsفي تطوير تطبيقات الجوال عموما عليك دائما بأن توفر للمستخدم كل ما يحتاجه وتحسن من شكل تطبيقك بإستمرار من وضع انميشن وتحسين الالوان لان كل هذا يترك طابع لدى مستخدمي التطبيق وفي هذا المقال سوف نتعرف على طريقة إظهار toast يظهر للمستخدم عند حدوث اي عملية لتظهر رسالة في الاسفل تخبره بالذي حدث , وايضا سوف نتعرف على كيفية اضافة ال toast داخل الcomponents لكي نتمكن من استدعائها في اي مكان والتعامل معها بدون مشاكل . افترض أنك قمت بإصدار تطبيق Android يكتسب شعبية يومًا بعد يوم. يتزايد الطلب على إصدار إصدار [&hellip;]
- [كيفية اضافة الwebView داخل تطبيقات الFlutter بدون مشاكل وبسهوله .](https://geecoders.com/blog-post-html-18/): كيفية اضافة الwebView داخل تطبيقات الFlutter بدون مشاكل وبسهوله .الwebView واحده من المكتبات الضرورية التي عليك استخدامها بشكل كبير اذا احتاج الامر الى ذلك وتوفر هذة المكتبة امكانية التعامل مع صفحات الويب بشكل مباشر دون الخروج من التطبيق وهذا الامر قد تم شرحه من قبل ولكن في الandroid java وبسبب اهميته سوف نقوم اليوم بشرحه لكم مره اخرى في فلاتر لكي تتمكن عزيزي القارئ من اكمال تطبيقك بدون حدوث مشاكل . ظهرت لغة دارت في سنة 2011 و فلاتر ظهر في سنة 2017 وهذا يعني انهاومن بيئات العمل الجديده وللمعلومية flutter من تطوير العملاق جوجل والتي تطور الكثير من اللغات [&hellip;]
- [نقل البيانات والصور من صفحة للاخرى اثناء الصغط على الrecyclerview](https://geecoders.com/transfer-image-and-data-html/): نقل البيانات والصور من صفحة للاخرى اثناء الصغط على الrecyclerviewاثناء عمل recyclerview تحتاج الى عمل نقل البيانات اثناء الضغط بمعنى تخيل معي اذا كنت تقوم بتصميم تطبيق لمتجر في طبيعة الحال يظهر صورة المنتج وتفاصيل عنه مثل الاسم والسعر وتريد عند النقر على المنتج يرجع باقي التفاصيل كامله مع التفاصيل الظاهره في الشاشة الرئيسيه ولذا نستخدم putExtra والتي قد سبق وشرحنا فكرتها من قبل دروس سابقة وهي تقوم بنقل الشيئ من مكان الى الاخر عن طريق key , value . أنظمة التشغيل Android و iOS هي الأكثر شيوعًا والأكثر استخدامًا في العالم بين المستخدمين بشكل كبير جدا ، في حين [&hellip;]
- [كيفية نقل واستلام الصورة في list من الapi وعرضها في اندرويد ستوديو بإستخدام serializable](https://geecoders.com/list-image-to-class-html/): كيفية نقل واستلام الصورة في list من الapi وعرضها في اندرويد ستوديوفي مقالة اليوم سوف نتعرف كيفية نقل list من class الى class اخر وتحديدا سوف نعمل في هذا المقال على كيفية نقل الصور الخاص بمنتج معين من صفحة الى صفحة اخرى وهذا يستخدم بكثرة في التطبيقات التجاريه ولهذا عليك التركيز جدا في المقالة لكي تتمكن من نقل list of data الى class اخر دون حدوث اي مشاكل . اصبحت تقنية تطوير تطبيقات الجوال والهواتف الذكيه من اهم ال technology المستخدمه في الفتره الحاليه والتي عليها طلب كبير جدا من الاشخاص الذين يريدون تعلمها لاصدار التطبيقات الخاصه بهم وتطويرها بنفسهم [&hellip;]
- [كيفية عمل تأثير تاخير ظهور بعض العناصر لبضع ثواني في Flutter](https://geecoders.com/delay-package-html/):  كيفية عمل تأثير تاخير ظهور بعض العناصر لبضع ثواني في Flutterفي هذا الدرس بإذن الله تعالى سوف نتعرف على كيفية عرض العناصر الخاصه بالتطبيق ولكن سوف نقوم بإضافة delay لظهور العناصر لبضع ثواني لتظهر بالشكل الموجود في صورة المقالة , حيث ان المؤثرات البصريه التي يتم استخدامها في التطبيقات تعطي  طابع شكل وتترك اثر في تجربة المستخدمين لتطبيقك فالمتجر متوفر على الكثير من التطبيقات ولكن ما يميز كل تطبيق عن الاخر وهو اهتمام المطور بالتصاميم والالوان الخاصه بالتطبيق والمؤثرات , ولذلك نسعى معكم الى تقديم افضل الطرق لتحسين شكل التطبيق الخاص بك . أصبحت flutter من اهم ال platforms  التي [&hellip;]
- [حل مشكلة no connected devices found flutter](https://geecoders.com/found%20flutter-html/): حل مشكلة no connected devices found flutterواحد من اكثر المشاكل التي كنت اعاني منها بشكل كبير عند استخدام تقنية flutter وهي انه لا يتعرف على الجهاز الخاص بي رغم وجود جهاز وكان سبب هذة المشكلة كانت في الpath الخاص بالقرص المحلي c وان فلاتر لا يتعرف عليها ولذلك كان الحل هو ارفاق ملف tools و platform بداخل الpath الخاص بالقرص المحلي c وقد سبق وان قدمنا لكم شرح عن كيفية تثبيت فلاتر و dart على الاندرويد ستوديو بدون مشاكل , يمكنكم الرجوع الى المقالة السابقة والاستفاده منها . هل تريد تطوير تطبيقات الجوال سواء كانت تعمل بنظام اندرويد او اي [&hellip;]
- [شرح إنشاء صفحة onBoarding في flutter تظهر في البدايه](https://geecoders.com/onboarding-pahe-html/):  شرح إنشاء صفحة onBoarding في flutterتعد onBoarding واحده من اهم العناصر المستخدمه في معظم التطبيقات الحديثة وهي عباره عن صفحة تظهر مره واحده فقط اثناء استعمالك للتطبيق وتقوم فكرة هذة الصفحة بوضع خطوات لطريقة استخدام التطبيق او بعض السياسات التي يحتويها التطبيق ويمكنك كتابة ووضع ما تريد بداخلها وفي هذة المقالة سوف نشرح معكم كيف يمكنك عمل هذة الصفحة . هل تريد تطوير تطبيقات الجوال سواء كانت تعمل بنظام اندرويد او اي او اس بكود واحد , قديما كان هذا الامر صعب جدا ولكن مع تطور التكنولوجيا وظهور لغات برمجه مختلفه وتقنيات مختلفة اصبح هذا الامر طبيعي وسهل يوجد كثير [&hellip;]
- [إضافة ملف للوضع الليلي والصباحي في Flutter](https://geecoders.com/flutter-html-2/):  إضافة ملف للوضع الليلي والصباحي في Flutterفي هذا المقال سوف نتعرف على كيفية اضافة ملف للوضع الليلي داخل فلاتر وهذا الملف سوف يكون شامل للوضع الليلي والنهاري يمكنك استخدامه في اي وقت وفي اي مشروع بدلا من كتابة كود كبير في الmain وهذا الامر غير محبز لذلك نحاول قدر الامكان تنظيم الكود باكبر شكل لكي تتمكون من الوصول الى الاكواد والمشاريع بشكل اسرع وايضا لتسهيل عملية الكود عليكم . اتجاه العالم في الايام المقبله كما هو موضح امامنا متجه بشكل كبير في محال البرمجيات وتطوير البرمجيات المختلفه سواء تطبيقات هواتف ذكيه او برامج سطح مكتب او حتى في مجال تطوير [&hellip;]
- [انشاء Dialog في Flutter وارسال واستقبال البيانات من خلاله](https://geecoders.com/dialog-html/):  انشاء Dialog في Flutter وارسال واستقبال البيانات من خلالهيعد الDialog والعروف باسم المربع الحواري واحد من العناصر المستخدمه بشكل كبير جدا في التطبيقات وفي هذا المقال نشارك معكم كيفية استخدام هذا المربع داخل بيئة العمل flutter وكيف تستطيع ارسال واستقبال البيانات من خلاله وفي هذا الدرس سوف نقوم بارسال بيانات من الdialog الى الصفحة الرئيسية للتطبيق وهذا الامر سوف يحسن من مستواك في كيفية ارسال البيانات والتعامل مع المربع الحواري بشكل اقوى . لغة الدرات هي لغة oop من اللغات عالية المستوى والتي تسهل على المطور التعامل مع عدة classes من اجل تنظيم العمل وهي لغة قريبة من java  و [&hellip;]
- [كيفية اضافة الوضع الليلي ( Dark Mode ) في Flutter وحفظ التغيير في sharedPreferences](https://geecoders.com/dark-light-sharedpreferences-html/):  كيفية اضافة الوضع الليلي ( Dark Mode ) في Flutter وحفظ التغيير في sharedPreferences في سوق التطبيقات اليوم ، أصبح وجود سمة Light and Dark لتطبيقك أمرًا ضروريًا تقريبًا. نظرًا لأن المظهر الداكن أكثر راحة لأعيننا من المظهر الفاتح ، ،ولذلك فإن معظم الناس يفضلون إستخدامه عن المظهر الفاتح بشكل كبير وفي هذه المقالة ، سنوضح لك كيفية إنشاء فكرة التبديل بين الوضع الليلي والوضع الاخر داخل فلاتر وايضا سوف نقوم بحفظ القيمة داخل sharedpreferences مع استخدام الcubit بسهوله . اتجاه العالم في الايام المقبله كما هو موضح امامنا متجه بشكل كبير في محال البرمجيات وتطوير البرمجيات المختلفه سواء تطبيقات هواتف [&hellip;]
- [كيفية عرض تصميم التطبيق من اليسار لليمين او العكس في Flutter](https://geecoders.com/lrt-html/): كيفية عرض تصميم التطبيق من اليسار لليمين او العكس في Flutter في هذا الكود الذي سوف نشاركة معكم في مقالة اليوم , سوف نساعدكم على كيفية تغيير وضيعة التطبيق في Flutter بسهوله , وهذا يعني اذا كان عرض التطبيق الخاص بك يكون من اليسار الى اليمين سوف نساعدكم على تغييره وعكسه وهذا الامر يحتاجه كثير من المطورين في تطبيقاتهم لكي يعكس اتجاه العناصر واللغه اذا كان التطبيق الذي يعمل عليه عربي او انجليزي على حسب .Flutter عبارة عن مجموعة أدوات لواجهة المستخدم من مقدمه من العملاق Google والتي تتيح لك إنشاء تطبيقات جذابة مبنية محليًا للجوال والويب وسطح المكتب والأجهزة المضمنة [&hellip;]
- [شرح كيفية حذف بيانات من الSharedPreferences داخل flutter](https://geecoders.com/remove-shared-html/):  شرح كيفية حذف بيانات من الSharedPreferences داخل flutterفي هذا المقال سوف نساعدكم على ازالة عنصر من داخل الSharedPreferences بكل بساطة في الدروس السابقة تعرفنا معكم على كيفية اضافة امكانية حذف key من داخل الSharedPreferences وفي هذا المقال سوف نساعدكم في حذف اي عنصر من اي مكان ومع اي وظيفة مثال اذا كنت تريد عمل زر عند النقر عليه يتم حذف key معين من التطبيق الخاص بك دون حدوث مشاكل او اي عملية . لغه دارت ظهرت تقريبا في عام 2011 بالنسبه الفلاتر فهي عباره عن بيئه عمل ولكن تعمل بلغة Dart حيث ظهرت هذة التقنية  في سنه 2017 وهذا يدل [&hellip;]
- [حفظ بيانات الtoken و onBoarding في cacheHelper](https://geecoders.com/save-onboa-html/): حفظ بيانات الtoken و onBoarding في cacheHelperفي هذا المقال سوف نتعرف على تطبيق على استخدام SharedPreferences وتخزين مجموعة من القيم بداخله , وفي هذا المقال سوف نقوم بتهئية الملف لتخزين قيم مختلفه وحذف القيم والحصول عليها وايضا سوف تتمكن من اتقان التعامل معه بكل سهوله وسوف تصبح قادر على التعامل مع البيانات وتخزينها لدى الذاكره المؤقته في تطبيقك بكل سهوله دون الحاجه الى تعقيد العملية وكل هذا سيتم توضيحه في المقاله . اصبحت تقنية تطوير تطبيقات الجوال والهواتف الذكيه من اهم ال technology المستخدمه في الفتره الحاليه والتي عليها طلب كبير جدا من الاشخاص الذين يريدون تعلمها لاصدار التطبيقات الخاصه [&hellip;]
- [إنشاء كلاس للبيانات الموجوده على الapi في Flutter وكيفية استخراج الصور والنصوص من Apis](https://geecoders.com/api-flutter-apis-html/): إنشاء كلاس للبيانات الموجوده على الapi في Flutter وكيفية استخراج الصور والنصوص من Apisيعد كلاس الData من اهم الclasses التي عليك إنشائها اذا كنت تستخدم خدمة الapi ففهي هذا الكلاس يتم وضع البيانات التي تحصل عليها من الapi , ويوجد مواقع تساعدك في حل هذة العملية عن طريق عمل هذه البيانات وكل ما عليك هو نسخها ومن ثم لصق الكود في الموقع او الاضافة والتي سوف نشاركها معكم في الايام المقبلة لتسهل عليكم العمل وسرعة انتهاء المشروع بسرعه . أصبحت flutter من اهم ال platforms  التي ينتقل لها الكثير من الdeveloper وذلك لانها بيئة عمل تستطيع من خلالها تطوير تطبيقات [&hellip;]
- [إنشاء صفحة login مع استخدام الapi بواسطة flutter](https://geecoders.com/login-api-flutter-html/): إنشاء صفحة login مع استخدام الapi بواسطة flutterفي هذا الدرس سوف نتعرف بشكل اكبر على الapi وكيف نقوم بإنشاء كلاس مخصص لاستقبال البيانات والاضافه والحذف منها وايضا التعامل مع البيانات التي تحصل عليها من الapi وكيف تجعل التطبيق الخاص بك يفهمها وكيف يتم عرضها وكيف التعامل معها , كل ما عليك هو عمل class بإسم DioHelper وهو الذي تقوم بوضع الاكواد التي تريدها بداخله وحالات التعامل مع البيانات وهنا نريد التعامل مع get و post اي عرض واضافة بيانات ويمكنك ايضا التعامل مع الحذف عن طريق نفس الفكرة المستخدمة في الشرح . ظهرت لغة دارت في سنة 2011 و فلاتر [&hellip;]
- [شرح كيفية نقل بيانات الcolors من api من activity الى اي مكان اخر Android studio](https://geecoders.com/colors-api-activity-android-studio-html/):  شرح كيفية نقل بيانات الcolors من api من activity الى اي مكان اخر Android studioفي هذا المقال سوف نتعرف على كيفية نقل بيانات list كامله من class الى اخر واستقبال البيانات والتعديل عليها , كل هذا سوف نتعرفه في هذة المقالة , في المقالات السابقة تعرفنا على كيفية نقل البيانات من الكلاس الى كلاس اخر وكيفية استقبال البيانات وفي هذا المقال سوف نكمل على الدروس السابقة وسوف نحاول استقبال الالوان التي حصلنا عليها من الapi واظهارها في التطبيق  اصبح العالم في الفتره الاخيره يهتم جدا بالتكنولوجيا وزاد الاقبال على تعلم البرمجه ولغات البرمجة من قبل الشباب و الفتيات وذلك لدخولها [&hellip;]
- [نصائح ذهبية لكل مبرمجي Flutter تحسن من اداء تطبيقاتك .](https://geecoders.com/befite-to%20flutter-html/):  نصائح ذهبية لكل مبرمجي Flutter تحسن من اداء تطبيقاتك .في هذة المقالة نشارك معكم مجموعه من النصائح في Flutter والتي من شأنها ان تحسن من اداء التطبيق الخاص بك بشكل كبير وتقلل الdelay بشكل كبير , ولهذا سوف نساعدكم في رفع اداء التطبيق وتقليل الضغط من خلال بعض النصائح التي نقدمها لكم والتي من شأنها تحسين مستوى التطبيق بشكل كبير  &#8211; من الأفضل استخدام async و await او استخدام then كان كلاهما مفيدًا ؟استخدم async و await  ينظم الكود ويسهل قراءته بشكل افضل .&#8211; إذا كنت تريد ترك مسافة بين شيئين ، فمن الأفضل استخدام Container أو SizedBox؟استخدم SizedBox وةاجعله [&hellip;]
- [عمل theme للApplication كامل في flutter](https://geecoders.com/blog-post_07-html/):  عمل theme للApplication كامل في flutter المظهر في التطبيق من الاشياء التي يجب عليك التركيز عليها جيدا وبكثرة ولهذا في هذا المقال نشارك معكم كيفية تغيير الثيم الخاص بالتطبيق الذي تعمل عليه بكل سهوله , ولهذا يمكنك التعامل مع الاكواد والاشكال بشكل جيد من خلال الاكواد التي سوف تضعها في صفحة الmain وفي الصورة المقدمه في هذة المقالة والاكواد سوف تفهم الفكرة وتعرف كيف تستطيع التحكم في الوان التطبيق بشكل كامل من مكان واحد .ظهرت لغة دارت في سنة 2011 و فلاتر ظهر في سنة 2017 وهذا يعني انهاومن بيئات العمل الجديده وللمعلومية flutter من تطوير العملاق جوجل والتي تطور [&hellip;]
- [نقل Object من بيانات class الى class اخر في Android Studio بسهوله](https://geecoders.com/transfere-data-o-html/):   نقل Object من بيانات class الى class اخر في Android Studio بسهولهفي هذا المقال بإذن الله تعالى سوف نشرح لكم فكرة جديدة لنقل البيانات من class الى class اخر حيث في المقالة السابقة تعرفنا معكم على نقل البيانات بطريقة boundl ويكون عن طريق وضع key لكل عنصر نريد نقله ولكن في هذة الطريقة سوف نقوم بنقل Object كامل من class معين بمعنى سوف ننقل كل المحتويات التي توجد داخل الكلاس واستقبال المحتويات التي نريدها في الكلاس الاخر وهذا الامر افضل من الطريقة السابقة لانه يوفر اولا وقت وكود . اصبحت تقنية تطوير تطبيقات الجوال والهواتف الذكيه من اهم ال technology [&hellip;]
- [إضافة search في NewsApp والتعامل معه في Flutter](https://geecoders.com/search-html-2/):  إضافة search في NewsApp والتعامل معه في Flutterفي هذا الدرس والذي يعد اخر درس من دروس فلاتر سوف نقوم معكم باضافة مربع البحث وكيفية التعامل معه وكيف تحصل على المعلومات من الapi بسهوله وكل هذا سوف يكون في هذة المقالة لذلك حاول ان تتابع المقالة جيدا وتركز في كل ما نقدمه . Flutter عبارة عن مجموعة أدوات لواجهة المستخدم من مقدمه من العملاق Google والتي تتيح لك إنشاء تطبيقات جذابة مبنية محليًا للجوال والويب وسطح المكتب والأجهزة المضمنة بقاعدة شفرة واحدة وهذا ما يميزها عن غيرها &#8220;- الرفرفة عبارة عن مجموعة من تطوير برامج مفتوحة المصدر (SDK) يتم صيانتها بشكل [&hellip;]
- [كيفية عرض البيانات من داخل الapi الى تطبيقك في flutter](https://geecoders.com/show-data-apis-html/):  كيفية عرض البيانات من داخل الapi الى تطبيقك في flutterفي هذا الدرس والذي يعد التابع لسلسلة بناء تطبيق اخبار بإستخدام الapis , في الدرس السابق تعرفنا على كيفية الحصول على البيانات والوصول الى البيانات التي نريدها وفي هذا المقال سوف نقوم بعرض البيانات على شكل صور و نصوص داخل التطبيق وليس فقط في عملية الطباعة داخل flutter , وكل هذا سوف يكون باستخدام تقنية cubit كل ما عليك فعله هو اتباع الخطوات الموجوده في هذا الدرس والتركيز جيدا في كل ما يتم خلاله . لغه دارت ظهرت تقريبا في عام 2011 بالنسبه الفلاتر فهي عباره عن بيئه عمل ولكن تعمل [&hellip;]
- [شرح كيفية الحصول على البيانات الاخبار من الapi بإستخدام DIO في Flutter](https://geecoders.com/dio-api-html/):  شرح كيفية الحصول على البيانات الاخبار من الapi بإستخدام DIO في Flutterفي هذا الدرس نكمل معكم دورة انشاء تطبيق اخباري كامل باستخدام تقنية فلاتر , في هذا الدرس سوف نشرح لكم مكتبة dio وهذة المكتبة هي المسؤوله عن التعامل مع الapi وقد لا يخلو اي تطبيق كبير منها لانها اساس التطبيقات تقريبا وهي تعمل نفس الغرض الذي تقوم به مكتبة retrofit في Android , بإختصار تسهل علينا التعامل مع البيانات التي نحصل عليها من خلال السيرفر بسهوله . Flutter عبارة عن مجموعة أدوات لواجهة المستخدم من مقدمه من العملاق Google والتي تتيح لك إنشاء تطبيقات جذابة مبنية محليًا للجوال والويب [&hellip;]
- [كيفية نقل البيانات بإستخدام PutExtra في اندرويد ستوديو](https://geecoders.com/putextra-android-html/):  شرح كيفية نقل البيانات بإستخدام PutExtra في Android Studioعملية نقل البيانات هي من اهم العمليات التي عليك ان تعرفنا في مسيرة تعلمك في برنامج android studio ونحن نقدم لكم الكثير من اكواد اندرويد ستوديو مع امكانية توفير شرح لكل شيئ نقوم بتقديمه لكم لكي يستفاد الجميع اكبر استفادة من ذلك وفي هذا الدرس سوف نشرح لكم فكرة PutExtra وكيف يتم نقل البيانات من خلالها . اصبحت تقنية تطوير تطبيقات الجوال والهواتف الذكيه من اهم ال technology المستخدمه في الفتره الحاليه والتي عليها طلب كبير جدا من الاشخاص الذين يريدون تعلمها لاصدار التطبيقات الخاصه بهم وتطويرها بنفسهم دون الحاجه الى الى [&hellip;]
- [مجموعة من الاختصارات التي لا يعرفها الكثير من المبرمجين في برنامج android studio وتسهل عليك العمل](https://geecoders.com/shortcut-androids-html/):  مجموعة من الاختصارات التي لا يعرفها الكثير من المبرمجين في برنامج android studio وتسهل عليك العملالتعرف على اختصارات البرامج امر جيد جدا وانا دائما احاول ان اشارك معكم بين كل فتره والاخرى اختصارات لي البرامج التي استخدمها بشكل مستمر فمثلا برنامج vs code قدمنا لكم في بعض من الاختصارات التي استخدمها انا بشكل شخصي و افادتني بشكل كبير جدا و تسهل على العمل. في استخدام البرنامج ايضا برنامج اندرويد ستوديو من اكثر البرامج التي استخدمها تقريبا في جهازي لذلك بين كل فتره واخرى احاول تعلم اختصارات جديده او اشياء تفيدني في هذا البرنامج لكي احسن من مستواي بداخله وعندما اتعلم [&hellip;]
- [كيفية اضافة ايقونة للنقل الى حسابك في فيسبوك و انستقرام وواتساب وتويتر بواسطة اندرويد ستوديو](https://geecoders.com/social-media-app-html/): كيفية اضافة ايقونة للنقل الى حسابك في فيسبوك و انستقرام وواتساب وتويتر بواسطة اندرويد ستوديوكما نعلم ان امكانية وضع ميزة الانتقال من تطبيق الى تطبيق رائعه جدا وتفيد التطبيقات الاخرى في النمو فإذا كان لديك اكثر من تطبيق يمكنك ربطهم ببعض او اذا كانت لديك حسابات على مواقع التواصل الاجتماعي وتريد ان تربطهم ببعض فهذا المقال مقدم لك , حيث ان في هذا المقال سوف نساعدكم على امكانية الانتقال الى الحساب الخاص بكم على مواقع التواصل الاجتماعي بكل سهوله وبدون اضافات او مكتبات خارجية . أنظمة التشغيل Android و iOS هي الأكثر شيوعًا والأكثر استخدامًا في العالم بين المستخدمين بشكل [&hellip;]
- [شرح إنشاء تطبيق إخباري بأسخدام Apis في flutter بسهوله ( انشاء Bottom navigation with cubit )](https://geecoders.com/navigation-api-html/):  شرح إنشاء تطبيق إخباري بأسخدام Apis في flutter بسهوله ( انشاء Bottom navigation with cubit ) في هذا الجزء سوف نقوم بشرح معكم إنشاء تطبيق NewsApp بشكل مبسط بإستخدام تقنية Flutter حيث قمنا معكم سابقا بعمل هذا التطبيق في Android لكي نوضح لكم فكرة التعامل مع الapis وفي هذا المقال سوف نقوم بنفس العمل ولكن بإستخدام تقنية فلاتر وهي من التقنيات التي ظهرت حديثها والتي اصبحت مصدر دخل لكثير من الشباب واصبح الاقبال عليها كبير جدا ونحن هنا سوف نساعدكم في بناء تطبيق اخباري بإستخدام الapis بكل سهولة , في هذة المقالة سوف نقوم بعمل شريط سفلي للتنقل بين الاخبار [&hellip;]
- [تصميم تطبيق BMI Calcoluter في Flutter مع الكود المصدر](https://geecoders.com/bmi-calcoluter-html/):  تصميم تطبيق BMI Calcoluter في Flutter مع الكود يعد تطبيق BMI Calcoluter واحد من التطبيقات المهمه جدا لدى المبتدئين في تعلم لغة الdart وخصوصا تقنية فلاتر وهذا التطبيق مفيد جدا فسوف تتعلم فيه StatefulWidget و setState وايضا slider وتتعلم تحريك كل عنصر واخذ القيمة المناسبة له عند التحريك وكل هذا سوف تتعلمه في هذة المقالة وفي هذا التطبيق تحديدا وسوف نقوم لك شرح في الاشياء التي قد لم يسبق لك التعامل معها مثل التي ذكرناها بالاعلى لكي تتمكن عزيز القارئ من إنشاء تطبيقك .لغة الدرات هي لغة oop من اللغات عالية المستوى والتي تسهل على المطور التعامل مع عدة classes [&hellip;]
- [إضافة الDarkmode الى تطبيقك وحفظ التغيير في shared preferences بإستخدام Flutter](https://geecoders.com/save-darkmode-shared-html/):  إضافة الDarkmode الى تطبيقك وحفظ التغيير في shared preferences بإستخدام Flutter يعد الshared preferences نوع من انواع حفظ البيانات بشكل مبسط ويستخدم بكثرة عندما نريد حفظ تغيير بسيط او حفظ نصوص او ارقام مثال على ذلك تريد عمل شاشة لتسجيل الدخول وتريد عندما يتم ادخال البيانات بشكل صحيح يتم حفظها داخل ذاكرة الهاتف المؤقت وهذة الذاكرة تعمل بشكل اوفلاين وبعد ذلك عندما يريد فتح التطبيق لا يفتح على واجهه الاميل والرقم السري بل يتم نقله الى التطبيق بشكل مباشر وهذة هي فكرة الshared preferences حفظ التغيرات الصغيره في ذاكرة الهاتف المؤقت تقنية flutter واحده من التقنيات الحديثة التي احدثت ضجة كبيره [&hellip;]
- [عرض نص وصوره في حالة عدم وجود بيانات في الlist داخل NoteApp في Flutter](https://geecoders.com/noteapp-flutter-html/):  عرض نص وصوره في حالة عدم وجود بيانات في الlist داخل NoteApp في Flutter في هذا الدرس سوف نساعدكم على عمل نص وصورة يظهرون في حالة عدم وجود اي بيانات بمعنى اذا كانت القائمه فارغه سوف يظهر النص والصوره وهذا يعد من الاضافات الجميله في التطبيق الخاص بك وسوف نتعرف على الطريقة بشكل كامل في هذة المقالة وهي بكل بساطة لو نقوم بعمل شرط اذا كانت القائمه تحتوي على العدد 0 من البيانات تظهر الصورة اماا اذا كانت تحتوي على قيمة اكبر من 0 يظهر تختفي الصورة ويظهر فقط الملاحظه التي تقوم بإنشائها تقنية flutter واحده من التقنيات الحديثة التي احدثت [&hellip;]
- [كيفية حذف بيانات من Database بإستخدام Flutter عن طريق السحب](https://geecoders.com/delete-database-html/):  كيفية حذف بيانات من Database بإستخدام Flutter عن طريق السحب في هذا المقال سوف نتعرف معكم على كيفية حذف عنصر من داخل الsqlLite في تقنية فلاتر , حيث نقوم بشرح لكم في هذة السلسلة إنشاء تطبيق كامل بإستخدام SqlLite وهي تعني بناء قواعد بيانات داخليه في الهاتف وتخزين البيانات بداخلها دون الحاجه الى انترنت لظهور هذة البيانات وفي المقالات السابقة تعرفنا على كيفية بناء التطبيق واضافة بيانات بداخلة وفي هذا المقال نكمل معكم الحديث عن إضافة خاصية حذف البيانات عن طريق السحب لليمين .اتجاه العالم في الايام المقبله كما هو موضح امامنا متجه بشكل كبير في محال البرمجيات وتطوير البرمجيات [&hellip;]
- [نقل البيانات بين مختلف صفحات التطبيق في Flutter ( شرح Database باستخدام  bloc ) #5](https://geecoders.com/create-bloc-html/):  نقل البيانات بين مختلف صفحات التطبيق في Flutter في هذا الدرس والذي تابع لدروس تقنية Flutter سوف نقوم بعمل امكانية للمستخدم بأن يقوم بالنقر على الايقونه في التطبيق ويتم نقل الملاحظه الى الصفحة الاخرى التي قام بالنقر عليها وهذا الدرس من سلسلة بناء تطبيقات todo app with null safety والذي يعد من اهم الدروس في التعامل مع البيانات الاوفلاين بالجهاز حيث وسوف نقدم لكم بإذن الله تعالى مجموعة كبيره من الدورات والشروحات المستقبليه في هذا القسم وخصوصا تقنية Flutter ولذلك بسبب حب الكثير منكم في تعلمها .أصبحت flutter من اهم ال platforms  التي ينتقل لها الكثير من الdeveloper وذلك لانها [&hellip;]
- [كيفية تشغيل اكثر من BlocProvider في نفس الوقت](https://geecoders.com/blocprovider-html/):  كيفية تشغيل اكثر من BlocProvider في نفس الوقت اذا كنت تريد تشغيل اكثر من BlocProvider في نفس الوقت فيمكنك استخدام MultiBlocProvider وبداخلها ضع الBlocProvider الذي تريد تشغيلهم عند بدء تشغيل التطبيق الخاص بك .Flutter عبارة عن مجموعة أدوات لواجهة المستخدم من مقدمه من العملاق Google والتي تتيح لك إنشاء تطبيقات جذابة مبنية محليًا للجوال والويب وسطح المكتب والأجهزة المضمنة بقاعدة شفرة واحدة وهذا ما يميزها عن غيرها &#8220;- الرفرفة عبارة عن مجموعة من تطوير برامج مفتوحة المصدر (SDK) يتم صيانتها بشكل أساسي بواسطة تُستخدم Google لإنشاء تطبيقات عبر الأنظمة الأساسية لأنظمة Android و iOS و Linux و Mac و Windows [&hellip;]
- [شرح كيفية اضافة وعرض البيانات في Todo app بإستخدام Bloc في Flutter #3](https://geecoders.com/todo-app-bloc-bottom-html/):  شرح كيفية اضافة وعرض البيانات في Todo app بإستخدام Bloc في هذا المقال سوف نتعرف معكم على كيفية اضافة بيانات وعرض البيانات بإستخدام الBloc وهذه الطريقة هي الطريقة التي يتم عرض البيانات بعد اضافتها بشكل مباشر بدلا من اغلاق التطبيق وفتحه مره اخرى ولهذا عليك بإستخدام البلوك وقد سبق ووضعنا لكم مقدمه وشرح عن استخدام الbloc وهذا الدرس يعد تابع للدروس السابقة وسوف نقوم بتحويل الكود من الشكل العادي الى الcubit وهذا الحل يعد الافضل .لغة الدرات هي لغة oop من اللغات عالية المستوى والتي تسهل على المطور التعامل مع عدة classes من اجل تنظيم العمل وهي لغة قريبة من [&hellip;]
- [إنشاء BottomNavBar بإستخدام bloc cubit في Flutter](https://geecoders.com/blog-post-html-11/):  إنشاء BottomNavBar بإستخدام bloc cubit في Flutter في الدرس السابق تعرفنا على تقنية bloc وال cubit ومدى اهميتها في التطبيق الخاص بنا وفي هذا الدرس سوف نضع لكم اول مثال بإستخدام الcubit وهو بعنوان كيفية انشاء شريط التنقل السفلي بواسطة bloc حيث ان تعلمك للbloc سوف يفيدك في كثير من الاحيان على سبيل المثال اذا كنت تريد إنشاء تطبيق ملاحظات وهذا ما سنعمل عليه في قائمة Database سوف تحتاج الى عمل cubit وذلك لان كل اضافة احذف تحتاج الى تحديث الصفحة الرئيسيه .تعتبر لغة dart مخصصه ل flutter و فلاتر مخصصة لتطوير و صناعة تطبيقات اندرويد او الايفون ونحن نعمل [&hellip;]
- [تعرف على تقنية Bloc واهميتها وكيفية استخدامها في flutter](https://geecoders.com/bloc-flutter-html/):  تعرف على تقنية Bloc واهميتها وكيفية استخدامها في flutter تعد تقنية البلوك واحده من تقنيات الflutter القوية والتي تسمح لنا بالبدء ببناء الصفحة او عمل تحديث لها في كل مره نستدعيها عكس استخدام setState والتي تقوم بتنفيذ الكود المراد دون الحاجه الى تحديث الصفحة وايضا الsetState تحتاج الى StatefullWidget لكي تستطيع استخدامها عكس Bloc , ايضا البلوك يمكنك من حرية بشكل اعم من الstate .تقنية flutter واحده من التقنيات الحديثة التي احدثت ضجة كبيره في مجال ال software بسبب دعمها لاكثر من platform بكود واحد وأصبح الاقبال عليها كبير جدا ومازال العدد في زيادة وفي طبيعة الحال لابد لنا من [&hellip;]
- [<div>حل مشكلة "Cause: invalid date string: Unparseable date: "baaa`abccdabGMT+00:00"</div>](https://geecoders.com/problem-html/):  حل مشكلة &#8220;Cause: invalid date string: Unparseable date: &#8220;baaa`abccdabGMT+00:00&#8221; افترض أنك قمت بإصدار تطبيق Android يكتسب شعبية يومًا بعد يوم. يتزايد الطلب على إصدار إصدار iOS. كما يطلب بعض المستخدمين إصدارًا خفيفًا عبر الإنترنت من البرنامج. الوقت متاح بالنسبة لك ، لكنك تفتقر إلى الأموال اللازمة لتوظيف مطور والوقت لتعلم لغة جديدة تمامًا ، ناهيك عن إطلاق تطبيق جاهز للإنتاج.هذا هو المكان الذي يبدأ فيه مفهوم تطوير البرامج عبر الأنظمة الأساسية. يتيح لك تطوير التطبيقات عبر الأنظمة الأساسية إنشاء تطبيق يعمل على العديد من الأنظمة الأساسية باستخدام نفس قاعدة التعليمات البرمجية. يمكن بسهولة نقل الكود المستخدم لإنشاء تطبيق Android إلى [&hellip;]
- [عرض اكثر من layout داخل الrecyclerview داخل الادبتر](https://geecoders.com/double-recyclerview%20-html/):  عرض اكثر من layout داخل الrecyclerview داخل الادبتر في استخدامك للrecyclerview ترغب احيانا بتغيير النمط قليلا على سبيل المثال تريد ظهور مربعين بجانب بعضهم البعض ولكن بعد كل 4 مربعات صغيره يظهر مربع كامل كبير وهكذا وقد يصعب الامر لدى الاغلب منكم ولكن كل العمل يكون داخل ملف الadapter وفي هذا المقال سوف نشارك معكم كيف تستطيع ان تقوم بتغيير شكل الitem داخل recycerview واحد وهذا الامر من الامور التي عليك معرفتها والتدرب عليها بشكل جيد لكي تحسن من مستواك البرمجي في التعامل مع تطبيقات الاندرويد بشكل كبير .اصبحت تقنية تطوير تطبيقات الجوال والهواتف الذكيه من اهم ال technology المستخدمه [&hellip;]
- [كيفية إضافة Field لادخال البيانات في Apis داخل Android Studio](https://geecoders.com/add-field-api-html/):  كيفية إضافة Field لادخال البيانات في Apis داخل Android Studio التعامل مع الApis من اهم الاساسيات التي عليك كمبرمج معرفتها بشكل جيد وصحيح وقد سبق وشرحنا لكم كيفية التعامل معها وما زلنا نقدم دروس لكم في التعامل مع الApis الى ان تستطيعون التعامل معها بسهوله , احيانا يطلب منك في الApis ادخال بيانات بمعنى يكون الbody محتوي على بيانات عليك ادخالها وهنا نقوم بعمل كلاس يحتوي على البيانات ولكن احيانا تكون هذة البيانات عباره عن ادخال id فقط او token فهل من المعقول عمل class كامل لكي نقوم بتمرير البيانات بداخله ؟ الجواب هو يصلح عمل class لادخال البيانات ولكن [&hellip;]
- [كيفية عمل مصباح مضيئ داخل flutter وتغير ثيم التطبيق من light الى dark والعكس](https://geecoders.com/light-dark-style-html/):  كيفية عمل مصباح مضيئ داخل flutter وتغير ثيم التطبيق من light الى dark والعكس في هذا المقال سوف نتعرف على شكل من الاشكال الجميلة التي يمكن ان تستخدمها داخل فلاتر وهو عمل شكل المصباح وعندما يتم النقر عليها يتم تغيير لون المصباح وحتى الثيم الخاص بالتطبيق ويمكنك من خلال هذا الكود البسيط والجميل ان تقوم بعمل خاصية الوضع الليلي والنهاري في التطبيق بشكل مميز دون الحاجة الى اي مكتبات جانبية اخرى تبطئ عمل التطبيق والشكل الذي سوف نقوم به هو نفس الشكل الموجود في الغلاف الخاص بالمقالة ونوفر لكم في النهايه الكود بشكل كامل .اتجاه العالم في الايام المقبله كما [&hellip;]
- [كيفية عمل خط منقط ( dotted border ) في Flutter](https://geecoders.com/dotted%20border-html/): كيفية عمل خط منقط ( dotted border ) في Flutterمن الاشكال المميزه التي يتم استخدامها بشكل كبير في البرمجه وهو عمل خط منقط حيث يعطي هذا الخط منظر جمالي للتصميم الذي تعمل عليه ويمكنك تحديد الابعاد وحجم الخطوط بداخله وفي هذا المقال سوف نتعرف على كيفية انشاءه والتعامل معه بسهوله وهذا سوف يكون عن طريق مكتبة سوف نقوم بوضعها داخل فلاتر وتحديدا داخل ملف pubspec وهي التي سوف تساعدنا في حل هذة المشكلة وعمل الخط بسهوله دون كتابة كود كبير لتفيذها . الشرح في flutter متوفر بشكل كبير في الفترة الاخيره ويوجد الكثير من أدوات الذكية التي تساعد على انجاز [&hellip;]
- [كيفية جلب البيانات من الجدول في فلاتر | how to get data from table in Flutter](https://geecoders.com/get-data-from-table-html/):  كيفية جلب البيانات من الجدول في فلاتر | how to get data from table in Flutter #3 في المقال السابق تعرفنا على كيفية إضافة البيانات في فلاتر وفي هذا المقال سوف نتعرف على كيفية الحصول على البيانات في عمليات الطباعة وهذة الخطوة من اهم الخطوات في إشاء الداتا بيز فهل يمكن اضافة بيانات وعدم الحصول عليها ؟ بالطبع لا يصلح اطلاقا ولذلك نحتاج الى اضافة وعرض للبيانات وهذا ما سنقوم به في هذة المقالة المميزة من دروس تعلم التعامل مع قواعد البيانات بتقنية flutter بسهوله وبطريقة مبسطه .الشرح في flutter متوفر بشكل كبير في الفترة الاخيره ويوجد الكثير من أدوات [&hellip;]
- [كيفية اضافة بيانات داخل Sqlflite في Flutter والتعامل مع الData](https://geecoders.com/create-db-html/):  كيفية اضافة بيانات داخل Sqlflite في Flutter والتعامل مع الData في هذا الكود سوف نتعرف معكم على كيفية التعامل مع البيانات في فلاتر وكيفية اضافة بيانات اي عمل insert لها داخل القوائم وهذا الدرس من سلسلة تعلم Sqlflite بشكل مبسط لا تنساه وايضا سوف نقوم في نهاية الدوره على تكوين تطبيق رائع تستطيع من خلاله التعامل مع البيانات بشكل اوفلاين واضافة والتعديل وحذف بيانات وكل هذا سوف نتعرف عليه في المقالات القادمه بإذن الله تعالى .تعتبر لغة dart مخصصه ل flutter و فلاتر مخصصة لتطوير و صناعة تطبيقات اندرويد او الايفون ونحن نعمل على تقديم شرح لكل من يريد تعلم [&hellip;]
- [شرح إنشاء والتعامل مع database (sqflite) بإستخدام  Null safety في Flutter بالعربي](https://geecoders.com/create-html/):  شرح إنشاء والتعامل مع database (sqflite) بإستخدام  Null safety في Flutter بالعربي في اي لغة برمجة تبدء بها تحتاج دائما الى تعلم تخزين البيانات سواء كان هذا التخزين اونلاين او اوفلاين ولهذا نقدم لكم في التعامل مع البيانات الاوفلاين في تقنية فلاتر مع تقنية الnull safety وهي من التقنيات الظاهره حديثا في فلاتر وتقوم هذة التقنية على رفع اداء التطبيق الذي تعمل عليه في ويجعل استخدامه اخف , وفي درس اليوم سوف نتعرف على كيفية بناء وانشاء قاعدة بيانات لتخزين بداخلها data بشكل offline على جهازك ولهذا سوف نحتاج الى مكتبة لتخزين البيانات من خلالها وكل شيئ سوف نشرحه لكم [&hellip;]
- [حل مشاكل توقف خدمة firebase عن العمل في تطبيقات الاندرويد](https://geecoders.com/firebase-html-2/):  حل مشاكل توقف خدمة firebase عن العمل في تطبيقات الاندرويد تعد خدمة الفابيز واحه من الخدمات التي لا غنها عنها لدى المطورين وذلك لان هذة الخدمه تسمح لهم بالتعامل مع البيانات بشكل اونلاين سواء تريد عمل صفحة لتسجيل الدخول او التسجيل في التطبيق او حتى اذا كنت تريد عمل تطبيق يعتمد على هذة الخدمة في معالج الملفات مثل انك تريد ان تقوم بعمل تطبيق يحتوي على صوتيات او فيديوهات او صور او غيرها فبدلا من ان تقوم برفعهم على التطبيق بشكل مباشر وهذا ياخذ حيز كبير من التطبيق يمكنك بكل بساطة رفعهم على الفايزبيز لتوفير مساحة في التطبيق وعرضهم بشكل [&hellip;]
- [شرح كيفية تغيير لون progressBar في Android Studio](https://geecoders.com/progressbar-android-studio-html/):  شرح كيفية تغيير لون progressBar في Android Studio الprogressBar واحد من العناصر الرئيسيه في التطبيق التي تحتاج الى عمليات الانترنت في الغالب او تحتاج الى معالجة بيانات وفي هذا المقال نعرض معكم كيفية تغيير اللون في الprogressBar بسهوله جدا في هذة المقالة .اصبح العالم في الفتره الاخيره يهتم جدا بالتكنولوجيا وزاد الاقبال على تعلم البرمجه ولغات البرمجة من قبل الشباب و الفتيات وذلك لدخولها في كثير من الادوار وخصوصا مجال تطوير تطبيقاات الاندرويد او ios ونحن ف موقعنا نهتم بشكل كبير في مجال ال android ونقدم الكثير من الدروس و الشروحات في android native وهو تطوير التطبيقات على نظام الاندرويد [&hellip;]
- [عرض مربع لاختيار التاريخ في Flutter](https://geecoders.com/flutter-html/):  عرض مربع لاختيار التاريخ في Flutter في هذا المقال سوف نتعرف باذن الله تعالى على كيفية اضافة  DatePicker في داخل flutter والتعامل مع الوقت والتاريخ , حيث تعد هذة الخطوه مهمه جدا في اغلب التطبيقات التي تحتاج الى جدوله ومن خلال هذا الدرس سوف نساعدكم على التعامل معها وكيفية اظهارها والحصول منها على الوقت وكيفية عرضه ايضا .Flutter عبارة عن مجموعة أدوات لواجهة المستخدم من مقدمه من العملاق Google والتي تتيح لك إنشاء تطبيقات جذابة مبنية محليًا للجوال والويب وسطح المكتب والأجهزة المضمنة بقاعدة شفرة واحدة وهذا ما يميزها عن غيرها &#8220;- الرفرفة عبارة عن مجموعة من تطوير برامج مفتوحة [&hellip;]
- [شرح إستخدام الStatefulWidget في Flutter وعمل تطبيق counter](https://geecoders.com/counterflutter-html/): شرح إستخدام الStatefulWidget في Flutter يوجد نوعين في التطوير في بيئة العمل Flutter الاولى وهي StatefulWidget والاخرى StateLessWidget حيث ان الاولى اذا كان يوجد كود تريد تنفيذة في التصميم والاخرى اذا كان التصميم لا يحتوى على اي من الاكشن التي تتم وفي هذا المقال سوف نقوم بعمل معكم counter وسوف نشاهد الفرق , اولا وبكل بساطة عليك تصميم الشكل الذي ترغب به وهنا قمت بعمل التصميم عباره عن زر للزيادة و اخر للناقص وبينهم نص وهذا النص عباره عن القيمة .هل تريد تطوير تطبيقات الجوال سواء كانت تعمل بنظام اندرويد او اي او اس بكود واحد , قديما كان هذا [&hellip;]
- [عمل animation للlayout في anroid studio](https://geecoders.com/animation-layout-html/): عمل animation للlayout في anroid studioكما نعلم ان المؤثرات تعطي طابع جميل في تطبيقك وتترك في اثر المستخدم تجربة استخدام رائعه فلو تلاحظ ان اغلب التطبيقات الناجحه والتي تحقق نجاحات كبيره كان السبب الاول والاخير هو الdesign الخاص بها ويالية مباشرة الanimation ولهذا نحاول بين كل فترة والاخرى تقديم دروس من اجل تحسين شكل المؤثرات في الاندرويد ستوديو واليوم سوف نتعرف على صفحة جديده قد لم يسبق لك التعامل معها اطلاقا ! تطوير تطبيقات ليس من الامور السهله التي يستطيع الجميع احترافيها وخاصة تطوير تطبيقات الاندرويد لان العملية تطلب منك تعلم احدى لغات البرمجة جافا او كوتلن لكي تتمكن من [&hellip;]
- [شرح اضافة صور في github داخل ملف README بالصور بسهوله](https://geecoders.com/add-html-2/):  شرح اضافة صور في github داخل ملف README بالصور بسهولهعند البدء في رفع اي مشروع لك على الخدمه العامليه git تحتاج غالبا لابراز اشهر المميزات التي يحتويها التطبيق الخاص بك ويكون ذلك من خلال رفع صور توضح التطبيق والكود او اضافة بعض الملاحظات التي تساعدك في هذة المرحلة , وفي هذا الدرس سوف نشارك معكم كيفية رفع images داخل README بسهوله وكل هذا سوف نوضحه معكم بالصور GitHub هو موقع ويب وخدمة نسمعها كثيرًا عن المهوسين في مجال البرمجيات وتطوير التطبيقات بشكل كبير ، لكن الكثير من الناس غير مدركين لقدراتها وقوتها وما الاسباب التي تجعل المبرمجين يفضلون هذة الخدمه [&hellip;]
- [شرح استخدام Try و Catch في Flutter والتعامل مع ال Error](https://geecoders.com/flutter-try-html/):  شرح استخدام Try و Catch في Flutter والتعامل مع ال Error يعد شرح استخدام Try و Catch من اهم الاستخدامات التي عليك معرفتها وهي من اساسيات لغات البرمجة وبكل بساطة تعني عمل اختبار للحالة والمميز انها لا تقوم بإيقاف التطبيق اثناء العمل بل تكتفي بإظهار المشكلة التي يعاني منها المستخدم فقط وليس الا بكل بساطة تكون العملية Try في حالة النجاح و Catch في حالة الفشل ولكن اذا حدثت مشكلة في التطبيق يمكنك استخدام الخاصية Error لتفادي هذة المشكلة وهذا ما سنتعرف عليه اليوم الشرح في flutter متوفر بشكل كبير في الفترة الاخيره ويوجد الكثير من أدوات الذكية التي تساعد على [&hellip;]
- [شرح استخدام async و awite في Flutter بسهوله](https://geecoders.com/awite-async-flutter-html/):  شرح استخدام async و awite في Flutter بسهوله فكرة الasync و awite تعنى ببساطة انتظر الى ان تصل البيانات واجعل البيانات تنتظر الى ان تصل , هذة هي فكرتهم بسهوله وتستخدم في الدوال الFuture لان القيمة تكون مستقبليه بمعنى القيمة غير معروفه حاليا مثال على ذلك اذا كنت تحصل على بيانات من api سوف تستخدم  async و awite لان البيانات تاتي من سيرفر وغير جاهزه لديك وقس على ذلك باقي الافكار وايضا الsql لان البيانات انت من تدخلها وليست موجوده .لغه دارت ظهرت تقريبا في عام 2011 بالنسبه الفلاتر فهي عباره عن بيئه عمل ولكن تعمل بلغة Dart حيث ظهرت [&hellip;]
- [كود برنامج بلغة البايثون python يقوم بطباعة الكلمة بالعكس - Print backwards Python](https://geecoders.com/char-python-reverse-html/): كود برنامج بلغة البايثون python يقوم بطباعة الكلمة بالعكس زوار موقع GeeCoders مرحبا بكم في مقالة python جديدة, وفي مقالة اليوم سوف نتعرف على كود يقوم بطباعة حروف الكلمة بالعكس هذا الكود يتم طلبة في الجامعات بكثرة. ونحن في geecoders دورنا هو مساعدتكم في حل واجباتك البرمجية عن طريق توفير اكثر الاكواد التي تطلب في الجامعات لكم, ولكن انصحك ان تتعلم لغة بايثون عن طريق مقالة سابقة لنا ذكرنا فيها كيف تحترف الكتابة بلغة بايثون &#8211; python tutorial , انصحك بشدة في قراءة هذه المقالة.تعد لغة بايثون واحده من اشهر واكثر اللغات التي عليها طلب في تعلم لغة البرمجة بايثون [&hellip;]
- [اضافة اكثر من حساب github في اندرويد ستوديو والتبديل بينهم](https://geecoders.com/open-one-more-account-gi-html/): اضافة اكثر من حساب github في اندرويد ستوديو يعتبر موقع ومنصة github من اكبر المواقع والمنصات القوية لمشاكة الاكواد البرمجية بين مختلف المبرمجين حيث ان كل مبرمج عليه امتلاك حساب في خدمة github وهي خدمة مجانية تستطيع رفع الكود الخاص بك سواء بشكل عام ام خاص او مخصص لمشاركته مع افراد معيين او لمن يمتلك الرابط فقط وهذة الخدمة تعد منزل كل مبرمج تقريبا وقد سبق وشرحنا لكم فيها شروحات مختلفة مثل كيفية مشاركة المشروع الخاص بك وكيفية تصدير المشروع الي github وانشاء حساب والتعديل على ملف وغيرها في هذة المقالة نكمل الحديث عن github وسوف نشرح لكم كيف تقوم بإضافة [&hellip;]
- [كيفية استخدام binding مع recyclerview في android studio](https://geecoders.com/bindingwithrecyclerandroid-html/):  كيفية استخدام binding مع recyclerview في android studio في هذا المقال سوف نشارك معكم واحده من المقالات المهمه والحديثة وهي في استخدام databinding سوف نشرح لكم كيف تستطيع التعامل مع الdatabinding باستخدام recyclerview حيث ان الداتا بيندنج واحده من اهم العوامل التي لا غنى عنها في التطبيقات وذلك لانها توفر علينا اكواد التعريفات بشكل كبير جدا جدا ولذلك قررنا في هذا اليوم شرح لكم كيف تتمكن من التعامل معها بشكل سليم بواسطة recyclerview .أصبح الاقبال على ظيفة android developer كبير جدا في هذه الايام وذلك لان مجال ال developing اصبح مطور بكثره في مختلف الدول سواء العربيه او الاجنبيه وليس [&hellip;]
- [تغيير رسالة التوست الى اشكال مميزة في اندرويد ستوديو | how to change toast in android studio](https://geecoders.com/toasty-html/):  تغيير رسالة التوست الى اشكال مميزة في اندرويد ستوديو | how to change toast in android studio تعتبر رسالة toast من اكثر الرسائل التي لا غنى عنها تقريبا في اي تطبيق وكثيرا ما نستعملها في تطبيقتنا لانها عباره عن رساله بسيطة تظهر لبضع ثواني وتختفي وتستخدم في كل التطبيقات حتى التطبيقات المشهوره مثل فيسبوك وانستقرام وغيرها وفي هذة المقالة نشارك معكم مكتبة من المكاتب التي تحسن شكلها معكم حيث في مقالات سابقنا شاركنا معكم مجموعه جميله ايضا من التوست وتغيير شكلها ويمكنك التوجة الى المقالات السابقه لتشاهد الاشكال الرائعه وسوف نضع لكم في نهايه هذة المقالة المقالات التي تتعلق بهذا [&hellip;]
- [كود بايثون لحساب مساحة دائرة | Python code to calculate the area of a circle](https://geecoders.com/calc-circle-html/):  كود بايثون لحساب مساحة دائرة | Python code to calculate the area of a circle مساحة الدائرة او الاشكال الهندسيه عموما من اكثر الاشياء التي يتم طلبها والبحث عنها رغم بساطتها ولكن الكثير منكم يبحث عن حل لهذة المعادلات الرياضية بكثرة ونحن في جي كودرس نحاول توفير لكم كل ما تبحون عنه في موقعنا بجميع اللغات البرمجية تقريبا من اجل تحسين مستواكم في البرمجة وفي لغة البايثون وفي الايام المقبلة باذن الله تعالى سوف نشارك معكم شروحات في البايثون للتعمق فيها ولفهمها بشكل اكبر وسنشارك معكم الكثير من المكتبات التي يسخدمها الاغلب ويبحث عنها وما اهميتها والكثر الكثير من الاشياء [&hellip;]
- [كيفية إنشاء زر للسحب في فلاتر | slide button in flutter](https://geecoders.com/slide%20button-html/): كيفية إنشاء زر للسحب في فلاتر | slide button in flutter كما نعلم ان فلاتر تقدم لنا كثير من الاضافات والمكتبات التي تسهل علينا العمل بشكل كبير جدا وايضا تسمح للمطورين بتطوير مكتبات ورفعها للمستخدمين بشكل مجاني من اجل مساعدة المبرمجين في انجاز الاعمال وفي هذه المقالة نشارك معكم واحده من المكتبات التي لا يعرفها الكثير منكم ولكنها تعطي منظر مختلف وجميل لتطبيقك وهيا اننا سوف نستخدم مكتبة slide_to_act وتوفر لنا هذه المكتبة زر يمكنك التحكم به وايضا ما يميز هذا الزر انه قابل للسحب بمعنى بعد  عملية السحب تظهر العملية سواء كانت العملية بنجاح او فشل او تنفيذ اي امر [&hellip;]
- [كيفية اضافة خاصية النزول التلقائي في فلاتر || how to add auto scroll in flutter](https://geecoders.com/auto-scroll-in%20flutter-html/): كيفية اضافة خاصية النزول التلقائي في فلاترالنزول التلقائي اصبح موضه تستخدم في تطبيقات الجوال وليس كثير من المبرمجين قادرين على تنفيذ هذه العمليه بشكل صحيح ولهذا قام احد الاشخاص المبدعين في flutter بإنشاء مكتبة جديده تساعد المطورين على امكانية النزول التلقائي بشكل صحيح دون مشاكل مع امكانية تحديد سرعة النزول التي ترغب بها واذا كنت تريد النزول بشكل تلقائي مع اضافة امكانية لاعادة المنشورات من جديد عند اكتمالها وعرضها جميعا فهذا الامر راجع لك , يمكنك استخدام المكتبة التاليه بشكل مجاني لتنفيذ امكانية النزول التلقائي . الفلاتر عبارة عن مجموعة تطوير تطبيقات الهاتف المحمول (SDK) تسمح لك بكتابة تطبيق في [&hellip;]
- [swipe to call and delete على الlistTitle في فلاتر](https://geecoders.com/listtitle-html/): swipe to call and delete على الlistTitle في فلاترهذه المكتبة تستخدم بشكل كبير جدا في معظم تطبيقات الرسائل النصيه او حتى اذا كان التطبيق الخاص بك يحتوي على listView وتحتاج ان تقوم بعملية على اي عنصر من العناصر فهذا الامر بسيط جدا يمكنك القيام به عن طريق هذه الاضافه والتي تسمح لك بإظهار مجموعه من الخصائص التي تظهر عند السحب بيمين او يسار على العنصر ويظهر لك مجموعه من الخيارات ويمكنك تخصيصها وتخيصيص الحجم والايقونه وايضا العمليه التي تتم من خلالها ابسط مثال اذا كنت تريد ان تجعل السحب ينقلك الى قائمة الاتصال وعرض رقم صاحب الحساب او حتى حذف [&hellip;]
- [شرح كيفية عرض الرسائل التي تصل هاتفك في تطبيق فلاتر](https://geecoders.com/display-sms-to-application-html/): شرح كيفية عرض الرسائل التي تصل هاتفك في تطبيق فلاترمن الاضافات الجديده في فلاتر وهيا قراءة الرسائل التي تصلك على هاتفك بمعنى اذا وصل هاتفك اي رساله عامه فسيتم عرضها بداخل التطبيق ويمكنك من خلال التطبيق فلتره الرسائل التي تصلك او حتى تنفيذ اي عملية عليها مثل عرض مقطع صوتي للرساله بمعنى يتم قراءة الرساله بصوت او حتى اعادة توجيه الرساله اي اي شخص اخر او حتى معرفة محتوى الرساله ورد عليها برساله اخرى , بكل بساطة يمكنك تخصيص افكار وتطبيقات من خلال هذه الاضافه الممتعه التي سوف تفيدكم بشكل كبير في عملية تطوير تطبيقات الجوال . تُستخدم الآن أفضل [&hellip;]
- [شرح التعامل مع عناصر برنامج الاندرويد ستوديو بشكل متقدم](https://geecoders.com/blog-post-html-40/): شرح التعامل مع عناصر برنامج الاندرويد ستوديو بشكل متقدمالسلام عليكم , في هذا المقال سوف نشرح لكم بعض الخصائص المميزه في برنامج android studio والتي تساعدك بشكل كبير جدا في عملية الكود وتسريع كتابة الاكواد معك والامر لا يقتصر على ذلك فقط بل هذه الاعدادات تحسن من شكل البرنامج لديك ولهذا قررنا كتابة مقالة تساعدكم في تنفيذ اغلب الاوامر بداخل البرنامج وهذه الاضافات تكون بداخل الاعدادات الخاصه بالبرنامج والتي سوف نشرحها لكم في هذه المقالة البسيطة ولهذا عليكم التركيز جدا في هذه المقالة . تفعيل الكتابة التلقائيهيمكنك الانتقال الى الاعدادات ومنها editor =&gt; intentions =&gt; Dart =&gt; Quick assist وقم [&hellip;]
- [شرح كيفية تحميل صورة من الانترنت وحفظها بداخل الجهاز في فلاتر](https://geecoders.com/save-image-in-real-device-html/): شرح كيفية تحميل صورة من الانترنت وحفظها بداخل الجهاز في فلاترفي هذا المقال سوف نشرح لكم كيف تقوم بتحميل اي صورة من الانترنت على جهازك بكل سهوله في فلاتر ولتنفيذ هذه العمليه سوف تحتاج الى مجموعة من المكتبات التي تساعدك في تنفيذ هذه العملية بكل سهوله وكل شيئ سيتم شرحه لكم بالتفصيل في هذا المقال اولا كل ما تحتاجه حاليا هو تثبيت المكتبات التاليه لديك في المشروع الذي تعمل عليه فهي التي سوف تساعدك في عملية تحميل الصور من الانترنت من خلال النقر عليها وكما نعلم ان معظم التطبيقات حاليا اصبحت تهتم بوضع ايقونه لتحميل العناصر في التطبيقات الخاصه بها [&hellip;]
- [شرح كيفية البحث داخل النص في فلاتر | how to search within text in filters](https://geecoders.com/search-text-in%20flutter-html/): شرح كيفية البحث داخل النص في فلاترفي هذا الجزء سوف نشرح لكم واحده من اهم المكتبات المهمه جدا في فلاتر وهيا تسمح لنا بالبحث في النص اذا كان لديك نص كبير وتريد ان تسمح للمستخدم بالبحث بداخله فيمكنك استخدام المكتبة التاليه والتي سوف تساعدك في البحث من خلال النص الذي تحتويه كما هو موضح بالصورة الخاصه بالمقاله وهذه المكتبة من المكتبات الحديثه التي نقدمها لكم والتي تساعدكم بشكل كبير جدا في امكانية تحويل النص العادي الى نص تستطيع البحث بداخله وبسبب اهمية هذه الاداه قررنا كتابة مقالة حولها لان الكثير منكم يبحث عن هذه الاضافة . كان Flutter موجودًا منذ [&hellip;]
- [شرح كيفية اضافة خاصية لاعادة بناء الصفحة من جديد وجلب البيانات من السيرفر (اعادة تحميل الصفحة)](https://geecoders.com/blog-post_31-html-3/): شرح كيفية اضافة خاصية لاعادة بناء الصفحة من جديد وجلب البيانات من السيرفر (اعادة تحميل الصفحة)معظم التطبيقات تستخدم ايقونة تظهر بالاعلى لاظهار علامة التحميل ومن ثم اظهار البيانات الجديده من السيرفر ويكون الكود الموجود في علامة التحميل هو جلب البيانات الجديده من السيرفر مثال على ذلك اذا كنت تريد ان تقوم بتحديث البيانات التي توجد بالصفحه فتقوم بوضع الmethode المسؤوله عن عملية get Data داخل ايقونة التحميل ليتم عرض البيانات الحديثه من السيرفر وعرضها للمستخدمين ومكتبة اليوم تعطي شكل جديد ومختلف لك اثناء القيام بهذه العملية وهي مكتبة بسيطه جدا وسهلة الاستخدام . Flutter هو تطبيق SDK للجوّال يسمح بإنشاء [&hellip;]
- [تتبع حالة الاتصال في فلاتر ومعرفة اذا كان الهاتف يرن وهل تم قبول المكالمه ام لا](https://geecoders.com/blog-post-html-17/): تتبع حالة الاتصال في فلاتر ومعرفة اذا كان الهاتف يرن وهل تم قبول المكالمه ام لامن احد المكتبات الجميله التي يمكنك استخدامها في فلاتر والتي تسهل عليك كتابة كود كبير اذا كنت ترغب  بمعرفة حالة الاتصال في هاتفك وبناء عليها تقوم بتنفيذ امر معين مثال على ذلك عندما يقوم احد الاشخاص بالاتصال عليك بشكل مباشر  عن طريق الهاتف يمكنك عرض رقم الشخص ومعرفة اسمه مثل الخدمة التي يقدمها تروكولر او حتى عندما يقوم شخص بالاتصال عليك يمكنك تغيير الصفحة التي توجد بالتطبيق اي اي صفحة اخرى او تنفيذ اي امر معين تريده عندما يقوم الاشخاص بالاتصال عليك . توجد اطارات [&hellip;]
- [إنشاء تصميم تذكرة في فلاتر في اقل من دقيقه](https://geecoders.com/ticket-html/): إنشاء تصميم تذكرة في فلاتر في اقل من دقيقهتتميز فلاتر بتقديم لكم دائما مجموعة كبيره من المكتبات الرائعه جدا والتي من شانها ان تساعدكم بشكل كبير جدا في عملية تطوير التطبيقات وانجاز التصاميم بشكل اسرع وفي مقالة اليوم نشارك معكم واحده من المكتبات القوية في فلاتر وهيا مخصصه لتنفيذ تصميم تذكرة طيران من خلال استخدام الpackage التي نقدمها لكم والتي تحسن من التصميم الخاص بكم بشكل كبير جدا وتساعدكم في انجاز التصميم بكل سهوله ويمكنك التعديل على التصميم لكي تصل الى الشكل المطلوب كما هو موضح بالصورة الخاصه بالمقاله . تثبيت flutter تحميل flutter dartsdk شركة تطبيقات الجوالمع تزايد شعبية تطوير البرامج عبر [&hellip;]
- [كيفية تثبيت واستخدام NodeJS على اجهزة windows](https://geecoders.com/nodejs-html/): كيفية تثبيت واستخدام NodeJS على اجهزة windowsفي هذا القسم باذن الله سوف نشرح لكم كيف تقوم بعمل apis باستخدام nodeJS وفي اول درس سوف نشرح لكم كيف تقوم بتحميل وتثبيت node is في جهازك ومع الدروس سوف نشرح لكم التعامل معها بسهوله وكما نعلم ان ال nodejs عليها طلب كبير جدا من قبل المطورين ومطلوبه بشكل كبير جدا في مجال البرمجه . في البداية انتقل الى موقع nodejs وبعدها سوف تجد النسخ القابله للتحميل يفضل اختيار نسخة lts كما هو موضح بالصورة .بعد التحميل والتثبيت انتقل الى محرر الاوامر cmd وكتابة node -v حتى تتاكد انه تم تثبيتها بشكل صحيح [&hellip;]
- [إنشاء snackbar بشكل مختلف يحسن من مظهر تطبيقك في فلاتر](https://geecoders.com/snackbarstyle-html/): إنشاء snackbar بشكل مختلف يحسن من مظهر تطبيقك في فلاتراستخدام snackbar  التقليدي في تطبيقك اصبح شيئ عادي ولا يميز تطبيقك عن باقي التطبيقات وعليك دائما بان تستمر في تطوير نفسك وتحسين الاسلوب الذي تتبعه في تصميم التطبيقات ويمكنك الاستعانه بموقعنا في مساعدتكم في انجاز الاعمال بشكل اسرع وفي هذا المقال نرجع لكم بتصميم جديد للsnackbar  يمكنك الاعتماد عليه في تطبيقك بكل سهوله وذلك لانه بسيط وسهل الاستخدام ويمكنك استخدامه في اي مشروع تعمل عليه ويحسن من شكل التطبيق بصورة كبيرة والشكل الذي يظهر هو نفس الشكل الموجود في الصورة الخاصه بالمقالة , وقد قدمنا لكم الكثير من الدروس في هذا [&hellip;]
- [كيفية التاكد من قوة كلمة المرور وانها تحتوي على حروف وارقام وعلامات في flutter](https://geecoders.com/flutter-html-4/): كيفية التاكد من قوة كلمة المرور وانها تحتوي على حروف وارقام وعلامات في flutterفي كثير من الاحيان نحتاج الى ان نقوم بعمل كلمة مرور قوية في فلاتر ونحتاج من المستخدم ان تكون كلمة المرور تحتوي على حروف كبيره وصغيره ورموز وارقام ونظهر شريط بالاسفل يوضح ماهي المتطلبات التي نحتاجها لكملة المرور وفي هذا الدرس نشارك معكم مكتبة تساعدنا في امكانية التاكد من قوة كلمة المرور كما هو موضح بالشكل الخاص بالمقاله وهي عباره عن شريط يظهر اسفل كلمة المرور يوضح قوة الكلمة وماهي المتطلبات التي نحتاجها لكي تكون كلمة المرور قوية . أصدرت Google Flutter كإطار عمل مفتوح المصدر لترميز [&hellip;]
- [اضافة زر الصعود للاعلى اثناء الscroll الى الاسفل في فلاتر](https://geecoders.com/scroll-html-2/): اضافة زر الصعود للاعلى اثناء الscroll الى الاسفل في فلاتردائما نهتم بتقديم لكم كل ما هو جديد في عالم الفلاتر والمكتبات التي يتم تنزيلها حديثا نقدمها لكم لكي تستفاد منها ويكون لديك افكار عديده في تنفيذ المشاريع التي تعمل عليها بشكل كبير جدا وفي هذا المقال سوف نشرح لكم كيف تقوم بتصميم زر للصعود الى الاعلى عندما يتم النزول للاسفل يظهر الزر للصعود للاعلى وهذا الزر بسيط جدا واغلب المواقع هيا من تقوم بتقديم هذا الزر ولكن في درسنا اليوم سوف نقدمه لكم من خلال flutter واضافته في تطبيقك بسهوله جدا وشكل الزر هو الشكل الموجود في الصورة الخاصه بالمقالة [&hellip;]
- [شرح كيفية عمل search مع with filtter](https://geecoders.com/search-html/): شرح كيفية عمل search مع with filtterامكانية اضافة مربع البحث في تطبيقك قمنا بشرحه لكم باكثر من طريقة في موقعنا واغلب الدروس الموجوده على الانترنت قامت بشرح هذا الsearch ولكن في هذا الدرس سوف نشرح شيئ مختلف في عملية البحث حيث سوف نقوم بتغيير البيانات اثناء عملية البحث على عنصر معين وعرضه كما هو موضح بالصورة الخاصه بالمقاله وسوف نقوم بتنفيذ الشرح بطريقتين يمكنك استخدام اي طريقة منهم كما تريد بدون مشاكل فكلا الطرق تأدي الى نفس النتيجه في النهايه . توجد اطارات عمل مشتركة بين الأنظمة الأساسية مثل Xamarin و React Native بالفعل في السوق لتطوير تطبيقات iOS و [&hellip;]
- [شرح كيفية اخفاء appbar و bottomNavigationBar اثناء عمل scroll للصفحه](https://geecoders.com/scrollbottom-html/): شرح كيفية اخفاء appbar و bottomNavigationBar اثناء عمل scroll للصفحهمعظم التطبيقات الكبيره دائما نلاحظ انها تحاول ان تجعل المستخدم يبقى اكبر مده ممكنه في التطبيقات الخاصه بها وذلك بانها تعطي تجربة استخدام جميلة للمستخدم وتجعل المستخدم يفضل التطبيق , ومن ضمن الاشياء التي يركز عليها معظم التطبيقات الكبيره وهيا خاصية اخفاء شريط الAppbar اثناء الscroll وايضا الشريط السفلي اذا كان موجود في تطبيقك وفي هذا المقال سوف نشارك معكم كيف تقوم بإزالة الشريط العلوي والسفلي اثناء عملية الscroll للاسفل واظهاره عند الصعود للاعلى بكل سهوله . Flutter عبارة عن حزمة تطوير Google SDK مخصصة لبرمجة تطبيقات الهواتف الذكية التي تعمل [&hellip;]
- [شرح دورة حياة التطبيق الخاص بفلاتر بشكل بسيط جدا](https://geecoders.com/life-html/): شرح دورة حياة التطبيق الخاص بفلاتر بشكل بسيط جدايجب على كل المبرمجين معرفة دورة حياة التطبيق لان التطبيقات تعتمد بشكل اساسي على دورة حياة معينه وابسط مثال على ذلك عندما يتم اغلاق الهاتف او حتى يتم وضع الهاتف في وضع الانتظار وهذا ما يحدث عندما يتم تصغير التطبيق فيمكنك تنفيذ اوامر معينه عندما يتغير سلوك التطبيق من وجود المستخدم في الصفحه او خارجها يمكنك التحكم في كل هذا من خلال دورة الحياه وهيا مهمه جدا وعليك تعلمها وفي هذه المقالة سوف نشرح لكم اهميتها وكيف تستطيع استخدامها في تطبيقك بسهوله .مع تزايد شعبية تطوير البرامج عبر الأنظمة الأساسية. في السوق [&hellip;]
- [تطبيق اساله واجوابه باستخدام فلاتر بشكل بسيط | Simple question and answer application using Flutter](https://geecoders.com/questions-html/): تطبيق اساله واجوابه باستخدام فلاتر بشكل بسيطعندما تتعلم في تطوير تطبيقات الجوال تحتاج دائما الى تنفيذ عدد كبير من التطبيقات لكي تتاكد من انك قادر على تنفيذ مشاريع للعملاء ومن ضمن المشاريع التي تطلب بشكل كبير وهيا انشاء تطبيق quiz app حيث يقوم التطبيق بوضع مجموعة من الاسئله والاختيارات حيث يتمكن المستخدم من قراءة السؤال واختيار الاجابة الصحيحه من بين مجموعة الاسئلة , هذا التطبيق بسيط جدا ومع ذلك يوجد به افكار جديده قد تحسن من مستواك البرمجي بشكل كبير وتمكنك من ان تصبح قادر على بناء تطبيقات قوية بشكل رائع وبسرعه مع الدقه في تفنيذ التصميم .توجد اطارات عمل [&hellip;]
- [اخفاء Keyboard اثناء عند الضغط على اي مكان في الشاشه او الscroll في Flutter](https://geecoders.com/keyboard-scroll-flutter-html/):  اخفاء Keyboard اثناء عند الضغط على اي مكان في الشاشه او الscroll في Flutterعند استخدام TextField تحتاج الى ان تقوم بإخفاء الكيبورد اثناء النزول الى الاسفل اذا كان التطبيق يحتوي على اكثر من TextField او حتى نريد اخفاء الكيبورد عند الضغط على اي مكان في الشاشه ولهذا نقدم لكم في درس اليوم كيف تقوم بإخفاء لوحة المفاتيح اثناء النزول الى الاسفل او حتى الصعود وايضا عند النقر على اي مكان في الشاشه تختفي لوحة المفاتيح والامر بسيط جدا وسوف نقدم لكم كلا الطريقتين للتنفيذ . Flutter عبارة عن حزمة تطوير Google SDK مخصصة لبرمجة تطبيقات الهواتف الذكية التي تعمل بنظام [&hellip;]
- [ملف json يحتوي على keys وكيفية استخراج البيانات منه](https://geecoders.com/read-json-file-andro-html/): ملف json يحتوي على keys وكيفية استخراج البيانات منهفي هذا المقال سوف نشرح لكم كيف تستطيع استخراج وقراءة محتويات ملف json مرفوع على الانترنت بدون الحاجه الى تحميلة ورفعه في تطبيقك وفي المقال السابق شرحنا لكم كيف تقوم بعملية قراءة ملف json واستخراج الكلمات التي تريدها من داخله بعدة اشكال مختلفه وفي هذا المقال نكمل على سلسلة تعلم التعامل مع ملفات الjson ولكن مع الانترنت . Android IDE الرسمي هو Android Studio ، الذي تم تطويره بواسطة Google.قم تبثبيت Android Studio ، وأنشئ مشروعًا جديدًا باستخدام نموذج &#8220;جديد&#8221; ، ثم اسحب بعض أدوات واجهة المستخدم إلى مساحة الرسم الفارغة يتم [&hellip;]
- [كيفية قراءة ملف الjson واستخراج جميع البيانات من داخل list التي تحمل key معينه](https://geecoders.com/json-list-key-html/): كيفية قراءة ملف الjson واستخراج جميع البيانات من داخل list التي تحمل key معينهفي مقالة اليوم سوف نتعرف على كيفية التعامل مع json وكيف تقوم بقراءه محتويات الملف كما تريد من خلال وضع الملف بداخل برنامج الاندرويد ستوديو وكما نعلم ان ملفات الjson من اهم الملفات التي يتعامل معها المبرمجين بشكل كبير وغالبا ما تقوم التطبيقات الكبيره بالتعامل مع هذا النوع من الصيغ للبيانات سواء كانت البيانات تم الحصول عليها من  الانترنت او بشكل داخلي والبعض يقابل مشاكل في التعامل مع هذه الملفات ولكن في مقالة اليوم سوف نشرح لكم كيفية الحصول على البيانات بكل سهوله بعدة اشكال من الملفات [&hellip;]
- [معرفة نوع المتغير في الجافا | Knowing the type of a variable in java](https://geecoders.com/knowing-the-type-of-a%20variable%20-html/):  معرفة نوع المتغير في الجافا | Knowing the type of a variable in javaاحيانا عند تطوير التطبيقات باستخدام لغة البرمجة java تحتاج الى ان تقوم بمعرفة نوع المتغير لكي تعرف كيف تتعامل معه وهذه المشكلة قابلتني بشكل شخصي وبعد البحث تحصلت على كود بسيط جدا يساعدك على تخطي هذه المشكلة وانا اعتقد ان الاغلب منكم وقع في هذه المشكله ولم يعرف ما هو نوع المتغير ولكن في هذه المقالة سوف اخبرك بطريقتين تساعدك في معرفة نوع المتغير ويفضل ان تكون عارف كلا الطريقتين لكي يكون لديك حصيلة من المعلومات البرمجة وتكون قادر في الايام المقبلة على كتابة الكود الخاص بك بشكل [&hellip;]
- [كيفية استخراج نسخة لتطبيقك في فلاتر لرفعها على متجر جوجل بلاي](https://geecoders.com/upload-app-to-html/):  كيفية استخراج نسخة لتطبيقك في فلاتر لرفعها على متجر جوجل بلايكما نعلم ان لذة العمل لن تظهر سوى بعد نشر التطبيق ومعرفة اراء الاشخاص حول تطبيقك ومدى ابداعك في البرمجة ولهذا تحتاج الى ان تنشر تطبيقك على متجر جوجل بلاي على سبيل المثال وفي هذه الحالة سوف نشرح لك كيف تقوم باستخراج نسخة من تطبيقك قابلة للنشر على منصة جوجل بلاي بكل سهوله وبدون اي تعقيد وبالصور والامر بسيط جدا كل ما عليك هو متابعة الشرح التالي وتنفيذه بالشكل الصحيح وسوف تحصل على نسخه من تطبيقك قابلة للنشر على منصة جوجل بلاي . AAB ، أو Android App Bundle ، [&hellip;]
- [حل مشكلة git config --global --add safe.directory](https://geecoders.com/git%20config-html/): حل مشكلة git config &#8211;global &#8211;add safe.directoryواحده من اكثر المشاكل التي سبب لي مشاكل في android studio وهيا مشكلة git config &#8211;global &#8211;add safe.directory ولاحظت هذه المشكلة بشكل كبير عند القيام بعمليات التصميمفي فلاتر حيث ان المكتبات لم تكن تعمل بسبب هذه المشكلة ومشاكل اخرى , وكما تعملون اننا نحاول دائما مساعدتكم في حل المشاكل التي تواجهكم اثناء عملية التطوير في فلاتر وفي تطوير تطبيقات الجوال عموما في هذا المقال سوف نساعدكم في حل مشكلة git config &#8211;global &#8211;add safe.directory ولكن قبل الحل نريد ان نعرف ماهو سبب ظهور هذه المشكلة . سبب ظهور مشكلة git config &#8211;global &#8211;add safe.directoryالسبب [&hellip;]
- [الحصول على ال token الخاص بالمستخدم لاستخدامه في FCM Firebase في تطوير تطبيقات الاندرويد ستوديو #15](https://geecoders.com/android-java-fcm-html-2/): الحصول على ال token الخاص بالمستخدم لاستخدامه في FCM Firebase في تطوير تطبيقات الاندرويد ستوديوفي هذا المقال سوف نشرح معكم كيف تستطيع الحصول على التوكن الخاص بالمستخدم والذي يتم استعماله في Firebase هذا التوكن يمكن ان يستخدم في عمليات ارسال الرسائل FCM والاشعارات ولكي تحصل عليه يجب اولا ان يكون تطبيقك مربوط بخدمة الفايربيز وقد سبق وشرحنا لكم كيف تستطيع ربط تطبيقك بها بدون اي مشاكل بعد التحديثات الاخيره بكل سهوله وفي هذه المقالة سنشرح لكم كيف تستطيع الحصول على token المستخدم بكل سهوله . Firebase (FCM) how to get tokenبكل بساطة يمكنك استخدام الكود التالي في صفحة main وهيا [&hellip;]
- [شرح كيفية استخدام Topic في ارسال الاشعارات (ارسال اشعارات خاصه بالجروب) #14](https://geecoders.com/android-java-html-2/): شرح كيفية استخدام Topic في ارسال الاشعارات (ارسال اشعارات خاصه بالجروب)في هذا المقال سوف نشرح لكم كيف تقوم بعمل topic وارسال رسائل من firebase بشكل جماعي او حتى ارسالل رسائل للجروب الخاص بك وكل هذا يكون من خلال ال topic حيث تعمل هذه الوظيفة على استقبال رسائل من firebase بشكل جماعي ويجب ان يكون المستخدم قام بالاشتراك في نفس ال topic حتى يكون قادر على ارسال الاشعارات لبعض الاشخاص المحددين بشكل معين وهذا يكون من خلال apis الخاص ب google وكل هذا سوف نتعرف عليه في هذه المقاله . How to send notification Topic in Androidفي البداية عليك بربط تطبيقك [&hellip;]
- [ارسال واستقبال الاشعارات باستخدام Firebase والانتقال الى صفحة معينه بعد ارسال الاشعار في تطوير تطبيقات الاندرويد ستوديو #13](https://geecoders.com/fcm-html-2/): ارسال واستقبال الاشعارات باستخدام Firebase والانتقال الى صفحة معينه بعد ارسال الاشعار في تطوير تطبيقات الاندرويد ستوديو في هذا المقال سوف نشرح معكم كيف تقوم بتعيين استقبال للرسائل التي تصل من fcm سواء من topic او حتى من مستخدم عادي في هذا المقال مع امكانية النقر على الاشعار وارسال المستخدم الى اي صفحه وكل هذا سوف يكون من خلال مقالة اليوم وايضا سوف نقوم بتعيين استقبال الرسائل في حالة background وفي حالة forground يكون الوضع مختلف قليلا وكل شيئ سوف نقوم بشرحه لكم في هذه المقاله حتى لا تواجهك اي مشكلة في تنفيذ الاكواد .بالنسبة لحالة forground فهي تعمل في [&hellip;]
- [ماهي دورة حياة التطبيق وكيف يتم استخدامها في تطوير تطبيقات الاندرويد و Flutter ؟](https://geecoders.com/blog-post_27-html-6/): ماهي دورة حياة التطبيق وكيف يتم استخدامها في تطوير تطبيقات الاندرويد و Flutter ؟اي تطبيق يتم تطويره يمر بمجموعة من المراحل او ما يسمى دورة حياة التطبيق وهذه الدوره تعبر عن حياة التطبيق سواء تم تشغيله او ايقافه وتنفيذ اي امر معين خلال هذه الفتره التي يمر بها التطبيق وفي هذه المقالة سوف نشرح لكم ماهي دورة حياة التطبيق وماهي المراحل التي يمر بها التطبيق وبالمناسبة لكي تتمكن من استخدام lifeCycle لتطبيقات flutter سوف تحتاج ان تجعل ال class الخاص بك يرث من WidgetsBindingObserver وذلك عن طريق ان تاتي الى ال class الثاني والذي يحمل بيانات الصفحة اجعله with WidgetsBindingObserver [&hellip;]
- [شرح كيفية تحديث flutter وDart الى احدث اصدار](https://geecoders.com/upgrade-flutter-html/):  شرح كيفية تحديث flutter وDart الى احدث اصداربعد فتره من الوقت نحتاج الى ان نقوم برفع اصدار الفلاتر الخاص بنا وذلك من اجل مواكبة التحديثات الجديده التي تظهر في فلاتر واستخدام المميزات الجديده من اجل تحسين التطبيق الخاص بك وكما نعلم ان بيئة العمل فلاتر هي بيئة في تطور بشكل مستمر ودائما يحدث لها تحديثات واصدارات جديده وبدلا من ان تقوم بحذف الاصدار الحالي الذي تعمل عليه يمكنك فقط الاكتفاء بان تقوم بتحديث الاصدار الحالي وسوف نشرح لكم كيف تقوم بعمل ذلك بكل سهوله  تعرف على كيفية إنشاء تطبيقات لنظامي التشغيل Android و iOS باستخدام Flutter ، إطار عمل برمجة [&hellip;]
- [شرح كيفية عرض المزيد من العناصر عند الوصول الى نهايه الصفحة | pagination scroll down flutter](https://geecoders.com/pagination-scroll-down-flutter-html/): شرح كيفية عرض المزيد من العناصر عند الوصول الى نهايه الصفحة | pagination scroll down flutterتعد فكرة الpagination من اكثر الافكار التي يتم اعتمادها في كثير من التطبيقات وذلك لانها تحسن من اداء التطبيق الخاص بك بشكل كبير جدا وهي بكل بساطة تقوم بتقسم المحتوى الى مجموعه من العناصر مثال على ذلك تريد عرض في الصفحه الاولى عدد 10 عناصر فقط وعند الانتهاء من مشاهدة ال10 يتم تحميل غيرهم وبهذا تحافظ على اداء تطبيقك بشكل كبير بدلا من عرض جميع العناصر دفعه واحده لان هذا يؤثر بشكل كبير جدا على اداء التطبيق الخاص بك ومعظم المواقع والتطبيقات تعمل بهذا الشكل [&hellip;]
- [شرح كيفية عمل thered في الاندرويد ستوديو بأكثر من طريقة وتاخير ظهور بعض العناصر | delay item android studio](https://geecoders.com/blog-post_14-html-3/): شرح كيفية عمل thered في الاندرويد ستوديو بأكثر من طريقة وتاخير ظهور بعض العناصر | delay item android studioفكرة الthered  موجوده في معظم لغات البرمجه تقريبا وذلك لاهميتها الكبيره التي تقدمها للمطورين بكل بساطة الthered هو اننا نقوم بسحب قوة المعالج الخاص بالهتاف لتنفيذ عملية معينه او تقسيم معالج الهاتف على اكثر من جزء لتنفيذ كل جزء منهم على حدا بالتساوي فالاستخدام يختلف من شخص الى اخر , مثلا اذا كنت تقوم بعمل عملية حسابية معقده فسوف نحتاج قوة المعالج كامله لكي يتم حل المعاله في اسرع وقت عكس عندما نريد ان نجمع رقمين فلا نحتاج الى قوة المعالج كامله [&hellip;]
- [كيفية حفظ الصور داخل الcache وعرض الصور من الانترنت بشكل اوفلاين داخل Flutter](https://geecoders.com/save-image-flutter-ca-html/): كيفية حفظ الصور داخل الcache وعرض الصور من الانترنت بشكل اوفلاين داخل Flutterاغلب التطبيقات الكبيره التي تنافس في السوق تحاول دائما ان تقوم بتخزين البيانات اثناء وجود انترنت في جهاز المستخدم وعرض البيانات المخزنة في حالة عدم توفر الانترنت وفي مقالة اليوم نشارك معكم كيف تقوم بتخزين الصور داخل الكاش في تطبيقك بإستخدام تقنية فلاتر والمميز في فلاتر انها تحتوي على عدد كبير جدا من المكتبات التي تسهل على المبرمجين انجاز الاعمال باسرع وقت ممكن ونحن نشارك معكم دائما الكثير من المكتبات التي تساعدكم في انجاز الاعمال بشكل اسرع . Flutter عبارة عن حزمة تطوير Google SDK مخصصة لبرمجة تطبيقات [&hellip;]
- [كيفية انتظار الصوره الى ان يتم تحميلها في Flutter وعرضها عند اكتمال التحميل وتغيير علامة التحميل](https://geecoders.com/loading-image-in-html/): كيفية انتظار الصوره الى ان يتم تحميلها في Flutter وعرضها عند اكتمال التحميل وتغيير علامة التحميلعند التعامل مع بيانات من الانترنت سواء api او حتى firebase تاتي احيانا الصور بشكل ابطأ من باقي البيانات وذلك لانها تحتوي على تفاصيل وتحتاج الى ان تقوم بتحمليها وهذه العمليه تستغرق وقت حسب سرعة الانترنت لديك وليس من المنطقي ان تترك الصورة كما هيا الى ان يتم تحميلها بل تستطيع بكل سهوله من خلال هذا الدرس ان تقوم بوضع اي animation او تصميم تريده الى ان يتم تحميل الصورة وعند الانتهاء من التحميل سوف يكون هناك fade animation لظهور الصورة وهذا يعطي لتصميمك شكل [&hellip;]
- [شرح كيفية مشاركة رابط في فلاتر | Explain how to share a link in flutter](https://geecoders.com/share-link-in%20flutter-html/): شرح كيفية مشاركة رابط في فلاتر | Explain how to share a link in flutterفي اثناء تطويرك لتطبيقات الهواتف المحموله تحتاج الى مشاركة بعض الروابط من داخل التطبيق مثل ان تقوم بمشاركة رابط التطبيق على متجر google play او مشاركة محتوى نصي وفي هذه المقالة سوف نشرح لكم كيف تستطيع مشاركة اي رابط من خلال flutter بسهوله وكما نعلم ان تقنية فلاتر تتميز بوجود عدد كبير من المكتبات التي تساعدنا في انجاز الاعمال بشكل اسرع وتسهل من عملية تطوير التطبيقات ولهذا تجد عدد كبير من المبرمجين ينتقل الى هذه التقنية الرهيبه والتي نقوم بشرح لكم التفاصيل المهمه فيها كما تلاحظون . [&hellip;]
- [شرح كيفية عمل رسالة Toast تظهر بالاسفل بشكل مختلف ومتناسق في flutter](https://geecoders.com/toast-message-html/): شرح كيفية عمل رسالة Toast تظهر بالاسفل بشكل مختلف ومتناسق في flutterفي اي تطبيق تقوم بإنشاء تحتاج دائما الى اظهار رساله للمستخدم تكون تنبيه للمستخدم سواء كنت تستخدم api او local data ففي طبيعة الحال تريد اظهار رساله للمستخدم ويوجد اكثر من طريقة لعرض الرسايل ومنها toast و snackbar ولكن في مقالة اليوم نقدم لك اضافة بسيطه جدا شبيهه جدا بفكرة الsnackbar ولكنها ابسط وتستطيع استخدامها بكل سهوله كل ما عليك هو تثبيت المكتبة من الاسفل واتباع الخطوات الصحيحه لتركيب الاضافة بدون مشاكل واستخدامها والتعامل معها بدون اي مشاكل . Flutter عبارة عن حزمة تطوير Google SDK مخصصة لبرمجة تطبيقات [&hellip;]
- [شرح كيفية اخفاء appbar و status bar من الاندرويد ستوديو داخل activity معين](https://geecoders.com/appbar-status%20bar-html/):  شرح كيفية اخفاء appbar و status bar من الاندرويد ستوديو داخل activity معينفي اغلب الاحيان اثناء تطوير تطبيقات الاندرويد نحتاج الى نقوم باخفاء الappbar وstatus bar من التطبيق عندما تكون الصفحه التي نريد العمل عليها لا تحتاج الى هذه العناصر فيمكنك ذلك بكل سهوله عن طريق سطر كود واحد فقط يمكنك من اخفاء الappbar وstatus bar من خلال هذه المقالة سوف تكون قادر على اخفاء الappbar وstatus bar بكل سهوله فقط كل ما عليك هو متابعة المقالة الى النهايه لكي لا تحدث معك مشاكل . أنظمة التشغيل Android و iOS هي الأكثر شيوعًا والأكثر استخدامًا في العالم بين المستخدمين بشكل [&hellip;]
- [شرح تغيير لون navigationBar الخاص بالنظام في الاندرويد ستوديو](https://geecoders.com/blog-post-html-34/): شرح تغيير لون navigationBar الخاص بالنظام في الاندرويد ستوديوفي هذا المقال نشرح لكم كيف تقوم بتعيير لون شريط الnavigationBar الخاص بالنظام لديك كما نعلم ان شريط الnavigationBar الموجود في هاتفك غالبا يكون موجود باللون الرصاصي ولكن  في مقالة اليوم سوف نشرح لكم كيف تقوم بجعله بأي لون تريده والطريقة بسيطة جدا وغير معقده يمكنك القيام بها في الكود الخاص بك بكل سهوله وهيا عباره عن سطر برمجي يتحكم في اللون الخاص بها وايضا سوف نساعدك في تغيير لونها من خلال الtheme ايضا . Java هي لغة البرمجة الافتراضية لتطبيقات Android. هذا لأن اللغة تسمح لك بإنشاء أي تطبيق يمكنك التفكير [&hellip;]
- [شرح تصميم custom bottomSheet في اندرويد ستوديو](https://geecoders.com/custom%20bottomsheet-html-2/):  شرح تصميم custom bottomSheet في اندرويد ستوديوكما ذكرنا لكم سابقا ان bottomSheet من اكثر العناصر التي تستخدم في تطبيقات الاندرويد بشكل كبير جدا وفي هذا المقال سوف نشارك معكم كيف تقوم بعمل bottomSheet بشكل مخصص بالكامل بالتصميم الذي ترغب به في برنامج الاندرويد ستوديو باستخدام لغة البرمجة java وهيا من اكثر لغات البرمجه انتشارا في تطوير تطبيقات الandroid بشكل كبير في الفتره الحاليه , وفي مقالات سابقه شرحنا لكم كيف تقوم بعمل list بداخل الbottomSheet يمكنكم الاطلاع عليها . لأن Android هو أكثر أنظمة تشغيل الهواتف الذكية شيوعًا ، ولأن نشر تطبيق على متجر Google Play أمر بسيط ، فهو [&hellip;]
- [شرح تحويل list الى gson وتخزينها داخل ال sharedPreferences في اندرويد ستوديو](https://geecoders.com/gson-list-android-html/): شرح تحويل list الى gson وتخزينها داخل ال sharedPreferences في اندرويد ستوديوهل جربت في يوم من الايام ان تقوم بتخزين ملف gson كامل في الsharedPreferences في البداية سوف تجد ان الامر صعب لان الsharedPreferences يقوم على تخزين عنصر واحد فقط ولكن ماذا لو قمت بتحويل جميع النصوص الخاصه بك الى عنصر واحد وتخزينها باستخدام sharedPreferences هل سيحدث مشكلة ؟ بالطبع لا لانه سوف يعتبر ان جميع العناصر عباره عن عنصر واحد وبذلك سوف يقوم بتخزينها بدون اي مشاكل وهذا ما سوف نعمل عليه اننا سوف نحول list الى gson وبعدها سوف نقوم بتخزينها بداخل الsharedPreferences . لأن Android هو أكثر [&hellip;]
- [شرح كيفية عمل Swip على الCard في Flutter بشكل جديد ومختلف](https://geecoders.com/blog-post_26-html-2/): شرح كيفية عمل Swip على الCard في Flutter بشكل جديد ومختلفتتميز بيئة العمل فلاتر بوجود عدد كبير من المكتبات التي تسهل على المبرمجين انجاز المهام بشكل اسرع من اغلب لغات البرمجه الاخرى ولهذا اصبح كثير من الاشخاص يفضلون التعامل مع flutter عن غيرها من بيئات العمل المتنوعه وذلك بسبب دعمها ايضا لمختلف الانظمه ومن المكتبات التي اعجبتني واحببت مشاركتها معكم وهيا عباره عن وضع الimage داخل card وتستطيع سحبه وازالته كما هو موضح بالصورة الخاصه بالمقال ويمكنك استخدام هذا التصميم في تطبيقك بكل سهوله . الفلاتر عبارة عن مجموعة تطوير تطبيقات الهاتف المحمول (SDK) تسمح لك بكتابة تطبيق في قاعدة [&hellip;]
- [شرح كيفية عمل stretch للتصميم والتعامل معه مثل تطبيق snapchat](https://geecoders.com/stretch-html/): شرح كيفية عمل stretch للتصميم والتعامل معه مثل تطبيق snapchatسوف نقوم في هذه المقالة سوف نشرح لكم فكرة عمل stretch داخل تطبيقك حيث ان في هذه المقالة سوف نقوم بعمل تطبيق بسيط عباره عن قائمة تحتوي على مجموعة عناصر وعند النزول للاسفل سوف يتم اخفاء الجزء العلوي من التصميم وعند الصعود الى قصى الاعلى سوف يتم تغيير التصميم وتنفيذ تصميم مختلف , ويظهر بالاسفل شريط يعبر عن التصميم الرئيسي ويمكنك التعامل مع الشكل الذي ترغب به في تصميمك ولتنفيذ هذه العملية عليك بإتباع المقالة الى النهايه لضمان عدم حدوث اي مشاكل معك . دون إجراء أي مقارنات مع الأنظمة الأساسية [&hellip;]
- [<div>تخمين اسم الحيوان باستخدام لغة برولوج | Guess the animal's name using Prolog</div>](https://geecoders.com/guess-the%20animals-html/): تخمين اسم الحيوان باستخدام لغة برولوج | Guess the animal&#8217;s name using Prologفي هذا المقال سوف نتعرف معكم على كود جديد من اكواد لغة برولوج وفي هذا المقال سوف نقدم لكم كود يمكنك من معرفة انواع لبعض الحيوان من خلال مجموعة من الاساله التي يطرحها التطبيق عليك , وبناء على الاجابات سوف يخرج لك الاجابة التي تبحث عنها وكثير من التطبيقات والبرامج تعمل بنفس الطريقة هذه بمعنى يكون لديك حيوان السمكه لكي يعرف هذا الحيوان يقوم بطرح مجموعة من الاساله عليك وبناء على الاجابات التي تضعها سوف يخرج لك الحيوان مثلا هل الحيوان من الثديات هل الحيوان يلد ام يبيض [&hellip;]
- [شرح كيفية تغيير ايقونة التطبيق والاسم في Flutter](https://geecoders.com/package-flutter-html/): شرح كيفية تغيير ايقونة التطبيق والاسم في Flutterبعد تطوير التطبيق والانتهاء منه لم يبقى سوى خطوة واحده وهيا تغيير الاسم والشعار الخاص بالتطبيق ويوجد اكثر من طريقه لتغيير الاسم والشعار , الطريقه الاولى وهيا سوف تكون عن طريق الانتقال الى كل منصة وتغير الاسم فيها لمنصة الاندرويد و ios والصورة نفس الوضع ولكن يمكنك استخدام مكتبة اليوم وهيا سوف تقوم بتنفيذ كل الاشياء بدلا عنك فقط تقوم بإعطائها الصورة التي تريد ان تعجلها غلاف التطبيق والاسم وهي سوف تقوم بتنغيذ باقي الخطوات دون اي تدخل منك .أنتجت Google إطار عمل Flutter ، وهو عبارة عن مجموعة تطوير برامج (SDK) لتطبيقات [&hellip;]
- [كيفية الحصول على الاسم و الindex الخاص بالitem من الdropDownItem](https://geecoders.com/dropdownitem-html/):  كيفية الحصول على الاسم و الindex الخاص بالitem من الdropDownItemكما نعلم ان من اقوى انواع الstate management وهو الBloc وكثير من الاشخاص يعانون من استخدامه لانه اصعب الانواع تقريبا ولكنه الاقوى والذي يجعل لك التحكم بشكل افضل ولهذا نقدم لكم دروس في هذا الcubit من اجل تحسين مستواكم في استخدامه وفي هذا المقال سوف نشرح لكم dropDownItem بإستخدامه والامر بسيط جدا وغير معقد . أصدرت Google Flutter كإطار عمل مفتوح المصدر لترميز وتطوير تطبيقات Android و iOS الأصلية. Flutter هو إطار عمل جديد نسبيًا ، حيث تم الكشف عنه كأول إصدار مستقر 1.0 في حدث Flutter Live في ديسمبر 2018.يوفر [&hellip;]
- [<div>تخمين اسم الحيوان باستخدام لغة برولوج | Guess the animal's name using Prolog</div>](https://geecoders.com/guess-html/): تخمين اسم الحيوان باستخدام لغة برولوج | Guess the animal&#8217;s name using Prologفي هذا المقال سوف نتعرف معكم على كود جديد من اكواد لغة برولوج وفي هذا المقال سوف نقدم لكم كود يمكنك من معرفة انواع لبعض الحيوان من خلال مجموعة من الاساله التي يطرحها التطبيق عليك , وبناء على الاجابات سوف يخرج لك الاجابة التي تبحث عنها وكثير من التطبيقات والبرامج تعمل بنفس الطريقة هذه بمعنى يكون لديك حيوان السمكه لكي يعرف هذا الحيوان يقوم بطرح مجموعة من الاساله عليك وبناء على الاجابات التي تضعها سوف يخرج لك الحيوان مثلا هل الحيوان من الثديات هل الحيوان يلد ام يبيض [&hellip;]
- [شرح كيفية إنشاء SliverAppBar بشكل جميل داخل flutter](https://geecoders.com/blog-post_18-html-4/): شرح كيفية إنشاء SliverAppBar بشكل جميل داخل flutterSliverAppBar واحد من العناصر التي تعطي لتطبيقك منظر جمالي وتحسن من شكله العام وفي هذا المقال سوف نشرح لكم طريقة جديده في عمل SliverAppBar وهيا انه سوف يمكنك عمل تمديد للappbar والامر لا يقتصر على هذا فقط بل مع زيادة السحب سوف تزيد نسبة الضبابيه الخاصه بالصورة كما هو موضح بالصورة يمكنك استخدام الكود التالي لتنفيذ العملية والمميز في الموضوع انه لن يحتاج منك الى اي مكتبات خارجية فقط كل الاكواد التي سوف تحتاجها متوفره لديك في محرر الاكواد لديك . Flutter عبارة عن حزمة تطوير Google SDK مخصصة لبرمجة تطبيقات الهواتف الذكية [&hellip;]
- [تصميم لصفحة الوضع الليلي والنهاري مع انميشن في فلاتر](https://geecoders.com/dark-light-html/): تصميم لصفحة الوضع الليلي والنهاري مع انميشن في فلاترفي هذا المقال سوف نشارك معكم design جديد ومختلف لصفحة الdark mode حيث يعد الوضع الليلي في التطبيق شيئ اساسي حاليا ونلاحظ ان التطبيقات التي لا تتضمن وضع ليلي تكون اقل استخداما من التطبيقات التي تحتوي عليه ولكن في هذه المقالة سوف نقدم لكم تصميم جديد ومختلف لهذه الصفحة يمكنك استخدام التصميم كما تريد والتعديل عليه والتصميم عباره عن صفحة بيها خاصية للتغيير بين الوضع الداكن والفاتح بإستخدام switch كما هو موضح بالصورة .دون إجراء أي مقارنات مع الأنظمة الأساسية الأخرى ، إليك بعض الميزات والسمات التي يمكن أن تغريك بتجربة Flutter [&hellip;]
- [تصميم صفحة لعرض المنتج وعمل انميشن على المنتج وتغيير اللون والسعر في Flutter](https://geecoders.com/flutter-html-6/): تصميم صفحة لعرض المنتج وعمل انميشن على المنتج وتغيير اللون والسعر في Flutterفي هذا القسم سوف نحاول دائما مساعدتكم في تحسن شكل التطبيق الخاص بكم عن طريق وضع ui لبعض التصاميم الجميلة التي يمكنك استخدامها داخل تطبيقك بكل سهوله وهذا من اجل مساعتدكم في بناء التصميم الخاص بكم بسهوله وتحسين من شكله وايضا تعلم اشياء جديده من كل تصميم نقوم بوضعه لكم , وسوف يكون هذا القسم مختص بتصاميم ui مع كود الفلاتر الخاص بها , وفي هذا المقال سوف نبدء معكم بتصميم شكل لصفحة عرض المنتج في الflutter بشكل جديد ومختلف عن باقي الافكار التي قد تراها من قبل [&hellip;]
- [اقوى مكتبة في قراءة ملفات الpdf من الانترنت والتعامل معها في flutter](https://geecoders.com/blog-post-html-20/): اقوى مكتبة في قراءة ملفات الpdf من الانترنت والتعامل معها في flutterفي تطوير التطبيقات نحتاج في معظم الاحيان التعامل مع ملفات pdf وفي مقالة اليوم نشارك معكم واحده من اقوى المكتبات الموجوده التي تساعدكم في التعامل مع الملفات بشكل كامل وتعد من اقوى المكتبات الموجوده التي يمكنك استخدامها في قراءة ملفات الpdf والمميز في هذه المكتبة انه يمكنك من خلالها الكتابه على الملف وايضا تحديد الكلمات المميزه والكثير من الخصائص التي تقدمها لك هذه المكتبة وفي مقالة اليوم سوف نشرح لكم كيف تستخدمها بكل بساطة . Flutter عبارة عن مجموعة أدوات Google UI لإنشاء تطبيقات جميلة ومصممة محليًا للجوال (Android [&hellip;]
- [شرح كيفية تغيير اسم الpackage واسم التطبيق في فلاتر](https://geecoders.com/change-package-name-html/): شرح كيفية تغيير اسم الpackage واسم التطبيق في فلاتركما نعلم ان منصة جوجل بلاي لم تعد تسمح بان يكون الid الخاص بتطبيقك يحتوي على con.package وهذا النطاق اصبح مرفوض تمام ولحل هذها المشكلة عليك ان تقوم بتغيير اسمه ولهذا سوف نقوم لكم في مقالة البوم شرح عن كيفية تغيير الاسم بكل سهوله وايضا الامر لا يقتصر على اسم الpackage بل يمكنك ايضا ان تقوم بتغيير اسم التطبيق الخاص بك وهذا الامر بسيط جدا كل ما عليك هو اتباع الخطوات والشرح الذي نقدمه لك في مقالة اليوم وسوف تصبح قادر على تفادي هذه المشكلة وتخطيها بكل سهوله . Flutter عبارة عن [&hellip;]
- [شرح كيفية إنشاء native splash screen في flutter](https://geecoders.com/native-splash-screen-html/):  شرح كيفية إنشاء native splash screen في flutterلا تجد تطبيق عملاق لا يحتوي على native splash ولكن التطبيقات الضخمه لا تقوم بعملها مثل الطريقة العادية والتي تكون عباره عن class بداخله البيانات التي يعمل عليها بل تقوم بعمل شاشه انتظار الى ان يتم فتح التطبيق وسرعة فتح التطبيق تعتمد على عدة عوامل اولها وهي ان الجهاز يكون قوي ومناسب وايضا يعتمد على مبرمج التطبيق هل قام بالبرمجة الصحيحه التي تجعل التطبيق يعمل بشكل سريع ام لا وعليك بإضافة هذه الصفحة في البداية لاي مشروع تعمل عليه  ظهرت لغة دارت في سنة 2011 و فلاتر ظهر في سنة 2017 وهذا يعني [&hellip;]
- [كيفية تغيير ستايل الtab عند الاستخدام في فلاتر](https://geecoders.com/tabs-change-style-html/):  كيفية تغيير ستايل الtab عند الاستخدام في فلاتراستخدام الtab من العناصر التي تستخدم في معظم التطبيقات ولكن الاغلب منا يستخدم الطريقة العاديه ويبحث عن طريقة لوضع container بداخل الtab يحتوي على curve ويكون لون الcontainer بنفس لون خلفية العناصر التي بداخلها ولتنفيذ هذه العملية يوجد طريقتين الاولى بدون استخدام اي مكتبات نهائيا والثانيه بمكتبة وفي كلا الحالات الطريقتين مشابهين لبعض ويمكنك استخدام اي منهم بدون اي مشاكل . لقد حظي Flutter باهتمام كبير منذ إصداره الذي طال انتظاره ، ونحن سعداء به أيضًا! آمل أن يتم ترحيل عدد كبير من التطبيقات غير المتعلقة بالألعاب إلى الرفرفة ، ونتيجة لذلك ، [&hellip;]
- [navigation drawer بجميع تفاصيلها في Flutter بالعربي](https://geecoders.com/navigation-drawer-flutter-html/): navigation drawer بجميع تفاصيلها في Flutterيعد الnavigation drawer من العناصر الاساسيه في التطبيقات وهو بكل بساطه عباره عن شريط جانبي يظهر عند النقر عليه ويمكنك وضع اي تصميم وكود تريده في هذا الشريط الجانبي وفي هذه المقالة سوف نشرح لكم كيف تقوم بالتعامل مع الnavigation drawer بكل سهوله وماهي خصائصه وكل شيئ عنه تقريبا وهو بسيط جدا وغير معقد .بالإضافة إلى Flutter وميزاتها وفوائدها الأساسية ، لدينا نقطة أخيرة للمطورين المهتمين بالأداء : دعم Google الكامل. بهذا المعنى ، فإننا نشير إلى مجتمع مزدهر ونشط يقدم مجموعة متنوعة من الطرق لتحقيق أقصى استفادة من الأداة. علاوة على ذلك ، سواء [&hellip;]
- [شرح كيفية نسخ نص داخل فلاتر بطرق متنوعة | Explain how to copy the text inside flutter in various ways](https://geecoders.com/copy-the-text-inside%20flutter-html/):  شرح كيفية نسخ نص داخل فلاتر بطرق متنوعةفي هذا المقال سوف نشارك معكم مجموعة مختلفه من الطرق التي تمكنك من امكانية مشاركة محتوى نصي من داخل التطبيق الخاص بك في فلاتر بسهوله وامكانية النسخ فهي سهله جدا وFlutter تسهل علينا العملية بسهوله الطريقة الاولى وهيا التي افضلها شخصيه وهي عباره عن زر يتم النقر عليه يتم من خلاله مشاركة المحتوى النصي والاخر يسمح لنا بالتحديد النسخ وسوف نتعرف على كلا الطريقتان في الجزء التالي . بيئة تطوير متكاملة جيدة لتطوير تطبيقات Android الأصلية. بالمقارنة مع IDEs الأخرى مثل eclipse، فإن أداء Android Studio يعد ابطئ قليلا من البرامج الاخرى ولكنه [&hellip;]
- [شرح كيفية عمل GlassBlur في Flutter والتحكم في نسبة الBlur](https://geecoders.com/blog-post_31-html/): شرح كيفية عمل GlassBlur في Flutter والتحكم في نسبة الBlurفي هذا المقال سوف نتعرف على كيفية عمل GlassBlur للصور بشكل احترافي والتعامل مع العناصر وحجم الشفافيه في العنصر , وكثير من الاشخاص يبحثون عن طرق لعمل ضبابيه للعناصر وفي هذا المقال نقدم لك widget تستطيع استخدامه لعمل الGlassBlur بسهوله وبدون الحاجه الى اي مكتبات خارجية كل شيئ سوف نقوم بتكويده . لطالما كان التطوير عبر الأنظمة الأساسية هدفًا لمطوري التطبيقات ، نظرًا لتنوع أنظمة التشغيل التي تشغل الأجهزة المحمولة وأجهزة سطح المكتب في العالم. ستوفر شركتك وفريقك الكثير من الوقت والعمل إذا كان بإمكانهم إنشاء قاعدة بيانات واحدة ونشرها على [&hellip;]
- [شرح كيفية تغيير رسالة الError في فلاتر | Explain how to change the error message in Flutter](https://geecoders.com/change-the-error-message-flutter-html/):  شرح كيفية تغيير رسالة الError في فلاتر | Explain how to change the error message in Flutterرسالة الخطا التي تظهر في فلاتر مزعجه جدا وتسبب قلق لكثير من المطورين ولكن ماذا لو اخبرتك انك تستطيع وبكل سهوله ان تغيير هذه النافذه والرساله الى اي شكل تريده مع ارفاق سبب المشكلة كما يظهر بالصورة الخاصه بالمقال , والامر بسيط جدا وهو عن طريق اننا سوف ننشئ class جديد وظيفته انه يقوم بعرض المشكلة ولكن بالتصميم الذي نرغب به وسوف نشاهد بعد قليل كيف يتم ذلك . أصبحت flutter من اهم ال platforms  التي ينتقل لها الكثير من الdeveloper وذلك لانها بيئة عمل [&hellip;]
- [شرح كيفية إضافة ظل حول العناصر في فلاتر | How to add a shadow around items in Flutter](https://geecoders.com/shadow-fluuter-html/): شرح كيفية إضافة ظل حول العناصر في فلاتر | how to add a shadow around items in Flutterبعد تصميم اي تطبيق لك بإستخدام تقنية flutter او اي تقنية اخرى تحتاج الى ان تقوم بتحسين مظهر التطبيق وبالفعل يمكنك ذلك من خلال استخدام بعض الwidget التي تحسن من شكل تطبيقك وفي مقالة اليوم نشارك معكم widget جديد يساعدك في وضع ظل بالوان مختلفه حول العنصر الذي تريده وببساطه للقيام بذلك سوف تحتاج ان تضع التصميم الذي تريد وضع الظل حوله باستخدام PhysicalModel وهيا توصل خاصية لكي تستطيع وضع ظل وتغيره لونه وقوته حسب ما تريد كما هو موضح . بالإضافة إلى [&hellip;]
- [شرح كيفية انشاء TabBar في flutter بسهوله والتعامل مع مختلف الشاشات في نفس الصفحة](https://geecoders.com/blog-post_25-html/):  شرح كيفية انشاء TabBar في flutter بسهوله والتعامل مع مختلف الشاشات في نفس الصفحةبسم الله الرحمن الرحيم , يعد استخدام الtabBar مهم جدا في تطوير التطبيقات بشكل عام وذلك لانه بسيط ويعطي منظر جميل لتطبيقك وفي Flutter الامر بسيط جدا وغير معقد عكس الjava فهنالك كنا ناخذ اكثر من مرحله لكي نقوم ببناء هذا الtabBar ولكن بيئة العمل فلاتر توفره لنا بسهوله وذلك عن طريق عمل tabBar وسوف نتعرف في هذه المقالة على كيفية بناءه بطريقة صحيحه وكيفية التحكم بعرض العناصر التي تظهر . بيئة تطوير متكاملة جيدة لتطوير تطبيقات Android الأصلية. بالمقارنة مع IDEs الأخرى مثل eclipse، فإن أداء [&hellip;]
- [شرح DropdownButton في فلاتر بابسط طريقة](https://geecoders.com/blog-post_23-html-3/): شرح DropdownButton في فلاتر بابسط طريقةتعتبر DropdownButton واحده من اشهر الwidget الموجوده بداخل تقنية flutter ومن اهمها ايضا وتستخدم في معظم المشاريع الكبيره وذلك لانها بسيطه وتعطي منظر رائع لتطبيقك وتوجد في معظم التطبيقات الكبيره مثل فيسبوك وتويتر وانستقرام وغيرها من المنصات ويمكنك تعملها وتنفيذها في مشروعك بكل سهوله وهيا غير معقده نهائيا تستطيع من بعد هذه المقالة ان تقوم بإستعاملها في تطبيقك بكل سهوله . أصبحت flutter من اهم ال platforms  التي ينتقل لها الكثير من الdeveloper وذلك لانها بيئة عمل تستطيع من خلالها تطوير تطبيقات android  , desktop , ios , websites كل هذا يكون بكود واحد فقط [&hellip;]
- [شرح كيفية الانتقال الى حساباتك في مواقع التواصل الاجتماعي من فلاتر](https://geecoders.com/blog-post-html-19/):  شرح كيفية الانتقال الى حساباتك في مواقع التواصل الاجتماعي من فلاتراذا كنت تعمل على تطبيق وطلب منك العميل اضافة مواقع التواصل الاجتماعي للتطبيق سوف يخطر في بالك عمل webview وارسال المستخدم الى الموقع الخاص بالمستخدم او ارساله الى رابط الصفحة على مختلف وسائل التواصل ولكن هذا الامر ليس صحيح في الطبيعي ان تقوم بإرسال المستخدم الى تطبيق وليس موقع ولهذا نقدم لك مقالة اليوم حيث نقوم فيها بمشاركة طريقة ارسال المستخدم الى مواقع التواصل الاجتماعي الى التطبيقات واذا لم يتوفر التطبيق على جهاز المستخدم سوف يتم ارساله الى الموقع الخاص بالصفحة التي يتم ارفاقها . تثبيت flutter تحميل flutter dartsdk شركة تطبيقات الجوالأنتجت [&hellip;]
- [شرح كيفية اضافة بصمة جهازك  لتطبيقك وامكانية فتح التطبيق بالبصمه فلاتر | Add FingerPrint flutter easy](https://geecoders.com/fingerprint-flutter/): شرح كيفية اضافة بصمة جهازك  لتطبيقك وامكانية فتح التطبيق بالبصمه فلاترالبصمة اصبحت الان موضه شائعه بين التطبيقات الموجوده على متجر جوجل بلاي او غيره ومعظم الهواتف حاليا تتوفر على البصمه وفي كل نسخه من الاجهزة تحاول كل شركة اثبات كفائتها في ناحية سرعة البصمة ولهذا لابد عليك ان تقوم بإضافة البصمة في مشروعك لان هذا يترك طابع جميل لدى المستخدمين وفي مقالة اليوم سوف نساعدك على كيفية اضافة خيار تسجيل الدخول عن طريق البصمة لتطبيقك والبصمة سوف تكون نفس بصمة الهاتف بمعنى البصمة التي تعمل على فتح الهاتف هيا تفسها المسؤوله عن فتح التطبيق . أصدرت Google Flutter كإطار عمل [&hellip;]
- [شرح تشغيل المقاطع الصوتية من الانترنت في فلاتر |Explanation of playing audio clips from the Internet in flutter](https://geecoders.com/playing-audio-html/):  شرح تشغيل المقاطع الصوتية من الانترنت في فلاتر الصوتيات تعد من اهم العناصر التي تستخدم بشكل كبير في تطوير التطبيقات وفي مقالة اليوم نقدم لكم كيف تستطيع تشغيل المقاطع الصوتيه من على الانترنت بشكل مباشر دون الحاجه الى تحميل الملف ووضعه بداخل ملفات التطبيقات لكي تتعامل معه وفي هذا الدرس سوف نشرح لكم كيف يتم تشغيل المقاطع الصوتيه في فلاتر والتعامل معها بكل سهوله حيث ان هناك مكتبة تساعدنا في عمل الصوتيات والتعامل معها وهي بسيطه جدا وسهلة الاستخدام . دون إجراء أي مقارنات مع الأنظمة الأساسية الأخرى ، إليك بعض الميزات والسمات التي يمكن أن تغريك بتجربة Flutter ، اولا [&hellip;]
- [شرح بناء تطبيقك لتغيير تعبيرات الemoji في flutter مع animation](https://geecoders.com/animation-html/):  شرح بناء تطبيقك لتغيير تعبيرات الemoji في flutter مع animationفي هذا المقال سوف نشرح لكم فكرة جديده في الانميشن بفلاتر وهي باستخدام flare وهذه المكتبة من اقوى المكتبات التي تساعدك في عمل الانميشن بشكل مختلف تماما ولكنه ايضا من اصعب المكتبات في التعامل وليست سهله كباقي المكتبات ولكن سوف نقدم لكم مثال في هذا الدرس يساعدكم على فهم المكتبة والتعامل معها والان دعونا ننتقل الى الشرح . أنتجت Google إطار عمل Flutter ، وهو عبارة عن مجموعة تطوير برامج (SDK) لتطبيقات الأجهزة المحمولة. من الممكن إنشاء تطبيقات لمنصات Android و iOS باستخدام الأداة وقاعدة بيانات واحدة ، إن اعتماد رمز [&hellip;]
- [شرح Web Scraping بإستخدام فلاتر والحصول على بيانات المنتاجات من على الانترنت](https://geecoders.com/web-scraping-flutter-html/):  شرح Web Scraping بإستخدام فلاتر والحصول على بيانات المنتاجات من على الانترنتمجال Web Scraping من اقوى المجالات المطلوبة في السوق وذلك لانها تسهل الكثير من الوقت على مدخل البيانات في معظم المتاجر ولكن ماذا لو قلت لك انك يمكنك ان تقوم بالحصول على معلومات صفحه معينه على سبيل المثال في موقع اماوزن يمكنك الحصول على روابط المنتجات والاسماء والصور دفعه واحده دون المرور على العناصر واحد تلو الاخر وهذه هي ميزة الWeb Scraping وكثير من الاشخاص لا يعرفون عنها ولا يعرفون اهميتها الكبيره ولهذا قررنا عمل مقال حول كيفية عمل Web Scraping في فلاتر بطريقة بسيطه . بيئة تطوير متكاملة [&hellip;]
- [تحديد عنصر او مجموعة عناصر مع animation باستخدام فلاتر](https://geecoders.com/animation-select-cards-html/):  تحديد عنصر او مجموعة عناصر مع animation باستخدام فلاترفي هذا المقال نشارك معكم واحده من المكتبات الجديده في فلاتر والتي تسمح لك بتحديد مجموعة عناصر او عنصر واحد مع وجود انميشن وتكبير للعنصر الذي يقع عليه الاختيار وايضا تقدم لك ميزة للاختيار من داخل dropdown مع وجود انميشن ايضا عند اختيار احد العناصر كما هو موضح لكم في الصورة الخاصه بمقالة اليوم وكما تعلمون اننا في فلاتر نحاول تقديم كل جديد لكم من اجل تحسين التطبيقات التي يتم تطويرها بواسطة flutter ولتسهيل الامر عليكم في التطوير .كان Flutter موجودًا منذ أن أطلقته Google لأول مرة في عام 2015 ، لكن [&hellip;]
- [سكريبت بايثون لاعادة تسمية مجموعة من الملفات دفعه واحده](https://geecoders.com/rename-files-ython-html/): سكريبت بايثون لاعادة تسمية مجموعة من الملفات دفعه واحدهاحد اكثر الاكواد التي استخدمها في لغة بايثون وهي جعل الاسماء الخاصه بالملفات مرقمه بشكل منظم وهذا استخدمه كثيرا عندما يكون لدي مجموعه كبيره من الصور ولهذا استخدم هذا الاسكربت في اعادة تسمية جميع الاسماء في ملف معين وتسميتها بارقام والامر لا يقتصر فقط على الارقام بل يمكنك جعل الاسماء الخاص عباره عن اسم ورقم او اي شيء تريده , كل هذا تستطيع التعديل عليه من خلال الكود المقدم لكم في هذة المقالة . موقع ومدونه جي كودرس ترحب دائما بكل الزائرين الجدد. حيث اننا في هذا الموقع نقدم لكم الكثير من [&hellip;]
- [كيفية حذف ملف من جهازك سواء فارغ او ممتلئ بلغة البايثون](https://geecoders.com/delete-file-html/): كيفية حذف ملف من جهازك سواء فارغ او ممتلئ بلغة البايثونيمكن للغة البايثون القيام بالكثير من الاعمال داخل جهازك ونحن نحاول في كل مره تقديم شيئ مختلف لكم لكي تتمكن من بناء البرامج والتطبيقات من خلال البايثون وفي هذا المقال سوف نقوم بتقديم كود يمكنك من حذف الملفات من داخل جهازك سواء كانت الملفات تحتوي على بيانات او حتى كانت الملفات فارغه يمكنك استخدام الكود للحذف بشكل نهائي من جهازك . Python هي لغة برمجة عمرها ثلاثة عقود. أطلق عليها Guido van Rossum ، وهو مبرمج هولندي ، اسم Monty Python Flying Circus ، مجموعته الكوميدية المفضلة في ذلك الوقت. [&hellip;]
- [كود بايثون لعمل تطبيق للبحث عن ارقام الاشخاص من خلال ادخال الاسم الخاص بهم](https://geecoders.com/note-phone-html/):  كود بايثون لعمل تطبيق للبحث عن ارقام الاشخاص من خلال ادخال الاسم الخاص بهمهل خطر في بالك في يوم من الايام بان تقوم بعمل برنامج يقوم بتنظيم سجل مكالماتك بدلا من استخدام الورقه والقلم كالماضي او حتى هل فكرة كيف تعمل قائمة الاسماء في هاتفك عند البحث عن اسم اي شخص او حتى كتابة الرقم الخاص به فيظهر الرقم ؟ ببساطه هي نفس الفكرة التي سوف نضعها لكم في كود اليوم والكود بسيط جدا جدا وسهل ولكن نحتاج الى اي مكتبات خارجية من اجل تنظيم الاوامر بل يكفي اننا سوف نضع قاموس يحتوي على هذة الارقام. Python هي لغة برمجة [&hellip;]
- [طباعة اول حرف من كل كلمة ودمجهم مع بعض ليكون اختصار للكلمة في بايثون](https://geecoders.com/print-first-char-html/):  طباعة اول حرف من كل كلمة ودمجهم مع بعض ليكون اختصار للكلمة في بايثونهل لاحظت ان قائمة الاسماء في هاتفك تضع جمب الاسم المسجل بها اول حرف او حرفين من الاسم الذي تضعه للمستخدم ؟ هذا اذا لم تكن تضع صورة شخصية للرقم المسجل لديك هل تسالت كيف يتم ذلك عن طريق البرمجة ؟ في مقالة اليوم سوف نقوم بعمل نفس هذة العملية ولكن باستخدام لغة python يمكنك ان تستبدل الكود باي لغة برمجة اخرى اذا احببت لانك سوف تكون قد فهمت الفكرة وهي بسيطة جدا جدا والكود عباره فقط عن 3 اسطر فقط لا غير وهذا ما يميز البايثون [&hellip;]
- [حل مشكلة ارتفاع مساحة القرص c بعد تثبيت الemulator في android studio](https://geecoders.com/emulator-size-avd-android-studio-html/):  حل مشكلة ارتفاع مساحة القرص c بعد تثبيت الemulator في android studioدائما ما يواجه مستخدمي برنامج الاندرويد ستوديو مشكلة ملئ القرص المحلي c وهذه المشكلة تواجه المعظم منا ولكن سوف نقدم لكم بعض الحلول والنصائح التي تساعدك في حل هذة المشكلة وفي الاغلب يكون سبب ارتفاع المساحه هو الملفات والاضافات التي يتم وضعها في برنامج الاندرويد ستوديو ولهذا عليك ان تقوم بالتخلص من كل هذا لكي تحصل على مساحة فارغه على القرص واول خطوة عليك القيام بها وهو نقل الsdk اذا كان موجود في القرص c الى اي قرص اخر وتغيير المسار الخاص به من الاندرويد ستوديو وقد سبق وقدمنا [&hellip;]
- [شرح كيفية اضافة رسوم متحركه في flutter وامكانية الضغط عليها للايقاف والتشغيل](https://geecoders.com/blog-post_29-html-6/):  شرح كيفية اضافة رسوم متحركه في flutter وامكانية الضغط عليها للايقاف والتشغيلكما نعلم ان مكتبة lottie من اقوى المكتبات المخصصه في التعامل مع الرسوم المتحركه بصيغة json وهذا الامر يفيد المطورين بشكل كبير ويحسن من التطبيقات الخاصه بهم ولهذا في مقالة اليوم سوف نشارك معكم كيفية التعامل بشكل متقدم مع مكتبة lottie وكيفية عرض الصور منها سواء من الانترنت من الملفات الموجوده بداخل الflutter وكيفية التحكم في العنصر ومدى التشغيل والايقاف وكل شيئ بإذن الله ولهذا تابع المقالة للنهايه لكي تستفاد وحاول ان تشاركها لتفيد الغير .ظهرت لغة دارت في سنة 2011 و فلاتر ظهر في سنة 2017 وهذا يعني [&hellip;]
- [شرح FittedBox ووضع اقصى حجم للعنصر بدون مشاكل في فلاتر](https://geecoders.com/fittedbox-html/):  شرح FittedBox ووضع اقصى حجم للعنصر بدون مشاكل في فلاترهل جربت في يوم من الايام كتابة نص بحجم كبير يكون اكبر من حجم الcontainer الذي بداخله النص ؟ ماذا حدث في هذه الحالة بالطبع اخرج لك التطبيق رسالة error تخبرك ان الحجم الخاص بالنص اكبر من الحجم الطبيعي ولحل المشكلة تحتاج الى ان تقوم بتقليل حجم النص لكي يتناسب مع حجم التصميم الذي بداخله ولكن يوجد widget باسم fittedBox يسمح لك بوضع الحجم الذي تريده واذا زاد الحجم عن المطلوب سوف يتم وضع اكبر قيمة تستطيع تشغيلها بداخل التصميم بدون مشاكل وينصح بإستخدامه اذا كنت تريد عمل نص . كان [&hellip;]
- [حل مشكلة mapping new ns to old ns flutter في فلاتر](https://geecoders.com/mapping-new%20ns-html/): حل مشكلة mapping new ns to old ns flutter في فلاترهذه المشكلة المزعجه تتسبب في ازعاج عدد كبير من المطورين ولكن هذا الايرور الذي يظهر لك لا يؤثر على الكود الخاص بك  ولكن فقط هي مجرد رسالة تحذريه وفي مقالة اليوم سوف نشرح لكم كيف تحل هذه المشكلة بسهوله والامر بسيط جدا وغير معقد والذي يسبب هذه المشكلة يكون بسبب ان مستوى الgradl الخاص بك اقل من المستوى الذي يتوفر لديك ف جهازك مثلا انت لديك الاصدار 7.1 والمشروع الذي تعمل عليه هو الاصدار 4.1 ولهذا يظهر لك رسالة تنبيه يحذرك ان الاصدار الحالي اقل من الاصدار الاساسي الذي تعمل [&hellip;]
- [<div>حل مشكلة execution failed for task ':app:validatesigningdebug'.</div>](https://geecoders.com/execution%20failed-error-html/):  حل مشكلة execution failed for task &#8216;:app:validatesigningdebug&#8217;.هذه الرسالة المزعجه والتي تقابل عدد كبير من مستخدمي برنامج الاندرويد ستوديو وهيا في اغلب الاحيان تكون بسبب ان مسار الsdk غير صحيح وفي هذه المقالة سوف نتعرف على الحل الذي قمت به وحليت المشكلة وكما تعلمون اننا في موقعنا نقدم لكم حلول لاغلب المشاكل التي تقابلكم في التطوير ومن ضمن هذه المشكلة وهيا validatesigningdebug وهيا مشكلة مزعجه جدا وقابلتني انا شخصيا وبعد بحث طويل لم اتوصل لحل ولكن بعد عدة محاولات مع البرنامج توصلت الى حل وهو بسبب ان الsdk الخاص بفلاتر لم يكن في المكان الصحيح ولهذا احببت ان اقدم لكم هذه [&hellip;]
- [التاكد من وجود انترنت ومعرفة نوع الاتصال سواء واي فاي ام بيانات الهاتف في فلاتر](https://geecoders.com/flutter-check-internet-html/): التاكد من وجود انترنت ومعرفة نوع الاتصال سواء واي فاي ام بيانات الهاتف في فلاتر &#8211; Flutter Check internetفي اغلب الاحيان نحتاج انترنت لكي يعمل تطبيق فلاتر او التطبيق الذي نعمل عليه بدون مشاكل هذا اذا كان التطبيق يعمل باستخدام api ويحتاج الى انترنت وليس من المنطقي ان نقوم بتشغيل التطبيق وهو لا يتوفر على انترنت ولهذا في هذا المقال سوف نشارك معكم كيفية التاكد من وجود انترنت للتطبيق لكي يعمل بصورة سلمية وبدون مشاكل واذا لم يكن هناك انترنت يمكنك عرض صفحة مختلفه او عرض نص يخبره بان يقوم بالاتصال بالانترنت او تنفيذ اي امر اخر تريده اذا لم [&hellip;]
- [شرح كيفية الانتقال الى بيانات عنصر معين في الrecyclerview مع animation للانتقال في الاندرويد ستوديو](https://geecoders.com/animation-item-html/): شرح كيفية الانتقال الى بيانات عنصر معين في الrecyclerview مع animation للانتقال في الاندرويد ستوديومن منا لا يعشق الanimation في التطبيقات وما مدى نجاح التطبيقات التي تهتم بعمل animation للمستخدمين من اجل تحسين شكل التطبيق ولان هذه الاشياء البسيطة تترك اثر في تجربة المستخدم ويفضل التعامل مع تطبيقك في الايام المقبلة بسبب اهتمام المطور به وفي هذا المقال سوف نشرح لكم طريقة جديده عمل animation اثناء عملية onClick على اي item داخل الRecyclerView في android studio بكل سهوله . أنظمة التشغيل Android و iOS هي الأكثر شيوعًا والأكثر استخدامًا في العالم بين المستخدمين بشكل كبير جدا ، في حين أن [&hellip;]
- [إنشاء تصميم DrawerLayout بشكل مخصص في الاندرويد ستوديو](https://geecoders.com/drawerlayout-android-custom-html/):  إنشاء تصميم DrawerLayout بشكل مخصص في الاندرويد ستوديونحتاج الى DrawerLayout في اغلب المشاريع التي نعمل عليها وذلك بسبب بساطتها وجمالها فهي عباره عن نافذة جانبيه تكون في حافة الهاتف عندما يتم النقر عليها او سحب الهاتف من النهايه تظهر هذه الواجهه ولكن في الandroid الامر يكون معقد لدى البعض احيانا وانا واحد منهم فلكي تقوم بإناء drawer عليك بالانتقال الى التصميم ومن ثم تقوم بعمل تصميم خاص بها وهذا الامر لا افضله ولكن سوف نقدم لكم اليوم كيف تقوم بعملها بشكل احترافي وايضا تستطيع تخصيصها كما ترغب بالشكل الذي تريده وهذا الشيئ اعتقد انه افضل معك بدلا من التصميم التقليدي [&hellip;]
- [تصميم Custom BottomSheet وارسال بيانات الarray بداخله](https://geecoders.com/custom-bottomsheet-android-java-html/):  تصميم Custom BottomSheet وارسال بيانات الarray بداخلهفي هذا المقال سوف نتعرف على كيفية إنشاء وعمل  Custom BottomSheet في برنامج الاندرويد ستوديو بكل سهوله وببساطه حيث ان ال Custom BottomSheet من اكثر الاشياء التي عليها طلب كبير في التطبيقات وذلك لانه يعطي منظر مختلف في التطبيق ويحسن من المظهر العام الخاص بالتطبيق رغم سهوله انشاء وبساطته وفي مقال سابق شركنا لكم كيف تقوم بعمل  Custom BottomSheet ايضا بالشكل الذي ترغب به ولكن في مقالة اليوم سوف نقوم بعمل listView بداخله واستخدام العناصر من داخله . Android Studio هو IDE الرسمي لبرمجة Android ويأتي مع كل ما تحتاجه للبدء. يسمح لك ConstraintLayout [&hellip;]
- [شرح كيفية إنشاء Custom Dialog واستدعاءه داخل الActivity في الاندرويد ستوديو](https://geecoders.com/custom-dialog-android-html/):  شرح كيفية إنشاء Custom Dialog واستدعاءه داخل الActivity في الاندرويد ستوديوفي دروس سابقه قمنا معكم بشرح تصميم مربع حواري مخصص ولكن المشكلة التي قد تقابل البعض والاغلب منكم وهيا انه لا يعمل سوا في fragment فقط ولكن اذا كنت بداخل activity الامر سوف يكون معقد قليلا ولن تعرف ماذا تفعل ؟ ولكن لا تقلق في مقالة اليوم سوف نقوم بنفس الطريقة تقريبا ولكن بداخل الactivity لكي لا تقابلك مشاكل بعد ذلك ولا تقلق عندما تقع في اي مشكلة مستقبلا لا تتردد بالبحث في موقعنا . مع إطارات اختبار JUNIT 4 و Winkal UI ، يوفر Android Studio أدوات قوية لمساعدتك [&hellip;]
- [شرح كيفية الاضافة داخل ملف build gradle بعد التحديث الاخير](https://geecoders.com/build-html/):  شرح كيفية الاضافة داخل ملف build gradle بعد التحديث الاخيردائما تبهرنا شركة جوجل بالتحديثات التي تقوم بها على برنامج الاندرويد ستوديو وهو البرنامج المخصص للمطورين باصدار وتطوير تطبيقات الجوال والذي اصبح يدعم الكوتلن والفلاتر بدلا من الجافا فقط ولكن كما نعلم ان جوجل تحارب الجافا وتريد القضاء عليها وهذا نجد ان الدعم تم ايقافه على الجافا ولا يصدر اي مكتبات خارجية للجافا بل اصبح الامر اصبح متجه بشكل اكبر للكوتلن  ولتقنية فلاتر التي احدثت ضجه كبيره مع ظهورها واصبحت الكثير من الشركات تنتقل لها بسبب بساطتها وجمالها وسهولة الكود بها , ولكن اذا كنت مبرمج جافا او كوتلن فهذا يعني [&hellip;]
- [شرح استخدام lower و upper و capitalize في لغة بايثون](https://geecoders.com/capitalize-html/): شرح استخدام lower و upper و capitalize في لغة بايثونفي هذا المقال نشرح لكم كيف تقوم بطباعة الكلمه بجميع الحروف بشكل lower case او upper case او حتى capitalize بمعنى طباعة اول حرف upper وباقي الحروف lower ولغة بايثون تقدم لنا methode لل strings تقوم بتحويل هذه الحروف كما هو موضح في المثال التالي , والامر بسيط جدا يمكنك استخدام الاضافة التي ترغب بها في النص كما هو موضح عند طريق استخدام الخاصيه التي ترغب بها على النص وسوف يتم عمل تنفيذ على النص . توفر العديد من وظائف النظام والمكتبات أنواع بيانات ديناميكية وفئات جاهزة وواجهات في Python. يمكن [&hellip;]
- [<div>حل مشكلة [id: 'com.android.application']</div>](https://geecoders.com/problem-android-sdk-application-html/):  حل مشكلة [id: &#8216;com.android.application&#8217;]تحدث هذه المشكلة احيانا عند استخدام احد المشاريع الموجوده على منصة github قديم ولا تتوافق مع الاصدار الحالي الذي تعمل عليه ولكن الامر بسيط جدا ولا يدعو الى القلق فالسبب الذي يظهر هذه المشكلة غالبا يكون في الjdk غير معرف بطريقة صحيحه وكل ما سوف نقوم بعمله وهو تثبيته بالطريقة الصحيحه لكي يتم حل المشكلة ولكن قبل ضبطه عليك ان تتاكد ان الsdk موجود بالمكان الصحيح له واذا كان كذلك فتابع الشرح لكي تحل المشكلة . Android Studio هو IDE الرسمي لبرمجة Android ويأتي مع كل ما تحتاجه للبدء. يسمح لك ConstraintLayout بإنشاء تخطيطات معقدة عن طريق [&hellip;]
- [كيف استخدام ActivityResultLauncher بعد التحديث الاخير لاندرويد ستوديو](https://geecoders.com/activityresultlauncher-html/):  كيف استخدام ActivityResultLauncher بعد التحديث الاخير لاندرويد ستوديوكما نعلم ان برنامج اندرويد ستوديو يقوم بشكل مستمر بتنزيل الكثير من التحديثات والتي قد تسبب مشاكل في الاكواد القديمه التي تعودنا عليها ولكن يكون للتحديثات التي يقومون بها سبب , ومن ضمن التحديثات هو عدم تشغيل خاصية ActivityResultLauncher ولكن في مقالة اليوم سوف نحاول ان نشرح لكم كيف تستطيع التعامل معها مع التحديث الاخير وبالمناسبة الوضع اصبح اسهل من قبل وفي هذا المقال نقدم لك اكثر من مثال لتوضيح الفكرة . ماهو اندرويد ستوديو ؟إنه IDE خاص بنظام Android تم إنشاؤه مع وضع برمجة Android في الاعتبار. تم الكشف عنه في 16 [&hellip;]
- [شرح كيفية منع الscroll من recyclerView وتحريك التصميم كامل في android studio](https://geecoders.com/blog-post-html-33/):  شرح كيفية منع الscroll من recyclerView وتحريك التصميم كامل في android studioفي كثير من الاحيان نحتاج ان نقوم بإيقاف الrecyclerView عن الscroll لكي نقوم بجعل التصميم كامل يتحرك معنا , وهذا الامر قد يبدو لكم معقد رغم انه بسيط جدا ولن تحتاج الى كتابة اي كود برمجي نهائيا فقط ما عليك هو التعديل في التصميم قليلا ليصبح قادر على منع الrecyclerView من التحريك وتحريك التصميم بالكامل كما يظهر في صورة عنوان المقالة الخاصه بنا في هذه التدوينه . Android هو الاسم الأكثر انتشارًا هذه الأيام. ويجب أن يكون كل شخص يشارك في دورة تطوير Android على دراية بأحدث ميزات Android [&hellip;]
- [شرح كيفية استخدام الlist في اكثر من مكان داخل تطبيقك | singleton arrayList](https://geecoders.com/singleton%20arraylist-html/):  شرح كيفية استخدام الlist في اكثر من مكان داخل تطبيقك | singleton arrayListفي كثير من الاحيان عند تطوير التطبيقات نحاول الى استخدام الlist في اكثر من مكان في التطبيق ولهذا سوف نشرح لكم في فيديو اليوم كيف تقوم بجعل الarrayList بشكل singleton لكي تستطيع الوصول لها من اي مكان في التطبيق وهذا الامر يوفر عليك الكثير من الوقت وايضا ينضم الكود الخاص بك بشكل اكثر احترافيه ويحسن من تعاملك مع الكود في المستقبل ويفضل وضع اي list تستخدمها في تطبيقك في الclass الذي سوف نقوم بعمله اليوم لكي تستطيع الوصول اليها واسخدامها بشكل افضل . Java هي لغة برمجة أنشأها [&hellip;]
- [شرح كيفية نسخ النص من التصميم في الاندرويد ستوديو](https://geecoders.com/how-to-copy-android-html/):  شرح كيفية نسخ النص من التصميم في الاندرويد ستوديوفي كثير من الاحيان نحتاج الى ان ننسخ عبارات من التطبيقات مثل بعض النصوص التي توجد داخل التطبيق نريد ان نقوم بنسخها لكي نلصقها في اي مكان اخر او اي تطبيق اخر ونحتاج الى طريقة للنسخ وفي هذا المقال سوف نشارك معكم الطريقة التي يمكنك من خلالها نسخ اي عباره من اي مكان داخل التطبيق الخاص بك بسهوله حيث انه يوجد الكثير يريد طريقة لعمل copy لتحسين استخدام التطبيق لدى المستخدمين . ماهو اندرويد ستوديو ؟إنه IDE خاص بنظام Android تم إنشاؤه مع وضع برمجة Android في الاعتبار. تم الكشف عنه في [&hellip;]
- [شرح كيفية اعادة تشغيل الactivity في الاندرويد ستوديو](https://geecoders.com/blog-post_28-html-6/):  شرح كيفية اعادة تشغيل الactivity في الاندرويد ستوديواثناء عملية تطوير التطبيقات في الاندرويد تحتاج احيانا الى اعادة تشغيل الصفحة او بمعنى اخر اعادة تشغيل التطبيق ولذلك بسبب انه يوجد بعض الخصائص لا تهمل بشكل صحيح الا بعد غلق التطبيق وفتحه مره اخر لكي تعمل الاوامر بشكل صحيح ولهذا سوف نقدم لكم اليوم شرح لكيف تستطيع اعادة تشغيل الصفحة مره اخرى في الاندرويد ستوديو بعد تنفيذ امر معين وهي بسيطة جدا عباره عن ثلاث اسطر برمجية بسيطة جدا تقوم بنسخها واستخدامها في الكود الخاص بك . Java هي لغة برمجة أنشأها James Gosling في معامل Sun Microsystems في عام 1992 لاستخدامها [&hellip;]
- [شرح NumberFormat  وكيفية عرض مجموعة صور تحمل نفس الاسم ولكن بارقام مختلفه في anroid studio](https://geecoders.com/numberformat-anroid-studio-html/):  شرح NumberFormat  وكيفية عرض مجموعة صور تحمل نفس الاسم ولكن بارقام مختلفه في anroid studioفي كثير من الاحيان يكون لدينا مجموعة من الصور يتم ترتيبها بشكل تصاعدي مثلا img1,img2img3 &#8230; ولكن هل من المعقول ان نقوم بعرض جميع الصور بهذا التنسيق واضافتها داخل الarraylist على سبيل المثال ؟ في طبيعة الامر يكون صعب ولهذا نلجأ لطريقة تسمى NumberFormat  وهي مخصصه بان تقوم بعرض الارقام بشكل تصاعدي كل ما عليك هو كتابة اسم الصورة وبعدها اكتب الرقم الذي تريد عرضه وهيا سوف تتكفل بالباقي ولكي تفهم الصورة بشكل اوضح تعالوا نشاهد الكود التالي ونتعرف عليها بشكل اوضح .والمقصود بالNumberFormat  هو الطريقة [&hellip;]
- [شرح تصميم لصفحة البداية في التطبيق | onboarding android studio](https://geecoders.com/onboarding-android-html/):  شرح تصميم لصفحة البداية في التطبيق | onboarding android studioكما نعلم ان صفحة البداية واحده من اهم الصفحات التي يتم وضعها في بداية عمل التطبيق لكي توضح للمستخدم مزايا التطبيق وامكانية التعامل معه , وهذه تعد المقالة الثانية لنا حول هذه الصفحة حيث في مقالة سابقه قدمنا لك صفحة onboarding اخرى بتصميم مختلف من هذا ولكن كود اليوم ابسط من السابق في نهايه الامر القرار متروك لك في اختيار هذه الصفحة او الصفحة السابقه والتعديل على التصميم الخاص بها . هل تريد معرفة المزيد حول تطوير تطبيقات Android أو إنشاء تطبيق اندرويد خاص بك؟ هل تريد معرفة المزيد من المعلومات [&hellip;]
- [إنشاء صفحة onBoarding في الاندرويد ستوديو وحفظ القيمة داخل sharedPreferences](https://geecoders.com/blog-post_22-html-3/):  إنشاء صفحة onBoarding في الاندرويد ستوديو وحفظ القيمة داخل sharedPreferencesفي هذا الدرس نقوم لكم الصفحة الاكثر استخداما وهي الonboarding وهي بكل بساطة عباره عن صفحة بسيطة جدا تظهر للمره الاولى لاستخدام التطبيق وبعد استخدام هذه الصفحة والانتهاء من اخر صفحة سيتم حفظ قيمة الصفحة في ال Preferences ولن تظهر مرى اخرى الا في حالة حذف الcache الخاصه بالتطبيق من الجهاز وغالبا ما نشاهد ظهور هذه الصفحة في الكثير من التطبيقات المشهوره وذلك بسبب جمالها وتوضيحها لفكرة التطبيق . تطبيق الهاتف المحمول الأصلي مكتوب باللغة الأم للهاتف الذكي. على سبيل المثال ، Java لنظام Android و Swift لنظام iOS ، أو [&hellip;]
- [شرح كيفية نقل ArrayList من activity الى Activity اخرى بواسطة Parcelable](https://geecoders.com/blog-post_20-html-3/):  شرح كيفية نقل ArrayList من activity الى Activity اخرى بواسطة Parcelableتعد الParcelable واحده من اشهر الطرق التي تستخدم في عملية نقل البيانات بشكل سريع بين الactivity ويفضلها الكثير من المطورين بدلا من الserializable وهي نفس الخاصة تستخدم لنقل object من الmodel لclass اخر لكي يتم استخدامه ولكن الParcelable تتميز انه يمكنك من خلالها نقل arrayList بشكل كامل كما سوف نشاهد في مقالة اليوم حيث سوف نقوم بنقل ArrayList من Activity الى اكتفتي اخرى . Android هو الاسم الأكثر انتشارًا هذه الأيام. ويجب أن يكون كل شخص يشارك في دورة تطوير Android على دراية بأحدث ميزات Android Studio ، والتي سنستكشفها [&hellip;]
- [شرح كيفية نقل البيانات بإستخدام Parcelable في Android Studio](https://geecoders.com/blog-post_18-html-5/):  شرح كيفية نقل البيانات بإستخدام Parcelable في Android Studioفي هذا المقال سوف نشرح لكم واحده من الافكار المشهور وهيا فكرة الParcelable والتي قد لا يعرفها الكثير منكم ولا يعرف ما اهميتها في تطوير تطبيقات الاندرويد وسرعة نقل البيانات بين الصفحات بشكل كبير وفي هذا المقال سوف نقوم بشرح لكم كيف يتم نقل البيانات من خلالها بكل سهوله . أنظمة التشغيل Android و iOS هي الأكثر شيوعًا والأكثر استخدامًا في العالم بين المستخدمين بشكل كبير جدا ، في حين أن البقية ، مثل Windows Phone وغيرها ، لديها عدد قليل من المستخدمين. وعلى سبيل المثال ، يتحكم نظام التشغيل Android في [&hellip;]
- [اضافة عبارة const لجميع المتغيرات التي تحتاجها بشكل تلقائي في Flutter](https://geecoders.com/add-const-flutter-html/):  اضافة عبارة const لجميع المتغيرات التي تحتاجها بشكل تلقائي في Flutterكما نعلم ان const تساعد جدا في اداء التطبيق بشكل كبير وترفع من الكفاءه ولهذا يلاحظ مستخدمين فلاتر ان البرنامج يقوم بتنبيهك عندما يحتاج اي متغير لديك او عنصر الى عباره const  من اجل تحسين الاداء وبعدها تقوم بوضعها ولكن هذا الامر ملل جدا ان تمر على جميع اوامر التطبيق الخاص بك وتضع لها عباره const ولكن الامر يستحق لان الامر const  يساعد على بدء تشغيل الامر اثناء الcompiler وهذا يساعد المستخدمين على المحافظة على سرعة التطبيق ولكن في مقالة اليوم سوف اساعدك في كيفية وضع عباره const  على جميع [&hellip;]
- [شرح كيفية رفع تحديث جديد لتطبيقك على متجر بلاي بدون مشاكل](https://geecoders.com/blog-post_12-html-5/):  شرح كيفية رفع تحديث جديد لتطبيقك على متجر بلاي بدون مشاكلبعد رفع تطبيقك لاول مره على متجر جوجل بلاي تكون سعيد بتفاعل اصدقائك معك وتفاعل الاشخاص بالتطبيق الخاص بك وتسعى دائما الى تقديم افضل ما لديك وتحل المشاكل التي تواجه بعض المستخدمين في تطبيقك وفي هذه المقالة سوف نشرح لكم كيفية حل مشكلة سبق أن تم استخدام رمز الإصدار 1. يُرجى تجربة رمز إصدار آخر. وكيفية رفع تطبيقك على المتجر ورفع التحديثات عليه بدون مشاكل وكما تعودنا ان الامر ليس صعب بل بسيط ونحاول ان نقدمه لك بشكل جيد لكي تتمكن من الفهم بشكل بسيط ورائع ولهذا تابع المقالة للنهايه [&hellip;]
- [حل مشكلة تم توقيع حزمة android app bundle باستخدام مفتاح غير صحيح](https://geecoders.com/problem-to-share-app-html/):  حل مشكلة تم توقيع حزمة android app bundle باستخدام مفتاح غير صحيحتقابلنا مشكلة احيانا اثناء رفع تطبيق على متجر بلاي وهي رسالة تشير ان المفتاح غير صحيح ويكون سبب هذه المشكلة ان المفتاح الذي ترفع به التطبيق مختلف عن المفتاح الذي تم استخراج به التطبيق ولحل هذه المشكلة يوجد لديك طريقتان سوف نقوم في هذه المقالة بشرح كافة الطريقتين وامكانية حل المشكلة ورفع التطبيق بنجاح وبدون اي مشاكل والامر بسيط جدا فلا تقلق من هذه المشكلة لان المعظم منا يواجهها فلا داعي للقلق والتوتر اطلاقا .  AAB ، أو Android App Bundle ، هو تنسيق نشر تطبيقات Android يتضمن جميع [&hellip;]
- [شرح كيفية نشر التطبيق على متجر بلاي خطوة بخطوة | how to share app to google play](https://geecoders.com/share-app-play-andro-html/):  شرح كيفية نشر التطبيق على متجر بلاي خطوة بخطوةكل مطور يحلم ان يرى اعماله موجوده في المتاجر العالمية مثل google play و app store وفي هذه المقالة سوف نشرح لكم كيف يمكن نشر التطبيق الخاص بك بكل سهوله ودون تعقيد مع الصور خطوة بخطوة وهذه الطريقة التي اتبعتها في نشر تطبيقي &#8221; المحمود &#8221; على المتجر والان التطبيق موجود ويمكن لاي شخص تحميلة واستخدامه وفي الدروس السابقه شرحنا لكم كيفية استخراج التطبيق الخاص بك من الاندرويد ستوديو وايضا حلول لبعض المشاكل التي واجهتني قبل عملية النشر والان اكتب لكم هذه المقالة لتساعدكم في نشر التطبيق الخاص بك بسهوله ولكن اذا [&hellip;]
- [شرح كيفية تغيير اسم package بدون مشاكل في الاندرويد ستوديو](https://geecoders.com/blog-post-html-39/):  شرح كيفية تغيير اسم package بدون مشاكل في الاندرويد ستوديواذا كنت ترغب بتغيير اسم الpackage name في المشروع الخاص بك فالامر بسيط جدا وغير معقد تمام بكل بساطه تستطيع تغير الاسم الى اي اسم اخر تريده وتقابلنا مشكلة اثناء رفع المشروع على متجر بلاي وهيا انه لم يعد يسمح بالاسم com.example لذلك نحتاج الى تغيره لكي يقبل التطبيق الخاص بنا وسوف نقوم في هذه المقالة بشرح لكم ألية التغيير بالصور والطريقة بسيطه جدا وغير معقدة كل ما تحتاجه هو التركيز جيدا في الشرح لضمان عدم حدوث اي مشاكل معك خلال عملية التغيير (يفضل حفظ المشروع الخاص بك على github ) [&hellip;]
- [شرح كيفية الحصول على نسخة aab من تطبيقك في الاندرويد ستوديو](https://geecoders.com/aab-app-andro-html/): شرح كيفية الحصول على نسخة aab  من تطبيقك في الاندرويد ستوديوكما نعلم ان متجر جوجل بلاي اصبح في الفتره الاخيره لا يقبل التبيطقات من نوع apk ويقبل فقط نوع الaab وهذا النوع الذي اصبح معترف به من قبل جوجل وفي درس اليوم سوف نتعرف على كيفية استخراج التطبيقات الخاصه بك بصيغة aab ونشرها على متجر بلاي , حيث ان العملية سهله جدا وغير معقده ويستطيع ان شخص منكم ان يقوم بها بدون اي مجهود كل ما عليك هو متابعة الصور التاليه والتركيز جيدا بالشرح لكي لا يحدث مشاكل معك خلال عملية استخراج وتحرر التطبيق الخاص بك ,و بهذه النسخه تستطيع [&hellip;]
- [شرح كيفية عمل post للبيانات من نوع params داخل الapi في flutter](https://geecoders.com/params-flutter-api-html/):  شرح كيفية عمل post للبيانات من نوع params داخل الapi في flutterاحيانا عندما نتعامل مع الapi يكون الbackend بوضع الbody الذي يحتاحه من المستخدم بداخل params وتكون هذه مشكلة ولكن بعد مقالة اليوم لن تعاني من مشكلة التعامل مع الparams في فلاتر , حيث ان الparams في الnative كنا نقوم بإرسالها عن طرق الاستعلام ولكن هنا الامر يختلف قليلا يوجد اكثر من طريق للتعامل ولكن سوف نشرح لكم ابسط طريقة لن تناسها لكي تستطيع تخطي هذه المشكلة في المرات المقبلة بكل سهوله . تُستخدم لغة البرمجة Dart في تطبيقات Flutter. تشترك Dart كثيرًا مع اللغات الحالية الأخرى مثل Kotlin و [&hellip;]
- [شرح كيفية استخدام الapi مع repostery في Flutter وتنظيم الكود](https://geecoders.com/repostery-api-html/):  شرح كيفية استخدام الapi مع repostery في Flutter وتنظيم الكوديعد استخدام الapi شيئ اساسي في عمل الشركات لانك تتعامل مع سيرفرات في نقل واستقبال البيانات ويكون هناك شخص Backend مختص بهذه العمليه وياتي دورنا كمطورين flutter لربط الapi مع الapplication ويوجد اكثر من طريقة للربط ولكن الاشهر هيا الdio والتي تم شرحها في دروس سابقة وفي هذا الدرس سوف نشرحها ولكن بشكل منظم اكثر وهيا باستخدام ملف الrepostery لتنظيم العملية . يعد محرك Flutter ومكتبة Foundation وعناصر واجهة المستخدم جزءًا من إطار عمل Flutter ، والذي تم إنشاؤه بلغة برمجة Dart. يختلف نهج Flutter في التطوير عن الآخرين من حيث [&hellip;]
- [مجموعة امثلة مكتوبه بلغة بايثون ستحتاج اليها بشكل كبير في عملك !](https://geecoders.com/ex-html/): مجموعة امثلة مكتوبه بلغة بايثون ستحتاج اليها بشكل كبير في عملك !هذة المقالة تعد الثانية من مكتبة اكواد بايثون حيث ان المكتبة التي نضعها لكم وبدئنا بها من المقالة السابقة ستساعدك بشكل كبير في التطوير في اللغة ويمكنك التدريج من فهم اللغة بشكل افضل من خلال الامثلة والاكواد للغة بايثون التي نقدمها لكم لذلك نضعه examples python كثيرة جدا في الموقع في الفتره الاخيره وذلك لاهمية اللغة ولطلب الكثير عليها ستجد امثلة على استخدام if-else في python في هذة المقالة وفي السابقة وايضا في القادمه والكثير من الادوات التي ستتعرف عليها والافكار في هذة المقالة  من اهم اللغات التي يجب [&hellip;]
- [شرح كيفية عمل Cache للبيانات من الApi بإستخدام Dio في Flutter](https://geecoders.com/blog-post_28-html-3/): شرح كيفية عمل Cache للبيانات من الApi بإستخدام Dioفي هذا المقال نشرح لكم كيف تقوم بتخزين البيانات التي تحصل عليها من الانترنت وخصوصا من api بداخل الذاكرة المؤقته في جهازك بحيث يمكنك عرض البيانات في حالة عدم وجود انترنت وايضا تخزين البيانات بمده معينه وبعدها يتم حذفها بشكل اوتوماتيكي من الذاكرة المؤقته , وهذا من اكثر الدروس التي يبحث عنها عدد كبير من المستخدمين ويريدون اضافتها في تطبيقات الاندرويد الخاصه بهم او حتى لانظمة ios والامر بسيط جدا وفي هذا المقال سوف نتعرف على الطريقة بكل سهوله . هل تريد تطبيقًا لأي شيء ولكنك تفتقر إلى الإمكانات اللازمة لتحقيق ذلك؟ [&hellip;]
- [شرح كيفية حفظ حفظ البيانات من الانترنت بداخل هاتفك واستعادتها في حالة عدم وجود انترنت Flutter](https://geecoders.com/save-html/): شرح كيفية حفظ حفظ البيانات من الانترنت بداخل هاتفك واستعادتها في حالة عدم وجود انترنت Flutterمعظم التطبيقات تعمل على امكانية تخزين البيانات التي يتم الحصول عليها من الانترنت في الجهاز الخاص بك وقد سبق وشرحنا لكم كيف تقوم بتخزين البيانات من خلال استخدام امكانية local database ولكن الشرح السابق مخصص لل dio حيث استخدمنا مكتبة مسؤوله عن كل شيئ ولكن في هذا المقال سوف نقوم بتخزين object كامل بداخل الcache ولكن سوف يكون لمدة معينه خلال استخدامك للتطبيق ولكن اذا قمت باغلاق التطبيق سوف ينتهي كل شيئ وتحتاج الى ان تقوم بتخزين البيانات من الاول وجديد . تم إنشاء تقنيات [&hellip;]
- [شرح كيفية تخزين model كامل في SharedPrefrance داخل Flutter](https://geecoders.com/save-model-share-html/): شرح كيفية تخزين model كامل في SharedPrefrance داخل Flutterفي هذا المقال المميز سوف نشرح لكم كيف تقوم بتخزين model كامل مخصص في SharedPrefrance , كما نعلم ان خاصية SharedPrefrance نقوم فقط بتخزين ارقام وحروف وكلمات ولكن هل يمكن تخزين بيانات مختلفة مثل صور او حتى model في داخلها ؟ الاجابة هيا نعم وسوف نقوم في هذه المقالة بشرح لكم كيف تتم هذه العملية وكيف تقوم بتخزينها بطريقة سهله جدا وهذا الامر مفيد جدا وسوف يحسن من مستواك البرمجي والان دعونا لا نطيل عليكم في المقدمه وننتقل الى الشرح حتى نتمكن من تنفيذها بكل سهوله . Flutter عبارة عن حزمة SDK [&hellip;]
- [شرح كيفية تحميل ملف من الانترنت في flutter مع اظهار نسبة التحميل](https://geecoders.com/flutter-html-3/): شرح كيفية تحميل ملف من الانترنت في flutter مع اظهار نسبة التحميلفي هذه المقالة سوف نشرح كيف تقوم بتحميل اي ملف من الانترنت مع تحديد نسبة التحميل اثناء تحميل الملف ومعرفة النسبة المئوية التي وصل لها الملف اثناء تحميله كما نشاهد في باقي مواقع التواصل الاجتماعي او التطبيقات التي بها ملفات تحتاج الى التحميل وكل هذا سوف يكون من خلال هذه المقالة فيجب عليكم متابعة المقالة الى النهايه حتى لا يحدث معكم اي مشاكل اثناء استخدام المكتبة واثناء استخدام الكود والامر بسيط جدا عليكم في البداية استعامل مكتبة dio و path لتحويل مسار الملف الى مسار معين بداخل جهازك . [&hellip;]
- [شرح تخزين اي نوع بيانات من الانترنت في cache داخل تطبيقك في Flutter](https://geecoders.com/downloading-uploading-html/): شرح تخزين اي نوع بيانات من الانترنت في cache داخل تطبيقك في Flutterفي هذه المقالة سوف نشارك معكم طريقة لتخزين البيانات التي يتم الحصول عليها من الانترنت سواء كنت تستخدم firebase او api فيمكنك من خلال هذه المكتبة تخزين البيانات التي ترغب بها بمختلفف الاشكال في الذاكرة المؤقته في جهازك حتى تتمكن من فتحها في حالة عدم وجود الانترنت بسهوله , يوجد اكثر من طريقة تستطيع من خلالها تنفيذ هذه العملية ولكن هذه الطريقة تعد الابسط حيث انها عباره عن مكتبة كل ما تحتاجه فقط هو الرابط وبعدها سوف يتم التعامل معه وايضا يمكنك وضع مده معينه للتحميل وبعدها يتم [&hellip;]
- [تحمل ورفع ملف من الانترنت مع اظهار شريط التحميل اثناء التحميل و الرفع في flutter](https://geecoders.com/download-html-2/): تحمل ورفع ملف من الانترنت مع اظهار شريط التحميل اثناء التحميل و الرفع في flutterفي هذه المقالة سوف نشرح معكم كيف تقوم بامكانية رفع وتحميل ملف باستخدام api مع اظهار نسبة الرفع او حتى نسبة التحميل مع اظهار notification يوضح حالة التحميل او الرفع الخاصه بالعنصر الذي قمت بعمله كما هو موضح بالصورة الخاصه بالمقالة وهذا الامر بسيط جدا وكل شيئ موجود بداخل مكتبة dio فلن نحتاج الى اي مكتبات خاريجة اخرى سوا local notification حتى نعرض الاشعار ولكن اذا لم تكن تريد عرض اشعار وفقط تريد عرض شريط في التطبيق يوضح حالة الملف فيمكنك ذلك بدون استخدام مكتبة الاشعارات [&hellip;]
- [شرح قراءة ملف json من الassets في Flutter وعرضه || How to read json file from assets in Flutter project](https://geecoders.com/blog-post-html-9/): شرح قراءة ملف json من الassets في Flutter وعرضهفي هذه المقالة سوف نشرح معكم كيف تقوم بقراءة ملف json موجود في ال assets الخاصه بك في flutter وكيفية عرض المحتويات من خلال هذا الملف بكل سهوله والامر بسيط جدا وقد سبق وقدمنا لكم نفس هذه الفكرة تماما في تطوير تطبيقات الاندرويد باستخدام لغة java ولكن اليوم سوف يكون من خلال flutter وسوف نقدم لكم اكثر من شكل حتى تكون قادر على فهم الطريقة بصورة اكبر ولكي لا يحدث  معك اي مشاكل مستقبلية باذن الله اثناء تطوير التطبيق الخاص بك والامر بسيط جدا كل ما عليك هو التركيز في المقالة جيدا [&hellip;]
- [كيفية استخدام Container في Flutter لإنشاء تخطيطات جميلة ومريحة](https://geecoders.com/container-flutter-html/): تصميم Container مخصص في Flutterفي هذا المقال سوف نقوم بتخيصيص شكل معين لل Container في فلاتر حتى يظهر للمستخدم بشكل مختلف مثل الايقونات الخاصه باجهزة السامسونج نلاحظ ان العناصر تحتوي على Container  ولكنها بشكل مختلف قليلا وفي هذه المقالة سوف نشارك معكم الشكل الذي يوجد باخلها حتى تتمكن من استخدامه في تطبيقك بدون اي مشاكل تماما وبدون تعقيد وسوف نقوم بشرح كيف تقوم بتوليد اي شكل مخصص ترغب به في تطبيقك بفلاتر بدون اي مشاكل وكل هذا يكون من خلال هذه المقالة ما الذي يجعل Flutter فريدًا جدًا؟ تعد القدرة على تطوير تطبيقات عبر الأنظمة الأساسية من قاعدة بيانات واحدة [&hellip;]
- [تحويل الارقام من انجليزي لعربي بلغة الjava](https://geecoders.com/blog-post_30-html-3/): شرح كيفية التحويل الارقام العربية الى انجليزيه في الاندرويد ستوديوفي هذا المقال سوف نشرح لكم كيف تقوم بامكانية تحويل الارقام العربيه الى الانجليزيه بلغة الجافا في تطوير تطبيقات الجوال , كما نعلم ان البرنامج يفهم منا اللغات الانجليزية والاكواد تكون بالانجليزي , وكان من احد المشاكل التي كنت اقابلها هو اني عندما اقوم بتشغيل التطبيق الخاص بي على اجهزة مختلفه الاحظ ان بعض الاكواد يتم قرائتها باللغه العربيه (الارقام) وكان هذا يسبب مشكلة لي في تنفيذ بعض الوظائف والحل كان بسبب ان الارقام تكون عربي ويجب ان تكون باللغة الانجليزية لكي لا يحدث مشاكل ولهذا اردت كتابة هذه المقالة لكي [&hellip;]
- [شرح كيفية الانتقال الى عنصر معين داخل الrecyclerView وتغيير العناصر بشكل تلقائي](https://geecoders.com/recyclerview-html-2/): شرح كيفية الانتقال الى عنصر معين داخل الrecyclerView وتغيير العناصر بشكل تلقائيفي هذا المقال سوف نشرح لكم كيف تقوم بالانقال الى عنصر معين بداخل ال recyclerView وكما نعلم انها عباره عن list يتم تصميمها على الشكل الذي نرغب بعرضه وفي هذه المقال سوف نشرح لكم كيف تقوم بالانقال الى عنصر معين من داخلها بكل سهوله وذلك يكون عن طريق امر بسيط يتم وضعه بالتطبيق الخاص بك ويسمح لك بالانقال الى اي عنصر ترغب به كما سوف نلاحظ في الجزء التالي , وهذا القسم مختص بدروس الrecyclerView بلغة الجافا والتعامل معها لنسهل عليكم عناء البحث . Android Studio هو IDE الرسمي [&hellip;]
- [شرح عمل Timer في الBackground بإستخدام android studio](https://geecoders.com/timer-background%20-html-2/): شرح عمل Timer في الBackground بإستخدام android studioكما نعلم ان الاغلب يبحث على طرق للتعامل مع التطبيق في حالة الBackground اي ان التطبيق يكون يعمل في الخلفيه لتنفيذ امر معين ويمكنك تنفيذ ذلك عن طريق احدى الطرق والتي من اشهرها الworkmanager والتي قمنا بشرح بشكل مبسط لكم في موقعنا المتواضع , واليوم سوف نشرح لكم كيف تقوم بعمل timer يعمل حتى في الخلفيه بمعنى تضع بداخله امر معين ويستمر بالعمل حتى في حالة اغلاق التطبيق وكل هذا سوف يكون عن طريق التالي الذي نقدمه لكم بشكل مجاني من اجل مساعتدكم في انجاز الاعمال بشكل اسرع . Android Studio هو IDE [&hellip;]
- [شرح استخدام StreemBuilder في Flutter](https://geecoders.com/blog-post_18-html-2/): شرح استخدام StreemBuilder في Flutterفي هذا المقال سوف نشرح معكم فكرة عمل StreemBuilder وكيف تقوم بعمل استريم في التطبيق الخاص بك في flutter وهو عنصر مهم عليك معرفته والتعلم عليه وفي هذا الدرس سوف نشرح لكم الفكرة بكل سهوله وغالبا تستخدم مع تطبيقات الشات والمحادثات حيث نحتاج معرفة الشخص الذي يرسل ويستقبل الرساله وهذا الامر مهم جدا بحيث انه ليس من المنطقي تحديث الصفحة حتى تظهر الرسائل الجديده بل يكون هناك حل لاستقبال الرسائل دون تحديث الصفحة وهذه فكرة ال streem . Flutter عبارة عن حزمة SDK أمامية لأنها تجمع بين عناصر واجهة المستخدم ومنطق الأعمال. على الرغم من أن [&hellip;]
- [كيفية عمل نص قابل للضغط في فلاتر || How to make compressible text in Flutter](https://geecoders.com/compressible%20text-html/): كيفية عمل نص قابل للضغط في فلاتر || How to make compressible text in Flutterفي هذا الجزء سوف نشرح لكم كيف تقوم بعمل نص قابل للضغط وتنفيذ اي امر ترغب به على هذا النص بكل سهوله , ويمكنك من خلال المكتبة التي نقدمها لكم اليوم تنفيذ الامر المراد بكل سهوله , كما نشاهد في معظم التطبيقات ان بعض النصوص التي تحتوي على صيغة معينه في الكتابة تدل على شيئ معين مثل اسم المستخدم الخاص بالعميل يبدء ب@ والهشتاج يكون عباره عن # والروابط تنتهي بصيغة معينه سواء .com او غيره فكل عنصر له طريقة معينه في الصياغة وهذه المكتبة توفر [&hellip;]
- [كيفية الانتقال الى اي تطبيق موجود في هاتفك باستخدام Flutter](https://geecoders.com/blog-post_12-html-3/): كيفية الانتقال الى اي تطبيق موجود في هاتفك باستخدام Flutterعندما يكون لديك اكثر من تطبيق وتريد الربط بينهم اول اذا كنت تريد ان تقوم بجعل المستخدم ينتقل الى تطبيق اخر في هاتفك يمكنك ذلك بكل سهوله وكل هذا سوف يكون من خلال هذه المكتبة التي نقدمها لكم اليوم والتي يمكنها ان تجعل امكانية التنقل بين التطبيقات امر بسيط وذلك يكون عن طريق وضع ال packge name الخاص بالمكتبة وكل هذا سوف نتعرف عليه في هذه المقالة والامر بسيط جدا كل ما عليك فعله اولا هو تثبيت المكتبة في مشروعك وبعدها تابع الشرح . تم إنشاء تقنيات جديدة ، بما في [&hellip;]
- [كيفية اضافة صور 3D الى تطبيقك في فلاتر | How to Add 3d Images in Flutter project](https://geecoders.com/add-3d-object-html/): كيفية اضافة صور 3D الى تطبيقك في فلاتر | How to Add 3d Images in Flutter projectكما نعلم ان الصور ال3d والتي يمكنك تحريكها والتحكم بها في flutter يعد امر معقد لدى البعض ولكن في هذه المقالة سوف نشارك معكم كيف تقوم بتنفيذ هذه الصور في مشروعك باسهل طريقة حيث في هذه المقالة سوف نقدم لكم طريقتين الاولى تعتمد على رفع الصورة على احد المواقع المخصصه في تصميم ال3d والثانيه تعتمد على الصورة ويجب ان تكون قابلة للتحريك وبالاخص صيغة glb وهي الصيغ التي تدعم التحريك وال3d وتكون ناتجه من احد البرامج المخصصه في التصميم 3d . عادة ، من [&hellip;]
- [كيفية اضافة خاصية كود الكابتشا في تطبيقك فلاتر | Add captcha code in flutter project](https://geecoders.com/captcha-code-in%20flutter-html/): كيفية اضافة خاصية كود الكابتشا في تطبيقك فلاتريتم استخدام كود الكابتشا  في كثير من الاحيان في معظم التطبيقات للتاكد من ان المستخدم ليس عباره عن ربوت بل شخص حقيقي وذلك يكون عن طريق وضع له مجموعه من الارقام والحروف والتي يطلب منه ان يقوم بكتابتها بشكل صحيح وبعد كتابتها يتم بعد ذلك مقارنة الاجابة بالكلمات التي قام النظام بوضعها واذا كانت صحيحه سوف يخرج له ان العميله صحيحه وينقله الى صفحة اخرى واذا كانت خاطئه سوف يجعله يقوم بإعادة كتابة الكود مره اخرى للتاكد من انه غير مزيف وهذه هيا الفكرة من كود الكابتشا  وفي هذا المقال سوف نشرح لكم [&hellip;]
- [تصميم image swipe لتحريك الصورة في اي مكان على الشاشه وارجعها لمكانها الاصلي Flutter](https://geecoders.com/imagw%20swipe-html/): تصميم imagw swipe لتحريك الصورة في اي مكان على الشاشه وارجعها لمكانها الاصلياذا كنت تريد ان تجعل تطبيقك مختلف عن باقي التطبيقات فعليك دائما ان تجعله مميز عن طريق اضافة الانميشن للتطبيق وفي هذا المقال نقدم لكم كيف تستطيع اضافة عنصر يمكنك تحريكه الى اي مكان في الشاشه ومن ثم يرجع الى مكانه الاصلي مع بعض الانميشن التي تجعله جميل , كل ما عليك فعله هو نسخ الاكواد الموجود بالاسفل ولصقها لديك في التطبيق ووهذه الاكواد لا تحتاج الى اي مكتبات خارجية فقط سوف يكون كل شيئ عن طريق الاكواد البرميجة فقط . كان Flutter موجودًا منذ أن أطلقته Google [&hellip;]
- [إنشاء صفحة انتظار الى الانتهاء من تحميل الصفحه في فلاتر](https://geecoders.com/page-do-html/): إنشاء صفحة انتظار الى الانتهاء من تحميل الصفحه في فلاترفي هذا الدرس سوف نقوم معكم بإنشاء صفحة للانتظار وتكون هذه الصفحه عباره عن انميشن يظهر لمدة عدد معين من الثواني وبعدها يكتمل الانميشن ويتم نقل المستخدم الى الصفحه الاخرى التي يرغب بالانقال الليها , هذا الانميشن يجعل من تطبيقك افضل وذلك لانه بسيط ويحتوي على كثير من التفاصيل الجميله التي تحسن من شكل التطبيق كما هو موضح بالصورة الخاصه بالمقال , يمكنك استخدام الانميشن في تطبيقك اذا كان التطبيق يحتوي على صفحات تحتاج الى التحميل من الانترنت والانتظار وهذا الامر سوف يحسن من شكل تطبيقك ويمكنك تغيير الالوان او التصميم [&hellip;]
- [تصغير عناصر appbar اثناء scroll في فلاتر || add animation to items Appbar in Flutter](https://geecoders.com/blog-post-html-28/): تصغير عناصر appbar اثناء scroll في فلاتركما نعلم ان الانميشن هيا اساس نجاح معظم التطبيقات التي تنافس في السوق ويتميز فلاتر بوجود عدد كبير جدا من المكتبات التي تساعدك في عملية تنفيذ الانميشن الخاص بك بسهوله تامه وايضا الامر لا يقتصر على المكتبات فيمكنك تصميم الانميشن الذي ترغب به بكل سهوله بدون اي تعقيدات ولكن عليك ان تكون ملم بأليه عمل الانميشن والعمليات الحسابيه وفي هذا القسم نختص معكم بمساعدتكم في تنفيذ الانميشن الذي ترغب به بكل سهوله وبدون اي تعقد تماما يمكنك من خلال مقالة اليوم ان تقوم بتصميم appbar مع وجود صورة بالاعلى بداخله وعند النزول الى الاسفل [&hellip;]
- [تحويل النص الى صوت بإستخدام فلاتر يدعم اللغه العربيه والانجليزية](https://geecoders.com/texttosound-html/): تحويل النص الى صوت بإستخدام فلاتر يدعم اللغه العربيه والانجليزيةفي هذا المقال والذي يعد من دروس الذكاء الاصطناعي باستخدام تفنية flutter سوف نقدم لكم شرح لكيفية تحويل النص الى صوت بمعنى ان تقوم بكتابة اي اسم تريدة وبعدها انقر على تشغيل لكي يتم تشغل الصوت بالكلمات التي قدمت بكتابها مع امكانية اختيار لغة للصوت سواء كان الصوت باللغه الانجليزية او العربيه والامر بسيط جدا فيوجد مكتبة من مكتبات فلاتر تقوم بتنفيذ هذه العملية لنا بكل سهوله وفي هذ المقال سوف نشرح لكم كيف تقوم بتنفيذها بكل سهوله لديك في تطبيقك . سواء كنت تستهدف iOS أو Android ، أو الويب [&hellip;]
- [شرح كيفية قراء ملف text في فلاتر || How to read text file in Flutter project](https://geecoders.com/read-text-flutter-html/): شرح كيفية قراء ملف text في فلاتر || How to read text file in Flutter projectفي الدروس السابقة شاركنا معكم كيف تستطيع قراءة ملفات  json من داخل ملفات المشروع الخاص بك بكل سهوله والامر لا يختلف كثيرا في قراءة ملف نصي بداخل الflutter فهي نفس الطريقة تقريبا ولكن يمكنك تخصيص النص او حتى قطع النص عند جزء معين او غيره وكل هذه الامور بسيطه جدا وسوف نقوم بعمل list of string لكي نضع بها النصوص الموجوده في الملف النصي وايضا تستطيع ادرجها كلها في نص واحد ولا تحتاج الى list ولهذا وجب علينا شرح الطريقة حتى تتمكن من تنفيذها في [&hellip;]
- [كيفية التعامل مع ارجاع الخطأ من API في تطبيقات Flutter](https://geecoders.com/blog-post_26-html/): كيفية التعامل مع ارجاع الخطأ من API في تطبيقات Flutterفي بعض الاحيان واثناء عملك في تطوير التطبيقات التي تعمل عليها باستخدام Api قد يرجع لك خطأ ونوع الخطأ يكون عباره عن كود ونص وفي حالة ارجاع المعلومات يتم رجوع لك list of Data ولحل هذه المشكلة تحتاج الى ارجاع اكثر من نوع بيانات في حالة النجاح او الفشل ويوجد اكثر من طريقة للتعامل مع هذه العمليه وفي هذه المقالة سوف نشرح لكم مكتبة بسيطه جدا وهيا eitherx والتي سوف تساعدك في حل هذه المشكلة وتخطيها .add package :eitherx: ^1.0.4ما تقدمه مكتبة eitherx ؟المكتبة تسمح لك بارجاع اكثر من نوع من البيانات مثلا [&hellip;]
- [تغيير شكل ايقونات التطبيق الى اشكال جميلة بدون مكتبه في Flutter iconsax](https://geecoders.com/blog-post_24-html-6/):  تغيير شكل ايقونات التطبيق الى اشكال جميلة بدون مكتبه في Flutter iconsaxكما نعلم ان الايقونات لها تاثير كبير جدا في شكل تطبيقك ولهذا عليك دائما بان تقوم بالاهتمام بالايقونات التي تقوم بإختيارها في تطبيقك الذي تعمل عليه ونحن في موقعنا نحاول تقديم لكم دائما احدث الايقونات والاضافات التي تساعدك بشكل كبير في تحسين مظهر تطبيقك وتحسين الاداء وقد سبق وشاركنا معكم الكثير من الايقونات التي تحسن من تطبيقك وما زلنا نقدم لكم ايقونات وفي هذا المقال نشارك معكم مجموعه من الايقونات الجميله التي يمكنك استعاملها في تطبيقك بسهوله كل ما عليك هو تحميل ملف الاكواد التي توجد بداخل التطبيق . [&hellip;]
- [انميشن للانتقال بين الصفحات يجعل من تطبيقك تحفه فنية في فلاتر](https://geecoders.com/animation-_01203029960-html/): انميشن للانتقال بين الصفحات يجعل من تطبيقك تحفه فنية في فلاتردائما نحاول ان نساعدكم في جعل تطبيقاتكم تكون مميزه ومختلفه عن باقي التطبيقات الموجوده في السوق وفي هذا القسم نختص بالانميشن والمؤثرات التي تحسن من شكل التطبيق وفي مقالة اليوم سوف نشرح لكم كيفية الانتقال الى صفحة جديده في فلاتر بطريقة جديده ومختلفه , وسوف نحتاج الى مكتبة تعد من اقوى المكتبات في فلاتر وهيا animations وهيا المسؤوله عن اضافة انتقالات رائعه لتطبيقك , يمكنك اتباع الشرح التالي وسوف تستطيع من خلاله انشاء الشكل الذي ترغب به في تطبيقك بسهوله جدا . توجد اطارات عمل مشتركة بين الأنظمة الأساسية مثل [&hellip;]
- [شرح إضافة تاثير على list في Flutter لعمل animation حركي اثناء scroll](https://geecoders.com/animation-list-html/): شرح إضافة تاثير على list في Flutter لعمل animation حركي اثناء scrollفي هذا المقال سوف نشرح لكم كيف تقوم بعمل animation جميل على ال list في flutter بطريقة بسيطة جدا وسهله ويمكن لاي شخص استعمالها في تطبيقه حتى ينفذ التصميم الذي يرغب به بكل سهوله , فكل ما عليك فعله لتنفيذ هذه العملية هو استخدام ال CustomScrollView ومنها سوف نقوم بعمل انميشن على ال list والامر بسيط ويمكنك نسخ الكود والتعديل عليه بشكل مباشر بدون مشاكل وايضا يوجد اكثر من شكل يمكنك تنفيذه موجود بنفس الكود الموجود بالاسفل حتى نسهل عليك عملية التنفيذ . غالبًا ما تكون لغة Dart من [&hellip;]
- [شرح كيفية عمل dynamic link في Flutter باستخدام firebase](https://geecoders.com/dynamiclink-html/): شرح كيفية عمل dynamic link في Flutter باستخدام firebaseمعظم التطبيقات تستخدم dynamic link وهذا عباره عن توليد رابط لاحد المنشورات او المنتجات الخاصه بك واي شخص يقوم بالنقر على الرابط ينتقل الى رابط العنصر في تطبيقك واذا لم يكن التطبيق موجود في هاتف المستخدم سوف ينتقله الى رابط التطبيق على متجر جوجل بلاي او حتى تحويله على اي صفحة على الانترنت لكي يقوم بتحميل التطبيق الخاص بك وبعدها يستطيع استخدامه بدون مشاكل , وهذا الدرس من اهم الدروس التي على جميع المحترفين تطبيقها بشكل جيد لانها مهمه جدا . سواء كنت تستهدف iOS أو Android ، أو الويب ، أو [&hellip;]
- [شرح كيفية تقسييم البيانات اثناء عرضها من الfirebase في فلاتر | pagination with firebase in Flutter](https://geecoders.com/pagination-firebase-html/): شرح كيفية تقسييم البيانات اثناء عرضها من الfirebase في Flutterكما نعلم ان تقيمة البيانات او pagination مهم جدا اذا كان لديك بيانات كبيره ولهذا عليك ان تتعلم كيف تقوم بتقسيم البيانات وبعد هذا الدرس سوف تستطيع تقسيم البيانات سواء firebase او غيره بطريقة بسيطه جدا وسوف نقوم بعرض البيانات عندما يقوم المستخدم بالوصول الى نهايه الصفحه وبعدها نقوم بعرض بيانات جديده له كما هو موضح بالصورة الخاصه بالمقال , وسبق وقدمنا لكم شرح لكيفية تقسيمها ولكن كان باستخدام api ويوجد بعض ال backend يوفر عليك الوقت ويقوم بتقسيم لك البيانات وكل ما عليك هو استدعائها فقط . هل تريد تطبيقًا [&hellip;]
- [كيفية عمل filter للعناصر اثناء عرضها من الfirebase اكثر من مره](https://geecoders.com/flutter-search-html/): كيفية عمل filter للعناصر اثناء عرضها من الfirebase اكثر من مرهفي طبيعة الحال اذا كنت تريد عرض بيانات مخصصه من firebase بنستخدم where (اذا لم تكن تعرف بها من قبل فيمكنك رجوع الى المقالات السابقه في موقعنا والتعرف عليها) , بتكتب اسم الfield وتكتب isEqualTo وتقارن اذا كانت البيانات تحتوي على البيانات التي تبحث عنها فيقوم بعرضها , مثال بسيط على ذلك isEqualTo furniture وايضا تريد تخصيص نوع المنتجات لذلك سوف تكتب ايضا اللون المخصص isEqualTo red وبهكذا اخبرته ان يقوم بعرض المنتجات الخاصه بالاثاث وليس هذا فقط بعد ان تنتهي احضر لنا المنتجات ذات اللون الاحمر , ولهذا بنستخدم [&hellip;]
- [كيفية البحث في firebase باستخدام فلاتر || How to search in firebase using filters](https://geecoders.com/blog-post_12-html-4/): كيفية البحث في firebase باستخدام فلاتر || How to search in firebase using filtersعندما يكون لديك بيانات كبيره نسبيا في ال firestore لديك تحتاج ان تقوم بإضافة امكانية لعمل search وفي هذا الدرس سوف نشرح كيف تقوم بإضافة بحث بداخل ال firebase بدون مشاكل , وتعد عملية البحث من اكثر الخصائص التي يبحث عنها الكثير ونحن في هذه السلسلة نشرح لكم كل ما يتعلق بال firebase بحيث تكون قادر على بناء تطبيق كامل بدون مشاكل بإستخدام firebase فقط , وتعد عملية الsearch بسيطة جدا مثل عرض البيانات وغيرها . يمكنك إنشاء تطبيقات عبر الأنظمة الأساسية باستخدام Flutter التي تعمل على iOS [&hellip;]
- [تسجيل الدخول باستخدام رقم الهاتف وارسال رمز otp للرقم](https://geecoders.com/otp-firebase-html/): تسجيل الدخول باستخدام رقم الهاتف وارسال رمز otp للرقمكثير من المطورين يرغب بان يقوم بإمكانية اضافة رمز مكون من 6 ارقام يتم ارساله الى هاتفك ومن خلال هذا الرمز يتم التاكد من صفحة الرقم عن طريق ادخاله كما هو متعارف عليه , وفي هذا المقال سوف نشرح لكم كيف يتم تنفيذ هذه العمليه بإستخدام Fluttert مع خدمة firebase القوية والغنيه عن التعريف , سوف نشرح لكم كيف يتم ارساله رمز otp وايضا التاكد من ان الرمز الذي قام المستخدم بإدخاله صحيح وذلك سوف يكون عن طريق مقارنة الرمز المدخل بالرمز المرسل وبناء على الاجابة سوف يتم اتخاذ الاجراء المناسب . [&hellip;]
- [التاكد من وجود doc في Flutter بإستخدام الفايربيز](https://geecoders.com/check-doc-html/): التاكد من وجود doc في Flutter بإستخدام الفايربيزهذا الدرس يعتبر قريب جدا من الدرس السابق ولكن سوفف نقوم هنا بمعرفة هل يوجد doc معين بداخل ال firebase لديك في مشروعك ام لا وهذا عباره عن معرفة collection في المشروع وال collection عباره عن ملف يحمل بداخله مجموعة من الdocs المتنوعه والتي يمكنك استخدامها ويكون لكل عنصر منهم id معين يمكنك من الوصول الى الملف والبيانات التي بداخله . تعتبر تطبيقات الهاتف المحمول حاسمة في هذه الظاهرة حيث تتوسع الرقمنة بسرعة. قد يجد المستهلكون حلولًا لكل ما يحتاجون إليه ، من الخدمات المصرفية عبر الهاتف المحمول إلى التسوق. تتطلب كل شركة [&hellip;]
- [كيفية التاكد من وجود collection او id معين في Firebase](https://geecoders.com/blog-post-html-24/): كيفية التاكد من وجود collection او id معين في Firebaseاستكمالا لسلسلة دروس الفايربيز باستخدام flutter نقدم لكم اليوم درس جديد حول معرفة اذا كان هناك collection معين موجود ام لا في المشروع الخاص بك , وهذا الكود سوف تحتاجه بشكل كبير جدا في مشاريعك لمعرفة id معين او اسم منتج معين وبناء عليه تقوم بتنفيذ عميلة وكان الكود الذي احتاجه هو معرفة اذا كان هناك collection معين موجود ام لا واذا كان موجود احصل على بيانات من داخله واذا لم يكن موجود اقوم بتوليده وتوليد بعض البيانات داخله لتنفيذ امر معين في التطبيق الذي اعمل عليه . عادة ، من [&hellip;]
- [شرح كيفية تسجيل الدخول بإستخدام Google في تطبيقات Flutter](https://geecoders.com/google-html/): شرح كيفية تسجيل الدخول بإستخدام Google في تطبيقات Flutterتعد طرق التسجيل بنقره واحده من اشهر العمليات المستخدمه بشكل كبير جدا في الفتره الحاليه وفي هذا المقالة سوف نشرح لكم كيف تقوم بعملية تسجيل الدخول من خلال حسابك الخاص بجوجل والطريقة بسيطه جدا وسوف نساعدك على تخزين المعلومات الخاصه بك ايضا كل ما عليك فقط هو متابعة المقالة الى النهايه مع التركيز جيدا لضمان عدم حدوث اي مشاكل اثناء عملية التنفيذ . add packagegoogle_sign_in: ^5.4.0connect app with firebase and google authفي الخطوة الاولى سوف نحتاج ان نقوم بربط التطبيق الخاص بنا على الفايربيز مع مراعاة ادخال الsh1 والتي سبق وشرحنا لكم [&hellip;]
- [كيفية عمل تركيز على عنصر واخفاء باقي عناصر التطبيق عند النقر بشكل مطول في تطبيقات Flutter](https://geecoders.com/focusedmenuflutter-html/):  كيفية عمل تركيز على عنصر واخفاء باقي عناصر التطبيق عند النقر بشكل مطول في تطبيقات Flutterفي بعض التطبيقات التي نستعملها نشاهد وجود خاصيه رائعه وهيا انه عند النقر على اي عنصر يظهر لك قائمه بها الخصائص التي تريد استعمالها وايضا الامر لا يقتصر على ذلك فقط بل يمكنك عمل تاثير الشفافيه او الضبابيه كما يطلق عليه البعض منكم على باقي عناصر التطبيق حتى لا تظهر وتكون بشكل Blur ويكون العنصر الذي تم النقر عليه مطول هو الوحيد الذي يظهر فقط . add package :focused_menu: ^1.0.5كيفية استعمال مكتبة focused_menuبعد تثبيت المكتبة سوف تاتي لاي عنصر داخل list على سبيل المثال او [&hellip;]
- [شرح استخدام FutureBuilder في Flutter](https://geecoders.com/blog-post_29-html/): شرح استخدام FutureBuilder في Flutterفي هذا المقال سوف نشرح لكم كيف يمكنك استخدام FutureBuilder باسهل طريقة وكما نعلم ان flutter تسهل علينا اعادة بناء ال widget بكل سهوله , وفي هذا المقال سوف نشرح لكم خاصية FutureBuilder وهيا من الخواص التي عليك التعرف عليها واستخدامها في تطبيقك لتفادي كثير من المشاكل وايضا لكسب افضل اداء لتطبيقك بدون مشاكل وفي المقالات القادمه سوف نشرح لكم فكرة ال stream ايضا حتى تكون قادر على بناء تطبيقاتك بافضل صورة بدون اعطال . تعتبر تطبيقات الهاتف المحمول حاسمة في هذه الظاهرة حيث تتوسع الرقمنة بسرعة. قد يجد المستهلكون حلولًا لكل ما يحتاجون إليه ، [&hellip;]
- [تشفير الكلام والنصوص في فلاتر || Encrypt speech and text in Flutter](https://geecoders.com/blog-post_27-html-2/): تشفير الكلام والنصوص في Flutter || Encrypt speech and text in Flutterاصبحت عملية التشفير مهمه جدا لاي تطبيق موجود على المتجر لكن مجال الاختراق اصبح منتشر بشكل كبير جدا وعلى المبرمجين الاهتمام بالتشفير في تطبيقاتهم حتى لا يتم اختراق التطبيق الخاص بك وتسريب البيانات من داخله ويوجد طريقة تشفير متعارف عليها بشكل كبير وهيا codeUnitAt وهيا عن طريق تحويل النص الى مجموعه من الشفرات التي لا يفهمها سوى الحاسب الخاص بك ولكن مشكلة الطريقة ان كل رمز مخصص لها رموز معينه والطريقة الاخرى وهيا انك تقوم بتحويل الحروف او الكلمات الى رموز لا يفهمها احد غيرك ويمكنك من خلالها تحويل النص [&hellip;]
- [تحسين مظهر تطبيقك عن طريق تغيير الايقونات الافتراضيه بايقونات اخرى خارجية بجوده svg](https://geecoders.com/icons-style-html/): تحسين مظهر تطبيقك عن طريق تغيير الايقونات الافتراضيه بايقونات اخرى خارجية بجوده svgفي هذا المقال سوف نشارك معكم مجموعه من اجل الايقونات التي يمكنك استخدامها في تطبيقك من اجل تحسين المظهر العام للتطبيق وهذه الايقونات رائعه وهيا مجموعه كامله يمكنك الاعتماد عليها في تطبيقك وتضمينها بداخله بكل سهوله وسبق وشرحنا لكم كيف تقوم بتضين الصور بصيغة svg لتطبيقك والامر يتعلق بمكتبة svg التي توجد على موقع pub dev وهو الموقع الشهير والذي يحتوي على مكتبات flutter التي يمكن للمستخدمين الاعتماد عليها , يمكنك تحميل الايقونات من الرابط ادناه وبعدها تقوم بوضعها بداخل ملف assets والبدء في استخدامها بدون مشاكل في [&hellip;]
- [شرح كيفية تخزين list string في shared preferences في Flutter](https://geecoders.com/blog-post_23-html-4/): شرح كيفية تخزين list string في shared preferences في Flutterيواجه كثير من المبرمجين مشكله اثناء تخزين list كامل في قاعة البيانات المحليه للتطبيق الخاص بهم في ال shared preferences ولكن المشكلة التي تقابلهم ان ال shared preferences لا يدعم امكانية تخزين list بل يقبل فقط string , imt . double اي يقبل فقط اشياء فرديه ولكن هل يوحد مشكلة اذا قمت بتحويل ال list الى string وتخزينها ؟ في الواقع لا يوجد اي مشكلة تماما وفي هذا الشرح سوف نشرح لكم كيف تقوم بتخزين ليست كامل في ال shared preferences بدون اي مشاكل . عادة ، من وجهة نظر المطور [&hellip;]
- [ترجمه التطبيق الخاص بك بشكل كامل لاكثر من لغة باستخدام google translate في تطبيقات Flutter](https://geecoders.com/google%20translateflutter-html/): ترجمه التطبيق الخاص بك بشكل كامل لاكثر من لغة باستخدام google translate في تطبيقات Flutter وضع اكثر من لغة داخل تطبيقك اصبح امر مهم جدا جدا في تطبيقات الجوال بحيث يجلب لك عدد كبير من المستخدمين لتطبيقك وتحسين الترافيك لديك وجعل تطبيقك قادر على استيعاب اكبر عدد من المستخدمين ويوجد اكثر من طريقة لترجمه واضافة اكثر من لغة لتطبيقك وفي هذه المقالة سوف نشرح لكم واحد من هذه الطرق الشهره وهيا بواسطة استخدام google translate وهيا عباره عن مكتبة موجوده لديك في pub dev نشاركها معكم اليوم .add package :translator: ^0.1.7خطوات استعامل مكتبة translator في تطبيقات فلاتر .بعد تثبيت المكتبة يمكنك [&hellip;]
- [كيفية استعادة مشروع Firebase تم حذفه عن طريق الخطأ](https://geecoders.com/blog-post_19-html-3/):  كيفية استعادة مشروع Firebase تم حذفه عن طريق الخطأفي هذا المقال نشرح لكم بشكل مبسط كيف تقوم باستعادة مشروع Flutter تمت عملية حذفه عن طريق الخطأ كما حدث معي , الامر بسيط جدا وهو لان فايربيز تخبرك بان عملية الحذف بشكل نهائي سوف تستغرف 30 يوم وفي خلال هذه المده يمكنك استعادة المشروع الخاص بك وهنا سوف نشرح لكم كيف تقوم بالاستعادة بكل سهوله . خطوات استعادة مشروع فايربيز محذوفكل ما عليك هو الانتقال الى console.cloud.google هو الانتقال الى البريد الخاص بك وسوف تلاحظ ظهور رساله لك من firebase تخبرك بان المشروع تم حذفه ويمكنك استعادة من خلال النقر على استعادة [&hellip;]
- [شرح كيفية ربط مشروع Flutter بـ CLI مع حل جميع المشاكل التي تقابلك بابسط طريقة](https://geecoders.com/blog-post_17-html-3/):  شرح كيفية ربط مشروع Flutter بـ CLI مع حل جميع المشاكل التي تقابلك بابسط طريقةتعد طريقة cli من الطرق التي ظهرت في الفتره الاخيره والتي تسهل على المبرمجين الكثير من الوقت حيث انها تقوم على مبدأ ربط المشروع الخاص بك بفلاتر باكثر من نظام تشغيل مختلف وظهر هذا المصطلح بعد ظهور فلاتر ودعمها لاكثر من نظام تشغيل ولكي تستعملها على الانظمه المختلف سوف تحتاج الى ربطها بالانظمه المختلفه كما هو موضح لدى firebase وفي هذه المقالة سوف نشرح لكم كيف تقوم بربطها باسهل طريقة بدون اي مشاكل باذن الله . تحميل NodeJSسوف تحتاج اولا الى تحميل وتثبيت NodeJS في جهازك [&hellip;]
- [عرض جميع التطبيقات المثبته على جهازك في فلاتر دفعه واحده](https://geecoders.com/blog-post-html-16/): عرض جميع التطبيقات المثبته على جهازك في فلاتر دفعه واحدهاذا كنت تعمل على تطبيق يعرض جميع التطبيقات المثبته على هاتفك فيمكنك استخدام اضافة اليوم لمشروعك فهذه المشكلة سوف تساعدك في عملية عرض جميع التطبيقات التي تم تثبيتها على جهازك , كنت اعمل على تطبيق وكان المستخدم يريد عرض جميع التطبيقات على الهاتف لكي يقوم بقفل تطبيقات معينه برقم سري والامر لم يكن صعب جدا ولكن كان عن طريق كتابة رموز برمجية تعرض التطبيقات الموجوده على الهاتف , لكن هذه المكتبة افضل منهم والسبب يرجع في انها سوف تعرض لك جميع التطبيقات المثبته على هاتفك وايضا الايقونه الخاصه بكل تطبيق على [&hellip;]
- [كيفية التعامل مع datasets في machine learning بلغة python](https://geecoders.com/hard-attack-html/): كيفية التعامل مع datasets في machine learning بلغة pythonتعليم الالة واحد من العلوم الاساسية التي اصبحت منشرة كبير في الاونه الاخيره وقد تلاحظ ان كثير من الشركات تهتم بعلم تعليم الالة وتحتاج هذا الشخص في الشركة الخاصه بهم وهذا العلوم من اكثر العلوم طلبا في سوق العمل الغربي وفي الايام المقبلة قد نشاهدها بكثيرة في الوطن العربي لذلك حاول تعلمه او تحديد technology تذاكرها لها علاقه بالdeveloping لان العالم متجهه الى البرمجة بشكل كبير جدا وقد نشاهد في الايام المقبلة وظائف كثيرة يتم الاستغناء عنها بسبب التطور في البرمجيات , ونحن نشرح لكم في موقعنا الكثير من العلوم البرمجية بشكل [&hellip;]
- [اهم الاختصارات التي عليك معرفتها في برنامج vs code لا غنى عنها](https://geecoders.com/vs-code-html/): اهم الاختصارات التي عليك معرفتها في برنامج vs code لا غنى عنهايعد برنامج مايكروسوفت فيجوال استوديو عبارة عن بيئة من التطوير المتكامله التي يطلق عليها اسم (IDE) حيث تم ابتكاره من قبل الشركة العملاقة مايكروسوفت ، وكان الهدف من تصميم هذا البرنامج هو تطوير برامج الكمبيوتر الخاصة بنظام التشغيل الويندوز ومواقع الإنترنت وتطبيقات الهاتف الجوال نستطيع القول انه كان يهدف الى تطوير مختلف الاشياء. وايضا تتوفر اصدارات هذا البرنامج  Visual Studio بشكلل مجاني من الموقع الرسمي للشركة ، وهذا ما ساعد في انتشار البرنامج بين المطورين والعمل على مختلف انظمة التشغيل مثل Windows و Mac OS و Linux. ما الذي [&hellip;]
- [شرح كيفية تشغيل المشروع الخاص بك على Web باستخدام Flutter](https://geecoders.com/blog-post_14-html-2/): شرح كيفية تشغيل المشروع الخاص بك على Web باستخدام Flutterفي هذه المقالة سوف نشرح لكم كيف تقوم بتشغيل تطبيق الفلاتر الخاص بك على الويب بدون اي مشاكل بالاضافة الى امكانية تخطي مشاكل الانترنت التي قد تواجهها اثناء تشغيل التطبيق الخاص بك على الانترنت وكل هذا سوف يكون من خلال الكود التالي والذي يمنحك امكانية لتفعيل الاعدادات الخاصه بكود الويب لكي يضمن لك عدم حدوث اي مشاكل يمكنك استخدام الكود التالي في Terminal حتى يعمل معك التطبيق بدون مشاكل , ولكن اذا كنت تستخدم الفايربيز فعليك تثبيت المشروع الخاص بك في firebase web ويمكنك الرجوع الى ربط المشروع الخاص بك في [&hellip;]
- [شرح استعامل وسيلة الدفع stripe في فلاتر | payment gateway stripe in Flutter](https://geecoders.com/stripe-html/): شرح استعامل وسيلة الدفع stripe في فلاتر | payment getway stripe  in Flutterكما نعلم ان وسائل الدفع من اكثر الامور التي يتعقد منها مطوري flutter ولهذا نقدم لكم هذه المقالات التي سوف تساعدكم على فهم امكانية الدفع اونلاين في تطبيقك وهذا يعد الدرس الثاني وفي هذا الدرس سوف نستعمل وسيلة الدقع stripe وهيا من وسائل الدفع الشائعه في الولايات المتحدده وجميع طرق الدفع تعمل بنفس المبدأ , عباره عن api تقوم بالتسجيل لديهم ويقدمون لك key خاص بك وهذا يكون بعد تسجيل الفيزا الخاصه بك وجميع البيانات بشكل صحيح وعندما يقوم اي مستخدم بعمل دفع اونلاين يتم تحويله الى الاضافة [&hellip;]
- [معرفة الكلمات السيئه والشتائم في النص وحجبها في فلاتر](https://geecoders.com/detect-profani-html/): معرفة الكلمات السيئه والشتائم في النص وحجبها في فلاترفي هذا الدرس والذي يعد من اهم الدروس التي نقدمها لكم وهو الذي سوف نشرح فيه كيف تقوم بمعرفة الكلمات السيئه والتي تحتوي على شتم وسب وقذف من خلال تطبيقك ويمكنك تجاوز الكلمه او تحويلها الى نجوم او غيره , حيث يوجد مكتبة تقوم لنا بتنفيذ هذه العمليه بكل سهوله وهيا مصممه من اجل تحسين التطبيق وتقليل نسبة الشتم والسب فيه وهذا سوف يكون من خلال المرور على جميع كلمات الرساله وتخطي الكلمة التي بيها شتم ويمكنك من خلال هذه المكتبة التي نقدمها لكم اليوم تنفيذ هذه العمليه بكل سهوله وبدون اي [&hellip;]
- [تصميم bottomBar عن طريق الPainter في Flutter](https://geecoders.com/curve-html/): تصميم bottomBar عن طريق الPainter في Flutterفي هذا الدرس نقدم لكم تصميم جديد للbottomBar من خلال fluttert حيث يمكنك من خلال هذا الدرس تصميم الشكل الذي ترغب به من خلال استخدام اداة painter والتي تمكنك من الرسم في التصميم الخاص بك وفي هذا المقالة سوف نقوم بتصميم bottomBar متميز لتطبيقك , يمكنك استخدام التصميم الحالي او التعديل في التصميم للوصول الى الهدف الذي ترغب به في نهايه الامر القرار يرجع لك . أداة بناء الواجهة التي تستخدم Dart تسمى flutter. من الممكن أيضًا وصفه بأنه إطار عمل Google UI. بالإضافة إلى ذلك ، فهو يستهدف منصات سطح المكتب والجوال وعبر [&hellip;]
- [تركيب الخريطة في تطبيقك وشرح لكيفية الحصول على عنوانك في Flutter](https://geecoders.com/ins-html/): تركيب الخريطة في تطبيقك وشرح لكيفية الحصول على عنوانك في Flutterفي هذا المقال سوف نشرح لكم كيف تقوم بتركيب الخريطة لديك في المشروع الخاص بك بدون مشاكل بشكل بسيط وفي الدروس المقبلة سوف نقوم بشرح لكم خصائص الخريطة وكيفية التعامل معها من البداية حتى الاحتراف وكل هذا سوف يكون في هذه السلسلة التي سبق وقدمنا لكم سلسلة شبيهه لها ولكن كانت بلغة الجافا لتطوير تطبيقات الاندرويد , في هذا المقال سوف نقدمها ولكن ل flutter وسوف يكون بها خصائص كثيره وسوف نتعمق معكم بها حتى تصبح محترف في التعامل مع خرائط جوجل . تعد كيفية تحقيق الأداء الأصلي للتطبيق وكيفية [&hellip;]
- [شرح FCM وارسال اشعارات من الapi الى التطبيق الخاص بك في فلاتر بكل سهوله](https://geecoders.com/fcm-_01076070627-html/):  شرح FCM وارسال اشعارات من الapi الى التطبيق الخاص بك في فلاتر بكل سهولههذا الدرس يعد من اهم الدروس للتعامل مع الفايربيز بارسال الاشعارات وهذا الدرس سوف تحتاجه بشكل كبير جدا وقد لا يخلوا اي تطبيق ضخم من هذا الدرس وهو شرح التعامل مع الfcm with api بكل بساطة اذا كنت تريد ارسال اشعارات معينه للمستخدمين من الapi مثلا عندما يقوم احد الاشخاص بالنقر على الاعجاب او حتى يقوم بإرسال اي رساله لك من اي مستخدم اخر يصلك اشعار هل سالت نفسك كيف تتم هذه العملية بكل بساطة يكون عن طريق الfcm ولكن سوف نقوم بشرحه بكل اختصار . أصبح [&hellip;]
- [كيفية التعامل مع الاشعارات في حالة قفل او تشغيل التطبيق بواسطة firebase](https://geecoders.com/fcm-html/): كيفية التعامل مع الاشعارات في حالة قفل او تشغيل التطبيق بواسطة firebaseفي هذا المقال سوف نشرح لكم كيف يتم استخدام الاشعارات بشكل اكثر تعمق باستخدام تقنية فلاتر الغنيه عن التعريف وبواسطة الfirebase حيث قمنا في الدرس السابق بشرح ارسال اشعار وكيفية استقباله ولهذا عليك مشاهدة الدرس السابق لكي تفهم هذا الدرس بشكل افضل وتحصل على اكبر قدر من الافاده , في هذا الدرس سوف نشرح لكم التعامل مع الاشعارات في مختلف الحالات مثل التعامل معها في حالة كان التطبيق في وضع السكون او تم اغلاقه او كان التطبيق الخاص بك في حالة العمل اي ان المستخدم يستخدمه في الوقت الراهن [&hellip;]
- [شرح كيفية ارسال اشعارات من الفايربيز الى التطبيق في flutter](https://geecoders.com/blog-post_23-html-8/): شرح كيفية ارسال اشعارات من الفايربيز الى التطبيق في flutterفي هذا المقال سوف نشرح لكم كيف تتم عملية ارسال الاشعارات من الfirebase الى التطبيق الخاص بك بكل سهوله والامر بسيط جدا وسوف يتم تغطيته في هذه المقاله ولتنفيذ هذه العمليه سوف نحتاج الى تثبيت المكتبة الخاصه بالفايربيز والمسؤوله عن عملية الارسال والاشعارات وبعدها سوف نحتاج مكتبة اخرى لكي نعرض بها الاشعار وكلا المكتبتين سوف تجدون طريقة التثبيت الخاصه بهم في الجزء التالي كل ما عليك هو نسخ الاكواد ولصقها في المكان المطلوب لكي تتم معك عملية الارسال بشكل صحيح بدون اي مشاكل . Flutter هو تطبيق SDK للجوّال يسمح بإنشاء [&hellip;]
- [كيفية عمل chat في firebase داخل flutter بسهوله](https://geecoders.com/blog-post_21-html-5/): كيفية عمل chat في firebase داخل flutter بسهولهيعد الشات واحد من العناصر التي يتم البحث عنها بشده من قبل المطورين وذلك بسبب ان معظم العملاء يطلبون وجود شات في التطبيقات الخاصه بهم وفي هذا المقال سوف نشرح لكم كيف تقوم بانشاء تطبيق محادثة بسيط في فلاتر بكل سهوله عن طريق خدمة الفايربيز المجانية والتي تسمح لك بعمل سيرفر مصغر لارسال واستقبال البيانات وهذا الدرس تابع لباقي الدروس السابقه التي تساعدنا في انشاء تطبيق مشابه للانستقرام . ستخدم لغة البرمجة Dart في تطبيقات Flutter. تشترك Dart كثيرًا مع اللغات الحالية الأخرى مثل Kotlin و Swift. يمكن أيضًا تحويل Dart إلى كود [&hellip;]
- [كيفية الحصول على جميع مستخدمي التطبيق باستخدام firebase داخل flutter](https://geecoders.com/blog-post_23-html-9/): كيفية الحصول على جميع مستخدمي التطبيق باستخدام firebase داخل flutterاستكمالا لدورة تعلم استخدام الفايربيز بواسطة فلاتر في درس اليوم نقدم لكم كيف تستطيع ان تقوم بعرض جميع المستخدمين الذي يستعملون تطبيقك ونفس قاعدة البيانت التي تعمل عليها بكل سهوله وهذا سوف يكون عن طريق كود بسيط يمر على جميع الاسماء ويعرضها لكم بكل سهوله وهذا الدرس يعد من اهم الدروس التي عليك معرفتها في التعامل مع المستخدمين بكل سهوله والامر في فلاتر ليس بصعب فقط كل ما ينبغي عليك هو التركيز . لطالما كان التطوير عبر الأنظمة الأساسية هدفًا لمطوري التطبيقات ، نظرًا لتنوع أنظمة التشغيل التي تشغل الأجهزة المحمولة [&hellip;]
- [الحصول على جميع المنشورات من الfirebase مع معرفة عدد likes لكل منشور Flutter](https://geecoders.com/blog-post_17-html-2/): الحصول على جميع المنشورات من الfirebase مع معرفة عدد likes لكل منشورفي هذا الدرس سوف نتعرف على كيفية معرفة عدد اللايكات على المنشور وايضا سوف نقوم بعرض جميع المنشورات التي تم نشرها في التطبيق لجميع المستخدمين باستخدام فايربيز وهذا الدرس من دورة بناء تطبيق تواصل اجتماعي باستخدام الفايربيز , اذا كنت قد شاهدت الدروس السابقة فهذا الدرس لن يكون صعب عليك لان معظم الافكار تم شرحها مسبقلا ولكن في هذا الدرس سوف تستعرض معكم اكواد اكثر وطرق تفكير جديده .س تم إنشاء هذه الدورة التدريبية بواسطة Vandad Nahavandipoor. Vlandad هو مطور iOS رائد وخبير مطور في Google. Flutter عبارة عن [&hellip;]
- [شرح كيفية نشر post يحتوي على نص وصورة في firebase بإستخدام فلاتر](https://geecoders.com/share-data-fire-html/): شرح كيفية نشر post يحتوي على نص وصورة في firebase بإستخدام فلاتراستكمالا لدروس الفايربيز سوف نشرح لكم درس جديد اليوم وهو كيفية نشر post داخل التطبيق الخاص بك بإستخدام firebase بكل سهوله اذا كنت قد شاهدت الدروس السابقة فهذا الدرس لن يكون صعب عليك فهو مشابه للدروس السابقة بشكل كبير وسوف نقوم بعمل نشر للبوست مع معرفة نوعه وهل يوجد عليه لايك ام لا وماهو عدد اللايكات وسوف نظهر هذه البيانات في الدرس القادم بإذن الله . تعرف على كيفية إنشاء تطبيقات لنظامي التشغيل Android و iOS باستخدام Flutter ، إطار عمل برمجة الأجهزة المحمولة متعدد الأنظمة الأساسية الرائد من [&hellip;]
- [شرح كيفية نشر صورة على الfirebase بإستخدام flutter](https://geecoders.com/firebase-flutter-html/): شرح كيفية نشر صورة على الfirebase بإستخدام flutterاستكمالا لشروحات التعامل مع firebase بواسطة flutter نقدم لكم اليوم درس جديد واستكمالا للدرس السابق حيث سوف نشرح لكم كيفية نشر الصورة والحصول على العنوان الخاص بها وارسالها الى firestore . تعرف على كيفية إنشاء تطبيقات لنظامي التشغيل Android و iOS باستخدام Flutter ، إطار عمل برمجة الأجهزة المحمولة متعدد الأنظمة الأساسية الرائد من Google. يوضح لك احمد محمود من جي كودرس كيفية النهوض والركض مع Flutter بسرعة وفعالية في هذه الدورة.data model to create user with firebaseكما اخبرناكم انه علينا انشا class يحمل البيانات وهذا الكلاس سوف نجعل بداخله string سوف يعبر [&hellip;]
- [كيفية إنشاء صفحة Register و login في تطبيقات Flutter باستخدام Firebase وتخزين البيانات في firestore](https://geecoders.com/register-login-flutter-firebase-html/): كيفية إنشاء صفحة Register و login في تطبيقات Flutter باستخدام Firebase وتخزين البيانات في firestore استكمالا لدورة التعامل مع الفايربيز باستخدام فلاتر نقدم لكم اول درس فعلي وهو كيفية القيام بعملية تسجيل حساب وتسجيل الدخول داخل التطبيق الخاص بك باستخدام تقنية فلاتر مع الfirebase والطريقة بسيطه جدا وابسط مما تتخيل ولكن عليك فقط التركيز في المقاله وفهم ما يتم ذكرة في هذه المقاله لكي لا يحدث معك مشاكل وتكون قادر على فهم الاليه التي بها الfirebase .تعرف على كيفية إنشاء تطبيقات لنظامي التشغيل Android و iOS باستخدام Flutter ، إطار عمل برمجة الأجهزة المحمولة متعدد الأنظمة الأساسية الرائد من Google. [&hellip;]
- [تخصيص صوت معين عند ارسال الاشعارات للاندرويد والios في فلاتر](https://geecoders.com/custom-html/): تخصيص صوت معين عند ارسال الاشعارات للاندرويد والios في فلاترفي هذا الدرس سوف نشرح لكم كيف تقوم بتخصيص صوت معين للاشعارات بمعنى عندما يتم ارسال اشعار للمستخدم كيف تقوم بتغيير الصوت الافتراضي اي اي صوت اخر ترغب به , والامر بسيط جدا كل ما سوف تحتاجه هو الملف الصوتي الذي ترغب بتشغيله وبعدها سوف نقوم بإدخاله الى التطبيق ليتعرف عليه وبهذا عندما يتم تشغيل اي اشعار سوف يتم عرض الصوت المخصص الذي قمت بوضعه والامر بسيط جدا كل ما عليك هو التركيز فقط في المقاله وتطبيق المحتوى بشكل صحيح لضمان عدم حدوث مشاكل . يمكّنك إطار عمل Flutter مفتوح المصدر [&hellip;]
- [تخصيص الاشعارات واضافة صوره للاشعار في Flutter](https://geecoders.com/custom-notification-html/): تخصيص الاشعارات واضافة صوره للاشعار في Flutterفي هذا الدرس سوف يكون تخصيص للاشعارات وهو تابع للدروس السابقة لذلك ان لم تشاهد الدروس السابقة فاننصحك بمشاهدتها لان هذا الدرس مترتب عليهم , وفي الدروس السابقه شرحنا لكم كيف تخصص ايام واواقات معينه لارسال اشعارات للمستخدم وايضا الامر لا يقتصر على هذا بل شرحنا لكم ايضا كيف تقوم بإرسال اشعارات في حالة اذا كان التطبيق تم اغلاقه بشكل كامل وفي هذا الدرس سوف نشرح لكم كيف تقوم بتخصيص صورة للاشعارات وسوف تكون هذه الصورة من الانترنت والامر بسيط جدا كل ما عليك فقط هو متابعة المقالة الى النهايه حتى تفهم الفكرة التي [&hellip;]
- [ارسال اشعارات للتطبيق حتى في حالة اغلاق التطبيق بشكل كامل](https://geecoders.com/blog-post-html-22/): ارسال اشعارات للتطبيق حتى في حالة اغلاق التطبيق بشكل كامليعد هذا الدرس من اكثر الدروس التي عليها طلب كبير جدا من طرف المطورين لانهم يريدون ارسال اشعار للمستخدم حتى اذا قام المستخدم بإغلاق التطبيق الخاص به بشكل كامل ولتنفيذه هذ العمليه يوجد اكثر من طريقة منهم من يستخدم الwork manager لكي يقوم بارسال اشعارات حتى في حالة اغلاق التطبيق بشكل كامل او استخدام الطريقه التي سوف نشرحها لكم في مقالة اليوم , وللتنويه فالـ work manager قمنا بشرحه لكم في مقالة سابقة وكيف نقوم بإرسال اشعارات للمستخدم من خلاله وانا شخصيا استعملته في احد التطبيقات التي قمت بها لعميل والتطبيق [&hellip;]
- [ارسال اشعارات للهاتف في ايام معينه خلال الاسبوع ووقت محدد Flutter](https://geecoders.com/notification-html/):  ارسال اشعارات للهاتف في ايام معينه خلال الاسبوع ووقت محدد بفلاترفي هذا المقال سوف نشرح لكم فكرة الاغلب منكم يبحث عنها بشكل كبير جدا وهيا كيفية انشاء اشعار تصل للهاتف بعد فتره معينه خلال الاسبوع مثال على ذلك اذا كنت تريد ان تقوم بعمل اشعارات تصل للمستخدم كل يوم اثنين وخميس في تطبيقك فيمكنك ذلك من خلال اتباع مقالة اليوم الى النهايه والطريقة سهله وبسيطه جدا جدا فقط حاول التركيز في مقالة اليوم وبعدها سوف تكون قادر على تنفيذ هذه الطريقة بكل سهوله وايضا في المقالات التاليه سوف نشرح لكم كيف تقوم بإنشاء اشعارات تصل للهاتف حتى في حالة اغلاق [&hellip;]
- [شرح كيفية ربط التطبيق بخدمة firebase بمشروع Flutter للاندرويد و ios](https://geecoders.com/connect-html/): شرح كيفية ربط التطبيق بخدمة firebase بمشروع Flutter للاندرويد و ios و webاول خطوة وهيا الانتقال الى موقع فايربيز وبعدها تقوم بربط التطبيق بالمشروع وذلك يكون عن طريق اخذ الpackage ووضعه في المكان المناسب وبعدها تضع اسم للمشروع كما هو موضح . ثاني خطوة وهيا تحميل ملف الjson وارفاقه داخل المشروع في ملف الapp كما هو موضح .كيفية ربط التطبيق الخاص بك بخدمة firebase لاجهزة androidاضافة خدمات جوجل للتطبيقفي هذه المرحلة نقوم بارفاق المتطلبات الخاصه بربط الخدمة لاجهزة الاندرويد , ونبا بملف الgradl وذلك يكون عن طريق وضع خدمات الgms كما هو موضخ في ملف build gradl .classpath &#8216;com.google.gms:google-services:4.3.13&#8217;رابط خدمات [&hellip;]
- [ارسال الاشعارات للتطبيق بعد مدة معينه في فلاتر](https://geecoders.com/send%20notification-to-app-html/): ارسال الاشعارات للتطبيق بعد مدة معينه في فلاترفي هذا المقال يعد استكمالا للدروس السابقه والذي شرحنا فيها التعامل مع الاشعارات باستخدام فلاتر بطريقة بسيطه جدا وهذا الدرس استكمالا لسلسلة دروس تصميم اشعار مخصص باستخدام flutter وفي هذا المقال سوف نشرح كيف تقوم بارسال الاشعار بعد مده معينه من التفعيل مثلا تريد ارسال اشعار بعد 5 ثواني من النقر على الاشعار سوف يصل بعد 5 ثواني ويمكنك تخصيص ايام يصل فيها او حتى تخصيص ساعات يصل فيها وسوف نتعرف على نقوم بتخصيص الاشعارات بشكل افضل في الدروس القادمه والامر بسيط جدا . يتطلب البرنامج الفعال عبر الأنظمة الأساسية ما لا يقل [&hellip;]
- [ارسال اشعار للتطبيق مع امكانية الضغط على الاشعار ونقل البيانات || How to send Notification and Data](https://geecoders.com/%20send-notification-and%20data-html/): ارسال اشعار للتطبيق مع امكانية الضغط على الاشعار ونقل البياناتقد لا يخلو اي تطبيق من نظام الاشعارات وذلك بسبب اهميتها وتجد الاغلب منا يواجه صعوبات في تنفيذ الاشعارات ويواجه صعوبه في التعامل معها وتخصيص شكل الاشعارات وايضا كيف يقوم بنقل البيانات اثناء النقر عليها وكيف ينقل المستخدم اي صفحة اخرى بعد النقر على الاشعار كل هذا سوف نتعرف عليه في هذه المقالة وهذه السلسله سوف نحاول شرح لكم فيها جميع تفاصيل الاشعارات والتحكم فيها بشكل كامل وتخصيصها الى الشكل الذي ترغب به من اجل مساعتدكم في تنفيذ الشكل المراد والامر بسيط جدا وفي كل مقالة سو ف نحاول شرح لك [&hellip;]
- [كيفية ارسال اشعارات بشكل مؤقت كل فتره في فلاتر | how to send notification schedule](https://geecoders.com/notification%20schedule-html/): كيفية ارسال اشعارات بشكل مؤقت كل فتره في فلاترعندما العمل على احد المشاريع قام العميل بطلب مني ارسال اشعارات كل 12 ساعه تقريبا يصل للمستخدم اشعار وبعد البحث وجدت اكثر من طريقة ولكن افضلهم كان مع استعامل الworkmanager وهو الذي سوف يكون مسؤول عن ارسال الاشعارات حتى في حال اغلاق التطبيق وفي مقالة اليوم سوف نشرح لكم كيف تقوم باستخدام workmanager مع الlocal notification في ارسال اشعارات للمستخدم كل فتره معينه . المكتبات التي تحتاج لها وهيا workmanager و local notification  flutter_local_notifications: ^9.4.0  workmanager: ^0.4.1البرمجة: لغة العصر الحديثالبرمجة هي عملية كتابة التعليمات البرمجية لإنشاء تطبيقات وبرامج حاسوبية. وهي مهارة مهمة [&hellip;]
- [شرح كيفية ارسال اشعار للهاتف باستخدام flutter | How to Send Notification with Flutter](https://geecoders.com/blog-post_23-html-6/): شرح كيفية ارسال اشعار للهاتف باستخدام flutterالاشعارات امر حتمي لابد ان يتوفر في تطبيقك بشكل اساسي والاشعارات في بيئة العمل flutter مختلفه قليلا عن الandroid لانك هنا تتعامل مع مختلف انظمة التشغيل في عملية ارسال الاشعارات ولكن لا تقلق سوف نساعدك في هذا المقال على ارسال اشعار للمستخدم سواء كان يستخدم نظام android او حتى ios في هذا المقال سوف نشارك كيف تستطيع ارسال اشعار للمستخدم عندما يتم النقر على الزر ولتنفيذ هذه العملية سوف نحتاج منك ان تقوم بتثبيت مكتبة مخصصه في ارسال الاشعارات وسوف نتعرف على كيفية استخدامها . Flutter عبارة عن مجموعة أدوات Google UI لإنشاء تطبيقات [&hellip;]
- [مجموعة من اكواد البايثون التي تجعل منك شخص محترف في اللغة | A set of Python codes that make you a professional in the language](https://geecoders.com/python-html/): مجموعة من اكواد البايثون التي تجعل منك شخص محترف في اللغةموقع ومدونه جي كودرس ترحب دائما بكل الزائرين الجدد. حيث اننا في هذا الموقع نقدم لكم الكثير من الاكواد البرمجيه. في مختلف المجالات فمثلا لدينا اكواد بايثون جاهزه و اكواد جافا واكواد سي بلس وغيرها من الاكواد لذلك دائما عزيز القارئ  حاول البحث عن الاكواد التي تريدها في موقعنا اولا لاننا نقوم بتغذيه الموقع بشكل شبه يومي وملئة بالاكواد الكثيره في مختلف اللغات كما ذكرنا لكم ايضا يسعى موقع جي كودرس الى نشر ثقافه البرمجه بين العرب لان علم البرمجه غير منتشر بشكل كبير في الوطن العربي لذلك نضع لكم [&hellip;]
- [شرح كيفية عمل tag داخل Flutter بشكل جميل | How to Add tag to Flutter project](https://geecoders.com/tag-flutter-html/): شرح كيفية عمل tag داخل Flutter بشكل جميلاصبحت جميع مواقع التواصل الاجتماعي تهتم بوجود tags في تطبيقاتها بحيث انه يساعد بشكل كبير المستخدمين في عملية عمل filter للبيانات التي يبحثون عنها , وفي هذا المقال سوف نشارك معكم كيف تقوم بعمل tags لديك في المشروع الذي تعمل عليه , ولكن بشكل مختلف قليلا ويمكنك من خلال المكتبة التعديل عليها وتنفيذ الشكل الذي ترغب به وكل هذا سوف يكون من خلال الاكواد التي نقدمها لكم اليوم , والشكل النهائي هو نفس الشكل الذي يظهر في الصورة الخاصه بالمقال كما هو موضح لكم . يمكنك إنشاء تطبيقات عبر الأنظمة الأساسية باستخدام Flutter [&hellip;]
- [كيفية التعرف على نوع ال credit card الخاصه بك في flutter](https://geecoders.com/detect-credit-card-in-flutter-html/): كيفية التعرف على نوع ال credit card الخاصه بك في flutterفي هذا المقال سوف نشارك معكم واحده من المكتبات الجميله في flutter والتي تحسن من تطوير تطبيقات الجوال حيث ان المكتبة تعمل على التعرف على نوع الcredit card المدخل بناء على الرقم فكما نعلم ان كل نوع يكون له طريقة كتابة معينه وفي هذه المقالة سوف نجعل التطبيق يتعرف على نوع البطاقة المدخله بناء على القيمه التي يدخلها المستخدم كما هو موضح بالصورة الخاصه بالمقال , الطريقة بسيطه جدا وغير معقده وكل شيئ مشروح في هذه المقالة بكل وضوح كل ما عليك فقط هو التركيز جيدا في المقال لعدم حدوث [&hellip;]
- [شرح استخدام nodeJs وكتابة اول اكواد لك فيها | How to use of nodeJs and write your first code](https://geecoders.com/firstcodenodejs-html/): شرح استخدام nodeJs وكتابة اول اكواد لك فيها | How to use of nodeJs and write your first codeفي هذا المقال نقدم لكم مجموعه من الاكواد المكتوبه بلغة js حتى تفهم كيف تعمل هذه اللغه واللغه بسيطه جدا وليست صعبه كما يخبرك البعض فهي قريبه جدا من اي لغة برمجه اخرى ولكن باختلافات كما نعلم فاذا كنت تعرف اي لغه برمجة اخرى ومتقنها بشكل جيد فلن تواجه اي صعوبه في استخدام هذه اللغه باذن الله سوف نتعرف معكم على مجموعه من الاكواد البرمجة المكتوبة بلغة javaScript حتى توضح لكم الفكرة من استخدام هذه اللغه . قراءة جميع ملفات ملف معين [&hellip;]
- [كيفية عرض التصميم المناسب لكل نظام تشغيل باستخدام Flutter بدون مشاكل](https://geecoders.com/%20display-theme-html/): كيفية عرض التصميم المناسب لكل نظام تشغيل باستخدام Flutter بدون مشاكلكما نعلم ان كل نظام تشغيل يحتوي على مجموعه من الايقونات والتصميم الخاص به وهذا يختلف من الاندرويد الى ios واذا كنت تريد تطوير تطبيق يعمل على كلا المنصتين فيمكنك ذلك بكل سهوله ولكن التصميم قد يختلف تمام ولحل هذه المشكلة تم ظهور مكتبة في الفتره الاخيره لحل هذه المشكلة وهي تقوم بالتعرف على نظام التشغيل الذي يعمل عليه التطبيق وتظهر الايقونات اللازمه له بدون اي تدخل منك وبدون استخدام الامر if لمعرفة نظام التشغيل الذي يعمل عليه التطبيق والامر بسيط جدا كل هذا سوف يتم شرحه لكم في هذه [&hellip;]
- [كيفية عرض مجموعه من الصور بجانب بعض مثل تطبيق الوتساب في flutter](https://geecoders.com/show-stack%20image-html/): كيفية عرض مجموعه من الصور بجانب بعض مثل تطبيق الوتساب في flutterفي معظم التطبيقات الكبيره مثل واتساب وغيره من التطبيقات نلاحظ انه يوجد تصميم لصورة لبعض الصورة الخاصه بالمستخدمين الموجودين بداخل الجروب الذي يوجد به الاشخاص فيمكنك تصميم لبعض الصور الخاصه بالاعضاء مع توضيح عدد الاشخاص الموجودين بداخل المكتبة , يوجد مكتبة من المكتبات الحديثه بفلاتر تقدم لنا هذه الميزه كما هو موضح بالصورة الخاصه بالمقال يمكنك استخدامها في تطبيقك بدون مشاكل تنفيذ الشكل المطلوب بدون مشاكل وبكل سهوله . هل تريد تطبيقًا لأي شيء ولكنك تفتقر إلى الإمكانات اللازمة لتحقيق ذلك؟ هل تمتلك شركة وتدرك الفوائد العديدة التي سيحققها [&hellip;]
- [شرح كيفية عمل انميشن للContainer وسحبه الى الخلف في فلاتر](https://geecoders.com/blog-post_09-html-2/): شرح كيفية عمل انميشن للContainer وسحبه الى الخلف في فلاترفي هذا المقال سوف نشرح لكم واحد من افضل الانميشن التي يمكنك استخدامها في فلاتر وهو عندما تقوم بسحب اي card من الموجودين يظهر الانميشن ويتم ترتيبه في الاخير كما هو موضح بالصورة , كما تعلمون اننا نقوم دائما بتوفير لكم المكتبات التي تساعدكم في انجاز العمل بشكل سريع وايضا تحسن من شكل تطبيقك بشكل كبير . مر وقت كان عليك فيه الاختيار بين إنشاء تطبيقات أصلية وتطبيقات عالمية للأجهزة المحمولة. غالبًا ما تعمل تقنيات الويب مثل HTML و JavaScript ، والتي كانت تستخدمها التطبيقات العالمية ، بشكل سيئ على الأجهزة [&hellip;]
- [شرح كيفية التعامل مع QR توليد وقراءة الباركود في فلاتر بكل سهوله](https://geecoders.com/blog-post-html-13/): شرح كيفية التعامل مع QR توليد وقراءة الباركود في فلاتر بكل سهولهمن اكثر الدروس التي يتم طلبها من قبل المبتدئين في تطوير التطبيقات وهيا اضافة Qr في تطبيقك للتعرف على العناصر من خلال الqr code الخاص بالعنصر وهذا الامر بسيط جدا في flutter حيث سوف نشرح لكم في هذه المقالة كيف نقوم بتنفيذ هذه العمليه بكل سهوله من خلال احد المكتبات الموجوده في flutter والتي تسهل علينا القيام بهذه العمليه كما هو موضح بالصورة الخاصه بالمقال  qr_flutter dependencies:  qr_flutter: ^4.0.0qr_code_scanner dependencies:  qr_code_scanner: ^1.0.0كيفية توليد QR خاص بك بإستخدام Flutter بسهوله من خلال مكبتة qr_flutter بعد اضافة المكتبات السابقة الى مشروعك دعونا الان نبدء [&hellip;]
- [شرح كيفية ارسال رمز otp الى بريدك في فلاتر | How to send OTP number to email by Flutter](https://geecoders.com/otp-flutter-html/): شرح كيفية ارسال رمز otp الى بريدك في فلاتركما نعلم ان رمز otp  اصبح مستخدم بشكل كبير جدا في الفتره الاخيره وذلك لزيادة امان التطبيق والتاكد ان البريد الذي ادخله المستخدم صحيح وليس اميل وهمي كما يفعل المعظم منا وفي هذا المقال سوف نشارك معكم كيف تقوم بمشاركة رمز الotp مع المستخدم وذلك سوف يكون عن طريق رساله سيتم ارسالها له عن طريق البريد الاليكتروني ويمكن للمستخدم من خلال ادخال الرمز وبناء على الرمز المدخل يمكنك نقله الى صفحة الرئيسيه اذا كان الرمز المدخل صحيح وغير خاطئ , واذا لم يكن صحيح لا تقم بنقل المستخدم الى اي مكان اخر [&hellip;]
- [تحديد مجموعة صور والتعديل عليهم وعمل فلتر وقص الصور في فلاتر](https://geecoders.com/filter%20on-images-html/): تحديد مجموعة صور والتعديل عليهم وعمل فلتر وقص الصور في فلاترعملية تحديد مجموعه من الصور قد لا يعلمها جميع المطورين وكثير منهم يواجه مشكلة في هذه العملية وفي هذه المقالة سوف نشرح لكم كيف تقوم بتحديد مجموعه من الصور وعرضها بداخل التطبيق الخاص بك بدلا من تحديد صورة واحده فقط في كل مره فيمكنك تحديد مجموعه من الصور دفعه واحده والامر بسيط جدا , والامر لا يقتصر على هذا وحسب بل يمكنك ايضا عمل فلتر وتحديد ابعاد للصورة وكل شيئ من خلال المكتبة التي نقدمها لكم اليوم وهيا من افضل المكتبات التي يمكنك استخدامها . يمثل نظاما التشغيل الأساسيان للهاتف [&hellip;]
- [إنشاء صفحة لعرض مجموعه من الاشكال المتحركه في flutter](https://geecoders.com/gradient%20color-random-html/): إنشاء صفحة لعرض مجموعه من الاشكال المتحركه في flutterفي هذا المقال سوف نشارك معك شاشة بسيطه جدا تحتوي على كثير من التفاصيل الرائعه والتي تجعل من شكل تطبيقك افضل حيث انه يمكنك استخدام هذا التصميم في تنفيذ عملية ال splash screen على سبيل المثال وتصميم احد العناصر فوقها فهي تعطي منظر جميل كما هو موضح بالصورة الخاصه بالمقال , التصميم بسيط وجميل وسهل الاستخدام حيث يوجد مكتبة تقوم بتنفيذ هذه العملية بشكل بسيط جدا وهذا يكون من خلال تقنية flutter التي نقدم لكم الكثير من الدروس فيها والتي تحسن من مستواك في البرمجة بشكل كبير جدا وترفع من مستواك البرمجي [&hellip;]
- [الحصول على جميع بيانات الهاتف وid الخاص بالجهاز في فلاتر](https://geecoders.com/blog-post_30-html/): الحصول على جميع بيانات الهاتف وid الخاص بالجهاز في فلاترنحتاج دائما الى اي علامه تميز لنا الاجهزه التي تستخدم التطبيق وتكون ثابته لا تتغير اطلاقا وابسط مثال على ذلك وهو الكود المخصص للهاتف فهو لا يتغير حتى عندما تقوم بعمل تهيئة للجهاز كامل , لذلك يمكن ان تعتمد عليه لكي تحصل على بيانات مميزه حول الهاتف مثلا تريد ان تقوم بعملة تحليل لبيانات الهاتف عن طريق الid الخاص بالمستخدم او حتى تسجيل بصمة مخصصه عن طريق رقم id الهاتف وفي هذه المقالة سوف نشرح لكم كيف يتم ذلك . يتطلب البرنامج الفعال عبر الأنظمة الأساسية ما لا يقل عن 250 [&hellip;]
- [مجموعة من التصاميم المتنوعه لتغيير شكل switch في Flutter](https://geecoders.com/blog-post_28-html-4/): مجموعة من التصاميم المتنوعه لتغيير شكل switch في Flutterفي هذا المقال نشارك معكم مجموعه من العناصر الجميله التي تعطي لتطبيقك مظهر جذاب وتميزه عن باقي التطبيقات وهيا امكانية لجعل الswitch الخاص بتطبيقك بشكل افضل وبدون اي مكتبات خارجية فقط سوف تتمكن من تنفيذ هذه الاشكال من خلال اكواد بداخل flutter والتي سوف تساعدك في تحسن مستواك ايضا من حيث الرسم والانميشن وفي الرابط التالي الموجود بالاعلى مجموعه من الاشكال التي تظهر في الصورة الخاصه بالمقال التي يمكن تنفيذها بكل سهوله بدون اي مشاكل كل سوف تحتاج ان تقوم بنسخ الاكواد ولصقها لديك في البرنامج الذي تعمل عليه سواء كان اندرويد [&hellip;]
- [شرح كيفية عمل تحديث للبيانات الموجوده بداخل الصفحه وجلب بيانات جديده في فلاتر](https://geecoders.com/data-and%20refresh-html/): شرح كيفية عمل تحديث للبيانات الموجوده بداخل الصفحه وجلب بيانات جديده في فلاتر في هذا المقال سوف نشرح لكم الفكرة التي يعتمد عليها معظم التطبيقات الشهيره في مجال تطبيقات الجوال وهيا عندما يتم الصعود الى اقصى الاعلى يتم تحميل المزيد من البيانات او تنفيذ اي عمليه ترغب بها وقد سبق وشرحنا لكم في مقالة سابقة كيف تقوم بتنفيذ هذه العمليه ايضا عند النزول لاقصى الاسفل وبعدها يتم تحميل مزيد من البيانات وهذا الدرس مشابه للدرس السابق ولكن هنا سوف نقوم بعمل تحديث للبيانات التي تظهر في الشاشه الرئيسيه للمستخدم كما هو موضح بالكود التالي .مر وقت كان عليك فيه الاختيار [&hellip;]
- [شرح كيفية تنسيق الظل عند الضغط المطول مع ال container borderRadius](https://geecoders.com/blog-post_24-html/): شرح كيفية تنسيق الظل عند الضغط المطول مع ال container borderRadiusعند تصميم بعض العناصر في تطبيقك تحتاج الى ان تقوم بوضعها بشكل دائري ويكون هذا العنصر قابل للنصر ولكن تواجهك مشكلة اثناء تنفيذه هذه العملية وهيا انه عندما يتم استخدام اي عنصر قابل للنقر فإن المساحه التي يحصل عليها تكون كامله ولا يحترم حدود الwidget عندما يكون بشكل نص دائري وفي هذا المقال سوف نقدم لك الحل لكي تجعل العنصر الخارجي عند النقر المطول ياخذ المساحه التي توجد بداخل الwidget الدائري الذي قمت بتنفيذه وهذا يحسن من شكل تطبيقك بصورة كبيره ولا يوجد كثير من الاشخاص يعرفون هذه المعلومه . [&hellip;]
- [شرح كيفية تغيير الايقونه اثناء النقر عليها مع animation في فلاتر](https://geecoders.com/blog-post_22-html-2/): شرح كيفية تغيير الايقونه اثناء النقر عليها مع animation في فلاترفي هذا المقال نشرح لكم كيف تقوم بتغيير شكل الايقونه عند الضغط عليها في flutter وهذا يحسن من شكل تطبيقك ويجعله مميز عن غيره بسبب الانميشن الذي يحتوية بالداخال ونحن نشارك معكم بشكل مستمر افكار لتحسين شكل تطبيقك وتحسين مظهره لكي يكون بأفضل صورة ويحبه الزوار ويفضلون استخدامه عن غيره من التطبيقات ودائما نشارك معكم احدث الاكواد والشروحات من اجل مساعدتكم في انجاز الاعمال بشكل سريع . سواء كنت تستهدف iOS أو Android ، أو الويب ، أو Windows ، أو macOS ، أو Linux ، أو تدمجها كمجموعة أدوات [&hellip;]
- [شرح التاكد من صيغة البريد الاليكتروني في Flutter](https://geecoders.com/check-vail-email-html/): شرح التاكد من صيغة البريد الاليكتروني في Flutterفي هذا المقال والذي يعد من المقالات المهمه والتي يجب على اي مطور استخدمها في عملية تسجيل الدخول او تسجيل حساب في تطبيقك وهيا التاكد من ان البريد الاليكتروني تم وضعه بالطريقة الصحيحه وهيا التاكد من ان الاميل يحتوي على @ وايضا يحتوي على .com للتاكد من شكل الاميل والامر بسيط سوف نقدم لكم كود بسيط تقوم بوضعه بداخل الonChange او onSubmit الامر راجع لك وهو سوف يخبرك اذا كان الاميل بشكل صحيح ام بشكل خاطئ . تنتج مجموعة أدوات تطوير Flutter تطبيقات الهاتف المحمول ثنائية الأبعاد مع جميع الأجراس والصفارات وجماليات العلامات [&hellip;]
- [التاكد من قوة كلمة المرور في flutter بدون مكتبة](https://geecoders.com/%20power-full-password-html/): التاكد من قوة كلمة المرور في flutter بدون مكتبة في هذا الدرس سوف نقدم لكم كيف تقوم باختبار كلمة المرور الخاصه بك والتي يقوم المستخدم بإدخالها لكي تتاكد ان كلمة المرور قوية وهذا الدرس قام احد العملاء بطلبه مني في مشروعه حيث طلب تصميم لقوة كلمة المرور في مشروعه لكي يرفع من نسبة الامان في التطبيق بشكل كبير , ولهذا احببت ان اقدم لكم المقاله لكي يستفاد منها باقي الاشخاص ولتنفيذها في مشاريعهم وتحسين من الui الخاص بالمشروع بشكل كبير لكي تجعل المستخدم يفضل استخدام تطبيقك .يتطلب البرنامج الفعال عبر الأنظمة الأساسية ما لا يقل عن 250 ساعة من الجهد [&hellip;]
- [اضافة ايقونات cocoIcon لتطبيقك لتغيير شكل تطبيقك الى الافضل في flutter](https://geecoders.com/blog-post_990-html/): اضافة ايقونات cocoIcon لتطبيقك لتغيير شكل تطبيقك الى الافضل في flutterفي هذا المقال نشارك معكم واحد من اجمل الايقونات التي يمكنك استخدامها في تطبيقك بشكل جميل جدا وتحسن من مظهر تطبيقك بصورة كبيره وهذه الايقونات بصيغة svg وبعدة اشكال يمكنك استخدامها في تطبيقك بدون مشاكل سواء كان التطبيق الخاص بك تم بناءه باستخدام flutter ام native فهذه الايقونات ذات شكل جميل جدا لتطبيقك ويمكنك استخدامها بشكل مجاني ونقدم لكم مجموعه من الاشكال المتنوعه لهذه الايقونات فهي تاتي بثلاث اشكال الشكل الاول وهو Line وهيا عباره عن تصميم للايقونات والشكل الثاني bold وهو يعبر عن الايقونات ولكن في حالة ملئ الالوان [&hellip;]
- [إخفاء الشريط العلوي appbar اثناء scroll في flutter](https://geecoders.com/blog-post_14-html/): إخفاء الشريط العلوي appbar اثناء scroll في flutterكثير من التطبيقات الموجوده بشكل كبير جدا على المتجر توفر ميزة اخفاء الشريط العلوي والسفلي عند عمل scrollig في التطبيق ولكن هل سالت نفسك كيف تتم هذه العملية ؟ وهل الامر صعب لتنفيذ هذه العملية او هل يوجد مكتبات في flutter تقوم بهذه العملية , في البداية الامر لا يحتاج منك ان تبحث على اي مكتبات حول هذه القضية وذلك لان الامر بسيط جدا وغير صعب تماما وحاول دائما ان لا تجعل كل حياتك في البرمجه عباره عن مكتبات واضافات لان مصمم الاضافه يقوم بتنفيذها لتلبية احتياجاته وقد يختلف الامر معك في بعض [&hellip;]
- [اضافة slide_switcher  في فلاتر بابسط طريقة](https://geecoders.com/blog-post_16-html-3/): اضافة slide_switcher  في فلاتر بابسط طريقة في هذا المقال سوف نشرح لكم كيف تقوم بعمل switcher لمجموعه من الخصائص التي توجد بداخل فلاتر من اجل تحسين شكل التطبيق الخاص بك والذي تعمل عليه وهذه الاضافه التي نقدمها لكم اليوم توفر عليك الوقت في كتابة الكود الخاص بالشكل فهي تعمل على تنفيذ معظم الاوامر التي قد تحتاجها كما هو موضح بالصورة الخاصه بالمقاله , يمكنك تركيب الاضافة كما هو متعارف عليه في ملف pubspec وبعدها سوف تستطيع استخدام احد الاشكال التاليه . يمكّنك إطار عمل Flutter مفتوح المصدر من Google من إنشاء تطبيقات متعددة الأنظمة الأساسية ومُصممة محليًا من قاعدة شفرة واحدة. [&hellip;]
- [شرح عمل animation على العناصر في Flutter بابسط طريقة](https://geecoders.com/animation%20-html/): شرح عمل animation على العناصر في Flutter بابسط طريقةكما نعلم ان الانميشن مهم جدا في تطبيقك وعليك باستخدامه لكي تجذب لك المستخدمين وفي مقالة اليوم سوف نشرح لك كيف تقوم بتغيير عنصر وتغيير طريقة الانتقال وايضا تغيير لون النص عند التغيير كل , اذا كنت قد شاهدت المقالات السابقه فالامر لن يكون معقد بالنسبة لك وسوف يكون سهل وبسيط حيث ان الافكار التي سوف نتطرق لها في مقالة اليوم تم شرحها في الدروس السابقه وهذا الدرس عباره عن استكمال للسابق . نظام تشغيل الأجهزة المحمولة ، الذي يُعرف أحيانًا باسم نظام تشغيل الهاتف المحمول ، هو عبارة عن منصة برمجية [&hellip;]
- [شرح كيفية عمل animations على النصوص في flutter](https://geecoders.com/blog-post_08-html/): شرح كيفية عمل animations على النصوص في flutterفي هذه المقالة نقدم لكم شرح لكيفية عمل انميشن على الtext في  فلاتر وكما نعلم ان النصوص من اكثر الwedget استعمالا وفي هذا المقال نشارك معكم مجموعه متنوعه من الانميشن التي تستطيع اضافتها على النص لديك في تطبيقك لكي تحسن من شكل التطبيق ويظهر بصورة افضل والامر لا يقتصر فقط على النصوص بل قدمنا لكم الكثير من المقالات حول الانميشن بشكل عام وكيف تضيف انميشن للعناصر المختلفه في تطبيقك من اجل تحسين مظهره . نظام تشغيل الأجهزة المحمولة ، الذي يُعرف أحيانًا باسم نظام تشغيل الهاتف المحمول ، هو عبارة عن منصة برمجية [&hellip;]
- [شرح اضافة اكثر من لغة في تطبيقك بإستخدام Getx في فلاتر](https://geecoders.com/blog-post-html-12/): شرح اضافة اكثر من لغة في تطبيقك بإستخدام Getx في فلاترفي هذا الدرس والذي يعد من اهم الدروس في استخدام الGetx وفي هذا المقال سوف نشرح لكم كيف تقوم بجعل التطبيق الخاص بك متعدد اللغات ويمكن لاي شخص استخدامه باكثر من لغة وهذه المسأله تواجه كثير من الاشخاص في عملية كتابة الكود ومن اكثر الاشياء التي يتم البحث عنها بشكل كبير جدا في تطوير تطبيقات الجوال وفي هذا المقال سوف نشرح لكم كيف تقوم بجعل التطبيق الخاص بك يعمل بأكثر من لغة وايضا الامر لا يقتصر على ذلك فقط بل يمكنك حفظ اللغة لكي يعمل عليها التطبيق في كل مره [&hellip;]
- [شرح GetServices في فلاتر بواسطة Getx](https://geecoders.com/getx-part6-html/): شرح GetServices في فلاتر بواسطة Getxفي هذا المقال سوف نشرح لكم خاصية من خصائص الgetx مهمه جدا في عملية تنظيم الكود الخاص بك وهيا تساعدك في تنظيم الكود وسهولة قراءة الكود الخاص بك عن طريق توزيع الكود الى مجموعة خدمات صغيره وعند الحاجه اليها يمكنك استخدامها في هذا المثال البسيط الذي نضعه لكم والذي سوف نقوم بتعريف الshardPreferences . يمكّنك إطار عمل Flutter مفتوح المصدر من Google من إنشاء تطبيقات متعددة الأنظمة الأساسية ومُصممة محليًا من قاعدة شفرة واحدة. أهداف النظام الأساسي الستة التي يدعمها Flutter 3 هي تطبيقات الويب و Windows و macOS و iOS و Android و iOS.الإطار [&hellip;]
- [شرح كيفية حقن الcontrollerGetx بواسطة binding](https://geecoders.com/getx-part-html/): شرح كيفية حقن الcontrollerGetx بواسطة bindingفي هذا المقال سوف نشرح لكم كيف تقوم بحقن الكنترول في فلاتر الخاص بالGetx والفائدة من الحقن وهو انك لن تحتاج الى تعريف الcontroller وعمل put لانه سوف يكون قادر على مشاهدته في اي مكان على مستوى المشروع بشكل كامل , والامر بسيط جدا جدا في عملية حقن الcontroller . تنتج مجموعة أدوات تطوير Flutter تطبيقات الهاتف المحمول ثنائية الأبعاد مع جميع الأجراس والصفارات وجماليات العلامات التجارية الممتازة. Alibaba وتطبيق AdWords هما مثالان فقط لتطبيقات الجوال التي تعمل بنظام Flutter.الآن إطار عمل معروف ، Flutter لتطوير تطبيقات الهاتف المحمول لديه القوة لإنشاء العديد من تطبيقات [&hellip;]
- [GetX بالعربي : شرح استخدام Find - LazyPut - Put في فلاتر](https://geecoders.com/getx-html/): GetX بالعربي : شرح استخدام Find &#8211; LazyPut &#8211; Put في فلاتراستكمالا لسلسلة تعلم الGetx بالعربي في فلاتر سوف نشرح اليوم لكم مجموعه من الخصائص التي تهم كل شخص يستخدم الgetx وهيا Find &#8211; LazyPut &#8211; Put وهذه العناصر قد لا يخلو التطبيق منها وسوف نحاول ان نبسط عليكم شرحها وكيف تقوم بإستخدامها في تطبيقك بسهوله وكل ما عليك هو فقط التركيز والانتباه الى هذه المقاله لان كل نقطة سوف نقوم بذكرها لكم فهي مهمه جدا لكي تتمكن من استخدام الgetx بدون مشاكل وتستطيع التعامل مع المشاريع التي تكون مبنيه بالgetx . تُستخدم الآن أفضل أطر تطوير التطبيقات عبر الأنظمة [&hellip;]
- [شرح كيفية عمل counter بسيط باستخدام Getx state management Flutter](https://geecoders.com/counter-getx-state-management-flutter-html/): شرح كيفية عمل counter بسيط باستخدام Getx state management Flutterموضوع الstate management يعد من اكثر المواضيع المتناوله بشكل كبير جدا في فلاتر تحديدا ولذلك لان بطبيعة عمل الفلاتر انها مبنيه على الwidgets ولهذا نريد ان نقوم بتحديث بعض العناصر في نفس الصفحة لذلك نلجأ الى استخدام الstate management وهي متنوعه بشكل كبير ولكن اشهرها الgetx و bloc و provider وهذه هيا اهم العناصر المتناوله بشكل كبير جدا فيها وفي هذه السلسلة سوف نشرح لكم فكرة عمل الgetx وكيفية التعامل معها بشكل بساطة وهيا تعد من ابسط الطرق التي تساعدك في بناء مشروعك .  مر وقت كان عليك فيه الاختيار بين [&hellip;]
- [شرح استخدام Getx في Flutter في كيفية الانتقال بين الصحفات بطرق مختلفه](https://geecoders.com/blog-post_24-html-2/): شرح استخدام Getx في Flutter في كيفية الانتقال بين الصحفات بطرق مختلفهالGetx تعد حالا من اكثر انواع الstate managemanets التي تحظى بشعبيه كبيره جدا في الفتره الاخيره وذلك لانها تسهل كثير من الوقت على المبرمجين وتساعدهم في انجاز العمل الخاص بهم وهيا ايضا من احدث الطرق في ال state managemanets الحديثه التي ظهرت في الاونه الاخيره واصبح كثير من المبرمجين يفضلون استخدامها بشكل كبير عن غيرها وهذا ما دفعنا لكتابة مقالة حول التعامل معها في فلاتر وكيف تقوم بتنفيذ مشروع بواسطتها وسوف نحاول ان نشرح لكم كيفية عملها والتعامل معها بكل سهوله من خلال المقالات التي سوف نقدمها لكم . [&hellip;]
- [كيفية اضافة قائمة منسدله مع انميشن بإستخدام فلاتر | dropdown menu Flutter with animation](https://geecoders.com/custom%20dropdown-html/): كيفية اضافة قائمة منسدله مع انميشن بإستخدام Flutterفي هذا المقال نشارك معكم واحده من افضل الاضافات التي يمكنك ان تستعملها اذا كنت ترغب باستخدام خاصية dropdown فكما نعلم ان هنالك الكثير منكم يعاني من وجود بعض المشاكل اثناء استخدام هذا الwidget ولكن مع اضافة اليوم سوف تتمكن من استخدامه بكل سهوله وايضا يوجد animation خلال النقر وامكانية للبحث والكثير من المميزات التي تحتويها هذه المكتبة الرائعه والتي سوف تساعدك بشكل كبير جدا في تنفيذ عملية dropdown بكل سهوله مع تنسيق مختلف وجميل لتطبيقك ليحسن من مستواه بشكل كبير . تعتبر تطبيقات الهاتف المحمول حاسمة في هذه الظاهرة حيث تتوسع الرقمنة [&hellip;]
- [منع اخذ سكرين شوت داخل التطبيق في فلاتر بسهوله](https://geecoders.com/record%20for-flutter-html/): منع اخذ سكرين شوت داخل التطبيق في فلاتر بسهولهفي بعض الاحيان عند العمل على مشروع يكون يهتم بالخصوصيه تحتاج الى ان تقوم بوضع امكانية لمنع اخذ لقطة شاشه او حتى تسجيل فيديو , وهذه الميزة موجوده في عدد كبير من التطبيقات الموجوده على الانترنت وكثير من تطبيقات الاسئلة والاجوبه التعلمية تقوم بوضع هذه الميزة في تطبيقاتها وذلك لمنع الغش بين الطلب وعدم تصوير الاسئله ايضا التطبيق العملاق facebook يهتم بوضع هذه الميزة في تطبيقه داخل الصفحات التي تقوم بتفعيل ميزة الخصوصيه لزيادة الحمايه . الفلاتر عبارة عن مجموعة تطوير تطبيقات الهاتف المحمول (SDK) تسمح لك بكتابة تطبيق في قاعدة بيانات [&hellip;]
- [كيفية إنشاء ستوري مخصص في فلاتر لعرض الصور ومقاطع الفيديو لمدة زمنية معينه](https://geecoders.com/blog-post_18-html-3/):  كيفية إنشاء ستوري مخصص في فلاتر لعرض الصور ومقاطع الفيديو لمدة زمنية معينهالاستوري اصبح شيئ اساسي في معظم تطبيقات التواصل الاجتماعي وهو عباره عن قصاصه يتم تنزيلها بشكل يومي وتختفي بعد مرور 24 ساعه واولى التطبيقات التي قام بنشر هذه الميزة والتي كانت تعتمد عليها بشكل اساسي في تطبيقتها وهيا سناب شات ويعد من اكبر مواقع التواصل الاجتماعي بالقصاصات اليوميه والذي انتشر بشكل كبير في دول الخليج وهو قائم بهذه الميزة وفي درس اليوم سوف نشرح لكم كيف تقوم بتنفيذ فكرة الstory في تطبيقك بسهوله وكل ما عليك هو مشاهدة المقاله الى النهايه لكي تستفاد منها وايضا لكي لا يحدث [&hellip;]
- [إنشاء onBoarding مع انميشن اثناء الانتقال من صفحة للاخرى](https://geecoders.com/onboarding-effec-html/): إنشاء onBoarding مع انميشن اثناء الانتقال من صفحة للاخرىفي هذه المقالة سوف نشرح معكم طريقة لعمل onBoarding او لعرض الصور الخاصه بك مع امكانية عمل انميشن بين الانتقال بين كل صورة والاخرى بطريقة سهله جدا وذلك سوف يكون عن طريق استخدام مكتبة مجانيه نقدمها لكم في هذه المقالة تحسن من شكل التطبيق الاخص بك وتجعل من التطبيق الخاص بكم رائع وسهل الاستخدام حتى تتمكن من امكانية عمل انميشن واضافة التاثيرات على تطبيقك بدون اي مشاكل تماما كل ما عليك هو اتباع هذه المقالة البسيطه من مقالات تطوير تطبيقات الجوال حتى تتمكن من تنفيذ المطلوب بدون اي مشاكل في تطبيقك . [&hellip;]
- [إنشاء card Animation مع null safety باستخدام flutter](https://geecoders.com/slimy-html/): إنشاء card Animation مع null safety باستخدام flutterفي هذه المقالة نقدم لكم card ولكن مختلف قليلا حيث انه يحتوي على انميشن وايضا هو عباره عن 2 card الاول يظهر بالشكل الرئيسي كما هو موضح والثاني يكون عندما تنقر على الزر الموجود في العنصر الاول ويظهر لك العنصر الثاني هذا التصميم للاسف كان موجود فقط لتطبيقات فلاتر التي لا تدعم null safety ولكن في الفتره الاخيره قام احد المطورين بتنفيذه ليدعم ال null safety ولكي لا يحدث اي مشاكل اثناء التطوير معك ولهذا احببنا ان نقدم لكم هذا الشكل الرائع حتى تكون قادر على تنفيذه في تطبيقك بسهوله بدون اي مشاكل [&hellip;]
- [إنشاء Animation أثناء عمليات تسجيل الدخول في flutter بإستخدام Riv](https://geecoders.com/blog-post_25-html-3/): إنشاء Animation أثناء عمليات تسجيل الدخول في flutter بإستخدام Rivفي هذا المقال والذي يساعدكم في تحسين مظهر تطبيقات الجوال الخاص بكم والتي تقومون بصنعها سوف نقدم لكم شرح لكيفية عمل انميشن اثناء عملية تسجيل الدخول للتطبيق الخاص بك في flutter باستخدام مكتبة riv وهيا خدمه لعمل الانميشن في تطبيقك ويمكنك استخدامها بكل سهوله من اجل الوصول الى التصميم الذي ترغب به في تطبيقك وتحسين المظهر العام للتطبيق وكل هذا مجاني من خلال استخدام المكتبة التي يقدمها لنا موقع riv المخصصه لفلاتر وبعدها يمكنك تحميل اي صورة ترغب بها من الموقع الخاص بهم ولكن في هذه المقاله سوف نقدم لكم تصميم [&hellip;]
- [تطوير تطبيق لانشاء ملف pdf مخصص لشركتك في Flutter](https://geecoders.com/blog-post-html-30/): تطوير تطبيق لانشاء ملف pdf مخصص لشركتك في Flutterكما نعلم ان تنفيذ ملف pdf في Flutter امر مهمه خصوصا للتطبيقات التي تحتوي على عمليات حسابية بشكل كبير وفي هذه المقالة سوف نشرح معكم كيف تقوم بتنفيذ تصميم لانشاء ملف pdf مخصص في تطبيق flutter الخاص بك بطريقة بسيطة جدا والامر سهل وليس معقد حيث ستكون قادر على تطوير الpdf بسهوله من خلال تطبيق فلاتر الخاص بك وهذا سوف يكون عن طريق استخدام بعض ال packages التي تساعدنا في هذه المهمه مع تنفيذ التصميم الذي ترغب بإدراجه في التطبيق حتى يكون الامر بسيط . وصف Flutter. تتيح مجموعة أدوات واجهة المستخدم [&hellip;]
- [سورس كود لتطبيق قران اسلامي Flutter مجانا](https://geecoders.com/quran-html/): سورس كود لتطبيق قران اسلامي Flutter مجانافي هذا المقال سوف نشارك معكم احد المصادر لكود فلاتر لتطبيق اسلامي وهو من تطوير احد الشباب وقام بجعل الكود الخاص بالتطبيق مفتوح بحيث يستطيع اي شخص التعديل عليه ولكن لا تنسى حقوق الشخص الذي قام بتنزيله , نحن فقط مجرد ناقلين للكود من اجل مساعتدكم في بناء التطبيقات الاسلاميه بشكل مجاني بدون ادنى مشاكل يمكنك الاطلاع على الكود المصدر من خلال الرابط الموجود بالاسفل وايضا نوفر لك ال api المستخدم في بناء التطبيق حتى نسهل عليكم القيام بهذه العمليه بدون ادنى مشاكل تمام , ونحن نسعى الى تقديم كل ما هو مفيد ويساعدكم [&hellip;]
- [كود بايثون لارسال واستقبال البيانات بين clinet و server باستخدام مكتبة socket](https://geecoders.com/clinet%20%20server-html/): كود بايثون لارسال واستقبال البيانات بين clinet و server باستخدام مكتبة socket تعد مكتبة socket واحد من اقوى المكتبات المتخصصه في عالم الشبكات فقد تم تصميم هذة المكتبة خصوصا لتنفيذ مهام الشبكات وعمل port و host وكيفية نقل البيانات من جهاز الى الاخر والكثير من المهام التي تقوم بها هذة المكتبة وتوفر علينا الكثير من الوقت والجهد في البرمجه وكتابة الكثير من الاكواد للوصول الى الناتج النهائي ولهذا السبب عليك بايتخدام هذة المكتبة بشكل كبير في اثناء عمل server او استخدام تقنيات الit او الشبكات بشكل عام . كود ارسال بيانات من client الى server في pythonفي هذا الكود يقوم المستخدم [&hellip;]
- [عمل socket و getsockopt و setsockopt في python](https://geecoders.com/getsockopt%20%20setsockopt-html/): عمل socket و getsockopt و setsockopt في pythonتعد مكتبة السوكت واحده من المكتبات الشهيرة في لغة بايثون والتي يستخدمها الاغلب منا في عمل port و host ومعرفة اسم الهوت والبورت الخاصين بالجهاز وكل هذا يحدث من خلال هذة المكتبة الاكثر من رائعه وفي هذا المقال سوف نتناول معكم واحد من اهم استخدامات المكتبة وهو كيفية عمل socket port وكيفية التعديل عليه , حيث انه من خلال هذا السوكت يمكن ان تبني الشبكه وتجعل اي جهاز اخر يدخل عليها ويكون بمثابة السيرفر بالنسبة لك . تقوم الدالة socket () بإرجاع كائن مأخذ توصيل تقوم بتنفيذ استدعاءات نظام مأخذ التوصيل المختلفة. حيث [&hellip;]
- [شرح مكبتة socket وامثلة وتطبيقات عليها في لغة البايثون](https://geecoders.com/socket-html/): شرح مكبتة socket وامثلة وتطبيقات عليها في لغة البايثونفي هذا الدرس سوف نشارك معكم واحده من اقوى المكتبات استخداما في البايثون وخصوصا في بناء شبكة وهي مكتبة socket حيث تقوم هذة المكتبة بالتحكم بالsocket وبناء سيرفر والكثير من المميزات التي تقدمها لنا هذة المكتبة , وفي هذة المقاله سوف نتناول معكم مجموعة من خصائص هذة المكتبة معكم وكيفية بناء سيرفر والحصول على الIp والاسم من الجهاز الذي تعمل عليه . تُستخدم socket  في كل مكان تقريبًا ، لكنها أيضًا واحدة من أكثر التقنيات التي يساء فهمها. لا يزال يتعين عليك بذل بعض الجهد لإعداد الأمور وتشغيلها. لا يتطرق إلى جميع [&hellip;]
- [شرح Dependency Inversion في مبادئ ال Solid لكتابة كود منظم](https://geecoders.com/dependency%20inversion-html/): شرح Dependency Inversion في مبادئ ال Solid لكتابة كود منظميعد استخدام المبدئ الاخير وهو Dependency Inversion من اكثر المبادئ التي سوف تشاهدها منتشره بشكل كبير عندنا ترغب بتعلم ال soild فهذا المبدئ مبني على عدم كتابة الكود في الclass الذي يتم استدعاء ال methode بداخله كما سوف نشاهد في الجزء التطبيقي , والامر بسيط جدا وبمجرد الانتهاء من هذا الدرس نكون شرحنا لكم مبادئ ال soild بابسط شرح مع مثال توضيحي لكل خاصيه منهم حتى تكون الامور واضحه بالنسبة لكم دعونا لا نطيل المقال وننتقل معكم الى شرح المبدئ Dependency Inversion . ربما تكون قد سمعت عن هذا المبدأ واستخدمته [&hellip;]
- [شرح Interface segregation في مبادئ ال Solid لكتابة كود منظم](https://geecoders.com/interfacesegregation-html/): شرح Interface segregation في مبادئ ال Solid لكتابة كود منظمفي هذه المقالة سوف نقوم معكم بشرح المبدئ ما قبل الاخير من مبادئ solid وهو Interface segregation والمبدا قائم على عمليات التجريد في مشروعك واستخدامك لل interface في كتابة اكوادك وهذا ما سوف نشرحه لكم ونبسطه لكم وهذا المبدأ قريب جدا من المبدأ الاول والذي كان يستعمل لجعل كل وظيفة في class منفصل وهذا يقوم بعمل اي methode او عملية في interface بحيث يمكنك الوراثه منها لاكثر من مره كما هو موضح بالاكواد التي سوف تشاهدونها في الاسفل واثناء الاستعمال قم بكتابة implements لل class الذي ترغب بالوراثه منه وسوف يتم [&hellip;]
- [شرح Liskov substitution في مبادئ ال Solid لكتابة كود منظم](https://geecoders.com/liskovsubstitution-html/): شرح Liskov substitution في مبادئ ال Solid لكتابة كود منظمبسم الله الرحمن الرحيم في هذا الدرس نكمل معكم دروس ال solid وفي هذه المقالة سوف نتعرف على مبدأ Liskov substitution ويعد هذا المبدأ الثالث من مبادئ ال solid وهو من المبادئ المهمه ايضا التي عليك استخدامها في مشروعك ويعتمد هذا المبدا على فصل كل خاصية في class او فصل بعض الخصائص في كلاس ويمكن ان تقوم بالوراثه من هذا ال class في اي مكان اخر وسوف نتعرف على يعمل المبدا من خلال الكود التالي في هذا الشرح . ربما تكون قد سمعت عن هذا المبدأ واستخدمته ، حتى لو لم [&hellip;]
- [شرح Open Closed Principle في مبادئ ال Solid لكتابة كود منظم](https://geecoders.com/openclosed-principle-html/): شرح Open Closed Principle في مبادئ ال Solid لكتابة كود منظمفي هذا الدرس الثاني سوف نشرح فكرة ال Open Closed في solid وكما نعلم ان هذه المبادئ مهمه جدا في التطوير باستخدام احد لغات البرمجه وهيا مبادئ ثابته عليك معرفتها , وهذا يعد الدرس الثاني وسوف نحاول في هذه السلسله تقديم لكم جميع الدروس بابسط صورة في ال soild من اجل فهم المبادئ بشكل صحيح وسليم وتعد فكرة ال Open Closed من الاقكار التي تسهل عليك التعديل في الكود الخاص بك بشكل بسيط بدلا من المرور على كثير من المتغيرات والعناصر من اجل التعديل عليها وسوف نقوم بشرحها لكم في [&hellip;]
- [شرح Single Responsibility Principle في مبادئ ال Solid لكتابة كود منظم](https://geecoders.com/solid-1-html/): شرح Single Responsibility Principle في مبادئ ال Solid لكتابة كود منظمربما تكون قد سمعت عن هذا المبدأ واستخدمته ، حتى لو لم تسمع من قبل عن روبرت سي مارتن أو أعماله الشهيرة. إنها إحدى الأفكار الأساسية التي يستخدمها معظم المبرمجين لإنشاء برامج موثوقة وقابلة للصيانة. يمكنك استخدامه مع الفئات ومكونات البرامج والخدمات المصغرة بالإضافة إليها. قبل أن نتعمق أكثر في فكرة التصميم هذه إن تبرير مبدأ المسؤولية الفردية واضح ومباشر: فهو يجعل إنشاء برنامجك أسهل ويحمي من الآثار الجانبية غير المتوقعة للتغييرات المستقبلية. يدرك الجميع أن المتطلبات تتطور بمرور الوقت. بالإضافة إلى ذلك ، يقوم كل منهم بتعديل التزام فئة [&hellip;]
- [شرح كيفية استخراج ملف excel على الهاتف وجهاز الكمبيوتر الخاص بك باستخدام Flutter](https://geecoders.com/excel-html/): شرح كيفية استخراج ملف excel على الهاتف وجهاز الكمبيوتر الخاص بك باستخدام Flutterفي المقالات السابقة شاركنا معكم كيف تقوم باستخراج نسخة pdf من التطبيق الخاص بك اذا كنت تعمل على تطبيق يساعد المستخدمين على انشاء فاتوره بشكل اليكتروني وفي هذه المقالة سوف نشرح لكم كيف تقوم باستخراج البيانات على شكل excel sheet والامر بسيط جدا حيث يوجد مكتبة مسؤوله عن تنفيذ هذه العملية وايضا لن نكتفي بهذا بل سنساعدكم في كيفية تحميل الملف سواء على المتصفح او على الهاتف المحمول الخاص بك في فلاتر وهذه العملية بسيطه جدا وسوف نشاهد في الكود التالي الطريقة وكيفية القيام بها . تستخدم غالبية [&hellip;]
- [كيفية تحديث جميع المكتبات والاضافات في لغة بايثون بضغطة زر .](https://geecoders.com/update-pa-html/): كيفية تحديث جميع المكتبات والاضافات في لغة بايثون بضغطة زر .كما نعلم ان المكتبات في لغة بايثون دائما في تطوير وفي تحديثات مستمر وليس من المعقول ان تقوم في كل مره تستخدم فيها اللغه ان تقوم بتحديث كل اضافة على حدا فهنالك كود يمكنك استعماله يمكنك من تحديث جميع المكتبات التي تستعملها بنقرة زر واحده حيث يعمل على تحديث جميع المكتبات المثبته على جهازك دون الحاجه الى تحديث كل واحده على حدا فقط يمكنك استخدام الكود الذي نوفره لك في مقالة اليوم لكي تتمكن من عملية التحديث البسيطة والسهله بدون صعوبه . تعد لغه البايثون لغه المستقبل كما يقول عنها [&hellip;]
- [شرح مكتبة pandas مع الامثلة بلغة بايثون | pandas library with examples in Python](https://geecoders.com/pandas-pandas-library-with-examples-in-html/): شرح مكتبة pandas مع الامثلة بلغة بايثون | pandas library with examples in Pythonأهلاً بكم في مقالة جديدة من سلسلة شرح مكتبات لغة البايثون . في الدرس السابق شرحنا لكم واحده من المكتبات التي لا غنى عنها في مشاريعك وهي بمكتبة Numpy بشكل بسيط ووضعنا لكم عليها اكثر من مثال وكود توضيحي وكيفية تثبيتها والتعامل معها ، وفي مقال اليوم بإذن الله سوف نتحدث عن مكتبة Pandas وهي من المكتبات الشهريه جدا في بايثون و الهدف الأساسي لمكتبة Pandas هو انشاء و إجراء عمليات على القاموس ، والمقصود به هو إجراء تغييرات على بيانات أساسية حيث ينتج عن هذا التغيير [&hellip;]
- [شرح مكتبة numpy بلغة البايثون | Explanation of the numpy library in Python](https://geecoders.com/numpy%20library-html/): شرح مكتبة numpy بلغة البايثون | Explanation of the numpy library in PythonNumPy هي حزمة أساسية من اساسيات لغة الـ Python تُستخدم هذة المكتبة للمعالجة والعمليات الفعالة على الوظائف الرياضية المختلفة عالية المستوى والمصفوفات متعددة الأبعاد والجبر الخطي وتحويلات فورييه وإمكانيات الأرقام العشوائية وما إلى ذلك ، وتوفر أدوات لدمج كود C و C ++ و Fortran في Python . يستخدم NumPy في الغالب في Python للحوسبة العلمية. من اهم اللغات التي يجب ان تركز عليها في الاونه الاخيره وهي لغه بايثون وذلك لان هذه اللغه اصبحت مطلوبه في سوق العمل بشكل مأهول لذلك اذا كنت تبحث عن وظيفه مستقبليه في [&hellip;]
- [شرح مكتبة face recognition للتعرف على الوجه من الكاميرا والصور بلغة البايثون](https://geecoders.com/blog-post_23-html-2/): شرح مكتبة face recognition للتعرف على الوجه من الكاميرا والصور بلغة البايثوناصبح من السهل التعامل مع الاوجه في الصور بلغة Python وذلك بسبب كثرة المكتبات التي تسهل علينا الامر ومن ضمن هذة المكتبات هي (Face Recognition Library). تمت عملية بناء وتطوير هذهِ المكتبة بأستخدام تقنية التعرف على الوجوه المتقدمة من dlib المبنية بتقنية ( Deep Learning ) وتمتلك هذة المكتبة دقة 99.38% “حسب المصدر المختص في نشرها” في التعرف على الوجوه وتحديده. تعد لغه البايثون لغه المستقبل كما يقول عنها البعض لانها اكثر لغه عليها طلب في سوق العمل ولها اكثر من سنه تحتل المرتبه الاولى في التعلم وفي الطلب [&hellip;]
- [التعامل مع json و معالجة الصور ومعرفة اسم صاحب الصورة بالبايثون](https://geecoders.com/os-html/): التعامل مع json و معالجة الصور ومعرفة اسم صاحب الصورة بالبايثونفي هذة المقالة سوف نتحدث معكم في اكثر من جانب الشق الاول وهو كيفية انشاء ملفات تحتوي على بيانات في شكل json وقد سبق وشرحنا لكم الجيسون وكم هي مهمة جدا في لغات البرمجة وليس في البايثون فقط وبعدها سوف ننتقل معكم الى معرفة محتويات الملفات على جهاز الكمبيوتر الخاص بنا والشق الاخير سوف نقوم ببعض العمليات على image ومعرفة اسم صاحب الصورة من خلال صورته فقط كل هذا سوف نتحدث عنه في مقالة اليوم . تعد مشاريع بلغه بايثون احد اهم الاشياء التي يبحث عليها الكثير منكم. لكي يتعلم [&hellip;]
- [شرح كيفية اضافة وسيلة الدفع عن طريق ماي فاتوره في flutter](https://geecoders.com/myfa-html/): شرح كيفية اضافة وسيلة الدفع عن طريق ماي فاتوره في flutterكما نعلم ان وسيلة الدفع من اكثر العمليات التي عليها طلب كبير من قبل المستخدمين في فلاتر وذلك بسبب ان معظم العملاء يريدون اضافتها في تطبيقاتهم لكي يحصلون على ثقه من العميل وايضا يوفر على العميل الكثير من الوقت والعناء ولكن المشكلة الاكبر انه لكي تقوم بتنفيذها بشكل صحيح يفضل ان يكون لديك سجل تجاري او غيره بشكل رسمي ولكن في هذه المقاله والمقالات القادمه سوف نوفر لكم شروحات لكيفية تنفيذها بشكل بسيط مع الخطوات وسوف نبدء معكم اليوم بواحد من الطرق الشائعه بين الناس وهيا عن طريق استخدام package [&hellip;]
- [اظهار رسالة بتحديث التطبيق عندما يتم اصدار نسخة جديده من تطبيقك في flutter](https://geecoders.com/update-app-flutter-html/): اظهار رسالة بتحديث التطبيق عندما يتم اصدار نسخة جديده من تطبيقك في flutterفي بعض التطبيقات الشهيره نلاحظ ظهور رسالة تظهر للمستخدمين عندما يتم اصدار اي نسخة جديده من التطبيق ولم يقم المسخدم بتحديث التطبيق تخبره بان يقوم بتحديث التطبيق وهذه الرساله كثير من المطورين يرغبون باضافتها في تطبيقاتهم من اجل كسب ثقة المستخدم في التطبيق ولهذا يوجد في flutter مكتبة تقوم بتنفيذ هذه العملية وذلك يكون عن طريق معرفة اصدار التطبيق والاصدار الموجود على المتجر واذا كان المستخدم يستخدم الاصدار الاخير فلن يظهر له واذا لم يكن لديه اخر اصدار من التطبيق سوف تظهر له الرساله تخبره بأن يقوم بعملية [&hellip;]
- [كل ما تريد معرفته عن Unit Testing مع امثلة توضيحيه](https://geecoders.com/%20unit-testing-html/): كل ما تريد معرفته عن Unit Testing مع امثلة توضيحيههي عملية اختبار أصغر الوحدات الوظيفية في الكود، مثل الدوال أو CLASSES. تضمن هذه الاختبارات جودة البرنامج وتُعدّ جزءًا لا يتجزأ من عملية تطويره , يعتبر اختبار التطبيقات مفيد في إنشاء تطبيق جوال خاليه من المشاكل وهو  من أهم الخطوات في تطوير أي تطبيق Flutter. تساعد الاختبارات على ضمان جودة التطبيق وتحسين تجربة المستخدم. هناك العديد من أنواع الاختبارات المختلفة، ويجب استخدام النوع المناسب لكل وحدة وظيفية في التطبيق , ايضا في برمجة المواقع يوجد اختيار للوحدات للتاكد من صحتها .ما هو Unit Testing؟هو أسلوب لاختبار الوحدات الصغيرة في الكود، مثل الدوال [&hellip;]
- [الفرق بين ال unique وال primary key في constraint الداتا بيز](https://geecoders.com/unique-primary%20key-html/): الفرق بين ال unique وال primary key في constraint الداتا بيز:الفرق الاساسي بينهم هو يمكن أن يكون هناك مفتاح أساسي (primary key) واحد فقط في الجدول ولكن يمكن أن يكون هناك العديد من المفاتيح الفريدة في الجدول (unique key) وايضا يتم إنشاء فهرس افتراضي تلقائيًا للمفتاح الأساسي و يتم إنشاء فهرس افتراضي تلقائيًا للمفتاح الفريد وكلاهم يستعملان بشكل رئيسي في قواعد البينات التي تدخل في برمجة وتصميم المواقع وايضا إنشاء تطبيقات الجوال 1️⃣ Unique Constraint:تميز كل صف (row) بشكل فريد: لا يمكن أن يكون هناك صفان لهما نفس القيمة في عمود (column) محدد.يمكن أن يكون هناك أكثر من عمود فريد في الجدول (table).قيمة [&hellip;]
- [Null Safety في Dart: كل ما تحتاج معرفته لكتابة كود خالٍ من الأخطاء.](https://geecoders.com/%20null-safety-dart-html/):  Null Safety في Dart: كل ما تحتاج معرفته لكتابة كود خالٍ من الأخطاء.منع حدوث أخطاء NullPointerException: قبل Null Safety، كان من الممكن حدوث NullPointerException عندما تحاول الوصول إلى خاصية (attribute) أو استدعاء دالة (function) لمتغير فارغ. بينما تمنع Null Safety حدوث هذه الأخطاء في إنشاء تطبيقات الجوال و برمجة وتطوير المواقع الالكترونية في Flutter , دعم مكتبات قوية: تدعم العديد من المكتبات القوية Null Safety، مثل Flutter و Firebase و AngularDart. تحديث Dart v2.12 : نقلة جديدة في أسلوب كتابة الكودمع تحديث Dart v2.12، ظهرت ميزة جديدة تُعرف باسم Null Safety. بينما يجدها بعض المطورين صعبة، إلا أنها تلعب دورًا هامًا [&hellip;]
- [الفائده من استخدام kapt داخل gradle عند التعامل مع البيانات في Kotlin](https://geecoders.com/kapt-html/): الفائده من استخدام kapt داخل gradle عند التعامل مع البيانات في KotlinKapt هي أداة مساعدة قوية توفر العديد من الفوائد عند استخدامها في Gradle , Kapt، اختصار لـ Kotlin Annotation Processing Tool، عبارة عن أداة مساعدة تستخدم مع لغة Kotlin في Gradle لمعالجة التعليقات التوضيحية (annotations) وتوليد كود إضافي بناءً عليها. باختصار، تجعل Kapt العمل مع الـ annotations سهلاً ومفيداً للغاية. ما هي Kapt ؟Kapt هي اختصار لـ Kotlin Annotation Processing Tool، وهي عبارة عن أداة مساعدة تُستخدم مع مكتبات مثل Hilt و Room و Retrofit.ما الذي تفعله Kapt؟توليد الكود: تُستخدم Kapt لإنشاء الكود تلقائيًا بناءً على التعليقات التوضيحية (annotations). [&hellip;]
- [مقارنة شامله بين GraphQL و REST API من حيث الاداء والسرعه والمرونه](https://geecoders.com/restapi-vs-html/):  مقارنة شامله بين GraphQL و REST API من حيث الاداء والسرعهتستعمل REST API تقنية تقليدية لواجهات برمجة التطبيقات عبر الويب اماا GraphQL تقنية حديثة توفر تحكمًا أكبر في البيانات ومرونة في تطوير واجهات برمجة التطبيقات وكلاهم يستخدم في برمجة موقع او حتى إنشاء تطبيقات الجوال ايضا REST API تتميز ببساطتها وسهولة الاستخدام ولكن GraphQL تعتمد على استخدام نقطة نهاية واحدة فقط ولا تقلق فكلاهم يساهم في برمجة وتطوير المواقع الالكترونية و إنشاء تطبيق جوال وفي هذا المقال سوف نقوم بعمل مقارنة لكم بين كلا التقنيات مقارنة بين REST و GraphQL:1. استرجاع البيانات ( Data Fetching) :REST: يحصل العميل على مجموعة محددة من البيانات في الرد، قد تكون [&hellip;]
- [كل شيئ تحتاج معرفته عن GraphQL وكيف ساعدت في تقليل الوقت في التعامل مع السيرفر](https://geecoders.com/graphql-html/): كل شيئ تحتاج معرفته عن GraphQL وكيف ساعدت في تقليل الوقت في التعامل مع السيرفرلنفترض ان لدينا مشكلة في اثناء  إنشاء تطبيقات الجوال او حتى برمجة المواقع والتطبيقات وهيا اننا نحصل على جميع البينات وليكن لدينا البينات التي ترجع وهيا تاريخ المنشور واسم الناشر والتقييم و عدد المشاهدات والصورة الخاصه بالمنشور والنص والعنوان وid الخاص بالمنشور والبلد التي تم النشر منها والكثير من المعلومات التي قد ترجع لنا من خلال ال backend في إنشاء تطبيق جوال لل mobile developer وكثير من البيانات التي قد لا نحتاجها ونحتاج منها فقط بعض البيانات ونريد المستخدم ان يحدد المعلومات التي يحتاجها فقط وليكن المتحكم في برمجة تصميم [&hellip;]
- [اجعل شريط bottomNavBar في تطبيقات Flutter أكثر جاذبية مع الرسوم المتحركة](https://geecoders.com/blog-post_10-html-2/): تغيير شريط bottomNavBar الى شكل مختلف مع انميشن بين الانتقال في تطبيقات فلاترفي هذه المقالة سوف نقدم لكم ايضا bottomNavBar جديد ويعطي تاثير عند النقر على اي عنصر من عناصر ال bottomNavBar وانا استخدام هذه المكتبة في بعض المشاريع التي قمت بها حيث انها بسيطه جدا ويتعطي تاثير رائع عند الضغط على اي عنصر واذا لم تعجبك هذه المكتبة فيوجد في موقعنا الكثير من المكتبات التي يمكنك استخدامها في مشروعك بدون اي مشاكل فقط كل ما عليك هو الانتقال الى القسم المخصص وبعدها سوف تحصل على الكثير من المكتبات التي تريدها في تحسين من مظهر التطبيق الخاص بك في flutter [&hellip;]
- [تغير عرض bottomNavigationBar مع تغيير العناصر في flutter مع انميشن](https://geecoders.com/blog-post_08-html-2/): تغير عرض bottomNavigationBar مع تغيير العناصر في flutter مع انميشنفي هذه المقالة نقدم لكم شكل جديد ومختلف لتنفيذ عملية bottomNavigationBar بشكل احترافي وتحسين مظهر التطبيق الخاص بك في flutter والامر بسيط جدا جدا وكل ما سوف نحتاج اليه هو اننا سنقوم بعمل اضافة للمكتبة التي نقدمها لكم في هذه المقالة وهيا تدعم خاصية null safety لكي لا يحصل معك اي مشاكل اثناء استخدام تطبيقك وبعد ذلك سوف تستطيع استخدام هذه المكتبة بدون اي مشاكل تماما كما هو متعارف عليه من خلال الكود الذي نقدمه لكم في الاسفل ويمكنك التعديل على الكود للوصول الى الشكل النهائي الذي ترغب به في تطبيقك [&hellip;]
- [كيفية إنشاء bottomSheet تفاعلي مع إمكانية التمرير في Flutter لملئ الشاشه](https://geecoders.com/custom%20bottomsheet-html/): إنشاء custom bottomSheet مع امكانية عمل سكرول لملئ الشاشه في Flutterفي هذا الجزء سوف نشرح لكم كيف تقوم بعمل bottom sheet يظهر بكامل الشاشه او جزء من الشاشه وعند السحب يكتمل وهذا سوف يكون من خلال مقالة اليوم , في هذه المقالة نقدم لكم عدد 2 من المكتبات حيث ان كل مكتبة تقوم بوظيفة معينه منها ما يقوم بفتح الشاشه بشكل كامل وعند السحب يتم الاغلاق ومنهم من يقوم بعمل bottomSheet صغير وعند السحب يصبح بملئ الشاشه كما نشاهده في بعض التطبيقات الشهيره من سناب شات وغيره من التطبيقات التي تقوم بعمل هذه الميزه في تطبيقاتهم . وصف Flutter. تتيح [&hellip;]
- [كيفية إنشاء bottomNavigationBar  تفاعلي مع animation في Flutter](https://geecoders.com/blog-post-html-31/): إنشاء bottom_bar مع animation بين التغيير للعناصر في تطبيقات Flutterيوجد الكثير من المكتبات التي تقدم لنا امكانية تنفيذ  bottomNavigationBar بشكل جميل وفي هذه المقاله نشارك معكم احد هذه المكتبات الرائعه والتي تحتوي على تصميم عصري وجذاب لتطبيقك يمكنك استخدام المكتبة وتنفيذ الانميشن على العنصر الذي يتم النقر عليه وهذا يحسن من شكل التطبيق العام حتى يجذب المستخدمين ويعطي منظر جميل للتطبيق ويمكنك القيام بهذه الطريقة بشكل بسيط عن طريق المكتبة التي نقدمها لكم في هذه المقالة كما هو واضح لكم في الصورة الخاصه بالمقاله بدون اي مشاكل ولكن عليك اتباع جميع الخطوات بشكل صحيح لضمان عدم حدوث مشاكل في تطبيقك [&hellip;]
- [كيفية إنشاء رسوم بيانية تفاعلية في Flutter لعرض الإحصائيات](https://geecoders.com/blog-post_02-html/): رسم بياني في Flutter لمعرفة الاحصائيات بشكل جميلفي هذا المقال سوف نشرح لكم كيف تقوم بعمل الرسم البياني في تطبيقات Flutter بشكل مبسط وجميل وباسهل طريقة , حيث يوجد مكتبة تسهل علينا القيام بكل هذه العمليات بشكل بسيط جدا وكل هذا يكون من خلال المكتبة التي نقدمها لكم وبها الكثير من الاشكال التي يمكنك استخدامها وسوف نقوم بشرحهم في هذا الموقع باذن الله , واليوم سوف يكون فقط عباره عن عن رسم بياني مع تصميم مخصص للعناصر سواء بارتفاع او انخفاض حتى تتمكن من التعرف على احصائيات العناصر لديك سواء كانت في زيادة او نقصان . تسمى عملية إنشاء تطبيق [&hellip;]
- [حل مشكلة push master to origin/master was](https://geecoders.com/sovle-push-master-html-2/): حل مشكلة push master to origin/master wasفي البداية سبب ظهور المشكلة هو مشكلة &#8220;push master to origin/master was rejected&#8221; تحدث عندما تحاول دفع التغييرات من فرع master المحلي إلى فرع master البعيد، ولكن هناك اختلافات بين الفرع المحلي والبعيد. اهناك عدة أسباب محتملة لهذه المشكلة، منها:قد تكون المراجع المحلية والبعيدة غير متطابقة. على سبيل المثال، إذا قمت بإنشاء فرع جديد محليًا من فرع بعيد، فإن المراجع لن تكون متطابقة حتى تقوم بسحب أحدث التغييرات من الفرع البعيد.قد تكون هناك تغييرات غير متزامنة في الفرع المحلي والبعيد. على سبيل المثال، إذا قام شخص آخر بدفع تغييرات إلى الفرع البعيد، فقد يكون [&hellip;]
- [جدد إصدار Gradle في مشروع Flutter قديم في 4 خطوات سهلة](https://geecoders.com/update-gradle-html/): جدد إصدار Gradle في مشروع Flutter قديم في 4 خطوات سهلة لتجديد إصدار Gradle في مشروع Flutter قديم:اجعل نسخة المشروع على جهازك إما عن طريق الاستنساخ من GitHub أو التنزيل من مكان آخر.في موجه الأوامر، اكتب الأمر التالي:flutter pub outdatedهذا سيعرض لك جميع التبعيات القديمة في مشروعك.اكتب الأمر التالي لتحديث جميع التبعيات:flutter pub upgradeاكتب الأمر التالي لتشغيل المشروع:flutter runاذهب واصنع كوبًا من الشاي وانتظر بضع دقائق.مع هذا الحل، من المرجح أن يعمل مشروعك بمجرد تحديث إصدار Gradle.android sdk manager تحميل flutter developers applications create app android android studio mac
- [تحديد جزء معين في خريطة جوجل في Flutter بطريقة مخصصة مع إمكانية منع تحديد العنوان](https://geecoders.com/specific-delect%20-html/): تحديد جزء معين في الخريطة بطريقة مخصصه مع امكانية منع تحديد العنوانفي هذا المقال سوف نشرح معكم كيف تقوم بتحديد جزء معين من الخريطة في مشروعك في Flutter مع امكانية اضافة مؤشر واذا كان المؤشر بداخل المنطقة التي قمت بتحديدها سوف يعمل واذا لم يكون في المنطقه التي تقوم بتحديدها فلن يعمل المؤشر وهذا ما سوف نقوم به اليوم كما هو موضح بالصورة المصغره الخاصه بالمقال والامر بسيط جدا جدا كل ما سوف نحتاجه هو ان يكون لديك api key حتى تعمل معك الخرائط بدون مشاكل وبعدها لن تحتاج الى لتثبيت بعض المكتبات التي نقدمها لكم في الاسفل كما هو [&hellip;]
- [تفعيل خرائط جوجل في Flutter : دليل شامل للاندرويد و iOS](https://geecoders.com/ios-maps-flutter-html/): كيفية تفعيل خرائط جوجل على الاندرويد و ios بدون مشاكل Flutterفي هذه المقالة سوف نشرح لكم كيف تقوم بتفعيل خرائط جوجل على ios حيث تعد منصة ios والمملوكه لشركة apple من اقوى الانظمه الموجوده في السوق ولهذا عليك دائما في تطبيقاتك ان تهتم بكلا النظامين حتى تتمكن من اتقان الفلاتر او اي تقنية اخرى والامر بسيط جدا سوف نشرح كيف تقوم بتفعيلها في الاندرويد اولا ومن ثم سوف نشرح في الاندرويد كيف تتم العملية بكل سهوله وبالخطوات حتى لا تخطأ عليك متابعة المقالة كامله الى النهايه حتى لا يحدث معك اي مشاكل خلال عمل التطبيق . ما الذي يجعل Flutter [&hellip;]
- [تبسيط لمفهوم أنواع الـ Streams في Flutter : دليل شامل](https://geecoders.com/blog-post_22-html-4/): تبسيط لمفهوم أنواع الـ Streams في Flutterمن الأسئلة الشائعة في أي مقابلة عمل لـ Flutter هو سؤال: ما هي أنواع الـ Streams في Flutter؟Flutter هو إطار عمل مفتوح المصدر تم تطويره بواسطة Google في عام 2017، ويمكن استخدامه لتطوير تطبيقات الجوال والمواقع الإلكترونية على منصات متعددة، بما في ذلك Android وiOS وWeb وWindows وmacOS. في Flutter، لدينا نوعان من الـ Streams:الـ Single Subscription Stream: يسمح هذا النوع من الـ Stream للمشترك بالاستماع إلى الأحداث مرة واحدة فقط. إذا حاولت الاستماع إلى الحدث مرة أخرى، فستتلقى خطأ.الـ Broadcast Stream: يسمح هذا النوع من الـ Stream للمشتركين بالاستماع إلى الأحداث عدة مرات.الفرق [&hellip;]
- [حل مشكلة Your project uses a version of Flutter that is not supported by the current Flutter SDK.](https://geecoders.com/version-of-flutter-html-2/): حل مشكلة Your project uses a version of Flutter that is not supported by the current Flutter SDK.إذا كنت تريد تعديل مشروع Flutter يعتمد على إصدار قديم من Flutter، فقد تواجه المشكلة التالية: Your project uses a version of Flutter that is not supported by the current Flutter SDK.لحل هذه المشكلة، يمكنك استخدام fvm (Flutter Version Management). fvm هو أداة تسمح لك بإدارة إصدارات Flutter المختلفة على جهازك.Flutter هو إطار عمل مفتوح المصدر تم تطويره بواسطة Google في عام 2017، ويمكن استخدامه لتطوير تطبيقات الجوال والمواقع الإلكترونية على منصات متعددة، بما في ذلك Android وiOS وWeb وWindows وmacOS.لإعداد fvm، قم [&hellip;]
- [حل مشاكل Flutter عند تشغيل المشروع  على نظام  تشغيل ios](https://geecoders.com/solve-problem-html-2/):  حل مشاكل Flutter عند تشغيل المشروع  على نظام  تشغيل iosاضف الاكواد التاليه في terminal عند تشغيل المشروع  flutter cleanflutter pub getcd iospod initpod cache clean &#8211;allpod deintegraterm Flutter/Flutter.podspecrm Podfile.lockrm -rf .symlinks/cd ..flutter cleanflutter pub getcd iospod updatepod repo updatepod install &#8211;repo-updatepod updatepod installcd ..flutter run
- [تجنب استخدام هذه العوامل في تطبيقك عند رفعه على منصة appstore حتى يتم قبول التطبيق](https://geecoders.com/appstore-flutter-upload-html/): تجنب استخدام هذه العوامل في تطبيقك عند رفعه على منصة appstore حتى يتم قبول التطبيق1- لو الابلكيشن بتاعك فيه login و register وكدا ف لازم لازم تعمل حسابك أن يكون فيه زرار لل delete account 2- واحنا في سيره تسجيل الدخول بردو لو انت مستخدم third-party login service زي تسجيل الدخول ب Google أو Facebook ف لازم تعمل حسابك تضيف معاهم تسجيل الدخول Apple عشان من غيرها الابلكيشن هيترفض3- لو هتطلب Permissions لحاجه معينه في الجهاز زي Camera أو Location وكدا ف لازم توضح السبب في الرساله اللي هتظهر لليوزر في ملف ال النقطة 1:إذا كان تطبيقك يتضمن تسجيل دخول وتسجيل [&hellip;]
- [معرفة اذا كان المستخدم موجود داخل التطبيق ام لا واظهار مربع به المستخدم اونلاين في تطبيق الشات](https://geecoders.com/blog-post_14-html-4/): معرفة اذا كان المستخدم موجود داخل التطبيق ام لا واظهار مربع به المستخدم اونلاين في تطبيق الشاتفي تطبيقات المحادثات نلاحظ وجود علامة خضراء او شريط او حتى نص يظهر لنا اذا كان المستخدم الاخر موجود داخل التطبيق , وهذا ما سنعمل عليه اظهار شريط باللون الاخضر يظهر عندما يكون الطرف الاخر موجود داخل المحادثة في التطبيق . لغه جافا من اكثر اللغات التي عليها طلب سواء في التعلم او في سوق العمل , والسبب يرجع في انه يمكنك من خلالها تطوير تطبيقات الاندرويد و عمل برامج سطح المكتب من خلال هذه اللغه ايضا اغلب الجامعات تقوم بتدريس هذه اللغه وهي [&hellip;]
- [تحميل قائمة بجميع الرسائل المرسله من المستخدم الى مستخدم اخر](https://geecoders.com/chat10-html/): تحميل قائمة بجميع الرسائل المرسله من المستخدم الى مستخدم اخرفي اي تطبيق محادثة سواء واتساب او ماسنجر او غيره يظهر في واجهة التطبيق الاشخاص الذين قمت بعمل محادثة معهم من قبل وليس جميع مستخدمي التطبيق اليس كذلك ؟ في مقالة اليوم سوف نعمل على هذه القائمه ونساعدكم على اظهار جميع المحادثات التي يقوم بها المستخدم مع مستخدم اخر في واجهة التطبيق . لغه جافا من اكثر اللغات التي عليها طلب سواء في التعلم او في سوق العمل , والسبب يرجع في انه يمكنك من خلالها تطوير تطبيقات الاندرويد و عمل برامج سطح المكتب من خلال هذه اللغه ايضا اغلب الجامعات [&hellip;]
- [ضبط صفحة عرض المحادثة ChatActivity في تطبيق Chat App اندرويد ستوديو](https://geecoders.com/blog-post_10-html-3/): ضبط صفحة عرض المحادثة ChatActivity في تطبيق Chat App اندرويد ستوديوفي هذا المقال سوف نقوم بضبط صفحة ChatActivity وهي الصفحة التي تحتوي على محتويات الرسائل بين المرسل والمستقبل والتي قمنا بتصميم الهيكل الخاص بها في احد المقالات السابقة في هذا التطبيق وايضا قمنا بعمل ادبتر خاص بالرسائل بين الطرف الاول والطرف الثاني من اجل معرفة من هو مرسل الرساله ومن يستقبلها وفي هذا المقال سوف نكمل معكم الشرح . من اكثر البرامج التي قدمنا عليها شروحات في موقعنا هي برنامج اندرويد استوديو حيث شرحنا لكم اغلب تفاصيل البرنامج تقريبا وشرحنا لكم كيفيه تطوير تطبيقات الاندرويد من خلاله ايضا هذا البرنامج [&hellip;]
- [انشاء adapter chat خاص لعمل محادثة بين طرفين | Creating chat adapter android studio](https://geecoders.com/blog-post_08-html-3/): انشاء adapter chat خاص لعمل محادثة بين طرفين | Creating chat adapter android studioفي هذا المقال والذي يعد الدرس الثامن من انشاء تطبيق شات سوف نقوم بعمل ادبتر للشات وهذا الادبتر به طرفين وهو المرسل والمستقبل والذي قمنا بعمل التصميمات الخاصه بهم في الدرس السابق وفي هذا الدرس سوف نكمل في التطبيق ونقوم بعمل الادبتر اللازم لهم  من اكثر البرامج التي قدمنا عليها شروحات في موقعنا هي برنامج اندرويد استوديو حيث شرحنا لكم اغلب تفاصيل البرنامج تقريبا وشرحنا لكم كيفيه تطوير تطبيقات الاندرويد من خلاله ايضا هذا البرنامج يعد واحد من اقوى البرامج التي تستخدم في تطوير وصناعه تطبيقات الاندرويد ايضا [&hellip;]
- [تصميم صفحة للمحادثات ببرنامج اندرويد ستوديو | Design a page for conversations in Android Studio](https://geecoders.com/blog-post-html-38/): تصميم صفحة للمحادثات ببرنامج اندرويد ستوديو | Design a page for conversations in Android Studioفي هذا الدرس والذي يعد السابع من دروس بناء تطبيق شات باستخدام خدمة الفايربيز ببرنامج اندرويد ستوديو سوف نقوم ببناء وانشاء صفحة للمحادثات تكون بين طرفين وتحتوي اعلى الصفحة على اسم المستخدم الذي تقوم بالمحادثه معه وتكون الرسائل المرسله من طرف الشخص الاول على اليمين والشخص الاخر على اليسار كما تعونا عليها في مختلف تطبيقات المحادثات كتطبيف ماسنجر وواتساب وغيرها  من اكثر البرامج التي قدمنا عليها شروحات في موقعنا هي برنامج اندرويد استوديو حيث شرحنا لكم اغلب تفاصيل البرنامج تقريبا وشرحنا لكم كيفيه تطوير تطبيقات الاندرويد من [&hellip;]
- [تحديث جميع البيانات لمستخدمي التطبيق وتصميم صفحة للمستخدمين](https://geecoders.com/chat6-html/):  تحديث جميع البيانات لمستخدمي التطبيق وتصميم صفحة للمستخدمينفي هذا الدرس سوف نقوم بتصميم صفحة تحتوي على قائمة بها جميع مستخدمي التطبيق لكي تتمكن من اضافتهم والتحدث معهم , وايضا سوف نتعرف على كيفية عرض جميع مستخدمي التطبيق للجميع لكي تتمكن من اضافتهم وبدء محادثة جديدة معهم اذا كنت ترغب بذلك . أصبح الاقبال على ظيفة android developer كبير جدا في هذه الايام وذلك لان مجال ال developing اصبح مطور بكثره في مختلف الدول سواء العربيه او الاجنبيه وليس فقط android developer بل هناك ios developer وهو الشخص المتخصص في تطوير تطبيقات نظام ios الخاص بشركة apple وفي الغالب يكون راتب [&hellip;]
- [حفظ التوكن والبيانات الخاص بالمستخدم وحذف البيانات عند تسجيل الخروج في تطبيق الشات](https://geecoders.com/save-token-html/): حفظ التوكن والبيانات الخاص بالمستخدم وحذف البيانات عند تسجيل الخروج في تطبيق الشاتفي هذا الدرس سوف نقوم بعمل تصميم لصفحة mainactivity وايضا سوف نقوم بحذف البيانات الخاصه بالمستخدم عند عملية تسجيل الخروج من التطبيق وهذا لكي لا تحدث مشاكل عند تسجيل الخروج من التطبيق , ايضا سوف نتعرف على كيفية حفظ التوكن الخاص بالمستخدم في عملية تسجيل الدخول وتحديث التوكن الخاص بالمستخدم عند عمل login للتطبيق لغه جافا من اكثر اللغات التي عليها طلب سواء في التعلم او في سوق العمل , والسبب يرجع في انه يمكنك من خلالها تطوير تطبيقات الاندرويد و عمل برامج سطح المكتب من خلال هذه [&hellip;]
- [كيفية عمل تسجيل دخول لبيانات المستخدم بواسطة firebase | بناء تطبيق شات بالفايربيز](https://geecoders.com/blog-post_30-html-2/): كيفية عمل تسجيل دخول لبيانات المستخدم بواسطة firebaseفي مقالة اليوم سوف نتعرف على كيفية عمل تسجيل دخول الى حسابك في تطبيق chat app , وكيف يمكن تخزين البيانات في الجهاز لتمكين الدخول الى الحساب في المره المقبله دون الحاجه الى كتابة المعلومات من جديد  من اكثر البرامج التي قدمنا عليها شروحات في موقعنا هي برنامج اندرويد استوديو حيث شرحنا لكم اغلب تفاصيل البرنامج تقريبا وشرحنا لكم كيفيه تطوير تطبيقات الاندرويد من خلاله ايضا هذا البرنامج يعد واحد من اقوى البرامج التي تستخدم في تطوير وصناعه تطبيقات الاندرويد ايضا نحاول في موقعنا مشاركه كل مايهمك في هذا المجال وتقريبا كل شيء [&hellip;]
- [ارسال بيانات التسجيل الى firebase وحفظها داخل SharedPreferences لبناء تطبيق محادثه بالفايربيز](https://geecoders.com/blog-post_28-html-7/): ارسال بيانات التسجيل الى firebase وحفظها داخل SharedPreferencesفي هذة المقالة سوف نشرح معكم كيف يمكنك ارسال بيانات التسجيل في الفايربيز وتخزينها ايضا بداخل الSharedPreferences لكي يصبح دائما الاميل والرقم السري الخاصين بالمستخدم مسجلين بشكل دائم ولا يحتاج في كل مره الى اعادة كتابتهم الا عندما يقوم بتسجيل الخروج من التطبيق وفي هذة الحالة سوف يحتاج الى كتابة الاميل والرقم السري مره اخر ولكن اذا لم يقم باي عملية تسجيل خروج من التطبيق سيبقى محتفظ على بياناته داخل الهاتف ولن يطلب منه ادخال الاميل او الرقم السري مره اخرى . تطوير تطبيقات ليس من الامور السهله التي يستطيع الجميع احترافيها وخاصة [&hellip;]
- [ربط التطبيق مع firebase والتاكد من ارسال الرسائل للمستخدم | Android studio java](https://geecoders.com/blog-post_26-html-6/): ربط التطبيق مع firebase والتاكد من ارسال الرسائل للمستخدمفي هذا المقال سوف نقوم بربط التطبيق الخاص بنا بخدمة الفابيز والتاكد من التوكن الخاص باليوزر وارسال له الرسائل وهذة المقالة تعد ثاني مقالة في انشاء تطبيق chat عن طريق برنامج اندرويد ستوديو , وهذا يعد ثاني تطبيق نقوم بإنشاءه في قسم الفايربيز حيث ان اول تطبيق كان عباره عن تطبيق بسيط يربط العميل بالمندوب . أصبح الاقبال على ظيفة android developer كبير جدا في هذه الايام وذلك لان مجال ال developing اصبح مطور بكثره في مختلف الدول سواء العربيه او الاجنبيه وليس فقط android developer بل هناك ios developer وهو الشخص [&hellip;]
- [المكتبات التي تحتاجها لبناء تطبيق chat في Android studio](https://geecoders.com/blog-post_24-html-8/):  المكتبات التي تحتاجها لبناء تطبيق chat في Android studioيوجد بعض من المكتبات المهمه التي تحتاجها للبدء في تصميم اي تطبيق على برنامج اندرويد ستوديو ويوجد مكتبات لا غنى عنها اطلاقا مثل ssd و sdp لذلك قم بتثبيتهم وايضا قم بتثبيت مكتبة roundedimageview لتصميم صورة دائريه . dependencies {    // ssd and sdp    implementation &#8216;com.intuit.sdp:sdp-android:1.0.6&#8217;    implementation &#8216;com.intuit.ssp:ssp-android:1.0.6&#8217;    // round image    implementation &#8216;com.makeramen:roundedimageview:2.3.0&#8217;}تفعيل viewBindingاصبحت الشركات تهتم بوجود viewBinding او Databinding في تطبيقتها وذلك لتوفيرها على المطور كتابة التعريفات اللازمه لكل id من الitem وتجعل الكود الخاص بك اكثر تنظيما ولهذا السبب عليك بتفعيلها في تطبيقك .    [&hellip;]
- [شرح التعامل مع مكتبة datetime بلغة بايثون | datetime library in python](https://geecoders.com/blog-post_22-html/): شرح التعامل مع مكتبة datetime بلغة بايثون | datetime library in pythonتعد مكتبة datetime واحده من المكاتب التي تستخدم بشكل كبير في البرامج وهي تسهل علينا الوصول الى التاريخ والوقت الحالي مثلا لديك برنامج يقوم بعمل فواتير وتريد عند طباعة اي فاتورة يتم طباعة التاريخ والوقت لذلك تستخدم هذة المكتبة والمميز في البايثون انها توفر لنا الكثر من الوقت بسبب وجود المكتبات الكثيره وهذا ما يميز هذة اللغه وسوف نحاول ان نشارك معكم كل شيئ في هذة اللغات لكي تستطيع التعامل معها مستقبلا بسهوله ويكون لديك معرفة كامله عنها . اذا كنت تبحث عن سكريبتات بايثون جاهزه , احب ان [&hellip;]
- [اكواد بايثون جاهزة لشرح مكتبة random مع شرح لكل كود](https://geecoders.com/blog-post-html-3/): اكواد بايثون جاهزة لشرح مكتبة random مع شرح لكل كودفي هذا الدرس اشارك معكم مجموعه من اكواد بايثون الجاهزة حول استخدام مكتبة العشوائي وهي من اهم المكتبات التي يجب على كل شخص معرفتها وليس فقط في python بل في كل لغات البرمجة تقريبا وسنحاول شرحها لكم اليوم بكل تفاصيلها وتقديم اكثر من سكريبت ومثال عليها ولذلك لاهميتها الكبيره في البرمجة . موقع ومدونه جي كودرس ترحب دائما بكل الزائرين الجدد. حيث اننا في هذا الموقع نقدم لكم الكثير من الاكواد البرمجيه. في مختلف المجالات فمثلا لدينا اكواد بايثون جاهزه و اكواد جافا واكواد سي بلس وغيرها من الاكواد لذلك دائما [&hellip;]
- [ترجمة كامله لتطبيقك باستخدام مكتبة easy localization مع شرح الاستخدام في Flutter](https://geecoders.com/easy-localization-html-2/): ترجمة كامله لتطبيقك باستخدام مكتبة easy localization مع شرح الاستخدام في Flutterمكتبة easy_localization هي مكتبة Flutter مفتوحة المصدر تسهل عملية الترجمة الدولية لتطبيقات Flutter. توفر المكتبة مجموعة من الميزات التي تجعل من السهل ترجمة تطبيقاتك إلى لغات متعددة، بما في ذلك مجموعه مميزات لها هناك حاجة إلى لغات البرمجة Swift أو Objective-C وبيئات التطوير المتكاملة Xcode أو AppCode لإنشاء تطبيق iOS للجوال. هناك حاجة إلى لغات البرمجة مثل Kotlin أو Java ، بالإضافة إلى بيئات التطوير المتكاملة مثل Android Studio أو Eclipse ، لإنشاء تطبيق Android للجوال. بالإضافة إلى ذلك ، يمكن للمستخدمين الحصول على تطبيقات أصلية من خلال متاجر [&hellip;]
- [ترجمة التطبيق الخاص بك في flutter بدون اي مكتبات](https://geecoders.com/translation-nolib-html-2/): ترجمة التطبيق الخاص بك في flutter بدون اي مكتباتيمكن ترجمة تطبيق Flutter بدون مكتبات عن طريق إنشاء ملفات ترجمة لكل لغة تريد دعمها. يمكنك استخدام أي تنسيق ملف تريده لترجمة، ولكن تنسيق JSON هو الأكثر شيوعًا. إحدى أهم مزايا إنشاء تطبيق ويب هي التكلفة المنخفضة. خاصة إذا قمت بالاستعانة بمصادر خارجية ، فقد يكون تطوير البرامج التقليدية مكلفًا للغاية. يعد تطوير البرامج التقليدية أكثر تكلفة من إنشاء تطبيق ويب. السبب الرئيسي لذلك هو تضمين تكاليف التصميم والتشفير في سعر إنشاء موقع ويب. بالإضافة إلى ذلك ، فهي أقل تكلفة بكثير بسبب عدم وجود رسوم الترخيص وسهولة العثور على مطوري مكدس [&hellip;]
- [إضافة Timer في Flutter مع تنفيذ امر معين بعد الانتهاء الوقت](https://geecoders.com/timer-html/): إضافة Timer في Flutter مع تنفيذ امر معين بعد الانتهاء الوقتفي احد المشاريع التي كنت اعمل عليها طلب العميل مني مؤقت وبعد مرور وقت معين يتم تسجيل عملية تسجيل خروج من التطبيق ولهذا قمت بعمل وقت معين بمقدار 5 ثواني وبعد انتهاء المده يتم عمل emit ومن خلالها اقوم بعملية تسجيل الخروج وحذف البيانات التي يتم تخزينها , وايضا الtimer يوجد له مظهر معين وليس فقط القيام بتنفيذ عملية بعد انتهاء المده بل يتم الشكل يكون دائري وبداخله وقت وبعد الانتهاء يتم تنفيذ الوظيفه المطلوبة بدون مشاكل وهذا ما سوف نشاركه معكم في هذه المقاله .غالبًا ما تكون لغة Dart [&hellip;]
- [تتبع موقع المستخدم خلال استخدام التطبيق عن طريق google map في flutter](https://geecoders.com/tra-html/): تتبع موقع المستخدم خلال استخدام التطبيق عن طريق google map في flutterفي هذه المقالة تعد من الاكثر طلبا من قبل المطورين حيث سوف نشرح لكم كيف تقوم بتتبع موقع المستخدم وعمل tracking له باستخدام خرائط جوجل بطريقة بسيطة مع تغيير الايقونه والمسار الذي يظهر للمستخدم , بكل بساطة عليك بتفعيل ميزة التتبع من خلال جوجل حتى تظهر لك امكانية التتبع ولعدم ظهور اي مشاكل وسوف تحتاج الى بعض المكتبات التي سوف نقدمها لكم في هذه المقالة عليك بتركيبها في تطبيقك حتى تبدء في التتبع بدون مشاكل كما هو موضح بالصورة الخاصه بالمقال . Native ARM هي إحدى ميزات Flutter المفيدة [&hellip;]
- [كيفية الانتقال الى صفحة جديده بعد هز الهاتف في فلاتر](https://geecoders.com/shake-vibration-flutter-html/): كيفية الانتقال الى صفحة جديده بعد هز الهاتف في فلاتريتيح تطبيق فيسبوك امكانية التبليغ عن مشكلة وذلك يكون عن طريق هز الهاتف ولكن هل اردت ان تقوم بتنفيذ مثل هذه العميله في تطبيقك والامر بسيط جدا في flutter حيث انه يوجد مشكلة تقدم هذه الميزه وتجعلك قادر على تنفيذ مثل هذه العميله وهذا يكون عن طريق هز الهاتف وبعد ذلك يمكنك تنفيذ اي عمليه تريدها مثل الانتقال الى صفحه اخرى او حتى طباعة عباره معينه او غيره الامر راجع لك وايضا يمكنك اصدار امكانية هز للهاتف عن طريق مكتبة اخرى اذا كنت تريد تنفيذ مثل هذه العمليه وكل شيبئ سيتم [&hellip;]
- [كيفية تنفيذ امر معين عند النقر مطول على صورة او اي عنصر في Flutter](https://geecoders.com/long-click-img-ios-html/): كيفية تنفيذ امر معين عند النقر مطول على صورة او اي عنصر في Flutterيغفل كثير من المبرمجين عن widget مهم وموجود في flutter وهو CupertinoContextMenu حيث انه يقوم بتنفيذ وظيفة رائعه ويعطي مظهر جيد لتطبيقك , بكل بساطه يعمل على امكانية جعل العنصر الذي ينقر عليه المستخدم قابل للضغط المطول وتنفيذ امر معين بعد الضغطة المطوله عليه مثل الموجود في تطبيق انستقرام الشهير يمكنك النقر مطول على العنصر حتى يتم فتحه وتمويه باقي الصورة الموجوده ليصبح التركيز كامل على الصورة الرئيسيه هذا الwidget يقوم بتنفيذ العملية تقريبا ولكن مع اختلاف بسيط . تم إنشاء تقنيات جديدة ، بما في ذلك [&hellip;]
- [شرح كيفية عمل ExpansionPanelList في Flutter](https://geecoders.com/expansionpanellist%20-html/): شرح كيفية عمل ExpansionPanelList في Flutterاحيانا عند تطوير تطبيق خاص بك تحتاج الى اضافة الى قائمه منسدله في التطبيق ولكن القائمه تكون عباره عن عنوان خاص بها وعند النقر عليها يتم عرضها بشكل كامل كما هو موضح بالصورة الخاصه بالمقال وعند النقر عليها مره اخرى يتم اخفاء جزء منها ويبقى العنوان فقط ولهذا سوف نساعدكم في تنفيذ هذه العمليه عن طريق اشكال مختلفه سواء باستخدام مكتبة او بدون استخدام اي مكتبات تماما وذلك ما سوف نشاهده في الشرح التالي للاضافة وكيفية تنفيذها بسهوله . غالبًا ما تكون لغة Dart من Google هي الجانب الأكثر إثارة للخلاف وتميزًا في النظام الأساسي [&hellip;]
- [شرح تحديد مساحة معينه ووضع دائره على الخريطة في flutter](https://geecoders.com/determine-distan-html/):  شرح تحديد مساحة معينه ووضع دائره على الخريطة في flutterاذا كنت تعمل على مشروع اندرويد او تطبيق ios وطلب منك العميل تحديد مساحة معينه في الخريطة يتم تقديم الخدمه بها فلا تقلق الامر بسيط جدا جدا يمكنك استخدام خاصية في flutterMap تساعدك في رسم دائره على الخريطة بمساحه معينه كما هو موضح بالصورة مع الالوان وايضا يمكنك القيام بهذا عن طريق circles التي نقدمها لكم وهيا عباره عن map يتم من خلالها ادراج المناطق المعينه التي تريد ان تظهر لك في الخريطة كما هو واضح وبالنسبة للنقر المطول نقدم برسم دائره باللون الاحمر . تستخدم غالبية المؤسسات التطوير عبر الأنظمة [&hellip;]
- [شرح كيفية تحجيم الشاشه على ال Desktop في تطبيقات Flutter على سطح المكتب](https://geecoders.com/desktop-flutter-html/): شرح كيفية تحجيم الشاشه على ال Desktop في تطبيقات Flutter على سطح المكتباذا كان التطبيق الخاص بك يعمل على سطح المكتب على سبيل المثال وتريد ان تقوم بعمل تحجيم للتطبيق بمعنى ان التطبيق او البرنامج الخاص بك يكون بابعاد معينه لا يمكن ان يقل عنها فيمكنك ذلك من خلال استخدام مكتبة desktop window فهي تسمح لك بان تقوم بوضع قيمة عظمى او صغرى للتطبيق الخاص بك بحيث لا يمكن ان يقل او يزيد عن النسبة التي تضعها انت للتطبيق وكل هذا توفره لنا المكتبة البسيطة والتي نشاركها معكم في هذه المقالة من اجل مساعتدكم في بناء تطبيقات سطح المكتب على [&hellip;]
- [اضافة ايقونة زر تشغيل وايقاف المقطع الصوتي بشكل مختلف في فلاتر](https://geecoders.com/sound-effect-html/): اضافة ايقونة زر تشغيل وايقاف المقطع الصوتي بشكل مختلف في فلاترفي هذا المقال نشارك معكم طريقة جديده من الطرق التي تحسن من شكل التطبيق الخاص بك خصوصا لو كان التطبيق الخاص بك يوجد بداخله مقاطع صوتيه او حتى يحتوي على مقاطع فيديو في طبيعة الحال يوجد ايقونة توضح اذا كان التطبيق في حالة التشغيل او في حالة الايقاف وبالنسبة للايقونة فسوف نقوم في مقالة اليوم بتغيير شكلها الى مجموعه رائعه من الاشكال التي نقدمها لكم في مقالة اليوم وكل هذا سوف يكون من خلال الاكواد التي نضعها لكم في هذه المقالة حيث ان الكود الاول سوف يكون عباره عن مجموعة [&hellip;]
- [إنشاء واجهة تطبيق لرفع الملفات من هاتفك مع تحديد صيغة الصورة في Flutter](https://geecoders.com/upload-file-html/): إنشاء واجهة تطبيق لرفع الملفات من هاتفك مع تحديد صيغة الصورة في Flutterفي هذا المقال سوف نقوم معكم ببناء واجهه يتم فيها رفع الملفات الخاصه بك وهذه الصفحة مميزه جدا لاحتوائها على الوان بسيطة ومريحة للعين وايضا يوجد بها افكار يمكنك استخدامها في مشاريعك ايضا هذه الواجهه بسيطة جدا عباره عن صورة بالاعلى واسفلها تصميم يمكنك النقر عليه وتحديد الملفات التي ترغب برفعها كما هو موضح بالصورة الخاصه بالمقال ايضا الكود التالي يحتوي على بعض الصيغ التي يمكنك استعمالها حتى تتمكن من الاختيار بينها لانها لا يمكنك استخدام جميع الصيغ في الرفع فقط قمنا بتحديد مجموعة من الصيغ التي يمكنك [&hellip;]
- [شرح كيفية عرض تفاصيل الرابط المرسل في flutter](https://geecoders.com/link-previe-flutter-html/): شرح كيفية عرض تفاصيل الرابط المرسل في flutterعند استخدامك لمواقع التواصل الاجتماعي الكبيره مثل فيسبوك او انستقرام او حتى واتساب او غيرها من التطبيق سوف تلاحظ انه عندما ارسال رابط يتم اظهار تفاصيل الرابط وماذا يوجد بداخله وهذه الميزه رائعه جدا لانها توضح ما بداخل الرابط قبل فتحه بمعنى تكون مثل ال preview للرابط وفي هذا المقال سوف نقدم لكم اضافة جميلة جدا سوف تحتاجه بالتاكيد اذا كنت ترغب بتطوير موقع تواصل اجتماعي وتريد استخدام هذه الميزه فبمجرد ارسال رابط يتم معرفة الرابط وبعدها يظهر تفاصيله بشكل جميل كما هو موضح بالصورة الخاصه بالمقال . غالبًا ما تكون لغة Dart [&hellip;]
- [الحصول على اشكال icons جديده في فلاتر باستخدام font awesome](https://geecoders.com/font-awesome-html/): الحصول على اشكال icons جديده في فلاتر باستخدام font awesomeكما نعلم ان الايقونات التي تقدمها لنا فلاتر قوية جدا وتفي بالغرض ولكن في بعض الاحيان نحتاج ان نجعل التطبيق الخاص بنا مختلف عن باقي التطبيقات ولهذا نحتاج الى ان نقوم بتغيير شكل الايقونات او اضافة ايقونات اخرى وفي هذا المقال سوف نشرح لكم احد الاضافات التي تساعدك في انشاء ايقونات مختلفه في تطبيق فلاتر وهذه الاضافه في الغالب سوف تجدها لديك في المشروع الذي تعمل عليه لانها تكون بشكل افتراضي مع التطبيقات وسوف نشرح كيف يتم استخدمها والامر بسيط جدا جدا فقط تابع المقاله للنهايه لكي تتعرف على طريقة العمل [&hellip;]
- [إنشاء wave على المقطع الصوتي في فلاتر | Create a wave on an audio clip in Flutter](https://geecoders.com/record-flutter-html/): إنشاء wave على المقطع الصوتي في فلاتر wave واحد من العناصر التي تشغل بال الكثير من المطورين حيث يسعى الاغلب منا الى اضافتها في تطبيقة اذا كان التطبيق يحتوي على نقاطع صوتيه قصيره او غيره ونحن في هذه المقالة سوف نشارك معكم طريقتين يمكنك من خلالهم انشاء ال wave  البسيط بكل سهوله وسوف نستخدم مكتبتين للقيام بهذه العملية كل مكتبة منهم كلها الخصائص المعينه التي تقدمها وليس كل المكتبات بنفس الخصائص ويمكنك الاختيار بينهم في الافضل وفي كلا الاحوال كلا المكتبتين يقدمان نفس الغرض تقريبا مع اختلافات في الاستخدام بين كل مكتبة والاخرى . يحتاج المرء إلى معرفة ومهارات في تطوير [&hellip;]
- [إنشاء تاثير التحميل كفيسبوكعند تحميل البيانات من السيرفر في فلاتر | shimmer Effect in Flutter](https://geecoders.com/shimmer-effect-facebook-html/): إنشاء تاثير التحميل كفسيبوك عند تحميل البيانات من السيرفر في flutterمن التأثيرات المهمه التي يلجأ اليها الكثير من المبرمجين في تطبيقاتهم وهو اضافة امكانية لعمل تاثير التحميل مثل الذي يظهر بالفيسبوك وهو تاثير رائع جدا جدا ويساعد بشكل كبير في تحسين شكل التطبيق الخاص بك , حيث انه اذا كانت العناصر تحتاج الى انترنت لكي يتم عرضها يمكنك عرض تصميم التحميل حتى يتم اكتمال تحميل العناصر وبعدها يظهر البيانات من الانترنت ويختفي التاثير كما هو موضح بالصورة الخاصه بالمقالة والامر هذا يبحث عليه الكثير من المبرمجين ونوفره لكم في هذه المقالة بشكل مبسط حتى تتمكن من التعامل معه بكل سهوله [&hellip;]
- [شرح كيفية تحديث جميع المكتبات داخل فلاتر دفعه واحده اوتوماتيكي](https://geecoders.com/blog-post_10-html-4/): شرح كيفية تحديث جميع المكتبات داخل فلاتر دفعه واحده اوتوماتيكيمع تحديث فلاتر و الdart قد تجد ان بعض المكتبات لم تعد تعمل مع مشروعك وتجد ان المبرمج الذي قام بإنشاء المكتبه قام بعمل تحديث لها لكي تتوافق مع الاصدار الجديد ويجب عليك التحديث لكي تستطيع استخدامها بدون مشاكل ومع الاسف يلجأ الاغلب منا الى الانتقال الى رابط الاضافة ومن ثم يقوم بجلب الرابط الجديد لها واضافته وبعدها تفعيل التحديث ولكن هذا الامر صعب اذا كان لديك مشروع يحتوي على عدد كبير من الاضافات والمكتبات وليس من المنطقي ان تقوم بتحديث كل هذه الاضافات واحده تلو الاخرى ولهذا نقدم لكم في [&hellip;]
- [شرح كيفية تحديث الكوتلن الى اخر اصدار](https://geecoders.com/update%20kotile-html/): شرح كيفية تحديث الكوتلن الى اخر اصداربعد تحديث برنامج الاندرويد ستوديو تلاحظ في بعض الاحيان المشروع الذي تعمل عليه لم يعد يعمل والسبب يرجع الى عدم تحديث الكوتلن بكل بساطة عندما تقوم بتحديث كل مكتبات البرنامج وتحديث الاندرويد عليك ايضا ان تقوم بتحديث الkotile والاغلب لا يعرف كيف يقوم بتحديثها قد تسبب له مشكلة مزعجه ولكن في مقالة اليوم سوف اشرح لك كيف تقوم بتحديث كوتلن الى اخر اصدار ومعرفة الاصدار الذي تعمل عليه لكي لا يحدث معك اي مشاكل . how to update kotile in android studioاول خطوة عليك القيام بها وهيا الانتقال من قائمة tools واختيار الكوتلن وبعدها [&hellip;]
- [شرح كيفية الحصول على sh1 لمشروعك في Flutter](https://geecoders.com/blog-post_735-html/): شرح كيفية الحصول على sh1 لمشروعك في Flutterفي هذا المقال سوف نشرح لكم كيف تقوم بالحصول على قيمة sh1 لتنفيذ عليها بعض العمليات التي يحتاجها المطورين مثل لربط التطبيق مع الفايربيز او حتى لعمل تسجيل دخول فيسبوك و جوجل , وغيرها والكثير يواجه صعوبه في الحصول على sh1 بالاخص مستخدمي window لان الموضوع ليس عباره عن امر يتم كتابته مثل كود لمنصة ios , وفي هذا المقال سوف نشرح لكم الطريقة بكل سهوله . يمثل نظاما التشغيل الأساسيان للهاتف المحمول ، iOS و Android اكثر من 97% من حصة السوق لتطبيقات الهاتف المحمول. عادةً ما يتعين على مطور تطبيقات الأجهزة [&hellip;]
- [حل مشكلة عدم ظهور ملف web في مشروعك في Flutter](https://geecoders.com/web-flutter-html-2/): حل مشكلة عدم ظهور ملف web في مشروعك في Flutterقد تلاحظ وانت تعمل على احد المشاريع ان هناك مشكلة تظهر معك ان ملف ال web قد لا يظهر معك او اي ملف اخر وهذه مشكلة بحيث انك اذا كنت ترغب بان تقوم بتشغيل التطبيق الخاص بك على الويب فلن تستطيع بسبب ان الملف غير موجود وهذا يسبب مشكلة وقد واجهتني هذه المشكلة بشكل شخصي وبعد بحث طويل توصلت الى الحل واحببت كتابة مقالة لكم حتى اساعدكم ايضا في حل هذه المشكلة لكي يعمل تطبيقك بشكل سليم على مختلف الاجهزم بدون ادنى مشاكل تماما هذه المشكلة تظهر احيانا بسبب بعض المكتبات [&hellip;]
- [حل مشكلة عدم القدرة على رفع مشاريع الgithub وظهور مشكلة Invocation failed Unexpected](https://geecoders.com/github-invocation-failed-unexpected-html-2/): حل مشكلة عدم القدرة على رفع مشاريع الgithub وظهور مشكلة Invocation failed Unexpectedظهرت في الفتره الاخيره مشكلة تقابل معظم المطورين اثناء رفع التطبيق الخاص به على منصة الجيت هب والغنيه عن التعريف وهي مشكلة Invocation failed Unexpected وهيا تقابله اثناء رفع الملفات الخاصه به على الموقع والحل بسيط جدا وتم شرحه في الخطوة التاليه , وكما نعلم ان موقع جيت هب من اكبر المواقع واهمها لدى المبرمجين في مشاركة الاكواد الخاصه بهم مع الاشخاص وهذا الموقع لا تجد اي مبرمج ناجح لا يستخدمه بل الجميع يستخدمونه وذلك لاهميته الكبيره لكل مبرمج . Invocation failed Unexpected end of file from server [&hellip;]
- [مجموعة امثلة وتطبيقات على oop باستخدام لغة python](https://geecoders.com/oop-constructor-html/): مجموعة امثلة وتطبيقات على oop باستخدام لغة pythonتعد مشاريع بلغه بايثون احد اهم الاشياء التي يبحث عليها الكثير منكم. لكي يتعلم و يتقن لغه البايثون ويرجع ذلك الى عده اسباب اولا ان اسكريبتات لغه بايثون مهمه جدا في الذكاء الاصطناعي ويريد الكثير منكم تعلم هذه المهاره. ايضا تعد لغه بايتون اكثر لغه عليها طلب في سوق العمل في الوقت الحالي وذلك لعده اشياء سوف نذكرها معكم في النقطه التاليه. ولكن يجب عليكم التركيز في جميع اكواد بايثون وامثله على الاكواد التي سوف نقدمها لكم لانه باتباعك هذه الاكواد واتقانها بشكل جيد سوف اخبرك انك سوف تكون قادر على فعل خوارزميات [&hellip;]
- [شرح استخدام try و except بالبايثون وكيفية فك باسورد ملفات zip](https://geecoders.com/exceptpythonzip-html/):  شرح استخدام try و except بالبايثون وكيفية فك باسورد ملفات zipفي هذة المقالة سوف نشرح واحد من اهم القواعد واكثرها استعمالا في python وذلك لانها مهمه جدا فبكل بساطة الامر try عندما تكون العملية ناجحه يدخل فيها واذا فشلت العملية يدخل في مرحلة except ويمكنك عمل اكثر من احتمال في except يدخل فيها البرنامج عندما يفشل وسنتعرف اكثر عليها من خلال الاكواد المقدمه , ايضا في نهاية المقالة سوف نساعدكم على فك ضغط ملفات zip المحميه برقم سري وسوف نشرحها بالتفصيل ان شاء الله  متابعي موقع او مدونتة جي كودرس مرحبا بكم في هذا المقال نقدم لكم مجموعه من اكواد [&hellip;]
- [انشاء خريطة بها مواقع الاشخاص مع تغيير الايقونه داخل تطبيقات Flutter](https://geecoders.com/location-p-html/): انشاء خريطة بها مواقع الاشخاص مع تغيير الايقونه داخل تطبيقات Flutterفي هذا المقال سوف نتعرف على كيفية اضافة مواقع بعض الاشخاص على الخريطة مع امكانية تغيير الايقونة الخاصه بالعلامه الخاصه بالمستخدم لكل مستخدم وهذا يكون شبيه لتطبيق سناب شات الذي يحتوي على خريطة بها الاشخاص الذين تعرفهم والقريبين منك بحيث تستطيع البحث عليهم والانتقال اليهم من على الخريطة وهذا ما سوف نقوم به في هذه المقالة كما هو موضح بالصورة الخاصه بالمقاله ويمكنك القيام بتفنيذ التصميم من خلال هذا الشرح البسيط الذي نقدمه لكم من اجل تحسين التطبيق الخاص بكم في فلاتر  وصف Flutter. تتيح مجموعة أدوات واجهة المستخدم المحمولة [&hellip;]
- [كيفية الانتقال الى خرائط جوجل في هاتفك مع تحديد المسار في تطبيقات Flutter](https://geecoders.com/blog-post_24-html-4/): كيفية الانتقال الى خرائط جوجل في هاتفك مع تحديد المسارفي هذا المقال سوف نشرح لكم طريقة جديده في التعامل مع خرائط جوجل وهيا انك تقوم بتحديد مسار معين او موقع على الخريطة وبعد النقر عليه يتم فتح خرائط جوجل وايضا تحديد موقعك والموقع المراد الانتقال اليه ومن ثم تحديد المسار وبدء الانطلاق وبهذا لن تحتاج ان يكون حسابك في google map يسمح بالتتبع فهذه الخدمه تكون مكانية الان والامر رائع جدا ويوفر عليك الكثير من المال والوقت في كتابة الكود وسوف نشرح معكم في خلال المقالات التي نقدمها لكم في هذا القسم كل شيئ حول التعامل مع الخرائط . تعد [&hellip;]
- [شرح كيفية عمل انميشن على الموقع الخاص بالمستخدم باستخدام flutterMap](https://geecoders.com/blog-post_21-html-4/): شرح كيفية عمل انميشن على الموقع الخاص بالمستخدم باستخدام flutterMapفي الدروس السابقة تعلمنا التعامل مع خرائط جوجل وكيف نقوم بتحديد الموقع والبحث عن المواقع وايضا رسم خط وحساب المدة الزمنيه والمسافه بين موقعين وفي هذه المقالة سوف نشرح لكم مكتبة جديده لا تحتاج منك الى حساب google map وهيا flutter map وهذه المكتبة تقدم لك خريطة مخصصه ولكن عيب هذه المكتبة انها فقط تعمل على النسخه التجربيه وعند اطلاق التطبيق لن تظهر معك الخريطة ولكن يمكنك الاستفاده من الاكواد التي نقدمها لكم وهيا اننا سوف نقوم لكم كيف تقوم بعمل انميشن على موقع المستخدم في Flutter وايضا انميشن عند النقر [&hellip;]
- [كيفية رسم خط للتبع الموقع على الخريطة في Flutter](https://geecoders.com/blog-post_20-html-2/): كيفية رسم خط للتبع الموقع على الخريطة في Flutterفي هذه المقالة سوف نشرح لكم كيف تقوم برسم خط على الخريطة بين موقعين وهذا يكون عن طريق api والذي سبق وتعرفنا عليه في المقالات السابقة وفي هذه المقالة سوف نكمل معكم التعامل مع الخريطة وهذا سيكون عن طريق اننا نقوم معكم برسم الخط بين موقعين من اجل تتبع الموقع وسوف نشرح لكم في المقالات السابقة كيفية عمل tracking على الخريطة في flutter بابسط طريقة ممكنه والامر ليس بالصعب ولا المستحيل فقط يمكنك ذلك من خلال المقالات التي نقدمها لكم لرسم الخط سوف تحتاج ان تقوم بتركيب المكتبة التي تساعدك في هذه [&hellip;]
- [حل مشكلة push to originmaster was rejected](https://geecoders.com/blog-post_18-html/): حل مشكلة push to originmaster was rejectedفي احد الايام التي كنت اعمل بها على مشروع واجهتني مشكلة وهيا اني لم استطع ان اقوم برفع المشروع على الجيت هب وتنزيل تحديث من المشروع , رغم ان اضافة git وباقي الادوات تعمل بشكل صحيح ولكن بعد بحث توصلت الى الحل وهو كود يتم وضعه في الterminal وسوف يحل لك المشكلة بدون اي مشاكل , وكما تعلمون اننا نشارك معكم بشكل مستمر المشاكل التي تواجه المبرمجين و الحلول لهذه المشاكل لكي نوفر عليكم عناء البحث ولقد ساعدنا عدد كبير في حلول معظم المشاكل التي تواجهه في برنامج اندرويد ستوديو والاكواد البرمجية . استخدم [&hellip;]
- [حل مشكلة Gradle task assembleDebug failed with exit code 1](https://geecoders.com/blog-post_16-html-2/): حل مشكلة Gradle task assembleDebug failed with exit code 1كثير من الاحيان نقابل هذه المشكلة في Flutter وخصوصا تكون بعد عملة اي تحديث لل sdk او حتى لل Flutter عموما والسبب يرجع في الملف المسؤول عن المكتبات داخل التطبيق الخاص بك فعندما تقوم بالتحديث يتم تحديث المشروع ولكن تبقى المكتبات كما هيا لذلك تحتاج ان تقوم بتحديث المكتبات ايضا والملف والامر بسيط جدا لحل هذه المشكلة يمكنك الانتقال الى الملف الخاص بالمكتبات والاضافات وسوف تلاحظ وجود كلمة flutter upgrade بالاعلى كل ما عليك هو النقر عليها ومن ثم يتم تحديث جميع المكتبات الموجوده في مشروعك مع تحديث الملف وبعدها قم [&hellip;]
- [شرح OOP في لغة بايثون وامثلة عليها | Explanation of OOP in Python and examples](https://geecoders.com/blog-post-html-2/): شرح OOP في لغة بايثون وامثلة عليها | Explanation of OOP in Python and examplesبرمجة كائنية التوجه او Object-oriented programming تعد من اهم القواعد التي يجب على كل مبرمج معرفتها لكي يستطيع التقدم في البرمجة وهي عبارة اننا نتعامل مع كلاسات لكي تسهل علينا التعامل مع المشاريع الكبيره وتوفر علينا الكثير من الوقت واغلب اللغات تستخدم oop مثل جافا و سي بلس وغيرها الكثير من اللغات وقد شرحناها لكم في الجافا واليوم سوف نشرحها لكم في python وتعد هذة المقالة والقادمه من اهم المقالات التي سوف تفرق معك بشكل كبير في البايثون . تعد مشاريع بلغه بايثون احد اهم الاشياء التي [&hellip;]
- [كيفية التعامل مع ملفات الحاسب باستخدام البايثون | How to deal with computer files using Python](https://geecoders.com/deal-with-co-html/): كيفية التعامل مع ملفات الحاسب باستخدام البايثون | How to deal with computer files using Pythonملفات الكمبيوتر واحد من اهم الاساسيات التي يجب عليك معرفتها بشكل جيد لكي تتمكن من التعامل مع اغلب الاوامر والمفات في جهازك وكتابة سكربتات تعمل على جهازك وهذا يعد من الدروس القوية التي يجب عليك فهمها بشكل جيد وسنحاول ان نبسط الامر عليكم عن طريق وضع اكثر من مثال والتطبيق عليهم واللغه الافضل لهذة العملية هي python ولذلك سوف تكون هي الهدف في مقالة اليوم وقد سبق وان شرحنا لكم اكواد شبيهه لهذة الاكواد باستخدام لغات البرمجة الاخرى . تعد مشاريع بلغه بايثون احد اهم الاشياء [&hellip;]
- [تحويل صفحة setting من json الى ui في vs code](https://geecoders.com/json-to-ui-html/): تحويل صفحة setting من json الى ui في vs codeاثناء العمل على برنامج vs code قد تتلاعب في الاعدادات وعن طريق الخطا تقوم بعمل ال setting عباره عن json وقد لا يعرف الاغلب منكم التعامل معها ويرغب بإرجاعها الى الوضع العادي وهو ui وللرجوع الى الوضع الافتراضي  ui فالامر بسيط جدا جدا وكل ما عليك هو اتباع الخطوات التاليه وسوف تكون قادر باذن الله على الرجوع الى الوضع الافتراضي وهو ui حيث انه بسيط في التعامل ويفضله الكثير منكم واذا واجهتكم اي مشكلة اخرى في التعامل مع البرنامج يمكنك البحث عليها في الموقع واذا لم تجد الحل فيكفي ان تترك [&hellip;]
- [إلغاء التحديثات التلقائيه في برنامج vs code](https://geecoders.com/vs-code-html-2/): إلغاء التحديثات التلقائيه في برنامج vs codeفي هذه المقالة سوف نشرح معكم كيف تقوم بالغاء التحديثات التلقائيه التي تصلك الى برنامج vs code وكيف تقوم بمنعها حيث انها في معظم الاوقات تكون غير ضرورية وتشغل مساحة من القرص المحلي الخاص بك وهذا يستنزف من المساحه الخاصه بالقرص الصلب لديك ويقللها ولكي تقوم بالغاء التحديثات في الامر بسيط جدا وكل هذا يمكنك القيام به من صفحة setting وسوف نشارك معكم اليوم الطريقة حتى تتمكن من القيام بعملية منع التحديثات التلقائيه من الوصول اليك في vs code وتنزلها بشكل يدوي اذا احببت . يتيح لك Visual Studio Code من Microsoft إنشاء وتصحيح [&hellip;]
- [اضافة قوية تساعدك على تحويل نص json الى صيغة قابلة للقراء على جوجل كروم](https://geecoders.com/json-html-2/): اضافة قوية تساعدك على تحويل نص json الى صيغة قابلة للقراء على جوجل كرومكما نعلم ان وظيفة الbackend مهمه جدا جدا سواء كنت مطور مواقع او حتى مطور تطبيقات اندرويد او تطبيقات ios فالشخص المسؤول عن عمل السيرفرات يكون لديه قدرة كبيرة في انشاء api وهذا يكون الوسيط بين السيرفر و الباك اند وعندما يتم ارسال request نحصل على response وهذا يكون في ملف json ونحتاج الى قراءة ملف ال json بشكل دقيق حتى نتعرف على المتغيرات والمعطيات التي نحتاجها حتى نستطيع الانتهاء من العمل بشكل صحيح دون فقدان بيانات والحصول على افضل اداء ويوجد اضافة على متصفح جوجل كروم [&hellip;]
- [اكواد بايثون جاهزة للمبتدئين والمحترفين | collection of python codes for professional](https://geecoders.com/map-try-html/):  اكواد بايثون جاهزة للمبتدئين والمحترفين | collection of python codes for professionalموقع ومدونه جي كودرس ترحب دائما بكل الزائرين الجدد. حيث اننا في هذا الموقع نقدم لكم الكثير من الاكواد البرمجيه. في مختلف المجالات فمثلا لدينا اكواد بايثون جاهزه و اكواد جافا واكواد سي بلس وغيرها من الاكواد لذلك دائما عزيز القارئ  حاول البحث عن الاكواد التي تريدها في موقعنا اولا لاننا نقوم بتغذيه الموقع بشكل شبه يومي وملئة بالاكواد الكثيره في مختلف اللغات كما ذكرنا لكم ايضا يسعى موقع جي كودرس الى نشر ثقافه البرمجه بين العرب لان علم البرمجه غير منتشر بشكل كبير في الوطن العربي لذلك نضع لكم [&hellip;]
- [امثلة وتطبيقات في لغة البايثون على استخدام args و kwargs](https://geecoders.com/blog-post_23-html/): امثلة وتطبيقات في لغة البايثون على استخدام args و kwargsمتابعي موقع او مدونتة جي كودرس مرحبا بكم في هذا المقال نقدم لكم مجموعه من اكواد البايثون الرهيب جدا والتي يجب عليك التركيز فيها حيث من هذة المقالة نكون قد بدانا معكم سلسله التعمق في امثله على اكواد بايثون وايضا سوف نقدم لكم مشاريع بسيطه باستخدام لغه بايثون هذه المقالات التي سوف اقدمها سوف تساعدك على كيفيه عمل الذكاء الاصطناعي وسوف تمكنك من استخدام pythone بطريقه صحيه وسوف نبدء بالتدريج معكم شيئ فشيئا نبدء بالسهل وبعدها نصعب المضووع عليكم لكي تستوعبون الفكرة التي سنعمل عليها  حيث تعد لغه بايثون هي اللغه [&hellip;]
- [شرح الحصول على lat و lng للموقع في flutter (الحصول على احدثيات الموقع على الخريطة بالاسم)](https://geecoders.com/blog-post_28-html-5/): شرح الحصول على lat و lng للموقع في flutter (الحصول على احدثيات الموقع على الخريطة بالاسم)في الدروس السابقة من شرح ال map في Flutter تعلمنا كيف نقوم بتركيب الخريطة في تطبيقك وايضا تعلمنا كيف نقوم بالبحث عن اي مكان في الخريطة ونظهر تفاصيل الموقع وفي هذا المكان سوف نقوم بعرض جميع تفاصيل الموقع والحصول على خط الطول والعرض الخاصين بالموقع وهما lat , lng لكي نستطيع الانتقال للموقع بمجرد النقر عليه ولهذا سوف نحتاج الى استخدام api مختلف نقوم بإرسال له ال id الخاص بالموقع وسوف يرجع لك تفاصيل الموقع بشكل كامل , وال id نستطيع الحصول عليه من خلال [&hellip;]
- [شرح كيفية البحث بداخل خرائط جوجل وعرض تفاصيل الموقع داخل Flutter](https://geecoders.com/search-maps-html/): شرح كيفية البحث بداخل خرائط جوجل وعرض تفاصيل الموقع داخل Flutterفي هذا المقال سوف نشرح لكم كيف تتعامل مع api الخاص بخرائط جوجل حيث يمكنك من خلال ال api الخاص بهم ان تقوم بالبحث عن موقع معين وعرض جميع تفاصيل الموقع من خلال ال lat و long وهيا احداثيات الموقع الخاص بالموقع الذي تبحث عنه , والامر بسيط جدا ولكن قبل تنفيذ هذا الشرح عليك ان تقوم بتفعيل خاصية البحث وتتبع الموقع من خلال حسابك في maps google حيث لا يحدث معك مشاكل اثناء تنفيذ الشرح . هناك العديد من الأطر المتاحة لتبدأ عند إنشاء تطبيق متعدد المنصات. قد تفكر [&hellip;]
- [شرح تحديد Topic معين يتم ارسال الاشعارات له في فلاتر](https://geecoders.com/topic-notification-html/):  شرح تحديد Topic معين يتم ارسال الاشعارات له في فلاترفي هذا الدرس سوف نشرح لكم عن الtopic في fcm وهو مهم جدا جدا اذا كنت تستخدم الاشعارات في تطبيقك وكانت هذه الاشعارات تعتمد على الfirebase بكل بساطة الtopic يخصص قناه معينه للاشعارات بمعنى اذا كنت تريد ارسال اشعارات لجميع المستخدمين الذي يشتركون في اخبار الرياضه فيمكنك تحديد اخبار الرياضه وارسال لها الاشعارات بهذا كل مستخدم مشترك في هذه الاخبار سوف يصله الاشعار وهكذا ولهذا كان يجب علينا شرح هذا الجزء المهم في الاشعارات المعتمده على الFCM من الفايربيز . Flutter هو تطبيق SDK للجوّال يسمح بإنشاء رمز متزامن لنظامي التشغيل [&hellip;]
- [مكتبة تمارين مكتوبة باستخدام لغة بايثون python تحسن من مستواك بشكل كبير](https://geecoders.com/function-pytho-html/): مكتبة تمارين مكتوبة باستخدام لغة بايثون python تحسن من مستواك بشكل كبيراذا كنت تبحث عن سكريبتات بايثون جاهزه , احب ان اقول لك يا عزيزي القارئ اننا سنحاول في الايام المقبله وضع scripts ومشاريع بلغه python لكم بشكل المجاني , لكي تستطيعون التدرب عليها. ايضا هذه الاسكربتات قد تمكنك من عمل مشاريع بايثون. وهي واحد من اهم الاشياء التي يريد الكثير منكم تعلمها حاول الدخول الى متصفح جوجل والبحث عن اكثر لغات البرمجه المطلوبه في سوق العمل او حتى اكثر لغات البرمجه المطلوب تعلمها سوف تجد في طبيعه الحال ان لغه بايثون تتصدر المرتبه الاولى. هل تساءلتم ما الذي يجعل [&hellip;]
- [امثلة باستخدام لغة البايثون تحسن من مستواك بشكل كبير في المجال](https://geecoders.com/blog-post_20-html/): امثلة باستخدام لغة البايثون تحسن من مستواك بشكل كبير في المجالتعد لغه البايثون لغه المستقبل كما يقول عنها البعض لانها اكثر لغه عليها طلب في سوق العمل ولها اكثر من سنه تحتل المرتبه الاولى في التعلم وفي الطلب في سوق العمل هل تساءلت لماذا تعد لغه البايثون من اهم اللغات والجافا لا تعد من اهمها رغم انها تدخل في تطوير تطبيقات الاجهزة الذكية ؟ في طبيعه الحال لانه لغه البايثون تتميز بوجود مكتبات كثيره جدا تسهل المطورين انجاز الاعمال بشكل اسرع ايضا تدخل في عمليه الذكاء الاصطناعي وهذه العمليه اصبحت مطلوبه بشكل كبير في الاونه الاخيره , لغه بايثون يجب [&hellip;]
- [امثلة حول استخدام dictionary في لغة بايثون | Examples of dictionary use in Python](https://geecoders.com/dictionary-html/): امثلة حول استخدام dictionary في لغة بايثون | Examples of dictionary use in Pythonمن اهم اللغات التي يجب ان تركز عليها في الاونه الاخيره وهي لغه بايثون وذلك لان هذه اللغه اصبحت مطلوبه في سوق العمل بشكل مأهول لذلك اذا كنت تبحث عن وظيفه مستقبليه في عالم البرمجه يمكنك تعلم لغه البايثون او يمكنك تعلم اي لغه برمجه اخرى لانه كما تعلمون المستقبل متجه بشكل كبير الى الذكاء الاصطناعي و الي التكنولوجيا والكمبيوتر بشكل خاص , لغه python تتميز بانها قادره على تعليمك الذكاء الاصطناعي ويمكنك استخدامه في الذكاء الاصطناعي وهي من اهم اللغات التي يجب على الجميع التركيز عليها [&hellip;]
- [مجموعة من الامثلة والتطبيقات على list و Dictionaries بلغة البايثون](https://geecoders.com/list-example-python-html/): مجموعة من الامثلة والتطبيقات على list و Dictionaries بلغة البايثوناذا كنت تبحث عن سكريبتات بايثون جاهزه , احب ان اقول لك يا عزيزي القارئ اننا سنحاول في الايام المقبله وضع scripts ومشاريع بلغه python لكم بشكل المجاني , لكي تستطيعون التدرب عليها. ايضا هذه الاسكربتات قد تمكنك من عمل مشاريع بايثون. وهي واحد من اهم الاشياء التي يريد الكثير منكم تعلمها حاول الدخول الى متصفح جوجل والبحث عن اكثر لغات البرمجه المطلوبه في سوق العمل او حتى اكثر لغات البرمجه المطلوب تعلمها سوف تجد في طبيعه الحال ان لغه بايثون تتصدر المرتبه الاولى. هل تساءلتم ما الذي يجعل لغه بايثون [&hellip;]
- [مجموعة من الاكواد المكتوبة بلغة البايثون لتحسين مستواك في حل المشاكل](https://geecoders.com/blog-post_10-html/): مجموعة من الاكواد المكتوبة بلغة البايثون لتحسين مستواك في حل المشاكلموقع ومدونه جي كودرس ترحب دائما بكل الزائرين الجدد. حيث اننا في هذا الموقع نقدم لكم الكثير من الاكواد البرمجيه. في مختلف المجالات فمثلا لدينا اكواد بايثون جاهزه و اكواد جافا واكواد سي بلس وغيرها من الاكواد لذلك دائما عزيز القارئ حاول البحث عن الاكواد التي تريدها في موقعنا اولا لاننا نقوم بتغذيه الموقع بشكل شبه يومي وملئة بالاكواد الكثيره في مختلف اللغات كما ذكرنا لكم ايضا يسعى موقع جي كودرس الى نشر ثقافه البرمجه بين العرب لان علم البرمجه غير منتشر بشكل كبير في الوطن العربي لذلك نضع لكم [&hellip;]
- [اكواد بايثون تساعدك في كتابة افكارك وحل اغلب الخوارزميات](https://geecoders.com/pro-html/): اكواد بايثون تساعدك في كتابة افكارك وحل اغلب الخوارزمياتلغه بايثون واحد من اهم اللغه التي تطلب بشكل كبير في سوق العمل وذلك لعده اسباب ومن هذة المميزات تجعلها في اللغه افضل من غيرها وقد يكون من ضمن هذه الاسباب انها لغه قريبه من اللغات البشريه بمعنى انك تقوم بكتابه الاكواد الخاصه بك كانك تكتب باللغه الانجليزيه ايضا هي لغه يتم استخدامها في كثير من الاستعمالات فمثلا تطوير التطبيقات او مواقع الويب او غيرها حيث انها ايضا تدخل في عمليه الذكاء الاصطناعي و هذا المجال يعد من اكثر المجالات التي سيكون عليها اقبال كبير جدا في المستقبل باذن الله تعالى لما [&hellip;]
- [شرح كيفية البحث داخل الapi بإستخدام TextWatcher في android studio](https://geecoders.com/blog-post-html-36/): شرح كيفية البحث داخل الapi بإستخدام TextWatcher في android studioاذا كنت تبحث عن طريق للبحث على عناصر وبيانات وتكون فوريه بمعنى انها تتغير مع كل مره تقوم بالكتابه فيها , فلا تقليل في هذا المقال سوف نقدم لك الحل وهو يكون عن طريق TextWatcher والذي سوف نقوم بشرحه لكم اليوم في هذه المقاله . إنه IDE خاص بنظام Android تم إنشاؤه مع وضع برمجة Android في الاعتبار. تم الكشف عنه في 16 مايو 2013 ، خلال مؤتمر Google السنوي I / O. لتصميم تطبيقك واختباره وتصحيحه وتوصيفه ، ستحتاج إلى استخدام استوديو Android ، الذي يأتي مع جميع أدوات Android [&hellip;]
- [شرح كيفية عمل file للrecyclerView يتم استدعائها من حلاله](https://geecoders.com/recycler-a-html/): شرح كيفية عمل file للrecyclerView يتم استدعائها من حلالهفي هذا الدرس سوف نشرح لكم فكرة جديده سوف تسهل عليكم الكثير من الوقت في إنشاء ملف recyclerView خاص بال adapter وذلك سوف يكون عن طريق عمل ملف يمكنك استدعاءه في اي مكان في مشروعك وكل ما سوف تحتاجه هو تغيير الاسماء بالاسماء الجديده الخاصه بمشروعك فقط , الطريقة قد لا يعرفها الكثير منكم ولكنها مهمه جدا وتوفر عليكم الكثير من الوقت في البرمجة وهذا ما دفعنا لكتابة هذه المقالة لكم لكي يستفاد منها الجميع ويطور من نفسه في البرمجة ويتمكن من انجاز الكود الخاص به بشكل اسرع . Android IDE الرسمي [&hellip;]
- [مجموعة اكواد بايثون تجعلك محترف في عالم البرمجة | Python code set makes you a professional in the world of programming](https://geecoders.com/professional-html/): مجموعة اكواد بايثون تجعلك محترف في عالم البرمجةاذا كنت تبحث عن سكريبتات بايثون جاهزه , احب ان اقول لك يا عزيزي القارئ اننا سنحاول في الايام المقبله وضع scripts ومشاريع بلغه python لكم بشكل المجاني , لكي تستطيعون التدرب عليها. ايضا هذه الاسكربتات قد تمكنك من عمل مشاريع بايثون. وهي واحد من اهم الاشياء التي يريد الكثير منكم تعلمها حاول الدخول الى متصفح جوجل والبحث عن اكثر لغات البرمجه المطلوبه في سوق العمل او حتى اكثر لغات البرمجه المطلوب تعلمها سوف تجد في طبيعه الحال ان لغه بايثون تتصدر المرتبه الاولى. هل تساءلتم ما الذي يجعل لغه بايثون تصدر اللغه [&hellip;]
- [اضافة الصورة فوق النص او فوق صورة اخرى في Flutter](https://geecoders.com/blog-post_21-html-2/): اضافة الصورة فوق النص او فوق صورة اخرى في Flutterفي هذا المقال نقدم لكم شرح لكيفية اضافة صورة فوق النص او حتى صورة فوق صورة كما هو موضح بالصورة الخاصه بالمقال وهذه الطريقة تحسن بشكل كبير من التصميم الخاص بك وتجعله مختلف وتضيف له لمسه مختلفه عن باقي التطبيقات بمعنى يمكنك اضافة ستايل جديد للنص الذي تقوم بكتابته في flutter او حتى تقوم بادراج صورة فوق صورة لتظهر بالشكل الموجود في غلاف المقاله والحصول على شكل نهائي جديد وجميل مع تنسيق رائع . How to add image above text in Flutter projectفي البداية يمكنك القيام بالتصميم بدون الحاجه الى اي [&hellip;]
- [شرح كيفية الحصول على بيانات موقع المستخدم عن طريق المدينه او موقع المستخدم في flutter](https://geecoders.com/blog-post-html-21/): شرح كيفية الحصول على بيانات موقع المستخدم عن طريق المدينه او موقع المستخدم في flutterمكتبة geolocator هي مكتبة مفتوحة المصدر تتيح للمطورين الحصول على بيانات الموقع الجغرافي لجهاز المستخدم. يمكن استخدام هذه البيانات لعرض بيانات المدينة والدولة في تطبيقات Flutter. ما هي مكتبة geolocator؟مكتبة geolocator هي مكتبة مفتوحة المصدر تم إنشاؤها بواسطة Google. وهي مكتبة قوية وسهلة الاستخدام.كيفية عرض بيانات المدينة والدولة في فلاتر باستخدام مكتبة geolocatorلعرض بيانات المدينة والدولة في فلاتر باستخدام مكتبة geolocator، نحتاج إلى اتباع الخطوات التالية:تثبيت مكتبة geolocator:flutter pub add geolocatorاستيراد مكتبة geolocator في الملف الذي نريد استخدامه فيه:Dartimport &#8216;package:geolocator/geolocator.dart&#8217;;تطبيقات مكتبة geolocatorيمكن استخدام مكتبة geolocator في [&hellip;]
- [شرح استخدام IntrinsicHeight في Flutter بسهوله](https://geecoders.com/blog-post_532-html/):  شرح استخدام IntrinsicHeight في Flutter بسهولهمؤخرا اكتشفت Widget في flutter جميله جداستوفر عليك الكثير من الوقت وتحسن من مظهر تطبيقك  بشكل كبير ، كيف هذا ؟ هنالك Widget اسمها IntrinsicHeight وظيفتها بكل بساطة انك تستخدمها وبعدها تفعل بداخلها اي تصميم وسوف يصبح اول عنصر ياخد الطول الذي اسفلها سياخذ نفس الطول وهذا ابسط مثال الموجود بالكود , هنا قمت بتصميم Row بداخله 2 Container اول واحد خد طول 100 التاني رغم اني قمت بإعطائه 200 ولكن في الواقع خد 100 مثل الطول الذي فوقه وبهذا سأعدل في مكان واحد فقط واشاهد التغيير انه يحدث في جميع العناصر التي توجد بداخل [&hellip;]
- [تصميم شات ui بكود فلاتر لانشاء تطبيق محادثه بشكل جميل](https://geecoders.com/desgin-html-2/): تصميم شات ui بكود فلاتر لانشاء تطبيق محادثه بشكل جميلكما نعلم ان تطبيقات المحادثات اصبحت منتشرة بشكل كبير جدا في السوق واغلب التطبيقات حاليا اصبحت تهتم بإضافة شات في تطبيقتها سواء كان تطبيق تواصل اجتماعي او حتى موقع لبناء متجر اليكتروني على الانترنت , وفي هذا المقال نشارك معكم واحد من اجمل التصاميم التي يمكنك استخدامها في بناء صفحة الشات في تطبيقك وفي الواقع انا شخصيا استخدمت هذا التصميم مع بعض التعديلات في احد المشاريع التي عملت عليها سابقا ونحن في هذا القسم نشارك معكم بين كل حين واخر مجموعة من تصاميم ui بفلاتر مع الكود لتسهيل عملية البرمجية عليكم [&hellip;]
- [كيفية اختيار اسم الدولة والمدينه باستخدام list في Flutter بكل سهوله](https://geecoders.com/csc-pi-html/): كيفية اختيار اسم الدولة والمدينه باستخدام list في Flutter بكل سهولهاستكمالا لدورة تطوير تطبيقات الاندرويد و ios في هذا الدرس نقدم لكم package جميله جدا فهي تساعدك على تحديد اسم الدوله وايضا المدينه والمنطقه من خلال هذه المكتبة الرائعه والتي تحتاج على جميع بلد العالم تقريبا وهيا عباره عن drop down تحتوي على جميع الاسماء الخاصه بالدول وايضا وبعد اختيار اسم الدوله يظهر لك امكانية لاختيار المدن التي بداخل هذه الدوله وبعد اختيار المدينه يمكنك تحديد المنطقه وكل هذا يكون من خلال هذه المكتبة كما هو موضح لكم بالصورة الخاصه بالمقال . غالبًا ما تكون لغة Dart من Google هي [&hellip;]
- [كيفية اضافة امكانية لعرض النص كامل او جزء منه في فلاتر Show more - Show less Text](https://geecoders.com/show-html/): كيفية اضافة امكانية لعرض النص كامل او جزء منه في فلاتر Show more &#8211; Show less Textفي هذا المقال من مقالة تطوير تطبيقات الجوال سوف نشرح لكم كيف تقوم بإضافة خاصية لقراءة المزيد والتي توجد في معظم التطبيقات المنتشره في المتاجر وهيا خاصية تكون في نهاية النص تحتوي على عباره read more وعند  النقر عليها يتم عرض النص بشكل كامل بدل عرض جزء منه كما هو متعارف عليه وهذا يحسن من تطبيقك بحيث المستخدمين الذي يضعون محتوى نصي كامل يمكنك عرض فقط اول سطرين منه وعباره read more لعرض باقي تفاصيل الرساله . تعتبر تطبيقات الهاتف المحمول حاسمة في هذه [&hellip;]
- [كيفية اضافة خاصية شرح لعناصر تطبيقك في فلاتر | Show Case Widget in flutter](https://geecoders.com/show-case-html/): كيفية اضافة خاصية شرح لعناصر تطبيقك في فلاتر | Show Case Widget in flutterفي كثير من الاحيان نشاهد ان بعض التطبيقات تظهر للمستخدم تعليمات حول استخدام التطبيق الخاص بهم في اول مره يتم فيها فتح التطبيق , وهذه الاضافة توجد بفلاتر حيث يمكنك عمل تعلميات تظهر للمستخدم اثناء استخدام ميزة جديده في تطبيقك على سبيل المثال , في هذا الجزء نشارك معكم كيف تقوم بتنفذه هذه العمليه بكل سهوله كل ما تحتاجه هو تفعيل المكتبة التاليه لضمان عدم حدوث مشاكل معك . تُستخدم الآن أفضل أطر تطوير التطبيقات عبر الأنظمة الأساسية من قبل شركات تطوير تطبيقات الأجهزة المحمولة الرائدة في [&hellip;]
- [عمل تاثير animation عند اظهار snackbar في Flutter](https://geecoders.com/snackbaranimation-html/): عمل تاثير animation عند اظهار snackbar في Flutterفي هذا المقال نتابع معكم في سلسلة تحسين واجهة المستخدم في تطبيقات flutter في هذه المقاله سوف نتعرف على تصميم جميل لل snackbar والذي يحسن من شكل الرسائل القصيره في تطبيقك وتحسين طريقة عرضها وفي هذا القسم نشارك معكم الكثير والكثير من الاشكال والافكار الجميله في طريقة عرض الرسائل النصيه البسيطة او اشعارات تنبيهات كما هو متعارف يمكنك استخدام الشكل والطريقة التي تناسب مشروعك , يمكنك من خلال مقالة اليوم استخدام المكتبة التاليه لعمل مجموعه من التاثيرات الجميله التي توجد في صورة المقاله . add package:flutter_styled_toast: ^2.1.3How to show snackbar in Flutterبعد تثبيت [&hellip;]
- [كيفية زيادة عدد العناصر مع انميشن في فلاتر | How to increase the number of items with an animation in Flutter](https://geecoders.com/increase%20the%20numberanimationflutter-html/): كيفية زيادة عدد العناصر مع انميشن في flutterفي هذا المقال الذي نقدمه لكم في موقعنا اليوم والذي يساعدكم في انشاء عداد counter مع انميشن خلال عملية زيادة الرقم او تقليله كما هو موضح بالصورة الخاصه بالمقال وهذا الامر بسيط جدا ويوجد مكتبة لطيفه تقوم بتلخيص كل هذا علينا وتساعدنا في انشاءه بكل سهوله والمكتبة بسيطة جدا وتقدم فكرة للانميشن بطريقة سلسه بحيث تترك اثر لدى تجربة المستخدم لتطبيقك لانها مختلفه قليلا عن الطريقة العاديه التي يستخدمها المعظم منا . add odometer  odometer: ^3.0.0How to create counter with animation in Flutterبعد تثبيت المكتبة بشكل صحيح يمكنك استخدام AnimatedSlideOdometerNumber حتى تتمكن من [&hellip;]
- [منع لقطة الشاشه على الاندرويد و ios بدون مشاكل في تطبيق flutter](https://geecoders.com/disablescreenshot-html/): منع لقطة الشاشه على الاندرويد و ios بدون مشاكل في تطبيق flutterمنع لقطة الشاشه من العناصر الاساسيه التي تعتمد عليها التطبيقات التعليميه بشكل كبير جدا فهي تقوم بجعل المستخدم غير قادر على اخذ لقطة شاشه او حتى تسجيل فيديو للتطبيق واذا قام بذلك فسوف تظهر شاشه سوداء ولا يظهر اي شيئ وهذا لان المحتوى يكون محمي وفي هذا المقال سوف نشرح لكم كيف تقوم بمنع تسجيل الشاشه فيديو وصورة من خلال Android و ios بكل سهوله من خلال اكواد بسيطة سوف نشاركها معكم في هذه المقاله . disable screen shot for androidاذا كنت ترغب بمنع تسجيل الشاشه لاجهزة الاندرويد فيفضل [&hellip;]
- [افضل مكتبة قد تستخدمها لتحسين ايقونات تطبيقك في Flutter](https://geecoders.com/besticon-html/): افضل مكتبة قد تستخدمها لتحسين ايقونات تطبيقك في Flutterنحن نشارك معكم بشكل مستمر الكثير من الايقونات التي تحسن من شكل تطبيقك بشكل كبير وهذا لان الايقونات مهمه جدا في التطبيقات وتعطي تجربة استخدام مختلفه لدى المستخدمين ولذلك نحاول دائما مشاركة معكم كل ماهو جديد ومفيد في مجال تطوير التطبيقات وتحسن التطبيقات الخاصه بكم سواء في Flutter او الاندرويد بشكل مستمر وفي هذا المقال نقدم لكم مكتبة من اجمل المكتبات التي يمكن ان تجربها في الحصول على ايقونات جميله لتطبيقك . هناك العديد من الجوانب الحاسمة لتطوير تطبيقات الويب التي يجب التفكير فيها. الأداء المتسق هو أحد هذه العناصر. هذا يستدعي [&hellip;]
- [اضافة تاثير قلب الصفحه في ال pageView باستخدام فلاتر](https://geecoders.com/blog-post_29-html-3/): اضافة تاثير قلب الصفحه في ال pageView باستخدام فلاترتاثير قلب الصفحه يعطي لتطبيقك اختلاف جميل وخصوصا مع التعامل مع ملف pdf تستطيع عمل هذا التاثير عليه بحيث يقوم المستخدم بعمل تحريك لليمين او اليسار ويظهر تاثير قلب الصفحة وهذا التاثير يبحث عنه عدد كبير منكم وفي هذه المقاله سوف نشاركه معكم باذن الله حتى تتمكن من تنفيذه في مشروعك بكل سهوله والامر بسيط جدا من خلال مكتبة نقدمها لكم في هذا المقال وهذه المقال من المقالات الخاصه بتطوير تطبيقات الجوال و الاندرويد . add package:page_flip ^0.0.2How to add effect page_flip in Flutter projectالتاثير بسيط جدا بعد تثبيت المكتبة الموجوده بالاعلى [&hellip;]
- [اضافة امكانية اختيار الصور مثل الموجوده في تطبيق انستقرام داخل تطبيقات فلاتر](https://geecoders.com/blog-post_27-html-3/): اضافة امكانية اختيار الصور مثل الموجوده في تطبيق انستقرام داخل تطبيقات فلاترفي هذا المقال سوف نشرح معكم كيف تقوم بامكانية عمل خاصية اختيار الصور مثل التي توجد في تطبيق انستقرام كما هو موضح بالصورة الخاصه بالمقال من اجل تحسين تطبيقك على الانترنت وزيادة انتشار التطبيق وكما نعلم ان كل هذه العوامل تساعد بشكل كبير جدا في انتشار التطبيق لان المستخدم عندما يفضل استخدام تطبيقك قد يخبر به اصدقاءه وهذا يساعدك في انتشار التطبيق بصورة كبيره جدا وكل هذه العوامل مع عوامل تطوير تطبيقات الجوال الناجحه ونحن نقدم لكم دائما كل ما هو جديد في مجال تطوير تطبيقات الهواتف بمختلف اللغات [&hellip;]
- [استخراج بيانات list في ملف csv وحفظه في الهاتف باستخدام تقنية flutter](https://geecoders.com/listto-html/): استخراج بيانات list في ملف csv وحفظه في الهاتف باستخدام تقنية flutterفي هذا المقال سوف نشرح لكم كيف تقوم بعمل list وتستخرج منها البيانات في شكل csv في Flutter بشكل بسيط وعن طريق ضغطة زر كما هو موضحبالصورة الخاصه بالمقاله الموجوده بالاعلى يمكنك تنفيذ هذا من خلال مكتبة بسيطة جدا نقدمها لكم في هذه المقاله الامر بسيط جدا وكل ما سوف يتم انه من خلال نقرة زر سوف يتم تنفيذ استخراج للملف المراد بكل سهوله حيث ان الكود سهل التعامل وسهل الاستخدام كما سوف نلاحظ بعد قليل في الجزء التالي . add package:to_csv: ^1.1.1How to save file csv in your [&hellip;]
- [معرفة جميع اسماء التطبيقات المثبته على جهازك | all the applications installed on your device](https://geecoders.com/all%20theapplicationsandroid-html/): معرفة جميع اسماء التطبيقات المثبته على جهازك | all the applications installed on your deviceفي هذا المقال نقدم لكم شرح لكيفية معرفة جميع التطبيقات الموجوده على هاتفك الاندرويد واستخراج اسم ال package او اسم التطبيق لتنفيذ اي امر معين على التطبيق مثل اضافة بصمه على التطبيق او اضافة رقم سري او غيره كل هذا يكون من خلال اسم ال package الخاصه بالتطبيق وهذا ما سوف نشرحه لكم اليوم والامر بسيط ولن نحتاج الى اي مكتبات خارجية حتى نتمكن من تنفيذ هذه العمليه بكل سهوله . How to get all names of apps in your device android studioيمكنك استخدام الاكواد التاليه وهيا [&hellip;]
- [سورس كود تطبيق شات مكتوب بلغة الجافا وفايربيز | Source code for a chat application written in Java and Firebase](https://geecoders.com/firebaseappjavacall-html/): سورس كود تطبيق شات مكتوب بلغة الجافا وفايربيز | Source code for a chat application written in Java and Firebaseفي هذا المقال من مقالات تطوير تطبيقات الجوال نشارك معكم تطبيق اندرويد اصلي مكتوب بلغة الجافا للمحادثات هذا التطبيق عباره عن محادثه تم تصميمه باستخدام خدمة firebase الشهيره والغنيه عن التعريف هذا التطبيق سوف يحسن من مستواك البرمجي بشكل كبير اذا اتبعت الاجزاء الموجوده بداخله وفهمتها بشكل جيد وقد تحتاج في يوم من الايام الى عمل تطبيق محادثه متكامل يوجد بداخله ارسال صور وفيديوهات وغيره فيمكنك الاعتماد على هذا التطبيق حتى تستطيع تنفيذ عملك بشكل صحيح . اهم مميزات التطبيق :Login with [&hellip;]
- [شرح كيفية مشاركة رابط او نص بشكل مباشر من داخل الاندرويد ستوديو](https://geecoders.com/sharelinkfromandroid-html/): شرح كيفية مشاركة رابط او نص بشكل مباشر من داخل الاندرويد ستوديوفي هذا المقال نشرح معكم كيف تقوم بعمل زر لمشاركة رابط او نص بشكل مباشر داخل تطبيقات الاندرويد , بكل بساطة عليك بالحصول على رابط التطبيق من متجر جوجل بلاي اولا وبعدها يمكنك الانتقال الى الخطوة التاليه وهيا الكود الخاص بعملية النشر وهذا يساعد على انتشار التطبيق الخاص بك بشكل كبير جدا وزيادة انشاره بين الاشخاص وفي هذا المقال سوف نشرح لكم كيف تقوم بعمل هذه الخاصيه في تطبيقك كما هو موضح بالصورة الخاصه بالمقال من اجل مساعدتكم في بناء وانشاء و تطوير تطبيقات الجوال . How to share [&hellip;]
- [اظهار تقيم لعناصر التطبيق الخاص بك بجميع التقيمات في Flutter](https://geecoders.com/rattingdesignflutter-html/): اظهار تقيم لعناصر التطبيق الخاص بك بجميع التقيمات في Flutterفي هذا المقال نشارك معكم مكتبة من المكتبات الجديده والتي مخصصه لتنظيم شكل امكانية عمل تصويت باستخدام flutter واظهار التقيمات بشكل منظم وجميل كما هو موضح بالصورة يمكنك استخدام المكتبة في مشروعك بدون ادنى مشاكل حتى تتمكن من تنفيذ العمل المطلوب في تطبيقك واظهار قيمات في صفحة العناصر في مشروعك وهذا الدرس من دروس تطوير تطبيقات الجوال وتحسين مظهرها باستخدام تقنية فلاتر الغنيه عن التعريف . يمكنك مشاركة تطبيقات الويب بسرعة مع أصدقائك وزملائك في العمل. من خلال البريد الإلكتروني أو منصات الوسائط الاجتماعية مثل Facebook أو Twitter ، يمكنك مشاركة [&hellip;]
- [تصميم صفحة تطبيق messanger مع تدرج الالوان اثناء عمل Scroll](https://geecoders.com/messanger-html/): تصميم صفحة تطبيق messanger مع تدرج الالوان اثناء عمل Scrollسؤال كان يراودني منذ مده كيف يقوم تطبيق المحادثات الشهير messanger التابع لفيسبوك بامكانيه عمل تدرج لوني للنص بحيث النص في الاعلى لون وبالاسف يكون لون اخر مختلف وعند عمل scroll للشاشه نشاهد ان اللون يتدرج ايضا كيف يستطيع التطبيق عمل هذه العمليه او حتى كيف اقوم بتنفيذها ؟ ببساطة الامر سهل جدا وسوف نقوم بشرحه لكم في هذه المقال وباختصار هو عباره عن stack يكون خلف النص يظهر عليه او بالاصح صورة ثابته يظهر عليها النص وعند عمل سكرول النص يتغير ولكن اللون يبقى كما هو ولهذا احببنا مشاركة الكود [&hellip;]
- [تصميم صفحة لاضافة الاشخاص داخل تطبيقك في فلاتر | Designing a page to add people within an application in Flutter](https://geecoders.com/designingapagetoadd-html/): تصميم صفحة لاضافة الاشخاص داخل تطبيقك في فلاتر | Designing a page to add people within an application in Flutterفي هذا الدرس من دروس تحسين تطبيقات الجوال سوف نشرح معكم كيف تقوم بعمل صفحة لاضافة الاشخاص داخل مجموعه او اضافة مجموعة من العناصر داخل box كما هو موضح بالصورة مع انميشن لطيف خلال عملية الاضافة او الحذف بكل سهوله وهذا التصميم رائع جدا ويساعد كل مهتم بمجال تطوير تطبيقات الجوال ونحن نحاول معكم دائما مشاركة معكم كل ما هو جديد وحصري في عالم البرمجة وخصوصا برمجة تطبيقات الجوال بمختلف انواعها . design page to add people in your appفي هذه الصفحة [&hellip;]
- [تصميم صفحة لكتابة الرقم السري لفتح التطبيق باشكال مختلفه في Flutter](https://geecoders.com/passwordpa-html/): تصميم صفحة لكتابة الرقم السري لفتح التطبيق باشكال مختلفه في Flutterفي هذا المقال نقدم لكم كيفية اضافة باسورد للتطبيق الخاص بك باستخدام النمط او حتى بالسحب كما هو موضح بالصورة الخاصه بالمقاله , يمكنك استخدام الطريقة التي تناسبك في التعامل مع كلمات السر لتطبيقك او التعديل على الكود والتعديل على التصميم حتى يناسب التصميم الذي تعمل عليه بدون مشاكل في كلا الحالات يمكنك تنفيذ التصميم بدون اي مشاكل من خلال الاكواد التي نقدمها لكم اليوم وسوف نحتاج الى تثبيت المكتبات التاليه لديك في محرر الاكواد اندرويد ستوديو لديك حتى تتمكن من استخدام التصميم والانميشن بكل سهوله . يمكنك استخدام كلا [&hellip;]
- [تصميم ui باستخدام Flutter لصفحة عرض تفاصيل المنتج مع Animation](https://geecoders.com/customsc-html/): تصميم ui باستخدام Flutter لصفحة عرض تفاصيل المنتج مع Animation في هذا المقال سوف نتعرف على CustomScrollView وكيف تقوم بعمل scroll للعناصر الخاصه بك مع انميشن لطيف اثناء النزول للاسفل او حتى الصعود للاعلى كما هو موضح بالصورة الخاصه بالمقاله , بكل بساطة ما سوف تحتاج اليه هو استخدام خاصية CustomScrollView وهيا التي تساعدك في تخصيص عمل scroll وذلك يكون عن طريق sliver الذي يتم فصل فيه ال appbar عن ال body يمكنك نسخ الكود التالي واستخدامه في تطبيقك فهو يقدم لك SliverAppBar و SliverList . هناك العديد من الجوانب الحاسمة لتطوير تطبيقات الويب التي يجب التفكير فيها. الأداء المتسق هو [&hellip;]
- [شرح NestedScrollView وانشاء واجهة profile تطبيق instagram في Flutter](https://geecoders.com/nestedscrollviewflutter-html/): شرح NestedScrollView وانشاء واجهة profile تطبيق instagram في Flutterفي هذا المقال سوف نشرح معكم كيفية استخدام NestedScrollView في تطوير تطبيقات Flutter حيث ان NestedScrollView من الامور المهمه التي عليك معرفتها لانها ترفع من كفاءة التطبيق الخاص بك بشكل كبير جدا وابسط مثال على ذلك عندما تريد ان تقوم بعمل تحريك كامل للشاشه في طبيعة الحال تستخدم Single scroll ولكن لو تلاحظ ان الاداء الخاص بتطبيقك يقل ولهذا ليس بالامر الصحيح استخدامها في كل المواضيع والسبب ولكن المشكلة ان يكون لديك list اسفل مجموعه عناصر وتريد عمل scroll للصفحه بشكل كامل فالحل الافضل لك هو استخدام NestedScrollView كما سوف نتعرف عليها [&hellip;]
- [الطريقة الصحيحه لعمل scroll للعناصر في حالة وجود ListView في flutter باستخدام CustomScrollView](https://geecoders.com/customscrollview-html/): الطريقة الصحيحه لعمل scroll للعناصر في حالة وجود ListView في flutter باستخدام CustomScrollViewفي هذا المقال سوف نشرح معكم كيف تقوم ببناء ScrollView في حالة اذا كان لديك احد العناصر موجوده بالاعلى وتريد ان تقوم بعمل ScrollView كامل للشاشه وهذا اذا كان لديك جزء في الاعلى يحتوي على عنصر وبالاسفل مباشرة لديك listView وعند عمل scroll سوف يتم تحريك الشاشه بالكامل مع المحافظه على اداء تطبيقك وعدم فقط الاداء وهذا لاننا سوف نستعمل CustomScrollView وليس SingleChildScrollView كما سوف نشاهد في الكود التالي . android sdk manager تحميل flutter developers applications create app android android studio macHow to scroll list in Flutter and save performanceفي المثال [&hellip;]
- [تغير ستايل عرض رسائل التنبية Toast في flutter الى اشكال جديده](https://geecoders.com/toastflutterstyle-html/): تغير ستايل عرض رسائل التنبية Toast في flutter الى اشكال جديدهمن العناصر المهمه والتي يجب ان تتواجد في اي تطبيق وهيا اظهار snackbar وهو عباره عن widget يتم وضع بداخله رسالة تظهر للمستخدم لاجل تنبيه المستخدم من امر معين وفي هذه المقاله سوف نشارك معكم كيف تقوم بعمل تصميم جميل وعصري في تطبيقك من اجل تحسن مظهره كما هو موضح بالصورة الخاصه بالمقاله , سوف نقوم معكم بتنفيذ الشكل الموجود من خلال احد المكتبات التي تساعدنا في انشاء العنصر بشكل سهوله كما سوف في الجزء التالي والامر بسيط جدا . يحتاج المرء إلى معرفة ومهارات في تطوير البرمجيات للعمل كمطور [&hellip;]
- [تغيير عرض رسائل snackbar في flutter الى اشكال جميله لتحسين مظهر تطبيقك](https://geecoders.com/blog-post-html-32/): تغيير عرض رسائل snackbar في flutter الى اشكال جميله لتحسين مظهر تطبيقكمن اكثر الاشياء التي تستخدم في التطبيقات بشكل كبير جدا جدا وهو عنصر toast او ما يعرف لدى البعض باسم snackbar وهو عباره عن شريط يتم ارفاق بداخله بعض التفاصيل او يمكن اعتباره رساله منبثقه تساعدك في توضيح بعض الاشياء للمستخدم العادي في تطبيقك مثل اذا قام بتسجيل الدخول للتطبيق فيمكنك ارفاق رساله تخبره ان العمليه تمت بنجاح او فشلت وقد قدمنا لكم العديد من الاشكال الجميله وما زلنا نقدم لكم الكثير من الاشكال وفي هذه المقالة نقدم لكم انميش جميل جدا يعطي منظر مختلف لتطبيقك مع انميشن عن [&hellip;]
- [تغيير عناصر bottomNavigationBar عند الضغط عليها في Flutter](https://geecoders.com/blog-post_29-html-7/): تغيير عناصر bottomNavigationBar عند الضغط عليها في Flutterفي هذا المقال سوف نكمل معكم في عر ض تصاميم ال bottomNavigationBar المختلفه وكما نعلم انها من اكثر العناصر التي نركز عليها في الموقع لانها تكون ظاهره بشكل كبير في تطبيقك ويكون المستخدم قادر مع التعامل معها ولهذا نقدم لكم الكثير من هذه العناصر والاشكال المتنوعه في موقعنا وفي درس اليوم ناتي لكم بشكل جديد من الاشكال التي يمكنكم استعمالها في تطبيقاتكم حتى تتمكنوا من عرض التصميم الخاص بالصفحه بدون ادنى اشكاليه تماما ومعظم الاشكال عباره عن مكتبات يمكنكم استعمالها في تطوير التطبيق الذي تعملون عليه . سهولة الوصول إلى الأجهزة المحمولة كان [&hellip;]
- [شرح عمل pint او OTP field في Flutter بابسط طريقة](https://geecoders.com/otpfieldflutter-html/): شرح عمل pint او OTP field في Flutter بابسط طريقةاذا كنت ترغب بان تستخدم otp في تطبيقك فالامر بسيط جدا جدا وسبق وقدمناه لكم وبدون اي مكتبات ولكن كما تعلم ان ال packages تسهل علينا الكثير من الوقت في مرحلة التطوير وفي هذه المقالة سوف نوفر لكم طريقة لعمل otp fields بسهوله تامه عن طريق احد الاضافات المجانية التي يمكنك استخدامها والتي سوف يعجبك استخدامها في هذا المقال سوف نشرح لكم المكتبة بسهوله والكود سوف يكون في نهايه المقالة حتى تتمكن من استخدامه بدون اي مشاكل . هناك العديد من الجوانب الحاسمة لتطوير تطبيقات الويب التي يجب التفكير فيها. الأداء [&hellip;]
- [كيفية عرض صفحة فوق صفحة مع عمل تاثير ال blur للصفحه السابقه في flutter](https://geecoders.com/blur-html/): كيفية عرض صفحة فوق صفحة مع عمل تاثير ال blur للصفحه السابقه في flutterاثناء تجربتي لاحد التطبيقات وجت بداخله امكانية لعمل تصميم مع اظهار blur على باقي الشاشه وبعد عمليات بحث طويله توصلت الى الحل واحببت ان اشارك الحل معكم وهو من الحلول الذكيه في تطوير تطبيقات الجوال هذا الحل بكل بساطة عباره عن عمل blur وحذف جميع عناصر الصفحة الاخرى او ال widget الذي سوف ننتقل له كما سوف نلاحظ في الجزء التالي كما هو موضح بالصورة الخاصه بالمقال في البداية سوف نبدء معكم بعمل تصميم لصفحة ui التي سوف نعمل عليها حتى نتمكن من اظهار التصميم عليها , [&hellip;]
- [كيفية تخصيص تصميم مختلف لعرض bottomNavigationBar في Flutter](https://geecoders.com/bottomnavigationbarcustom-html/): كيفية تخصيص تصميم مختلف لعرض bottomNavigationBar في Flutterفي هذا المقال المميز والذي يساعدكم في تصميم شكل ال bottomNavigationBar في تطبيقاتكم بشكل جميل وهو لن تحتاج فيه استخدام اي مكتبة ولكن سوف نقوم بعمل مكتبة للانميشن فقط ويمكنك الاستغناء عنها واستخدام الانميشن الذي يقدمه لنا Flutter وهذا الامر جيد جدا ايضا وسوف نشرح لكم اليوم كيف تقوم بعمل bottomNavigationBar مخصص لك بالتصميم الذي ترغب به من اجل تحسين تطبيقك بشكل كبير في Flutter وتحسين واجهة التطبيق . add packageanimate_do: ^2.1.0Create Custom bottom NavigationBar in Flutterهذا الجزء سوف يكون class للتصميم بمعنى اننا في هذا الجزء سوف نقوم معكم بعمل التصميم المراد [&hellip;]
- [كيف تقوم بعمل تصميم للموبايل وتصميم لسطح المكتب في Flutter ومعرفة المنصة التي يعمل عليها الهاتف وعرض التصميم المخصص لها](https://geecoders.com/blog-post_21-html/): كيف تقوم بعمل تصميم للموبايل وتصميم لسطح المكتب في Flutter ومعرفة المنصة التي يعمل عليها الهاتف وعرض التصميم المخصص لها في هذا المقال سوف نحاول تحسين مساحات التطبيق الخاصه بك حتى يعمل على الهاتف وايضا على المتصفح او كتطبيق والامر بسيط جدا فكل ما سوف نقوم به هو وضع مساحة قصوى لعرض الهاتف وهيا 720 واذا زادت المساحه سوف يتم تحويل التصميم الى وضع سطح المكتب حتى تتمكن عزيزي القارئ من عرض التصميم على شاشه سطح المكتب وسوف نقوم بعمل class جديد باسم ResponsiveLayout وسيكون المسؤول عن عرض التصميم المناسب بناء على المساحه المدخله .How to Responsive Design in Flutterفي [&hellip;]
- [عرض جميع الدول والمناطق المخصصه لكل دولة في Flutter](https://geecoders.com/isplayallcountriesflutter-html/): عرض جميع الدول والمناطق المخصصه لكل دولة في Flutterفي هذا المقال سوف نعرض معاكم اسماء الدولل مع المناطق المخصصه لكل دوله باستخدام ملف json في تطبيق Flutter حتى تكون قادر على بناء التطبيق الخاص بك بدون ادنى مشاكل واضافة جميع البلاد لديك في التطبيق بسهوله وبالمناسبة هذا الملف كان من تعديل احد اصدقائي وقام بارساله لي حتى اضعه بالتطبيق الذي كنت اعمل عمل عليه ولكن احببت ان اشارك معكم التطبيق حتى تصبحون قادرون ايضا على اضافة الدول لديكم في تطبيقاتكم Flutter بدون ادنى مشاكل . download Countries jsonHow to display all Countries and cities in Flutterقمنا هنا بعمل عدد اثنين [&hellip;]
- [شرح كيفية حفظ scroll المستخدم داخل ال list في فلاتر | How to save the user scroll inside the list in Flutter](https://geecoders.com/savethe%20userscrollinsidethelist-html/): شرح كيفية حفظ scroll المستخدم داخل ال list في فلاتر | How to save the user scroll inside the list in Flutterفي هذا المقال سوف نشرح معكم كيف تقوم بعمل save للموقع الذي تقف عنده في ال list حتى تكون قادر على الانتقال اليه مره اخرى في Flutter وهذا يكون عن طريق حفظ موقع ال list اثناء عمل سكرول وهذا يكون من خلال key الخاص بال widget حتى نستطيع القيام بذلك وفي هذا الكود الذي نقدمه لكم في هذا المقال سوف تكون قادر بعدها على تنفيذ الامر بكل سهوله وبابسط شرح وذلك عن طريق عمل تتبع للسلوك وبعدها تحفظ الموقع . [&hellip;]
- [شرح كيفية تحريك و اسقاط العناصر في فلاتر | drag and drop widget in Flutter](https://geecoders.com/draganddrop%20widget-html/): شرح كيفية تحريك و اسقاط العناصر في فلاتر | drag and drop widget in Flutterفي هذا المقال سوف نشرح معكم كيف تقوم بعمل تحريك واسقاط للعناصر drag and drop باستخدام تقنية flutter والغنيه عن التعريف , سوف نشارك معكم موضوع مهم في تحريك العناصر وهو drag and drop وكيف تستطيع القيام به في تطبيقك وهل تعلم ان هنالك تطبيقات قائمه بشكل كامل على فكرة التحريك والاسقاط وغالبا تطبيقات الاطفال والمميز في فلاتر انها تقدم لنا widgets عديده جدا تساعدنا في انجاز المهام بشكل اسرع مثل ال widget الذي سوف نشاركه معكم اليوم . android sdk manager تحميل flutter developers applications create app android android [&hellip;]
- [شرح تحويل الارقام من عربي الى انجليزي او العكس وجعل اول حرف من كل كلمة capital في تطبيقات Flutter](https://geecoders.com/covert-html/): شرح تحويل الارقام من عربي الى انجليزي او العكس وجعل اول حرف من كل كلمة capital في تطبيقات Flutterفي هذا المقال سوف نقدم لكم شرح لكيفية عمل تغيير لصيغة الارقام من الانجليزيه الى الهنديه او العربيه المتعارف عليها وبالمناسبة تغيير الارقام قد يسبب لك مشكلة ولهذا عليك معرفة الرقم المدخل عربي او انجليزي في احد التطبيات التي كنت اعمل عليها كنت الاحظ وجود مشكلة في عرض بعض الصفحات رغم انها كانت تعمل على بعض الاجهزه وبعض الاجهزه لا تعمل عليها والسبب كان في الهواتف التي بالعربيه وكان لا بد من تحويل اي رقم الى الانجليزيه حتى لا يحدث مشاكل , [&hellip;]
- [تخصيص عرض اختيار التاريخ في flutter الى reel كاجهزة ios](https://geecoders.com/blog-post_09-html/): تخصيص عرض اختيار التاريخ في flutter الى reel كاجهزة iosفي هذا المقال سوف نشرح معكم كيف تقوم بعمل تغيير لشكل اختيار التاريخ معك في التطبيق الخاص بك ف flutter كما نعلم ان الشكل التقليدي كثير من المطورين والمستخدمين لا يفضلونه ولهذا عليك بتغيير الاشكال التقليديه التي متعارف عليها من قبل المستخدم حتى تظهر اختلاف وشكل احترافي لتطبيقك , في هذا المقال سوق نشرح معكم widget جديد باسم showCupertinoModalPopup وهذا مخصص لعمل اظهار لشكل التاريخ كما هو موضح بالصورة الموجوده في المقاله الامر بسيط جدا والكود صغير . android sdk manager تحميل flutter developers applications create app android android studio macHow to show select time [&hellip;]
- [اضافة الصعود للاعلى والاسفل اثناء scroll ومعرفة حالة ال scroll](https://geecoders.com/blog-post_07-html-2/): اضافة الصعود للاعلى والاسفل اثناء scroll ومعرفة حالة ال scrollبسم الله الرحمن الرحيم في هذا المقال سوف نشرح معكم كيف تقوم بعمل auto scroll وايضا عمل تغيير لامكانية الصعود سواء للاعلى او للاسفل بناء على حالة المستخدم سواء كان يريد الصعود او النزول للاسفل ايضا سوف تستطيع تحديد الموقع الذي يكون فيه المستخدم والانتقال الى نهايه الصفحه او اولها وعمل مدة زمنيه معينه للانتقال كل هذا سوف نتعرف عليه باذن الله تعالى في هذه المقالة البسيطه والتي نقدمها لكم بشكل حصري على موقعنا جي كودرس ويوجد الكثير من الاكواد والشروحات الموجوده في الموقع والتي تساعدكم بشكل كبير في انجاز الاعمال [&hellip;]
- [شرح إنشاء نموذج للدفع باستخدام باي موب في تطبيق Flutter الخاص بك بدون مشاكل](https://geecoders.com/createformpaymob-html/): شرح إنشاء نموذج للدفع باستخدام باي موب في تطبيق Flutter الخاص بك بدون مشاكلفي هذا المقال سوف نساعدكم باذن الله تعالى على انشاء صفحة web في التطبيق الخاص بكم تعرض لكم امكانية لدفع المبلغ عن طريق paymob حتى تتمكن من الانتهاء من التطبيق الخاص بك وربطه بوسائل الدفع بدون اي مشاكل تماما , وهذا الدرس يعد من الدروس المهمه جدا ويترتب عليه الدروس السابقه , حيث اننا في الدروس السابقه شاركنا معكم كيف نحصل على التوكن النهائي وهذا يكون مسؤول عن عملية الدفع وفي هذا المقال سوف نكمل الامر معكم في الانتهاء من عملية الدفع عن طريق الويب فيو . [&hellip;]
- [التعامل مع استقبال الاشعارات من Firebase في تطبيقات فلاتر | Receive notifications from FCM Flutter](https://geecoders.com/receivefcm-html/): التعامل مع استقبال الاشعارات من Firebase في تطبيقات فلاتر | Receive notifications from FCM Flutterهذا الدرس تكملة لسلسلة التعامل مع firebase باستخدام Flutter حيث اننا في هذا الدرس سوف نشرح معكم كيف تقوم باستقبال الاشعارات في تطبيقك بعدة اشكال في حالة اذا كان التطبيق مغلق بشكل كامل واذا كان التطبيق الخاص بك في وضع السكون او كان التطبيق الخاص بك مفتوح فكل حاله لها تعامل خاص في تطبيقك حيث سوف نشرح معكم في هذه المقالة التعامل مع الحالات المختلفه في تطبيقك حيث لا يحدث معك اي مشاكل مستقبله في التعامل مع الاشعارات بانواعها المختلفه . الإشعارات هي طريقة فعالة لجذب انتباه [&hellip;]
- [كيفية اضافة borader حول الصورة عند الضغط عليها واظهار زر عندما يتم تحديد صورة Flutter بالعربي](https://geecoders.com/blog-post-html-27/): كيفية اضافة borader حول الصورة عند الضغط عليها واظهار زر عندما يتم تحديد صورة Flutter بالعربيمن الاضافات الجميلة التي توجد في كثير من المشاريع وهيا مكتبة carousel_slider حيث انها تسمح لنا بعرض مجموعه من الصور في شكل slider ويمكننا التغيير بينهم وايضا تسمح لنا بامكانية التغيير بشكل اوتوماتيكي مع امكانية عمل zoom على العنصر الذي يكون في المنتصف وتخصيص حجم معين للصورة وكثير من الاضافات التي تقدمها لنا هذه المكتبة وفي مقالة اليوم سوف نشرح معكم كيف تقوم بعمل امكانية لتحديد العنصر مع اظهار اطار حول الصورة المختاره واظهار زر في حالة اختيار اي عنصر كما هو موضح بالصورة الموجوده [&hellip;]
- [عمل تاثير في اثناء فتح العناصر وعرضها في flutter](https://geecoders.com/displayitemsanimationflutter-html/): عمل تاثير في اثناء فتح العناصر وعرضها في flutterفي هذا المقال سوف نشرح لكم تاثير جميل جدا في اثناء فتح العناصر الخاصه بك في تطبيقات flutter حيث يتم فتح العنصر واذا كان بداخله صورة فسوف يتم تكبير حجمها كما هو موضح بالصورة الخاصه بالمقال هذا التاثير جميل جدا ويمكنك استخدامه في تطبيقك حتى تتمكن من تنفيذ شكل مختلف في عرض بعض العناصر داخل تطبيقك كما هو موضح ولن نحتاج الى اي مكتبات خارجية لتنفيذ هذا التاثير فقط كل شيئ موجود في Flutter وهيا عباره عن مجموعه من ال widgets التي تساعدنا في عمل هذه العمليه . How to display items [&hellip;]
- [تصميم Switch animation في Flutter مع تغيير اللون والحركه](https://geecoders.com/animationswitchin%20flutter-html/): تصميم Switch animation في Flutter مع تغيير اللون والحركهاستكمالا لسلسلة دروس الانميشن في فلاتر نقدم لكم اليوم انميشن للسويتش حيث سوف نقوم بتغيير حالة ال Switch من ايجابي لسلبي او تشغيل و ايقاف التشغيل من خلال النقر عليها من التطبيق الخاص بنا والامر بسيط جدا يمكنك نسخ الكود الذي يوجد بالاسفل وهذا كافي جدا حتى تستطيع التعامل مع الاكواد بشكل بسيط وتستطيع التحكم في سرعة الانميشن والالوان وغيرها اذا اردت ذلك حتى تحصل في النهايه على الشكل الذي ترغب به في تطبيقك وايضا في موقعك اذا كان لديك موقع اليكتروني . How to create animation switch in Flutter projectاستخدم الكود [&hellip;]
- [اضافة تاثير التمويج كالمقطع الصوتي بداخل تطبيقات Flutter](https://geecoders.com/wavewithout-html/): اضافة تاثير التمويج كالمقطع الصوتي بداخل تطبيقات Flutterفي هذا المقال سوف نقوم معكم بعمل تاثير كالذي نشاهده في المقاطع الصوتيه او حتى يمكنك تنفيذه لكي تحصل على شكل جميل ورائع لتطبيقك وبدون اي مكتبات خارجية كل شيئ من خلال ال widget والانميشن التي يقدمها لنا Flutter وكل شيئ موجود بالاكواد التي بالاسفل من اجل مساعدتكم في تحسين مظهر التطبيق يمكنك استخدام هذا التصميم في صفحة انتظار او حتى في صفحة لعرض تشغيل المقطع الصوتي . android sdk manager تحميل flutter developers applications create app android android studio macAdd sound effect in your flutter projectيمكنك استخدام الانميشن وخصوصا WaveWidget التي قمنا بعملها بالاسفل واستخدام نسبة [&hellip;]
- [تخصيص شكل side menu في flutter بدون مكتبات مع تصميم مختلف](https://geecoders.com/blog-post_23-html-5/): تخصيص شكل side menu في flutter بدون مكتبات مع تصميم مختلفالاسباب التي تجعل موقعك او برنامجك او حتى تطبيقك مميز عن غيره وهو وجود عناصر مختلفه غير معتاد عليها المستخدم العادي وتناسق الالوان والعنصر الاخير والذي لا غنى عنه وهو الانميشن في كل هذه العناصر تؤثر بشكل كبير لدى المستخدم وتترك في داخله طابع قوي وشغف من البحث والتفكير في كيفية القيام بهذه العناصر وايضا يفضل تطبيقك لانه سهل الاستخدام عن غيره وكل هذه العناصر يمكنك الحصول عليها من ابداعك ونحن في قسم الانميشن والتصميم نشارك معكم بين كل فتره والاخرى افكار لانميشن وتصاميم تحسن بشكل كبير من مستواك البرمجي [&hellip;]
- [تصميم لصفحة الاتصال في flutter بشكل احترافي | Flutter contact page design professionally](https://geecoders.com/blog-post_21-html-3/): تصميم لصفحة الاتصال في flutter بشكل احترافي | Flutter contact page design professionallyفي هذا المقال سوف نساعدكم باذن الله تعالى على تكوين صفحة للاتصال داخل التطبيق الخاص بكم في flutter , كما هيا موضحه بالصورة الخاصه بالمقال وسوف نحتاج بعض المكتبات التي تساعدنا في انشاء التصميم بشكل جميل مثل انميشن للنص وتاثير حول ايقونة الاتصال حتى تتمكن من عمل التاثير بكل سهوله وقد سبق وشرحنا معكم هذا التاثير من قبل في دروس سابقة , وفي هذا القسم مخصص لعمل الشروحات التي تساعدكم على بناء التطبيقات وتحسين التصميم الخاص بكم . هناك حاجة إلى لغات البرمجة Swift أو Objective-C وبيئات التطوير المتكاملة [&hellip;]
- [شرح كيفية حفظ موقع scroll المستخدم داخل ال list في فلاتر | how to save the user scroll inside the list](https://geecoders.com/blog-post_19-html-2/): شرح كيفية حفظ موقع scroll المستخدم داخل ال list في فلاتر | how to save the user scroll inside the listفي هذا المقال سوف نشرح معكم كيف تقوم بعمل save للموقع الذي تقف عنده في ال list حتى تكون قادر على الانتقال اليه مره اخرى في Flutter وهذا يكون عن طريق حفظ موقع ال list اثناء عمل سكرول وهذا يكون من خلال key الخاص بال widget حتى نستطيع القيام بذلك وفي هذا الكود الذي نقدمه لكم في هذا المقال سوف تكون قادر بعدها على تنفيذ الامر بكل سهوله وبابسط شرح وذلك عن طريق عمل تتبع للسلوك وبعدها تحفظ الموقع . يعد [&hellip;]
- [شرح كيفية تشغيل التطبيق على سطح المكتب باستخدام Flutter](https://geecoders.com/rundesktopapp-html/): شرح كيفية تشغيل التطبيق على سطح المكتب باستخدام Flutterفي هذا المقال سوف نشرح لكم كيف تقوم بتشغيل تطبيقات فلاتر على انظمة التشغيل المختلف مثل ويندوز وماك ولينكس , كما نعلم ان فلاتر تدعم التطبيقات على سطح المكتب والويب والهواتف بشكل قوي وهذا ما يميزها بشكل كبير على لغات البرمجه الاخرى المختلفه ولهذا قررنا لكم شرح كيف تقوم بتشغيل تطبيقك بسهوله جدا على نظام التشغيل ويندوز والامر بسيط جدا جدا ويوجد قسم مخصص للويب نقدم لكم ايضا في داخله محتويات قوية في مجال تطوير صفحات الويب بفلاتر . Add terminal code to setup Install Flutter Desktopفي البداية يجب عليك اضافة الاوامر [&hellip;]
- [شرح كيفية استخدام StatefulBuilder داخل Flutter ورفع كفاءة تطبيقك](https://geecoders.com/blog-post_15-html-3/): شرح كيفية استخدام StatefulBuilder داخل Flutter ورفع كفاءة تطبيقكفي هذا المقال سوف نشرح لكم عنصر مهم جدا ويساعد بشكل كبير في الحفاظ على اداء التطبيق اذا تم استخدامه بالشكل الصحيح وهو StatefulBuilder وهو يساعدك على اعادة بناء الصفحه وتحديدا العنصر المراد تغييره وليس اعادة بناء الصفحه كامله استخدامك لل StatefulBuilder بشكل صحيح سوف يحدث فرق كبير في اداء تطبيقك فبدلا من ان تقوم بعمل اعادة بناء للصفحه كامله فقط اعد بناء العنصر الذي تريد عمل تغيير عليه وهذا الامر يحدث فرق في اداء التطبيق وفي هذا المقال سوف نتعرف على مثال حي يوضح كيف تقوم هذه ال widget على العمل [&hellip;]
- [شرح حذف تاثير الscroll اثناء التمرير في فلاتر | How to remove scroll effect while scrolling in flutter](https://geecoders.com/remove%20scroll%20effect-html-2/): شرح حذف تاثير الscroll اثناء التمرير في flutterفي بعض الاحيان نحتاج الى القيام بعملية ازالة للاسكرول او تاثير الاسكرول في تطبيقاتنا وانا هنا سوف اشرح لكم كيف تقوم هذه الفكرة وكيف تستطيع الغاء تاثير ال scroll من تطبيقك والغاء التاثير بشكل صحيح بدون اي مشاكل كل ما عليك هو اتباع الاكواد التاليه بشكل صحيح حتى لا يحدث معك اي مشاكل اثناء القيام بها والامر بسيط جدا وهنا سوف نقوم بشرحه لكم حتى تتمكن من تنفذه بدون ادنى مشاكل تماما في تطبيقك الاليكتروني . هل يمكنك التفكير في شخص يقوم بإجراء مكالمات على هاتفه فقط؟ في الواقع ، تطورت الهواتف الذكية [&hellip;]
- [حفظ مكان الscroll الخاص بالمستخدم في تطبيقك دون الرجوع للاعلى](https://geecoders.com/savescroll-html-2/): حفظ مكان الscroll الخاص بالمستخدم في تطبيقك دون الرجوع للاعلىفي هذا المقال سوف نتعرف على كيفية حفظ المكان الذي قام المستخدم بالتصفح فيه وذلك يكون عن طريق استخدام SingleChildScrollView حيث في درس سابق شرحنا كيف تنتقل الى اخر عنصر قمت بتصفحه باستخدام listView ولكن عند استخدامك لل SingleChildScrollView يكون الامر ابسط وهيا بنفس الطريقة عن طريق ال key وعند فتح التطبيق يتم التعرف على ال key وايضا يحفظ اخر نقطة تم البحث فيها ويمكنك من المفتاح الرجوع الى اخر كنت فيه بكل سهوله . يمكنك إنشاء تطبيقات عبر الأنظمة الأساسية باستخدام Flutter التي تعمل على iOS و Android وسطح المكتب [&hellip;]
- [تصميم لصفحة onBoarding بإستخدام flutter مع Animation](https://geecoders.com/onboardingflutteranimation-html/): تصميم لصفحة onBoarding بإستخدام flutter مع Animationفي هذه المقالة نقدم لكم طريقة جديده لعمل صفحة onBoarding  وهيا الصفحه التي تكون في بداية التطبيق وتكون في الغالب عباره عن شرح للتطبيق للمستخدمين وقد سبق وقدمنا لكم اشكال وتصاميم مختلفه وافكار ايضا في تنفيذ onBoarding ولكن في هذه المقالة نقدمها لكم ولكن بشكل مختلف حيث اننا سوف نقوم بعمل وقت معين لتنفيذ الانتقال بين كل صفحة والاخرى وايضا شريط بالاسفل يوضح المده وعندما يكتمل ينتقل الى الصفحه التي بعدها كما هو موضح وايضا يمكنك النقر على الايقونه حتى يتم الانتقال فكلا الطرق تقوم بنقلك الى الصفحه الاخرى بدون اي مشاكل . Flutter [&hellip;]
- [شرح انشاء API لتطبيق store book باستخدام sql في NodeJS](https://geecoders.com/apibooknode-html/): شرح انشاء API لتطبيق store book باستخدام sql في NodeJSفي هذا الجزء سوف نشرح معكم كيف تقوم بعمل api لتطبيق متجر كتب بسيط جدا باستخدام sql ويمكنك استخدام الدرس السابق حتى تقوم بعمل الجداول التي سوف تعمل عليها وايضا تهيئة سيرفر محلي يتم تخزين به البيانات في جهازك والامر بسيط جدا كما شرحنا لكم في الدرس السابق وفي هذا الدرس سوف يكون استكمالا للدرس السابق ولكن عليك بتثبيت بعض المكتبات الضروريه للعمل والتي نقدمها لكم بالاسفل حاول ان تقوم بتثبيتها في جهازك حتى تبدء العمل بدون اي مشاكل وانشاء apis . add packages:  &#8220;dependencies&#8221;: {    &#8220;babel-polyfill&#8221;: &#8220;^6.26.0&#8221;,    &#8220;body-parser&#8221;: [&hellip;]
- [شرح كيفية التعامل مع postgresSQL مع NodeJS](https://geecoders.com/postgressql-html/): شرح كيفية التعامل مع postgresSQL مع NodeJSتعد SQL من اشهر طرق التعامل مع البيانات ولكنها ليس الاشهر وفي هذه المقالة سوف نشرح معكم كيف تقوم بالتعامل مع SQL باستخدا nodeJS بواسطة postgresSQL بدون مشاكل في البداية لا تنسى ان جميع المرفقاات موجوده اسفل هذا الجزء حاول تحميل النسخه القابله للتثبيت ولا تقم بتحميل نسخه rar لان بها مشاكل وسوف تحتاج الى محرر لكتابة الاكواد وهو dbeaver يمكنك تحميل النسخه rar او القابلة للتثبيت لن يفرق معك الامر . ايضا حاول تثبيت المكتبات التي توجد بالاسفل في vs code لديك لانها تساعدك في التعامل مع البيانات التي تكون في SQL . download [&hellip;]
- [إنشاء api بسيط local لتطبيق note باستخدام nodeJS](https://geecoders.com/blog-post-html-8/): إنشاء api بسيط local لتطبيق note باستخدام nodeJSفي هذه المقال سوف نقوم بعمل معكم تطبيق note بسيط يكون local على الجهاز بمعنى لن نحتاج لقاعدة بيانات حتى نعمل عليها فالامر بسيط جدا كل هذا سوف يكون من خلال الاكواد التي نقدمها لكم في هذه المقاله وسوف يكون api نقوم بعمله معكم حتى تكون قادر على بناء تطبيقات apis بسهوله , الفكرة نفسها ولن يختلف فقط في بعض الامور البسيطه جدا والتي سوف نشاركها معكم في الدروس القادمه كيف تتعامل مع sql وايضا كيفية التعامل مع mongoDB حتى تقوم ببناء قاعدة بيانات متكامله . المكتبات التي سوف نحتاجها اليومmemorystorage : لتخزين [&hellip;]
- [كيفية إنشاء button 3D في Flutter | How to Generate button 3D in Flutter](https://geecoders.com/generate-button-3d-in-flutter-html/): كيفية إنشاء button 3D في Flutterفي هذا المقال سوف نشارك معكم كيف تقوم بإنشاء زر 3d في فلاتر , وهذا الزر يكون قابل للنقر عليه كما هو موضح بالصورة الخاصه بالمقال , هذا الزر يعطي لتطبيقك شكل مختلف وجميل وخصوصا اذا كنت تقوم بتطوير المواقع باستخدام flutter فالمواقع تهتم جدا بوجود هذه العناصر بداخلها , يمكنك من خلال المكتبة التي سوف نقدمها لكم تنفيذ الانميشن مع الزر بكل سهوله ولتنفيذه بدون مشاكل اتبع الخطوات التالي لكي لا يحدث اي مشاكل اثناء كتابة الكود الخاصه بك وتنفيذك للزر . يعد محرك التقديم لمكونات واجهة المستخدم أحد عوامل البيع الرئيسية في Flutter. [&hellip;]
- [إنشاء ايقونة للبحث تظهر فقط اثناء الضغط عليها في فلاتر](https://geecoders.com/addsearch-html/): إنشاء ايقونة للبحث تظهر فقط اثناء الضغط عليها في فلاترفي هذا الدرس نقدم لكم مكتبة جديده من المكتبات التي نقدمها لكم في فلاتر من اجل تحسين مستواك البرمجي بشكل كبير ومساعدتكم في انجاز الاعمال بشكل كبير جدا في هذا الدرس سوف نقوم بتقديم لكم واحده من المكتبات التي تعطي شكل جميل في التصميم الخاص بك وهو اضافة ايقونه عندما يتم النقر عليها يظهر زر البحث كما هو موضح بالصورة الخاصه بالمقال ويمكنك تعديل المظهر كما تريد وضبط اعدادت البحث كما تريد في نهاية الامر القرار يرجع لك . مع تزايد شعبية تطوير البرامج عبر الأنظمة الأساسية. في السوق ، تم [&hellip;]
- [مشروع لتطبيق التعرف على النصوص من داخل الصوره في فلاتر](https://geecoders.com/textfromimage-html/): مشروع لتطبيق التعرف على النصوص من داخل الصوره في فلاتركما نعلم ان تطبيقات الذكاء الاصطناعي اصبحت في انتشار كبير جدا والامر لا يقتصر فقط على الذكاء الاصطناعي في التطبيقات بل معظم المشاريع التي تظهر في الاونه الاخيره اصبحت تعتمد بشكل كبير جدا في اعالها على الذكاء الاصطناعي وفي مقالة اليوم سوف نشرح لكم كيف تقوم بقراءة محتويات النصوص التي توجد على الصورة من خلال فلاتر والامر بسيط جدا لان جوجل هيا التي تدعم لنا هذه الخاصيه من خلال المكتبة الخاصه بها والتي تسمح لنا بتتبع الكلمات التي توجد على الصورة والامر بسيط جدا جدا وسوف يتم شرحه لكم بشكل مبسط [&hellip;]
- [التعرف على اصدار التطبيق واظهار رسالة بتحديث التطبيق اذا توفرت نسخه احدث في Flutter](https://geecoders.com/newupdateflutte-html/): التعرف على اصدار التطبيق واظهار رسالة بتحديث التطبيق اذا توفرت نسخه احدث في Flutterفي هذا المقال سوف نشرح معكم كيف تقوم باضافة امكانية للتعرف على التحديث الجديد الخاص بتطبيقك واذا تم فتح التطبيق سوف يتم معرفة الاصدار الحالي للتطبيق والاصدار الموجود على متجر جوجل بلاي حتى يمكن للمستخدم اي يتعامل مع التطبيق الخاص بك باحدث نسخه فسوف نظهر له رساله تخبره بوجود نسخه جديده من التطبيق الخاص به في الFlutter متوفر على المتجر ويمكنك تصميم صفحه كامل حتى لا يمكن غلقها واجباري له عمليه التحديث او حتى تصميم dialog يمكنه من تحديث التطبيق في النهايه التصميم يرجع لك انت كمطور [&hellip;]
- [شرح استخدام paymob مع Flutter بسهوله تامه | paymob with Flutter quite easily](https://geecoders.com/apipaymobwithflutter-html/): شرح استخدام paymob مع Flutter بسهوله تامهفي هذا المقال سوف نقوم بالتعامل مع خدمة paymob مع Flutter حيث في الدروس السابقة شرحنا لكم كيف تقوم بالتعامل معها مع post man وماهي الاشياء التي تحتاجها في انشاء التطبيق الخاص بك ,وفي هذه المقالة سوف نكمل معكم السلسلة وسوف نقوم بربط paymob مع تطبيقات فلاتر الخاصه بنا بكل سهوله الامر بسيط جدا وغير معقد كل ما سوف نحتاجه هو تركيب المكتبات التاليه والتي بوسعها مساعدتنا في التعامل مع api وايضا عمل state management للتطبيق الخاص بنا . add packages :  flutter_bloc: ^8.0.1  dio: ^4.0.6How to handle dio fileفي البداية سوف نقوم بعمل [&hellip;]
- [الحصول على كود يمكنك دفع من اي مكينة فوري من خلال paymob](https://geecoders.com/kio-html/): الحصول على كود يمكنك دفع من اي مكينة فوري من خلال paymobعندما ترغب بوضع امكانية للمستخدم بان يقوم بدفع المبلغ بماكينة فوري او غيرها من ماكينات الدفع يمكنك ذلك من خلال paymob هنالك خاصية kiosk وهيا بكل بساطة تقوم بارجاع لك كود وهذا الكود على المستخدم ان يقوم بتحويل له المال او الدفع عليه حتى تتم العمليه وكل هذا متوفر في paymob وفي هذه المقالة سوف نشرح معكم كيف تقوم باستخراج الكود الخاص بك وكيف تقوم بتركيبه لك في تطبيقك من خلال api بكل سهوله وفي الدروس المقبلة سوف نبدء بشرح معكم كيف تقوم بالتعامل مع paymob مع Flutter إن [&hellip;]
- [شرح التعامل مع paymob باستخدام postman وتجربة اتمام عملية شراء](https://geecoders.com/integrationpaymob%20-html/): شرح التعامل مع paymob باستخدام postman وتجربة اتمام عملية شراءفي هذا المقال سوف نشرح لكم كيف تقوم بالتعامل مع paymob الشهيره عن التعريف وهيا احد ابسط طرق الدفع الاونلاين المشهوره بين المبرمجين واسهل في التعامل يمكنك من خلالها استخدام دفع اونلاين في تطبيقك ويوجد الكثير من التطبيقات القائمه على هذه الخدمه وسوف نشرحها لكم في هذا الدرس وفي الدروس القادمه باذن الله تعالى . إنها شركة مصرية حديثة الإنشاء متخصصة في تقديم حلول وخدمات دفع رقمية مختلفة للشركات سواء عبر الإنترنت أو خارجها. تأسست Paymob في عام 2015 من قبل إسلام شوقي وآلان الحاج ومصطفى المنيسي. على الرغم من وجود [&hellip;]
- [معرفة اسعار المنازل في ولاية بوسطة باستخدام machine learning](https://geecoders.com/loadbo-html/): معرفة اسعار المنازل في ولاية بوسطة باستخدام machine learningمن اهم استخدام علم تعليم الاله وهوتحليل البيانات الخاصه بالمنازل لمنطقة معينه وهذا التحليل مهم جدا لدى شركات المقاولات والعقارات وذلك لان هذة البيانات تهمه في عمله والسبب يرجع ان اي شركة مقاولات تريد الحصول على افضل قطعة ارض باقل الاسعار وتكون هذة الارض ذات قيمه وهذا ما سنعمل عليه في مقالة اليوم لمعرفة اسعار المنازل . تعد لغه البايثون لغه المستقبل كما يقول عنها البعض لانها اكثر لغه عليها طلب في سوق العمل ولها اكثر من سنه تحتل المرتبه الاولى في التعلم وفي الطلب في سوق العمل هل تساءلت لماذا تعد [&hellip;]
- [شرح التعامل مع بيانات الرواتب للموظفين في تعليم الاله](https://geecoders.com/sa-html/): شرح التعامل مع بيانات الرواتب للموظفين في تعليم الالهفي هذا المقالة سنشارك معكم كيفية التعامل مع نموذج رواتب الموظفين في machine learning وكيف نستطيع قراءة الملف ومعرفة المحتويات وماهي رواتب الموظفين وهل رواتب الموظفين في الشركة تكون في ارتفاع او انخفاض ونقوم بتدريب نموذج عليها ومعرفة نسبة الخطأ في هذا النموذج وكل هذا سوف نشرحه لكم في هذة المقالة بإذن الله بشكل تفصيلي ولذلك حاول التركيز في المقالة وقرائتها حتى النهايه حتى تستفاد اعلى استفاده منها تعليم الاله واحد كن المجال التي اصبح التركيز عليها كبير من قبل الشركات العملاقه وذلك بسبب ما تقدمه لنا من توفير في الوقت والحصول [&hellip;]
- [معرفة نسبة معدل ارتفاع وانخفاض اسعار المنازل وعمل مؤشر لمعرفة النتائج في تعليم الاله](https://geecoders.com/salaryhome-html/): معرفة نسبة معدل ارتفاع وانخفاض اسعار المنازل وعمل مؤشر لمعرفة النتائج في تعليم الالهاحيانا تريد شراء منزل خاص بك في موقع من المواقع الموجوده في دولتك او مدينتك وتريد عمل model ليقوم بمعرفة اسعار العمائر والاراضي في هذة المنطقه سواء كانت في ارتفاع او انخفاض لكي تقرر هل عملية الشراء في هذة المنطقه مناسبه ام لا وبما ان النموذج يدل على انخفاض وارتفاع يفضل هنا استخدام pca والذي قد سبق وتم شرحه في احد المقالات السابقة والتي تطرقنا فيها الى تفاصيل pca model وكم هو مهم في عمليات الmachine learning وفي هذة المقالة يعد تطبيق اخر على هذا النموذج لغه [&hellip;]
- [شرح نموذج DBSCAN في تعليم الاله وكيف يستخدم في لغة البايثون](https://geecoders.com/dbscan-html/): شرح نموذج DBSCAN في تعليم الاله وكيف يستخدم في لغة البايثوننموذج DBSCAN من النماذج المهمه والتي تستخدم عندما نريد التفريق بين انواع مختلفة من البيانات او اذا حصلت مشاكل في تنظيم البيانات وقرر النظام اختيار بيانات خاطئة وهنا نلجأ الى نموذج DBSCAN والذي يسمى المنقذ حيث يساعدنا على التفريق بين البيانات وذلك يكون عن طريق اخذ مجموعة من البيانات القريبه من بعضها وجعلها بنفس النوع وسوف نتطرق لكم في مقالة اليوم بشرح تفصيلي لهذة العملية وكيف تتم بصورة مبسطه وواضحه لكم  تعليم الاله واحد كن المجال التي اصبح التركيز عليها كبير من قبل الشركات العملاقه وذلك بسبب ما تقدمه لنا [&hellip;]
- [شرح التعامل مع iris datasets في تعليم الاله باستخدام لغة البايثون](https://geecoders.com/irisdatasets-html/): شرح التعامل مع iris datasets في تعليم الاله باستخدام لغة البايثونفي هذا الدرس سوف نتعرف على كيفية التعرف على نوع الزهوز iris من خلال datasets الخاصه بها حيث انها تتكون من ثلاث انواع ونريد معرفة عندما يدخل الى النموذج هذا النوع يعرف ماهو سواء النوع الاول او الثاني او الثالث حيث ان جميعهما شبه بعض تقريبا بنسبة كبيره ولكن تختلف في اشياء بسيطة والصورة التاليه توضح الفرق بين انواع الزهور الثلاث والهدف الذي نريده هو معرفة  نوع الزهره عن طريق حجم الزهره حيث ان النبته في اول نوع يكون كبير قليلا عند غيره وبهذة الطريقة يتم التفريق بين الانواع المختلفه [&hellip;]
- [انشاء machine model لل PCA في تعليم الاله بالبايثون](https://geecoders.com/pca-html/): لغه بايثون. واحد من لغات البرمجه. التي عليها طلب كبير حاليا في سوق العمل وبصراحه هذه اللغه قويه جدا جدا لانها تدخل. اولا في تطوير برامج سطح المكتب ثانيا تطوير تطبيقات الهواتف المحموله الذكيه ثالث تدخل في الذكاء الاصطناعي وتعليم الاله و هذا اكثر شيء يهتم به اغلب المقبلين على تعلم هذه اللغه. في الواقع ، يوجد الكثير جدا من المكتبات التي يمكنك استعمالها والاستفاده منها ويسهل عليك الكثير من الوقت و تسهل التعامل مع الذكاء الاصطناعي . عكس استقدام اللغات الاخرى التي تحتاج الى كتابه الكود البرمجي من البدايه وهذا الامر ياخذ منك الكثير من الوقت .  انشاء machine [&hellip;]
- [شرح StandardScaler في عملية تحسين الmodel لتعليم الاله](https://geecoders.com/blog-post-html-4/): شرح StandardScaler في عملية تحسين الmodel لتعليم الالهاليوم نتعرف على مصطلح جديد مستخدم بكثرة في البايثون وهو StandardScaler وهذا المصطلح يستخدم بكثرة في تعليم الالة حيث انه يقوم بتحجيم البيانات وجعلها مناسبة للاستخدام مع النموذج لكي لا يحدث مشاكل معك اثناء تكويد الخوارزمية والنموذج الذي تعمل عليه ولذلك نستخدم StandardScaler لحل هذة المشكلة وهو من مكتبة sklearn وهذة المكتبة سبق وتحدثنا عنه وهي لا غنى عنها اطلاقا في تعليم الاله بسبب المميزات التي تقدمها لنا هذة المكتبة الرائعه والتي لا غنى عنها اطلاقا . يايثون او لغة الثعبان كما يطلق عليها واحده من اهم لغات البرمجه التي يجب على كل [&hellip;]
- [شرح كيفية تسجيل مقطع صوتي في فلاتر | how to record an audio clip in filters](https://geecoders.com/record-html/): شرح كيفية تسجيل مقطع صوتي في فلاتر | how to record an audio clip in filtersفي هذا المقال سوف نشرح لك كيف تقوم بتسجيل مقطع صوتي في flutter وامكانية الاستماع اليه في اي وقت وبعدها تستطيع ارساله الى اي شخص ترغب به كما يحدث في معظم تطبيقات المحادثات ولكن الفرق ان هذا سوف يكون عن طريق زر وليست ضغطه مطوله كما يحدث في باقي التطبيقات والامر بسيط جدا سوف نستخدم مجموعه من المكتبات التي سوف تساعدنا في تنفيذ هذه العملية وجميعها موجوده بالاسفل كما هو موضح لكم تستطيع تثبيت كل هذه المكتبات في تطبيقك حتى تتمكن من استخدامها بدون اي مشاكل [&hellip;]
- [عرض خريطة لتحليل العناصر في تبيطقات Flutter](https://geecoders.com/createtable-html/): عرض خريطة لتحليل العناصر في تبيطقات Flutterفي هذا الجزء سوف نشرح لكم تصميم مجموعه من العناصر لاظهار الاحصائيات في تطبيقك بشكل منظم وجميل وقد سبق وشرحنا لكم فكرة مشابهه لهذه وكانت من خلال مكتبة fl_chart وهيا احد المكتبات المناسبة جدا والتي تهدف الى بناء نماذج اليكترونيه توضحيه مثل خريطه توضح احصائيات معينه خلال فتره محدده انت المسؤول عن القيام بها وايضا المميز ان الكود يسمح لك بتعديل كل شيئ تقريبا ويوجد الكثير من العناصر التي تساعدك في هذه العملية ايضا بكل سهوله وبين كل فتره والاخرى نقدم لكم اشكال مختلفه . إحدى أهم مزايا إنشاء تطبيق ويب هي التكلفة المنخفضة. [&hellip;]
- [تصميم لايقونة الشات مثل تطبيق واتساب في flutter باسهل طريقة](https://geecoders.com/blog-post_29-html-5/): تصميم لايقونة الشات مثل تطبيق واتساب في flutter باسهل طريقةفي هذا المقال نقدم لكم مجموعة من الاشكال والانماط التي يمكنكم استخدامها في تطبيقاتكم بكل سهوله كما نعلم ان تطبيق واتساب وبعض تطبيقات المحادثه تستخدم ميزة لعمل شكل سهم صغير بجانب الرساله وفي مقالتنا اليوم سوف نقدم لكم هذا الشكل بشكل بسيط وجميل حيث يمكنكم استخدامه في تطبيقاتكم والامر بسيط جدا جدا بالنسبة لتصميم الشكل الذي سوف تحتاجه لعمل نفس نمط تطبيق واتساب فسوف تحتاج الى ان يكون لديك المكتبة التي نقدمها لكم اليوم bubble وعليك تثبيتها حتى تستطيع تنفيذ التصميم . bubble: ^1.2.1How to create char bubble in flutter projectبعد [&hellip;]
- [ربط تطبيق فلاتر الخاص بك بخدمة Firebase ليعمل على المتصفح](https://geecoders.com/blog-post_27-html-5/): ربط تطبيق فلاتر الخاص بك بخدمة Firebase ليعمل على المتصفحكما نعلم ان تطبيقات فلاتر تعمل تقريبا على جميع المنصات ولكن تحتاج لربطها بالمنصة التي تريد العمل عليها حتى لا يحدث مشاكل وفي هذا القسم شرحنا لكم كيف تقوم بربطها على اجهزة android , ios واليوم سوف نشرح لكم طريقة ربط المشروع الخاص بك على web في خدمة فايربيز وهيا خدمة قوية تقدمها لنا جوجل كدعم للمطورين ومساعدتهم على انجاز الاعمال الخاصه بهم بشكل اسرع ولهذا سوف نقدم لكم اليوم طريقة الربط الصحيحه لمشروعك بكل سهوله والامر بسيط جدا جدا . إن حرفة تطوير تطبيقات الأجهزة المحمولة تتطلب عمالة مكثفة وتغير [&hellip;]
- [تطبيق محادثه في Flutter بإستخدام Firebase](https://geecoders.com/blog-post_25-html-4/): تطبيق محادثه في Flutter بإستخدام Firebaseفي هذا المقال نشارك معكم تطبيق من احد المطورين الذين ساهموا في انشاء تطبيق محادثه باستخدام فايربيز وقد سبق وشرحنا لكم في هذا الموقع دورة كامله حول التعامل مع الفايربيز وكم هيا مهمه وكيف تحصل على قاعدة بيانات تربط بها جميع عملائك بكل سهوله كل هذا كان من خلال الموقع الخاص بنا وفي هذه المقاله سوف نشارك معكم احد التطبيقات التي قام بها مطور حيث اصدر تطبيق محادثه باستخدام firebase مع امكانية اضافة صور ومقاطع صوتيه في التطبيق حتى تتمكن من ارسالهم في المحادثه بينك وبين اي شخص ترغب بالتواصل معه والامر بسيط جدا يمكنك [&hellip;]
- [تطبيق لتشغيل الملفات الصوتيه المحليه في Flutter](https://geecoders.com/blog-post_23-html-10/): تطبيق لتشغيل الملفات الصوتيه المحليه في Flutterفي هذا المقال سوف نقوم معكم بعمل تطبيق بسيط لتشغيل المقاطع الصوتيه الموجوده في داخل التطبيق الخاص بك بكل سهوله وهذا كله سوف يكون من خلال بعض المكتبات التي سوف نستعملها مع عمل انميشن لحركة الصورة في المقطع الصوتي حتى تضيف لمسة جماليه في تطبيقك وتحسن من مظهره بشكل اكبر وكل هذا سوف نتعرف عليه في مقالة اليوم بإذن الله بدون اي مشاكل ولهذا عليك باتباع كل تفاصيل المقاله حتى لا يحدث معك اي مشاكل اثناء تنفيذ الخطوات في البرنامج الخاص بك . هناك العديد من الجوانب الحاسمة لتطوير تطبيقات الويب التي يجب التفكير [&hellip;]
- [تطبيق لتغيير التاريخ الموجود بالاعلى بتاريخ المنشورات التي تشاهدها في flutter](https://geecoders.com/apps-html/): تطبيق لتغيير التاريخ الموجود بالاعلى بتاريخ المنشورات التي تشاهدها في flutterفي هذا المقال سوف نشارك معكم فكرة يبحث عنها البعض منكم وهيا كيف تقوم بعرض التاريخ والتوقيت الخاص بالمنشورات التي تشاهدها في هذه الفتره بالاعلى كما هو موضح بالصورة الخاصه بالمقال الامر بسيط جدا جدا والامر متعلق بعملية scroll فعندما تكون المقاله بالاعلى نحصل على التاريخ الخاص بيها ونجعلها هو الرئيسي ونقوم بهذه العمليه لكل مقاله حتى نصل الى المقاله النهائيه وبهذا سوف يحدث تحديث دائم لكل مقاله عندما تكون بالاعلى واظهار التاريخ الخاص بها ويتم عرضه كما هو موضح وكل هذه الامور مشروحه بالكود التالي والموجود على github . [&hellip;]
- [تطبيق متجر اليكتروني باستخدام Flutter للتعديل والنشر](https://geecoders.com/blog-post_19-html-4/): تطبيق متجر اليكتروني باستخدام Flutter للتعديل والنشرفي هذا المقال نشارك معكم واحد من التطبيقات الرائعه وهيا تطبيقات المتاجر وفي هذا الدرس سوف نقدم لكم التطبيق بشكل جديد مع الوان متناسقه جدا وايضا تصميم جميل في عرض المنتجات التطبيق يمكنك تحميله والبدء في التعديل عليه حتى يناسب الغرض الذي ترغب به وايضا يمكنك التعديل عليه او اقتباس منه بعض الافكار في تطبيقك وفي هذا القسم نقدم لكم الكثير من الاكواد والبرامج مفتوحة المصدر في تطبيقات flutter حتى تكون قادر على تكوين تطبيق قوي خاص بك من خلال ما نقدمه لكم من تطبيقات اندرويد و ios مفتوحه المصدر للتعديل في هذا القسم [&hellip;]
- [شرح كيفية عمل انميشن للصور في Flutter بدون مكتبات](https://geecoders.com/transformpageviewwidget-html/): شرح كيفية عمل انميشن للصور في Flutter بدون مكتباتكما نعلم ان التاثيرات التي يتم وضعها على الصور في تطبيقات flutter تجعل من التطبيق اكثر استخداما لان المستخدم العادي يفضل وجود الانميشن ليس فقط بالصورة بل انميشن بشكل عام في التطبيق الخاص بك وفي هذه المقالة سوف نقوم بشرح لكم درس جديد من تاثيرات الانميشن على الصور في تطبيقات الجوال باستخدام تقنية Flutter كما اننا سوف نساعدكم في تكوين widgets معينه تكون مسؤوله عن الانميشن وتستطيع ارسال لها ال list معينه وتعمل عليها حتى تظهر لك الانميشن بشكل جميل . لا تحتاج إلى معرفة أي رمز لإنشاء تطبيقات أو برامج ، [&hellip;]
- [شرح اضافة تاثير Parallax Effect على الصور في Flutter](https://geecoders.com/blog-post_15-html-2/): شرح اضافة تاثير Parallax Effect على الصور في Flutterفي هذه المقالة سوف نشرح معكم واحد من اكثر التاثيرات جمالا في تطبيقات flutter ويعطي منظر رائببع لتطبيقك حيث يعمل على تاثير الصور وعمل تحريك لها اثناء عمل scroll كما هو موضح بالصورة الخاصه بالمقالة وكثير من المبرمجين يبحثون عن طريقة لاستخدام هذا التاثير في تطبيقاتهم ليعطي منظر جميل لهم ويمكنهم من تغيير الطريقة التقليديه لعرض التصميم الخاص بالصور في تطبيقاتهم والامر بسيط جدا جدا وسوفف نشرحه لكم في هذه المقالة . إن حرفة تطوير تطبيقات الأجهزة المحمولة تتطلب عمالة مكثفة وتغير العالم الرقمي يوميًا. بناء البرمجيات للأجهزة المحمولة هو ما يستلزمه. [&hellip;]
- [عمل على الbutton في flutter للانتقال من صفحة الى الاخرى](https://geecoders.com/blog-post-html-26/): عمل على الbutton في flutter للانتقال من صفحة الى الاخرىفي هذا المقال سوف نشرح معكم كيف تقوم بعمل انميشن عن الضغط على الزر في تطوير تطبيقات الجوال باستخدام تقنية Flutter الغنيه عن التعريف وكل ما سوف تحتاجه في هذه المقالة هو اتباع الخطوات بشكل صحيح حتى لا يحدث معك اي مشاكل خلال تنفيذ العملية وكل ما سوف نقوم بعمل هو الانميشن الموجود في الصوره الخاصه بالمقال وسبق وشرحنا لكم مثل هذا الانميشن في ال java حتى تتمكن من تنفيذها بدون ادنى مشاكل واليوم سوف يكون الشرح باستخدام لغة dart وتقنية Flutter سهولة الوصول إلى الأجهزة المحمولة كان انتشار الأجهزة المحمولة [&hellip;]
- [عمل انميشن في عرض عناصر التطبيق الخاص بك في flutter بسهوله](https://geecoders.com/animationbetweenit-html/): عمل انميشن في عرض عناصر التطبيق الخاص بك في flutter بسهولهالانميشن من العناصر التي لا غنى عنها في تطبيقك في Flutter او اي تطبيقات عموما والسبب يرجع في انه يترك اثر في تجربة المستخدم بحيث يحبب المستخدم في تطبيقك ويجعله يبقى اكبر فتره ممكن في تطبيقك ويفضله عن غيره ولهذا عليك بان تهتم بالالوان والانميشن في تطبيقك بشكل كبير ونحن نشارك معك في هذا القسم الكثير والكثير من الاضافات والافكار التي تحسن من الanimation لديك في تطبيقك بصورة كبيره حتى تكون قادر على بناء اقوى التطبيقات بدون اي مشاكل مع انميشن قوي وباشكال مختلف . هل يمكنك التفكير في شخص [&hellip;]
- [إنشاء card متحرك في flutter بسهوله | Easily create an animated card in Flutter](https://geecoders.com/animatedcard-html/): إنشاء card متحرك في flutter بسهوله | Easily create an animated card in Flutterفي هذه المقاله نشارك معكم انميشن سوف نقوم بعمل على عناصر ال card في Flutter وهذه العناصر سوف تكون قابله للسحب مثل ماهو واضح بالصورة الخاصه بالمقال كما هو موضح يوجد لدينا مجموعه من ال cards ويمكنك السحب عن طريق اليسار او اليمين حتى يختفي العنصر وسوف تلاحظ انه اصبح في النهايه ويمكنك التحكم بالكود حتى يختفي بشكل كامل من العناصر الموجوده كل شيئ بين يديك يمكنك التحكم فيه كما تريد بدون اي مشاكل في تطبيقك وتنفيذ التصميم والشكل الذي ترغب به . تعد كيفية تحقيق الأداء الأصلي [&hellip;]
- [عمل counter متغير عند اضافة عنصر او تقليل عنصر باستخدام Flutter](https://geecoders.com/counter-flutter-html/): عمل counter متغير عند اضافة عنصر او تقليل عنصر باستخدام Flutterحاول دائما جعل تطبيقاتك التي تقوم بتطويرها ان تكون مميزه عن غيرك في اليوم لان العالم لا يحتاج الى كثير من النسخ ولهذا نحن نهتم بشكل جدا جدا في هذا القسم على اضافة الانميشن والاشكال التي تعطي لتطبيقك منظر مختلف وتترك لدى العميل او المستخدم طابع وفي هذه المقاله سوف نقوم معكم بتغيير شكل اضافة العناصر في flutter مثلا لديك counter وتريد عندما يتم اضافة اي عنصر او ازالة اي عنصر يتم تحريك الرقم لاعلى او اسفل كما هو موضح بالصورة الخاصه بالمقال وهذا الامر سهل وبسيط ولتنفيذ هذا الامر [&hellip;]
- [عمل انميشن اثناء التنقل بين صفحات التطبيق في flutter بسهوله تامه](https://geecoders.com/animationtrans-html/): عمل انميشن اثناء التنقل بين صفحات التطبيق في flutter بسهوله تامهالتاثيرات دائما تجعل تطبيقك يتفوق على باقي التطبيقات التي توجد بالمتاجر وهذا لان الانميشن يضيف لمسة جماليه لتطبيقك ويحسن من تجربة المستخدم له وفي هذه المقالة سوف نشرح لكم واحده من ال packages الشهره في flutter عمل انتقال بين الصفحات بشكل جميل مع عدى اشكال كما هو موضح بالصورة الخاصه بالمقال عندما تقوم بعمل انتقال من صفحة للاخرى يتم عمل الانميشن بكل سهوله جدا , هذا الامر يتم من خلال المكتبة التي نوفرها لكم في مقالة اليوم بإذن الله . إحدى أهم مزايا إنشاء تطبيق ويب هي التكلفة المنخفضة. خاصة [&hellip;]
- [حل مشكلة عدم تشغيل امر flutter doctor في الcmd](https://geecoders.com/flutter-doctor-problem-html-2/): حل مشكلة عدم تشغيل امر flutter doctor في الcmdاحيانا عندما تنتقل الى cmd وتكتب flutter doctor تلاحظ ان نافذة الاوامر يتم غلقها مباشره دون تنفيذ اي امر والامر flutter doctor لا يعمل ولكن ماذا تفعل في هذه الحاله او ماهو الحل ؟ او ماهو سبب هذه المشكلة السبب الذي يسبب هذه المشكلة في معظم الاحيان يكون نقص في وجود powershell داخل بيئة الجهاز الخاصه بك ولحل هذه المشكلة كل ما عليك هو اضافة الpowershell واذا لم تحل هذه المشكلة ايضا قم بإضافة الgit كما سوف نشاهد في الجزء التالي . flutter doctor&#8221; not working قم بإضافة المتغيرات التاليه في الاماكن المناسبه [&hellip;]
- [<div>حل مشكلة execution failed for task ':app:validatesigningdebug'.</div>](https://geecoders.com/failed-for-task-html-2/): حل مشكلة execution failed for task &#8216;:app:validatesigningdebug&#8217;.هذه الرسالة المزعجه والتي تقابل عدد كبير من مستخدمي برنامج الاندرويد ستوديو وهيا في اغلب الاحيان تكون بسبب ان مسار الsdk غير صحيح وفي هذه المقالة سوف نتعرف على الحل الذي قمت به وحليت المشكلة وكما تعلمون اننا في موقعنا نقدم لكم حلول لاغلب المشاكل التي تقابلكم في التطوير ومن ضمن هذه المشكلة وهيا validatesigningdebug وهيا مشكلة مزعجه جدا وقابلتني انا شخصيا وبعد بحث طويل لم اتوصل لحل ولكن بعد عدة محاولات مع البرنامج توصلت الى حل وهو بسبب ان الsdk الخاص بفلاتر لم يكن في المكان الصحيح ولهذا احببت ان اقدم لكم هذه [&hellip;]
- [حل مشكلة Unable to locate the Android SDK](https://geecoders.com/unable-to-locate-html/): حل مشكلة Unable to locate the Android SDKاستكمالا في سلسلة حل مشاكل برنامج الاندرويد ستوديو نقدم لكم اليوم مشكلة جديده تسبب قلق لكثير من المبرمجين وهيا Unable to locate the Android SDK رغم ان المشكلة بسيطه جدا وحلها سهل ولكن كثير من المبرمجين يتضررون من هذه المشاكل المزعجه واليوم سوف نقدم لكم الحل الوفي الذي سيمكنك من التخلص منها بكل سهوله والسبب الرئيسي لهذه المشكلة يرجع لاحد ملفات الsdk التي قد لا يراها نظام التشغيل الخاص بك ولهذا عليك اضافة الملفات اللازمه في الاماكن المناسبه لها كما سوف نتعرف اليوم . ببساطة لحل المشكلة عليك بالتاكد من اضافة platform المناسب [&hellip;]
- [<div>حل مشكلة 'keytool' is not recognized as an internal or external command</div>](https://geecoders.com/keytool-is-not-recognized-as-internal-html-2/): حل مشكلة &#8216;keytool&#8217; is not recognized as an internal or external commandهذه الرساله المزعجه تظهر لنا في معظم الاحيان عندما نريد اصدار نسخه relase من التطبيق الذي نعمل عليه وهذا يكون بسبب ان بعض الملحقات لا يمكن الوصول لها وطريقة الحل بسيطه جدا وفي هذه المقالة سوف نتعرف على الحل وكيف نقوم بتنفيذه وكيف نتاكد اذا تم حل المشكله ام لا والامر بسيط جدا كما اخبرناكم فلا داعي للقلق منه اطلاقا , كل ما عليك هو تنفيذ كل الموجود في المقاله بشكل صحيح وسوف تحل المشكلة معك دون الحاجه الى البحث في الكثيرمن المواقع للوصول الى الحل . معرفة مسار [&hellip;]
- [ميزة قوية تُساعد على تحسين عرض الملفات في مشروعك vs code](https://geecoders.com/change-file-style-html-2/): ميزة قوية تُساعد على تحسين عرض الملفات في مشروعك vs codeفي Visual Studio Code، تُعد File Nesting ميزة قوية تُساعد على تحسين عرض الملفات في مشروعك.باستخدام File Nesting، يمكنك تجميع الملفات ذات الصلة معًا، مما يُقلل من التشتت ويجعل التنقل بين الملفات أسهل، خاصةً في المشاريع التي تحتوي على عدد كبير من الملفات. كيفية تفعيل File Nesting:افتح ملف settings.json.أضف السطور التالية: Copy "explorer.fileNesting.enabled": true, "explorer.fileNesting.expand": false, "explorer.fileNesting.patterns": { "*.dart": "${basename}.g.dart, ${basename}.freezed.dart", "pubspec.yaml": ".metadata, pubspec.lock, *.yaml, yarn.lock", ".gitignore": "*.packages, .gitattributes, .flutter-plugins-dependencies, .flutter-plugins" } شرح ال JSON:explorer.fileNesting.enabled: يُفعّل ميزة File Nesting.explorer.fileNesting.expand: يُحدد ما إذا كانت الملفات المُتداخلة ستُفتح تلقائيًا عند بدء تشغيل [&hellip;]
- [الفرق بين Null وUndefined في JavaScript](https://geecoders.com/null-undefined-html/): الفرق بين Null و Undefined في JavaScript: فهم دقيق لكتابة أكواد فعالةفي عالم لغة البرمجة JavaScript، يُعد فهم الفرق بين Null و Undefined أمرًا بالغ الأهمية لكتابة أكواد دقيقة وفعالة.فبينما قد يبدو هذان المصطلحان متشابهين للوهلة الأولى، إلا أنهما يختلفان بشكل جوهري في كيفية تمثيلهما للقيم داخل الكود. ما هو Undefined؟يُستخدم Undefined للإشارة إلى حالة المتغير الذي لم يتم تعيينه بقيمة.بعبارة أخرى، عندما نعلن عن متغير دون تعيين أي قيمة له، فإن قيمته تلقائيًا تصبح Undefined. Copy let x; console.log(x); // سيطبع "undefined" ما هو Null؟يُستخدم Null للإشارة إلى قيمة فارغة مُخصصة.بعبارة أخرى، عندما نريد تعيين قيمة فارغة لمتغير ما [&hellip;]
- [اضافة اكثر من لغة لاسم التطبيق على متجر google play](https://geecoders.com/chane-name-app-google-play-html/): اضافة اكثر من لغة لاسم التطبيق على متجر google playتُعدّ عملية تغيير اسم تطبيقك على متجر جوجل بلاي خطوة بالغة الأهمية لتعزيز علامتك التجارية وجذب المزيد من المستخدمين. متطلبات تغيير اسم التطبيق:إنشاء حساب Google Play:قبل البدء، تأكد من امتلاكك لحساب Google Play مرتبط بـ &#8220;مركز تطبيقات Google Play&#8221;.إعدادات التطبيق:تأكد من تحديث اسم التطبيق في &#8220;معلومات التطبيق&#8221; و &#8220;الصفحة الرئيسية&#8221; في &#8220;مركز تطبيقات Google Play&#8221;.إعلانات Google Play:إذا كنت تستخدم إعلانات Google Play، فتأكد من تحديث اسم التطبيق في حملاتك الإعلانية.مراجعة Google Play:سيتطلب تغيير اسم التطبيق مراجعة من Google Play. قد يستغرق هذا بعض الوقت.الخطوات العملية لتغيير اسم التطبيق:تسجيل الدخول إلى &#8220;مركز [&hellip;]
- [Flutter vs FlutterFlow: أيهما أفضل لاحتياجاتك؟](https://geecoders.com/flutter-vs-flutterflow-html/): Flutter vs FlutterFlow: مقارنة بين الميزات والوظائففي عالم تطوير التطبيقات، يبرز اسمان بارزان: Flutter و FlutterFlow. قد يوحي الاسم المشترك بوجود صلة وثيقة بينهما، لكن الواقع مختلف. Flutter: أداة لبناء واجهات المستخدمFlutter هو إطار عمل مفتوح المصدر من Google لإنشاء واجهات مستخدم جذابة وعالية الأداء. يُمكنك من خلاله كتابة كود Dart لإنشاء تطبيقات تعمل على منصات متعددة مثل الهاتف المحمول، الويب، وسطح المكتب.Flutterflow: منصة بدون كود لتبسيط التطويرFlutterflow هو منصة بدون كود مبنية على Flutter. تتيح لك هذه المنصة تصميم وبناء تطبيقات دون الحاجة إلى كتابة كود Dart.الاختلافات الرئيسية:نهج التطوير:Flutter: يُتطلب كتابة كود Dart لإنشاء التطبيق.Flutterflow: يُمكنك تصميم وبناء التطبيق [&hellip;]
- [9 تطبيقات Flutter VS Code Extensions هتخليك تنسى التعب!](https://geecoders.com/flutter-extensions-vscode-html/): تطبيقات Flutter VS Code Extensions لتحسين كفاءة العملتُعد Extensions (الإضافات) أدوات قوية في Visual Studio Code تُتيح للمستخدمين تخصيص تجربة تحرير الكود وتوسيع وظائفها بشكل كبير.الشغل مش مجرد ضغط، الشغل تظبيط وضغط! عشان كده هنقدم لكم النهاردة مجموعة من تطبيقات Flutter VS Code Extensions اللي هتخلي شغلك أسهل وأسرع وأكفأ:فوائد استخدام Extensions:تحسين الإنتاجية: توفر Extensions مجموعة واسعة من الأدوات التي تُساعد على أتمتة المهام المتكررة، وتحسين تدفق العمل، وزيادة سرعة الكود.تعزيز تجربة الترميز: تضيف Extensions ميزات جديدة إلى Visual Studio Code، مثل إمكانية تكامل Git أفضل، وتنسيق الكود، وتصحيح الأخطاء، وإبراز القواعد النحوية.تخصيص بيئة العمل: تُتيح Extensions للمستخدمين تخصيص واجهة [&hellip;]
- [كيفية حفظ مشروع machine learning واستخدمه في المشاريع](https://geecoders.com/error-improv-html/): كيفية حفظ مشروع machine learning واستخدمه في المشاريعفي هذة المقالة سوف نتعرف على كيفية معرفة نسبة نجاح الداتا سيت وايضا كيف نستطيع تحسينها وايضا سنططرق معكم بعدها الى كيفية حفظ مشاريع تعليم الالة وكيف نستخدمه في اختبارتنا وايضا في الدروس المقبلة سوف ننتقل معكم الى دروس اكثر تعمق في machine learning و deep learning وهذة العلوم من اكثر العلوم طلبا في سوق العمل واصبحت العديد من الشركات تهتم بمبرمجي بايثون وتفضل التعامل معه لانها يتميز في كثير من الجوانب عن غيره . يايثون او لغة الثعبان كما يطلق عليها واحده من اهم لغات البرمجه التي يجب على كل مبرمج معرفتها [&hellip;]
- [شرح كيفية حفظ البيانات في ذاكرة الهاتف بطريقة مشفره باستخدام Flutter](https://geecoders.com/secruit-token-html/): شرح كيفية حفظ البيانات في ذاكرة الهاتف بطريقة مشفره باستخدام Flutterاصبحت عملية اختراق التطبيقات في الفتره الاخيره ليست بالصعبه وذلك بسبب ان المبرمجين يقومون بكتابة كود عادي ويتركون عمليات الطباعة وغيرها من الاشياء التي يتم تركها في التطبيق ويساعدك هذا الهكرز على عملية معرفة بيانات تطبيقك وايضا عندما يقوم بحفظ البيانات في الذاكره المؤقته تكون بشكل عادي وليس مشفر وهذا الامر سيئ جدا لانه يعرض تطبيقك للاختراق , ويوجد مكتبة لحفظ البيانات في الذاكر المؤقته مخصصه في عملية تخزين البيانات بشكل مشفر بحيث تمنع الهكرز وغيره من الاطلاع على بيانات تطبيقك . تم إنشاء تقنيات جديدة ، بما في ذلك [&hellip;]
- [التعرف على الاشياء من الكاميرا الخاصه بجهازك في تطبيقات فلاتر](https://geecoders.com/detect-html/): التعرف على الاشياء من الكاميرا الخاصه بجهازك في تطبيقات فلاترفي هذا المقال سوف نساعدكم على بناء model باستخدام ML بواسطة فلاتر للتعرف على العناصر من خلال الكاميرا الخاص بالهاتف الخاص بك وكل هذا سوف يكون من خلال هذه المقالة وهذا المقال لا يختلف كثيرا عن المقالات السابقة والتي ساعدناكم فيها في بناء تطبيق فلاتر بالذكاء الاصطناعي وفي هذه المقالة تعد تكمله لهم ولكن سوف نقوم معكم بعمل ستريم للكاميرا بحيث عند تقريبها من اي عنصر يمكنها التعرف على العنصر واظهار تفاصيله وعرض ما يوجد بالكاميرا كما هو موضح بالصورة الخاص بالمقال وقبل كل شيئ سوف تحتاج الى تحميل الmodel من [&hellip;]
- [كيفية معرفة تعابير الوجه في flutter | How to learn facial expressions in flutter](https://geecoders.com/detect-faces-html/): كيفية معرفة تعابير الوجه في فلاتر | How to learn facial expressions in flutterفي هذه المقالة نكمل معكم التعامل مع ال models المختلفين في الذكاء الاصطناعي مع تطبيقات فلاتر وفي هذه المقالة سوف نشرح لكم كيف تقوم بتصميم برنامج يمكنه التعرف على تعابير الوجه الخاصه بالمستخدم وتاثير مثل هذا قد يمكنك تنفيذه في مشروعك اذا كنت ترغب بان تقوم بجعل التطبيق الخاص بك يقوم بعملية تسجيل الدخول وعليك بالابتسامه حتى يفتح معك التطبيق او معرفة تعبير وجه المستخدم وبناء على النتيجه نظهر له تفاصيل معينه داخل التطبيق , وشيئ مثل هذا سوف يكون عن طريق استخدام stream حتى نتمكن من متابعة [&hellip;]
- [شرح كيفية انشاء model للتعرف على الصور باستخدام Flutter](https://geecoders.com/blog-post_07-html-3/): شرح كيفية انشاء model للتعرف على الصور باستخدام Flutterفي هذا المقال سوف نشرح معكم كيف تقوم بتصميم تطبيق للتعرف على الحيوان من خلال الصورة وهذا معتمد بشكل كبير على المقاله السابقة والتي شاركنا معكم فيها كيف تقوم بعمل model وتدريبه على المشاريع الخاصه بك بالاندرويد ستوديو , وفي هذا المقال سوف نقوم بادخال الملف الذي قمنا باستخراجه من الفيديو السابق الى هذا التطبيق الخاص بنا وهو كان عباره اننا قمنا بادخال مجموعة من الصورة في التطبيق وبعدها اخبرناه ان مجموعه هذه الصور تشير الى الكلب والصور الاخرى تشير الى قط وبهذا اي قطة او كلب يدخل التطبيق سوف يكون قادر [&hellip;]
- [شرح كيفية استخدام الذكاء الاصطناعي في تطبيقات flutter بسهوله](https://geecoders.com/flutter-html-7/): شرح كيفية استخدام الذكاء الاصطناعي في تطبيقات flutter بسهولهكما نعلم ان تطبيقات التي تعمل بنظام الواقع الافتراضي اصبحت منشره بشكل كبير جدا في الاسواق والمتاجر ولهذا لان الذكاء الاصطناعي يوفر الكثير من الوقت على المستخدمين في كثير من الامور واصبح الاعتماد كبير جدا من طرف الاشخاص وحتى الشركات وفي هذا القسم سوف نقوم بمشاركة معكم بعض الاساليب التي يمكنك استخدامها في تطبيقك لتجعله قادر على اضافة لميزة الذكاء الاصطناعي وفي هذه المقالة سوف نقوم بتدريبك على كيفية وضع مجموعه من الصور وجعل ال model يتدريب عليها ومن ثم يخبرك بالنتيجه سواء كانت للصور او لغيرهم . في البداية عليك بالانتقال [&hellip;]
- [استخدام التاثيرات في فلاتر خلال عمليات الانتقال بين الصفحات | Transactions Flutter](https://geecoders.com/blog-post_03-html-2/): استخدام التاثيرات في فلاتر خلال عمليات الانتقال بين الصفحات | Transactions Flutterفي هذا المقال سوف نقدم لكم اكثر من طريقة لعمل الانميشن في فلاتر والتعامل مع انتقالات الصفحات وكيف تقوم بتصميم الانتقال الذي ترغب به في فلاتر وفي هذا القسم بالتحديد نهتم بالانميشن لحتسين شكل التطبيق الخاص بك وجعله اكثر احترافيه لان العنصر الذي يميز كل تطبيق عن الاخر هو اختيار الالوان الصحيح والتصميم والانميشن فهذه العناصر هي من اساسيات نجاح اي تطبيق . تعرف على كيفية إنشاء تطبيقات لنظامي التشغيل Android و iOS باستخدام Flutter ، إطار عمل برمجة الأجهزة المحمولة متعدد الأنظمة الأساسية الرائد من Google. يوضح لك [&hellip;]
- [تصميم MessageBox لعرض الرسائل واظهار المحتوى بمجرد النقر عليها](https://geecoders.com/blog-post-html-29/): تصميم MessageBox لعرض الرسائل واظهار المحتوى بمجرد النقر عليهافي هذا المقال سوف نساعدكم على إنشاء تصميم لعرض الاشعارات الخاصه بك بطريقة ذكية ومختلفه عن باقي الطرق التي جربتها حيث ان الاشعار او الرساله سوف تكون في تصميم بسيط كما هو موضح بالفيديو يمكنك من خلال هذا التصميم ان تتمكن من تغيير شكل التطبيق وتحسين مظهره بصورة كبيره جدا وهذا التصميم عباره عن رساله  بريديه يمكنك النقر عليها وبعدها سوف يتم رفع الشريط الى اعلى ليظهر محتوى الرساله مع انميشن خلال عملية عرض الرساله او اغلاقها . كان Flutter موجودًا منذ أن أطلقته Google لأول مرة في عام 2017 ، لكن [&hellip;]
- [استخدام JWT وMiddleware في Node.js لإنشاء أدوار Admin وUser بأمان](https://geecoders.com/roles-nodejs-html/): أفضل طرق تحسين أداء نظام Roles في No de.js: Admin أم Userإنشاء Roles لمشروعك في Nodejs لمعرفة الحساب ادمن ام مستخدم عاديفي تطبيقات الويب الحديثة، من الضروري التحكم في الصلاحيات المختلفة للمستخدمين بناءً على دورهم. قد يكون لديك مثلاً مشرفون (Admins) يقومون بإدارة النظام بالكامل، ومدراء (Managers) يديرون جزءًا معينًا من التطبيق، ومستخدمون عاديون (Users) لديهم صلاحيات محدودة. في هذا المقال، سنوضح كيفية إنشاء نظام أدوار (Roles) باستخدام Node.js لتحديد ما إذا كان الحساب هو حساب مشرف أم مستخدم عادي. يُعدّ إنشاء أدوار (Roles) في مشروع Nodejs أمرًا ضروريًا للتحكم في صلاحيات المستخدمين وتحديد ما يُمكنهم الوصول إليه والقيام به [&hellip;]
- [كيف تجعل تطبيقك أكثر تنظيماً باستخدام الثوابت في Node.js](https://geecoders.com/component-status-html/): تنظيم الرسائل والحالات في Node.js: خطوة نحو التطبيقات الأكثر كفاءةتعزيز أداء التطبيق: إنشاء Component لتفادي اختلاف الأخطاء في Node.jsNode.js هو بيئة تشغيل قوية ومرنة تُستخدم لتطوير تطبيقات الويب والخوادم الجانبية. واحدة من أهم ميزات Node.js هي قدرتها على تنظيم الكود وإعادة استخدامه بسهولة، مما يساهم في بناء تطبيقات أكثر كفاءة وقابلية للصيانة. في هذا المقال، سنناقش كيفية استخدام Node.js لإدارة الرسائل والرموز الحالة (Status Codes) في تطبيقك بطريقة مرتبة ومنظمة. الحاجة إلى إدارة الرسائل والرموز الحالةفي أي تطبيق ويب أو API، غالبًا ما تحتاج إلى إرسال استجابات للعميل تحتوي على حالة الطلب (Request Status). هذه الحالات تشمل:Success عند نجاح العملية.Fail عند [&hellip;]
- [كيف غيرت طريقة واحدة فقط طريقة تعاملي مع الأخطاء في Node.js](https://geecoders.com/apperror-nodejs-html/): توقف عن التعامل مع الأخطاء بطريقة تقليدية واستخدم هذه الطريقة الحديثة الآنتوحيد جميع الايرورات في Node.js باستخدام class errorفي تطوير التطبيقات باستخدام Node.js، من المهم أن يكون لديك نظام موحد للتعامل مع الأخطاء. هذا النظام يساعد على تسهيل تتبع المشاكل وتحسين جودة الكود، بالإضافة إلى توفير تجربة أفضل للمطورين والمستخدمين. أحد الطرق الفعالة لتحقيق ذلك هو إنشاء فئة أخطاء مخصصة (Custom Error Class) تجمع بين جميع أنواع الأخطاء في مكان واحد، مما يسهل إدارة وتنظيم الأخطاء. في هذا المقال، سنناقش كيفية استخدام فئة AppError لتوحيد جميع الأخطاء في تطبيق Node.js. سنتناول كيفية تصميم هذه الفئة واستخدامها بشكل فعال لضمان تنظيم [&hellip;]
- [لا تترك الخطأ يمر! استراتيجية ذكية لتوحيد معالجة الأخطاء في Express.js و Nodejs](https://geecoders.com/handling-all-errors-nodejs-html/): كيف تحول كودك إلى آلة معالجة أخطاء ذكية باستخدام module.exportsوداعاً للتعقيد! توحيد الايرو في حالة catch لجميع requests في Node.jsإذا كنت مطورًا يعمل على بناء تطبيقات باستخدام Node.js ، فمن المؤكد أنك واجهت مشكلة التعامل مع الأخطاء (Errors) عند استخدام الوظائف غير المتزامنة (async functions). قد تكون عملية كتابة كود لمعالجة الأخطاء لكل طلب (request) منفصلة مملة ومعقدة. ولكن ما رأيك إذا كان هناك حل بسيط يساعدك على توحيد هذه العملية؟في هذا المقال الحصري، سنستعرض كيفية استخدام module.exports لإنشاء وظيفة ذكية تقوم بتوحيد معالجة الأخطاء في حالة catch لجميع الطلبات (requests) بطريقة سلسة وفعالة حيث يُعد توحيد الايرو في حالة [&hellip;]
- [شرح جميع الطرق في تحديث البيانات بسهولة باستخدام Node.js](https://geecoders.com/update-nodejs-html/): هل تواجه مشكلات في تحديث البيانات؟ إليك الحلول الكاملة باستخدام Node.jsكيفية تحديث البيانات بسرعة وفعالية باستخدام Node.jsفي عالم التطبيقات الحديثة، تُعد قدرة تحديث البيانات بفعالية عاملاً حاسمًا لتحسين تجربة المستخدم. مع Node.js ، يمكنك بناء أنظمة ديناميكية تتفاعل بسلاسة مع قواعد البيانات، بفضل ميزاته مثل الحدثية (Event-driven) والغير متزامنة (Asynchronous) . في هذا المقال، سنستعرض جميع الطرق لتحديث البيانات باستخدام Node.js، مع أمثلة عملية ونصائح لتحسين الأداء.يُعد تحديث البيانات باستخدام Node.js طريقة فعالة لجعل تطبيقاتك ديناميكية وسهلة الاستخدام. ما هي فوائد تحديث البيانات باستخدام Node.js؟تحسين تجربة المستخدمزيادة كفاءة التطبيقتسهيل صيانة التطبيقطرق تحديث البيانات باستخدام Node.js:استخدام PUT او PATCH حيث تعد [&hellip;]
- [حلول لمنع إرسال نقاط النهاية الخاطئة في Node.js](https://geecoders.com/error-send-endpoint-html/): أفضل الأدوات لمنع إرسال نقاط النهاية الخاطئة في Node.jsحلول بسيطة لمنع إرسال نقاط النهاية الخاطئة في Node.jsتُعد مشكلة إرسال نقاط النهاية الخاطئة من المشكلات الشائعة في تطبيقات Node.js. قد تؤدي هذه المشكلة إلى أخطاء في التطبيق، وإزعاج المستخدمين، وربما حتى تهدد أمان التطبيق.عند تطوير تطبيقات الويب باستخدام Node.js، من الشائع التعامل مع نقاط النهاية (Endpoints) التي تسمح للعملاء بالتفاعل مع الخادم. ومع ذلك، قد تحدث أخطاء عند إرسال نقاط نهاية خاطئة أو غير صحيحة، مما يؤدي إلى استجابات غير متوقعة أو حتى ثغرات أمنية. في هذا المقال، سنناقش بعض الحلول الفعّالة لمنع إرسال نقاط النهاية الخاطئة في تطبيقات Node.js.فيما يلي [&hellip;]
- [كيفية تحديث البيانات واستردادها بذكاء باستخدام Node.js و Express](https://geecoders.com/get-patch-nodejs-html/): Node.js في أبهى صورها: دمج GET و PATCH لإنشاء تطبيقات متكاملةتطوير تطبيقات ويب متقدمة دمج تقنيات GET و PATCH لإنشاء تطبيقات تفاعلية في Nodejsفي عالم تطوير تطبيقات الويب، تُعتبر القدرة على التعامل مع طلبات HTTP بكفاءة أحد المفاتيح الرئيسية لبناء تطبيقات تفاعلية وسريعة. من بين هذه الطلبات، تبرز تقنيات GET و PATCH كأدوات قوية تسمح للمطورين باسترداد البيانات وتحديثها بشكل انتقائي. في هذا المقال، سنستعرض كيفية دمج هذه التقنيات في تطبيقات Node.js باستخدام router.route لإنشاء تطبيقات ويب متقدمة وفعّالة.هل من الممكن استخدام أكثر من request في نفس ال request باستخدام router.route في Node.js.يمكن أن يكون ذلك مفيدًا في العديد من [&hellip;]
- [كيف تنفذ Pagination في Node.js دون تعقيد](https://geecoders.com/pagination-html/): كيف تقسم البيانات إلى صفحات في Node.js بسهولة؟شرح عمل Pagination في Node.js للبيانات بشكل مبسطيُعرف Pagination بتقنية برمجية تُستخدم لعرض كميات كبيرة من البيانات على صفحات متعددة، مما يُسهل على المستخدم تصفحها وفهمها , يمكن تقسيم رسائل البريد الإلكتروني للمستخدم إلى صفحات، حيث تُعرض 5 رسائل كحد أقصى في كل صفحة , يمكن عرض بيانات كل موظف في صفحة خاصة، مما يُسهل على المستخدم الوصول إلى المعلومات الخاصة بكل موظف.عند التعامل مع كميات كبيرة من البيانات في تطبيقات الويب، من الضروري تقسيم البيانات إلى صفحات (Pagination) لتحسين الأداء وتجربة المستخدم. في هذا المقال، سنشرح كيفية تنفيذ Pagination في Node.js بشكل [&hellip;]
- [شرح إخفاء _v و _id في Node.js لتسريع عملية انشاء واجهات برمجة التطبيقات](https://geecoders.com/delete-v-id-html/): شرح إخفاء _v و _id في Node.js لتسريع عملية انشاء واجهات برمجة التطبيقاتفي عالم تطوير واجهات برمجة التطبيقات (APIs)، تعتبر السرعة والفعالية احد العوامل الأساسية لضمان تجربة مستخدم ممتازة. عند العمل مع قواعد البيانات في Node.js، خاصةً مع MongoDB الغنيه عن التعريف، قد تواجه حقلين تلقائيين يتم إنشاؤهما تلقائيًا: _id و _v. هذه الحقول قد لا تكون ضرورية دائمًا للعرض في واجهة البرمجة، وقد تؤثر على أداء التطبيق إذا لم يتم التعامل معها بشكل صحيح. في هذا المقال، سنشرح كيفية إخفاء _v و _id لتحسين أداء APIs.يُعد إخفاء _v و _id تقنية أساسية لإنشاء واجهات برمجة تطبيقات (APIs) قوية وسهلة [&hellip;]
- [تصفية البيانات في Node.js باستخدام Express اثناء تنفيذ واجهات برمجة التطبيقات](https://geecoders.com/express-nodejs-html/): تصفية البيانات في Node.js باستخدام Express اثناء تنفيذ واجهات برمجة التطبيقاتعند بناء واجهات برمجة التطبيقات (APIs) باستخدام Node.js وExpress، تُعد تصفية البيانات من المهام الشائعة التي تهدف إلى تحسين تجربة المستخدم وتقليل كمية البيانات المرسلة عبر الشبكة. تصفية البيانات تسمح للعميل (Client) بالحصول على المعلومات المحددة التي يحتاجها فقط، بدلاً من إرسال جميع البيانات المتاحة. في هذا المقال، سنستعرض كيفية تنفيذ تصفية البيانات في تطبيقات Node.js باستخدام Express.امثلة متنوعه في عمل filter للبيانات في nodejs بواسطة expressيُعد فرز البيانات تقنية أساسية لتنظيم البيانات وعرضها بطريقة مناسبة. في Node.js، يمكن استخدام Express لفرز البيانات بطرق مختلفة، مما يجعله أداة قوية لإنشاء [&hellip;]
- [كيفية إعداد وتوصيل MongoDB بمشروع Nodejs بسهولة](https://geecoders.com/connect-mongodb-nodejs-html/): استخدام MongoDB كقاعدة بيانات لتطبيقات Node.js: دليل شاملتعلم كيفية ربط MongoDB بـ Node.js وإنشاء تطبيقات قويةMongoDB هي قاعدة بيانات NoSQL موزعة مفتوحة المصدر تُستخدم لتخزين البيانات وإدارتها. تتميز MongoDB بسهولة الاستخدام وقابلية التطوير، مما يجعلها خيارًا مثاليًا لتطبيقات الجوال.مميزات وفوائد MongoDB سهولة الاستخدام: توفر MongoDB واجهة برمجة تطبيقات سهلة الاستخدام تجعل من السهل تخزين البيانات واسترجاعها.قابلية التطوير: يمكن لـ MongoDB التوسع بسهولة لتلبية احتياجاتك المتزايدة.الأداء: توفر MongoDB أداءً سريعًا وقابلًا للتطوير.المرونة: تدعم MongoDB مجموعة متنوعة من أنواع البيانات، مما يجعلها مناسبة لمجموعة واسعة من التطبيقات.تكامل سهل مع واجهات برمجة التطبيقات: توفر MongoDB واجهات برمجة تطبيقات سهلة الاستخدام لدمجها مع تطبيقات [&hellip;]
- [تعلم كيف يعمل الـ Event Loop في Dart واجعل تطبيقك لا يتوقف أبدًا!](https://geecoders.com/event-loop-flutter-html/):  كيف يعمل الـ Event Loop في Dart؟ اكتشف السر وراء تطبيقات لا تتوقفتعلم الـ Event Loop في Dart خطوة بخطوة وأبدع في تطوير تطبيقات لا تتوقفإذا كنت مطور Flutter أو Dart، فمن المحتمل أن تواجه العديد من المفاهيم المتعلقة بالبرمجة غير المتزامنة. أحد هذه المفاهيم الأساسية هو دورة الحدث. في هذا المقال سنشرح بالتفصيل ما هي Event Loop وطريقة عملها وأهميتها الكبيرة في تشغيل تطبيقات Flutter او البرمجه بشكل عام بشكل سهل وسريع. ما هي دورة الحدث &#8211; Event Loop؟تعد حلقة الأحداث جزءًا أساسيًا من كيفية تعامل Dart وFlutter مع العمليات غير المتزامنة، مثل تحديثات واجهة المستخدم وطلبات الشبكة والمؤقتات [&hellip;]
- [أسرار تحريك الواجهات في Compose خطوة بخطوة مع أمثلة عملية](https://geecoders.com/animations-compose-html/): تحريك الأيقونات مثل المحترفين: دليل تفاعلي مع كود جاهزشرح animations في kotlin compose بكل سهولهيقدم Kotlin Compose العديد من الميزات التي تجعله قويًا في عملية الرسوم المتحركة، بما في ذلك:التحكم السلس في الرسوم المتحركة  , يوفر Jetpack Compose المرونة في إنشاء الرسوم المتحركة باستخدام واجهات برمجة التطبيقات البسيطة، مثل animateFloatAsState وanimateDpAsState. يمكنك التحكم بسهولة في حالة الرسوم المتحركة بناءً على الحالة الحالية لواجهة المستخدم.دمج الرسوم المتحركة في مكونات واجهة المستخدم: يسمح التركيب بدمج الرسوم المتحركة بسلاسة في أي مؤلف، مما يجعل من السهل التحكم في الرسوم المتحركة بناءً على حالة المكون، مثل جعل العناصر تظهر وتختفي، والتحكم في حجمها أو موقعها.التفاعل [&hellip;]
- [خطوات بسيطة لتنفيذ قواعد البيانات في Android مع Room وHilt](https://geecoders.com/android-room-hilt-html/): إتقان Room وHilt: أدوات فعالة لقواعد البيانات في Androidإتقان التعامل مع قواعد البيانات في Android باستخدام Room و Hilt بسهولةفي عالم تطوير تطبيقات Android، تُعتبر إدارة قواعد البيانات من التحديات الأساسية التي تواجه المطورين. بينما يوفر SQLite حلاً تقليدياً، إلا أن استخدامه مباشرةً قد يكون معقدًا ويستهلك الوقت. هنا يأتي دور مكتبة Room كجزء من Android Jetpack، لتُبسِّط التعامل مع قواعد البيانات، وتُقدِّم طبقة تجريدية تحمي من الأخطاء الشائعة. أما Hilt، فهو إطار عمل يُسهِّل حقن التبعيات (Dependency Injection) لتنظيم الكود وجعله أكثر كفاءة. في هذا المقال، سنستعرض كيفية دمج Room وHilt لإنشاء قواعد بيانات قوية ومُحسَّنة في تطبيقات Android، [&hellip;]
- [إنشاء مشروع بإستخدام Retrofit و MvvM و Hilt و coroutines في Kotlin Compose](https://geecoders.com/hilt-retrofit-compose-html/): إنشاء مشروع بإستخدام Retrofit و MvvM و Hilt و coroutines في Kotlin Composeفي هذه المقالة، سنتعلم كيفية إنشاء مشروع كامل باستخدام عدة مكتبات مثل Retrofit لإدارة واجهة برمجة التطبيقات (API)، وMVVM كهندسة لتنظيم التعليمات البرمجية، وHilt لإدارة التبعيات، وCoroutines للتعامل مع العمليات غير المتزامنة. سنقوم ببناء المشروع خطوة بخطو. ستساعدك هذه المقالة على فهم كيفية استخدام هذه المكتبات معًا لإنشاء تطبيق فعال وقابل للتطوير.خطوات إنشاء المشروع:1. إنشاء وحداتالخطوة الأولى هي إنشاء وحدات في المشروع باستخدام واجهة Android Studio. لنبدأ بالنقر بزر الماوس الأيمن على المشروع واختيار &#8220;وحدة جديدة&#8221;، ثم اختيار مكتبة Android وتسميتها &#8220;utils&#8220;. 2. إضافة الخدماتداخل وحدة utils، نضع [&hellip;]
- [كيفية تخزين واسترجاع الإعدادات في تطبيق Compose باستخدام DataStore بديل SharedPreferences](https://geecoders.com/datastore-html/): إنشاء نظام حفظ بيانات المستخدم في كوتلن كومبوز باستخدام DataStoreلا تفقد بياناتك بعد الآن! تعلم كيفية استخدام DataStore في Jetpack Composeفي تطوير تطبيقات Android الحديثة، يعد تخزين البيانات المحلية أمرًا مهما لضمان أن بيانات المستخدم آمنة وفعالة. ومن بين الأدوات المستخدمة لتخزين البيانات Jetpack DataStore، والذي يعتبر بديلاً حديثًا وأقوى لـ SharedPreferences. بالإضافة إلى الهيلت الذي يسهل عملية حقن Dependency وJetpack Compose لتصميم واجهة المستخدم، يمكنك إنشاء تطبيق متكامل وحديث.ما هو Jetpack DataStore؟DataStore عبارة عن واجهة برمجة تطبيقات جديدة لتخزين بيانات Android تُستخدم لتخزين البيانات بشكل دائم وآمن. إنه أسرع وأكثر أمانًا من SharedPreferences ويمكن استخدامه بطريقتين: Preferences DataStore لتخزين [&hellip;]
- [كيف تجعل تطبيقك أسرع وأكثر كفاءة باستخدام LaunchedEffect و SideEffect](https://geecoders.com/launchedeffect%20-html/): تحسين أداء تطبيقاتك بـ LaunchedEffect و SideEffectأسرار تحسين أداء تطبيقاتك باستخدام LaunchedEffect و SideEffectفي عالم تطوير البرمجيات ، خاصة مع تطور تطبيقات الاندرويد والأطر مثل Kotlin Compose، أصبح فهم كيفية التعامل مع الآثار الجانبية أمرًا ضروريًا لأي مطور يريد إنشاء تطبيقات فعالة ومستقرة. يلعب مديرو التأثيرات (LaunchedEffect) دورًا مركزيًا في التحكم في هذه الآثار الجانبية، مما يتيح بضبط أفضل وأداء أعلى.للتطبيقات. في هذه المقالة، سنبحر معكم في مدير التأثيرات في Kotlin Compose، مع التركيز على كيفية استخدامها وأهميتها وأنماط استخدامها المختلفة.ما هي معالجات التأثير في Kotlin Compose؟معالجات التأثير في Kotlin Compose هي أدوات تُستخدم للتعامل مع العمليات الثانوية التي تقع [&hellip;]
- [Accompanist Compose الحل الأمثل لتخصيص Jetpack Compose](https://geecoders.com/accompanist-html/):  أفضل ميزات Accompanist Compose لكل مطور Androidما هو Accompanist Compose ؟Accompanist هي مكتبة مخصصة لـ Jetpack Compose، حيث توفر الأدوات والملحقات لتحسين وتسهيل إنشاء الواجهات في Compose. يحتوي Accompanist على مجموعة من المكونات التي تسهل العمليات المعقدة مثل التحكم في شريط الحالة واستخدام WebView والتعامل مع الرسوم المتحركة وتسهيل تنفيذ التخطيطات المتقدمة مثل FlowRow وغيرها. ما هو Jetpack Compose؟Jetpack Compose هي مكتبة واجهة مستخدم تم تطويرها بواسطة Google لتسهيل إنشاء واجهات المستخدم في تطبيقات Android. توفر هذه المكتبة ميزات حديثة مثل إدارة الحالة والتفاعل المباشر مع العناصر المرئية.عناصر Accompanist Compose ؟سنناقش في هذه المقالة بعض المكونات المهمة لبرنامج Accompanist، ونشرح كيفية [&hellip;]
- [كيف تنشئ Bottom Sheet في Jetpack Compose مثل المحترفين](https://geecoders.com/bottomsheet-compose-html/): دليل شامل لإنشاء وتخصيص Bottom Sheet بأسلوب عصري.كيف تنشئ Bottom Sheet تفاعلي في Jetpack Compose بأقل مجهود؟في عالم تطوير تطبيقات Android باستخدام تقنيه Jetpack Compose الرهيبه، تُعتبر Bottom Sheets واحدة من المكونات الرئيسيه التي تساعد في تحسين وتطوير من تجربة المستخدم. في هذا المقال، سنستعرض كيفية إنشاء وتخصيص Bottom Sheet باستخدام الكود البرمجي المخصص، مع شرح تفصيلي لكل جزء من الأكواد لضمان فهم شامل.لماذا يعتبر Bottom Sheets مهم ؟تُعتبر Bottom Sheets واحدة من المكونات الأساسية في تصميم واجهات المستخدم لتطبيقات Android او تطوير تطبيقات الجوال بشكل عام، خاصة عند استعمال مكونات Material Design.حيث يوفر Bottom Sheets العديد من الفوائد التي تعزز [&hellip;]
- [كيفية التنقل بين صفحات kotlin compose باستخدام hilt و viewmodel وبدونهم](https://geecoders.com/navigation-hilt-viewmodel-html/): كيفية تحسين تجربة المستخدم باستخدام التنقل في Kotlin Composeكيفية إدارة الحالة والتنقل في Kotlin Compose بسهولةفي Jetpack Compose، يمكن التعامل مع التنقل في الصفحة باستخدام NavHost وNavController دون الحاجة إلى استخدام مكتبات مثل Hilt أو ViewModel. يمكننا تحقيق ذلك ببساطة عن طريق معالجة المنطق في العناصر المركبة والتحكم في التنقل بين الشاشات باستخدام NavController.في هذا المقال سنرى كيفية إنشاء تطبيق بسيط يتكون من صفحتين، صفحة &#8220;رئيسية&#8221; وصفحة &#8220;خضراء&#8221;، وسنشرح كيفية التنقل بينهما دون استخدام ViewModel أو Hilt.تثبيت المكتبات داخل libs.versions.tomlاضف المكتبات التاليه اذا لم تكن موجوده لديك في ملفات المشروع Copy [versions] hiltCompiler = "2.51.1" hiltNavigationCompose = "1.0.0" kotlin = [&hellip;]
- [شرح بسيط لمفهوم viewModel و hilt في Kotlin compose](https://geecoders.com/viewmodel-hilt-counter-html/):  حقن التبعيات في Android: لماذا Hilt هو الحل الأمثل؟كيف تجعل كود Android أكثر نظافة مع Hilt و ViewModel؟في تطوير تطبيقات Android باستخدام Jetpack Compose، يعد استخدامك للـ ViewModel أداة مهمة لفصل واجهة المستخدم (UI) عن Logic الخاص بمشروعك. حيث في هذه المقالة، سنشرح لكم بإيجاز كيفية استخدام ViewModel وHilt معًا داخل مشروعك ، مع التركيز على كيفية قيام Hilt تلقائيًا بتوفير التعبئة التلقائيه إلى ViewModel، مما يجعل من السهل إدارة الحالة في التطبيقات الحديثة. ما هو ViewModel؟يعد ViewModel أحد مكونات مكتبة Android Jetpack المصممة لإدارة بيانات واجهة المستخدم والتي تساعد في فصل واجهة المستخدم (UI) عن اللوجيك الخاص بالمشروع الخاص [&hellip;]
- [كيفية الحفاظ على البيانات عند تدوير الشاشة في Kotlin Compose](https://geecoders.com/remember-saveable-html/): استخدام ViewModel و rememberSaveable في Kotlin Composeأفضل طرق حفظ الحالة في Jetpack Composeعندما تقوم بتطوير تطبيقات Android باستخدام لغة Kotlin او اي لغه اخرى، يواجه المطورون تحديًا شائعًا وهو في فقدان البيانات أو تغيير حالة الواجهة عند تدوير الشاشة وهذا الامر مزعج بشكل كبير للمستخدمين. يحدث هذا لأن نظام Android يقوم بتدمير النشاط (Activity) وإعادة إنشائه عند تغيير اتجاه الشاشة مما يأثر على فقد البيانات. في هذا المقال، سنستعرض طرقًا فعالة للحفاظ على البيانات وحالة الواجهة عند تدوير الشاشة في Kotlin. استخدام onSaveInstanceState لحفظ الحالة المؤقتةonSaveInstanceState هو طريقة تُستخدم لحفظ الحالة المؤقتة للبيانات قبل تدميره. يمكن استخدامه لحفظ البيانات الصغيرة [&hellip;]
- [ما هي Scaffold في Jetpack Compose وكيف تعمل؟](https://geecoders.com/scaffold-jetpack%20-html/): كيفية استخدام Scaffold لإنشاء شريط تطبيق مخصص في Jetpack Composeكيفية استخدام Scaffold في Jetpack Compose لبناء واجهات مستخدم مذهلةبالنسبة لتطوير تطبيقات Android الحديثة، يُعد Jetpack Compose أداة قوية لإنشاء واجهات مستخدم سلسة وديناميكية؛ أحد العناصر الأساسية في Compose هو Scaffold ، والتي تتيح لك إنشاء تخطيطات التطبيق بسهولة باستخدام مكونات جاهزة مثل TopAppBar و FloatingActionButton وغيرها من المكونات الجاهزة لبناء تخطيط تطبيقك بسهولة. في هذه المقالة، سنرى كيفية استخدام Scaffold بفعالية، مع شرح مفصل للشيفرة المقدمة، بما في ذلك TopAppBar و FloatingActionButton و ConstraintLayout.مقدمة إلى Scaffold في Jetpack ComposeScaffold هو تخطيط يوفر البنية الأساسية لواجهة مستخدم Compose Compose. يسمح لك بوضع العناصر الأساسية التالية [&hellip;]
- [إضافة الصور وعمل حواف مخصصة في Jetpack Compose خطوة بخطوة](https://geecoders.com/resource-jetpack-html/): كيفية تحميل الصور وعرضها في Jetpack Compose باحترافيةاضافة الصور والتعامل مع Resource وعمل حواف للصور في kotlin Composeنظرًا لأن الصور تلعب دورًا مهمًا في تحسين تجربة المستخدم وجعل واجهة التطبيق أكثر جاذبية، فإن معالجة الصور وإدراجها جزء أساسي من تطوير التطبيقات الحديثة مع Kotlin Compose، فإن إضافة الصور ومعالجتها والتعامل معها بطريقة مرنة و والتعامل مع الموارد بطريقة حديثة تصبح أسهل بكثير. تشرح هذه المقالة كيفية إضافة الصور ومعالجة الموارد وتطبيق الحدود والتأثيرات المرئية على الصور في Jetpack Compose. سيتم تغطية أمثلة عملية وخطوات إرشادية لتحسين تجربة بناء تطبيقات أنيقة.إضافة الصور في Kotlin Composeلإضافة الصور في Kotlin Compose، استخدم عنصر [&hellip;]
- [Extensions في Jetpack Compose الميزة التي ستغير طريقة تفكيرك في البرمجة](https://geecoders.com/extensions-jetpack-html/):  أفضل طرق استخدام Extensions في Kotlin لزيادة الإنتاجيةكيفية جعل تصميم التطبيقات أسهل مع Extensions في Kotlin Composeيعد استخدام الامتدادات في Kotlin أحد أقوى الميزات التي تجعل اللغة مرنة وقابلة للتخصيص. فهو يسمح بإضافة وظائف جديدة للأنواع الموجودة دون الحاجة إلى تغيير الشيفرة المصدرية أو استخدام التوريث. تعد هذه الميزة مفيدة جدًا عند العمل مع Jetpack Compose، مما يجعل من السهل تحسين مظهر الواجهة الرسومية وإضافة المؤثرات البصرية.تقدم هذه المقالة شرحًا شاملًا لمفهوم الامتداد في Kotlin Compose، مع أمثلة عملية لتحسين تصميم تطبيقك فوائد استخدام Extensionsتحسين قابلية قراءة الكود: بدلاً من كتابة دوال مساعدة في كل مكان وهذا الشيئ يقلل من [&hellip;]
- [ما هي LazyVerticalGrid؟ وكيف تعمل في Jetpack Compose؟](https://geecoders.com/lazyverticaldrid-html/): كود إنشاء شبكة رأسية باستخدام LazyVerticalGrid في Kotlin Composeعندما ترغب ببناء احد تطبيقات Android باستخدام Jetpack Compose، فبشكل كبير سوف تحتاج الي وجود عنصر LazyVerticalGrid في مشروعك وهيا واحدة من الأدوات القوية التي تسمح للمطورين بإنشاء شبكات مرنة للعناصر وقابلة للتخصيص بسهولة. في هذه المقالة، سنتعرف على كيفية استخدام LazyVerticalGrid لإنشاء شبكة من العناصر في Kotlin Compose، مع شرح مفصل للكود وكيفية تحسينه لتوفير تجربة مستخدم ممتازة والحصول علي اداء اعلى في تطبيقك .ما هي LazyVerticalGrid؟LazyVerticalGrid هي إحدى مكونات الموجوده في Jetpack Compose والتي تسمح لك إنشاء شبكة رأسية من العناصر. حيث تتميز هذه الأداة بقدرتها على توليد العناصر بشكل [&hellip;]
- [انشاء listview بشكل افقي وعمودي وكيفية اضافة Scrolling الى column في Kotlin Compose](https://geecoders.com/compose-lazylist-html/): كيفية إدارة التمرير في Jetpack Compose: تطبيق عملي مع ListViewفي عالم تطوير تطبيقات الاندرويد ، تعتبر Jetpack Compose واحدة من أحدث وأقوى الأدوات لبناء وإنشاء تطبيقات Android بشكل سريع واداء عالي و في هذه المقالة، سنشرح بالتفصيل كيفية إنشاء ListView أفقيًا وعموديًا وكيفية إضافة التمرير إلى الأعمدة في Jetpack Compose باستخدام Kotlin بشكل مبسط وتفصيلي .ما هوJetpack Compose ؟Jetpack Compose هي مكتبة حديثة من Google لبناء واجهات المستخدم في تطبيقات Android باستخدام لغة البرمجة Kotlin. يعتمد الإنشاء على مفهوم البرمجة التعريفية، حيث تصف الشكل الذي يجب أن تبدو عليه الواجهة، بدلاً من كيفية إنشائها خطوة بخطوة. وهذا يجعل التعليمات البرمجية [&hellip;]
- [بناء تطبيق عداد في أقل من 10 دقائق باستخدام Jetpack Compose](https://geecoders.com/compose-counter-app-html/): دليل شامل لفهم وتنفيذ كود تطبيق العداد البسيط في Android باستخدام Jetpack Composeفي عالم تطوير تطبيقات Android، تعتبر Jetpack Compose واحدة من أحدث وأقوى الأدوات لبناء واجهات المستخدم بسرعة وبشكل جميل. في هذه المقالة، سنتعرف على كود تطبيق Counter بسيط باستخدام Jetpack Compose، وسنشرح كل جزء من الكود لضمان الفهم الكامل. ما هو Jetpack Compose؟Jetpack Compose هي مكتبة حديثة من Google لبناء واجهات المستخدم في تطبيقات Android باستخدام لغة البرمجة Kotlin. يعتمد الإنشاء على مفهوم البرمجة التعريفية، حيث تصف الشكل الذي يجب أن تبدو عليه الواجهة، بدلاً من كيفية إنشائها خطوة بخطوة. وهذا يجعل التعليمات البرمجية أكثر قابلية للقراءة والصيانة. كيف [&hellip;]
- [dataset الاميلات لمعرفة الرسائل الهامه والرسائل المزعجه والاعلانات بلغة بايثون](https://geecoders.com/spamemailfack-html/): dataset الاميلات لمعرفة الرسائل الهامه والرسائل المزعجه والاعلانات بلغة بايثونفي كثير من الاحيان نقابل عدد كبير من الرسائل المزعجه على البريد الشخصي الخاص بنا واحيانا يوجد تصنيف لبعض البيانات انها spam ومزعجه هل تسالتم كيف يتم معرفة هذة البيانات اذا كان سبام ام لا , في مقالة اليوم سوف نشرح لكم الفكرة ونقدم لكم dataset لهذة البيانات لكي تعرف اذا كانت الرسائل spam ام لا ويمكنك تنفيذ هذة البيانات في المشاريع التي تعمل عليها والمشاريع الكبيره تحديدا والتي لديها عدد مستخدمين كبير . اذا كنت تبحث عن سكريبتات بايثون جاهزه , احب ان اقول لك يا عزيزي القارئ اننا سنحاول [&hellip;]
- [تحليل بيانات مبارات كرة القدرة باستخدام machine learning by useing python](https://geecoders.com/football-databasepython-html/): تحليل بيانات مبارات كرة القدرة باستخدام machine learning by useing pythonفي هذا الدرس سوف نتعرف باذن الله على نموذج جديد من نماذج تعليم الاله وهو واحد من النماذج المستخدمه بكثيرة في تحليل البيانات وهو Tree حيث يتم استخدام هذا النموذج في عمليات تحليل البيانات التي صعب على بعض النماذج الاخرى عمل لها analysing والوصول الى افضل accuracy في النتائج يايثون او لغة الثعبان كما يطلق عليها واحده من اهم لغات البرمجه التي يجب على كل مبرمج معرفتها وذلك بسبب سهولتها ولدعمها للمطورين بشكل كبير وتسهل عليهم القيام بالعديد من ال functions المختلفه وتوفر الكثير من الوقت عليهم وايضا python تدخل [&hellip;]
- [تحليل dataset سفينة تايتنك عن طريق تعليم الالة والوصول الى افضل النتائج ببايثون](https://geecoders.com/titanictrainpython-html/): تحليل dataset سفينة تايتنك عن طريق تعليم الالة والوصول الى افضل النتائج ببايثونفي هذا المقال سوف نحاول معكم تحليل البيانات الخاصة بسفية تايتنك وهي السفينة العملاقة التي غرقت في المياه منذ مده كبيره والاغلب ان لم يكن الجميع يعرفها تقريبا , واليوم سوف نحاول عمل تحليل للبيانات الخاصة بها ونعرف ماهي اكبر نسبة من الاعمار غرقت وماهي اكثر فئة في السفينة كانت نسبة الغرق بها عاليه ومن غرق اكثر هل الرجال ام النساء وكل هذة البيانات سوف نحاول تحليلها معكم ومعرفة كل هذة الاحتمالات في مقالة اليوم . لغه بايثون واحد من اهم اللغه التي تطلب بشكل كبير في سوق [&hellip;]
- [شرح استخدام نموذج KNN في تعليم الالة واستخدامه مع Dataset](https://geecoders.com/blog-post_19-html/): شرح استخدام نموذج KNN في تعليم الالة واستخدامه مع Datasetفي سلسلة تعليم الاله نشرح لكم اليوم واحد من اهم النماذج والتي تستخدم بشكل كبير مع البيانات القريبه من بعضها وهو نموذج KNN ولكي نستخدم هذا النموذج يجب علينا تثبيت مكتبة sklearn وقد سبق وشرحنا لكم هذة المكتبة ولا اعتقد اي منكم يستخدم machine learning ولا يستخدم هذة المكتبة فهي واحد من اهم المكتبات وتعتبر اساس المكتبات التي تستخدم في تعليم الاله وذلك لانها تحتوي على عدد كبير من الmodels التي يمكنك استخدامه للحصول على افضل توقع للdata التي لديك . يايثون او لغة الثعبان كما يطلق عليها واحده من اهم [&hellip;]
- [شرح التعامل مع dataset job باستخدام machine learning python](https://geecoders.com/datasetjo-html/): شرح التعامل مع dataset job باستخدام machine learning pythonشرحنا لكم في البداية كورس بسيط حول لغة python وكيف نستعملها وكل شيئ فيها تقريبا وانتقلنا بعدها معكم الى استخدام مكتبات البايثون وشرحنا لكم الكثير من المكتبات الرائعه والتي تستخدم بكثرة ومن اشهر المكتاب المستخدمة pandas و numpy وشرحناها لكم وشرحنا لكم الكثير من المكتبات ببايثون يمكنكم الرجوع اليها وانتقلنا بعدها معكم الى تعليم الالة وشرحنا لكم في اول درس كيفية معرفة هل يوجد مرض مزمن للمريض ام لا والتعامل مع بيانات المرضى بشكل عام . يايثون او لغة الثعبان كما يطلق عليها واحده من اهم لغات البرمجه التي يجب على كل [&hellip;]
- [شرح استخدام drop_nav_bar وتحسين شكل التطبيق الخاص بك في flutter](https://geecoders.com/blog-post_16-html-4/): شرح استخدام drop_nav_bar وتحسين شكل التطبيق الخاص بك في flutterمن المكتبات التي تعطي شكل جمالي لتطبيقك وهيا drop nav bar وهيا احد المكتبات الجميله ذات التصميم البسيط مع تاثير اثناء الانتقال بين كل عنصر والاخر ويمكنك تنفيذ هذه المكتبة في تطبيقك بسهوله جدا عن طريق تثبيتها من خلال الامر الذي نقدمه لكم في الجزء التالي وهو عباره عن package الخاص بالمكتبة , تستطيع القيام بهذه العملية بشكل بسيط جدا جدا من خلال الكود الذي نقدمه لكم في الاسفل وهذه ليست اول مكتبة نقدمها لكم في تغيير شكل ال nav bar بل يمكنكم الاطلاع على كثير من المكتبات المقدمه من خلال [&hellip;]
- [تعرف على كيفية تحديد الوجه والعيون باستخدام الذكاء الاصطناعي في بايثون](https://geecoders.com/blog-post_25-html-2/): تحديد الوجه والعيون باستخدام مكتبة open cv في بايثون بواسطة الذكاء الاصطناعيتعد مكتبة open cv من اكثر المكتبات التي تستخدم في معالجة الصور والتعرف عليها ومن خلال المقالات التي نشاركها معكم سوف نحاول تبسيط المكتبة وتقديم شروحات عديدة عليها لكي نبسط عليكم المكتبة وهذة المكتبة لا غنى عنها في التعامل مع الصور وهذة ليس اول مقالة في هذة المكتبة وسوف نتعمق معكم مقالة ثم الاخرى في شرح المكتبة لكي تفهمها بشكل بسيط وممتع . يساعدك موقع جي كودرس في تعلم اي لغه برمجه تريدها وهذا عن طريق الامثله التي نضعها لكم فنحن في هذه الفتره نركز على لغه البايثون لانها [&hellip;]
- [تعرف على كيفية عرض كاميرا الجهاز والتعرف على الوجوه ببايثون بواسطة face detection](https://geecoders.com/blog-post_12-html-2/): كيفية عرض كاميرا الجهاز والتعامل مع الfaces ببايثونفي هذة المقالة سوف نساعدك على كيفية فتح كاميرا الجهاز الخاص بك وعرضها وكيفية معرفة عدد الاوجة الموجوده بداخل الكاميرا وحتى تستطيع عرض كاميرا هاتفك من خلال البايثون وهذة المقالة تعد مدخل لك في التعمق في مكتبة opencv وهي من المكتبات المشهوره في البايثون وسبق وقدمنا لكم مقاله نشرح لكم فيها تفصيل هذة المكتبة ونستكمل معكم في الامثلة والتطبيقات على cv2 . تعد لغه البايثون لغه المستقبل كما يقول عنها البعض لانها اكثر لغه عليها طلب في سوق العمل ولها اكثر من سنه تحتل المرتبه الاولى في التعلم وفي الطلب في سوق العمل [&hellip;]
- [أفضل المكتبات لإنشاء التاريخ في فلاتر || Best Packages for History in Flutter](https://geecoders.com/date-picker-plus-html/): مجموعه من افضل المكتبات لانشاء تاريخ في Flutterمكتبة date_picker_plus هي مكتبة مفتوحة المصدر لـ Android تسمح للمطورين بإنشاء مكونات واجهة مستخدم لتحديد التاريخ والوقت. توفر المكتبة مجموعة متنوعة من الفلاتر التي يمكن استخدامها لتغيير مظهر وسلوك مكون تحديد التاريخ والوقت. فيما يلي بعض الأمثلة على الفلاتر التي توفرها مكتبة date_picker_plus:فلتر لتغيير لون الخلفية: يمكن استخدام هذا الفلتر لتغيير لون الخلفية لمكون تحديد التاريخ والوقت.فلتر لتغيير تنسيق التاريخ والوقت: يمكن استخدام هذا الفلتر لتغيير تنسيق التاريخ والوقت الذي يتم عرضه في مكون تحديد التاريخ والوقت.فلتر لإضافة رسومات أو صور: يمكن استخدام هذا الفلتر لإضافة رسومات أو صور إلى مكون تحديد التاريخ [&hellip;]
- [كيف تجعل صورك في Flutter تشبه صور Instagram أثناء التحميل ؟](https://geecoders.com/flutter-blurhash-html/): عمل تمويه للصور عند عرضها من الانترنت وعند اكتمال التحميل تظهر الصورة الاصليه مثل تطبيق انستقرام Flutterمكتبة flutter_blurhash هي مكتبة مفتوحة المصدر لـ Flutter تتيح لك إنشاء وعرض وتحليل ملفات blurhash. Blurhash هو تنسيق ملف صورة جديد نسبيًا مصمم لتقليل حجم الصور دون فقدان الكثير من الجودة. يعمل عن طريق إنشاء صورة منقطة تحتوي على معلومات حول المحتوى الأصلي للصورة.تستخدم مكتبة flutter_blurhash تقنية Blurhash لإنشاء صور نقطية من الصور الأصلية. يمكن استخدام هذه الصور النقطية لعرض الصور الأصلية بجودة عالية أو لاستخدامها كصور رمزية أو كائنات قابلة للتمرير.ميزات مكتبة flutter_blurhash:تقدم مكتبة flutter_blurhash مجموعة متنوعة من الميزات التي تجعلها أداة مفيدة [&hellip;]
- [كيفية تحويل الصورة إلى نص والنص إلى صوت باستخدام Python](https://geecoders.com/blog-post_538-html-2/): شرح كيفية تحويل الصورة الى نص وتحويل النص الى صوت باستخدام بايثونمن اكثر الطلبات التي عليها بحث كبير في لغة البايثون وهي كيف نقوم بتحويل الصورة الى نص او كيفية تحويل النص الى صوت وفي هذة المقالة سوف احاول ان اجمع لكم كل شيئ حول هذة القضية بشكل مبسط وايضا سوف نشارك معكم ماهي المشاكل التي سوف تقابلكم وكيف يمكنكم حلها واتمنى ان تنال هذة المقالة على اعجابكم وتكون كافية لكل التساؤلات التي تدور في راسك , حيث ان لغة بايثون من اللغات السهله والتي تقدم الكثير من الوظائف ونسبة العمل بها كبيرة جدا وذلك لانها تدخل في كثير من [&hellip;]
- [معالجة الصور باستخدام OpenCV في Python: قطع، حفظ، تغيير حجم](https://geecoders.com/blog-post_28-html-2/): كيفية قطع الصور وحفظها وتغيير حجمها باستخدام مكتبة OpenCV بلغة بايثونمكتبة OpenCV واحده من اقوى المكاتب التي تستخدم بشكل كبير في البايثون وفي الذكاء الاصطناعي وهذة المكتبة من اكثر المكتبات التي يستخدمها مطورين بايثون وفي المقال السابق شرحنا لكم نبذة بسيطة عن المكتبة وكم هيا مهمة وايضا سوف نحاول شرح كل تفاصيل هذة المكتبة لكم من خلال المقالات التي نقدمها لكم بشكل مجاني بالكامل والتي من شأنها ان تحسن من مستواكم البرمجي والذي يجعلك مطور بايثون محترف , في هذة المقالة سوف نتعرف على كيفية عمل قص للصور وتغيير الحجم الخاص بها وايضا كيفية حفظ الصور من بايثون الى جهازك [&hellip;]
- [إضافة أيقونة متعددة الخصائص مع أنيميشن باستخدام Flare في Flutter](https://geecoders.com/flare-flutter-html-2/): اضافة ايقونة في Flutter متعددة الخصائص مع انميشنفي هذا المقال سوف نشرح لكم اضافة لايقونة متعددة المهام في flutter وهذه الايقونة عندما يتم النقر عليها يظهر انميشن وايضا 3 خيارات وهيا الكاميرا و الصور وايقونة اخيره للتحليل يمكنك من خلال هذه الايقونة الجميلة تنفيذ الكثير من المهام وبسهوله وهذا سوف يكون عن طريق استخدام flare والذي تعمل على استخدام rive وقد سبق وقدمنا لكم الكثير من المقالات حول استخدام هذا الموقع وهذه المكتبة حتى نسهل عليكم عملية التعامل معها ونبسط الامور عليكم حتى لا تواجهون مشاكل في استخدامها وفي هذا المقال نشارك معكم ايضا ايقونة رائعه يمكنك استخدامها في تطبيقك [&hellip;]
- [شرح كيفية استخدام مكتبة OpenCV في python بكل تفاصيلها](https://geecoders.com/opencv%20-html-2/): شرح كيفية استخدام مكتبة OpenCV في python بكل تفاصيلها نبذة عن مكتبة OpenCVواحد من اشهر المكتبات في البايثون وهي OpenCV وغالبا ما نستخدم الامر cv2 بداخلها هذة ان هذة المكتبة لا غنى عنها في مشاريع الmachine learning التي تحتاج منا التعامل مع الصور والكاميرات فهذة المكتبة توفر علينا كتابة اكواد كثيرة جدا , تتكون مكتبة OpenCV من مجموعة من الخوارزميات  والشفرات البرمجية تم جمعها في مكان واحد وهي مكتبة يستخدمها اغلب مبرمجين البايثون الذين يتعاملون مع الصور سواء من الكاميرا او من الجهاز ما الهدف من مكتبة OpenCVكما نعلم ان البايثون لغة بسيطة ودائما يوجد تطوير قوي فيها من قبل المستخدمين [&hellip;]
- [كيفية إنشاء تطبيقات سطح المكتب الاحترافية باستخدام PyQt5 في Python](https://geecoders.com/pyqt5-html-2/): شرح مكتبة PyQt5 في بايثون لانشاء برامج سطح المكتبمرحبا بكم في شرح مكتبة PyQt5 وهي واحد من المكتبات التي تستخدم في عملية تطوير وانشاء برامج سطح المكتب وهي تعد من اهم المكاتب التي يجب التركيز عليها وفهمها بشكل جيد ولكن في هذة المقالة سوف نحاول شرحها لكم بشكل سطحي وان شاء الله في الايام المقبلة سوف نتعمق معكم في شرحها وتصميم برامج كمبيوتر من خلالها ولكن اذا كنت مستعجل فلا تقلق سوف نشرح لك الاساسيات ويمكنك بعد ذلك البحث عن شروحات فيها متابعي موقع او مدونتة جي كودرس مرحبا بكم في هذا المقال نقدم لكم مجموعه من اكواد البايثون الرهيب جدا [&hellip;]
- [كيفية تشفير وفك تشفير الملفات باستخدام لغة بايثون | encrypt and decrypt files using the Python language](https://geecoders.com/encrypt-decrypt-html-2/): كيفية تشفير وفك تشفير الملفات باستخدام لغة بايثون | encrypt and decrypt files using the Python languageفي هذة المقالة نشرح لكم كيفية عمل تشفير و فك تشفير للملفات الموجود على الجاهز الخاص بنا باستخدام python وتعد هذة اللغة البسيطة كبيره جدا وتقوم بوظائف كثيره جدا جدا وسوف نتعرف باذن الله تعالى معكم في هذة السلسله التي بدئنا فيها مؤخرا في تعلم البايثون من البداية الى الاحتراف بسهوله وايضا في هذة المقالة سوف نتعرف على كيفية التعامل مع مكتبة os وملفات الجهاز وكل هذا سوف نشاهدة في مقالة اليوم لذلك حاول ان تتابع المقالة الى النهايه . من اهم اللغات التي [&hellip;]
- [شرح طباعة فاتوره للمتاجر من خلال Flutter عن طريق البلوتوث](https://geecoders.com/how-to-print-in-flutter-html/): شرح طباعة فاتوره للمتاجر من خلال Flutter عن طريق البلوتوثFlutter هي تقنية برمجة مفتوحة المصدر من Google تسمح لك بإنشاء تطبيقات Android و iOS وويب باستخدام لغة برمجة واحدة فقط. تتميز Flutter بمجموعة أدوات قوية لإنشاء واجهة مستخدم جذابة وتفاعلية برمجه جوجل تقنية فلاتر والتي تدعم لغة الدارات من اجل تسهيل الامر على المبرمجين في عملية انشاء التطبيقات بدلا من استخدام لغة البرمجة للاندرويد واخرى لنظام ios وهذا يكلف العميل وايضا يتعب المبرمج فيمكنك اعتماد لغة الدرات كـ لغة برمجة الاندرويد لان تقنية Flutter سوف تنفذ لك المطلوب . يمكن أن تكون الفواتير مهمة للتجار لتسجيل المبيعات وإدارة المخزون. ومع [&hellip;]
- [كيفية إضافة الرسوم المتحركة إلى ListView في Flutter : دليل شامل](https://geecoders.com/animation-on-listview-html/): شرح كيفية تنفيذ Animation على ListView داخل Flutterأهمية الانميشن animation ListView Flutter في تصميم تطبيقات الهواتف الذكيةأصبحت الرسوم المتحركة (الانميشن) من العناصر الأساسية في تصميم تطبيقات الهواتف الذكية، حيث تساهم في جعل التطبيقات أكثر جاذبية وتفاعلية، وتساعد المستخدمين على فهمها بشكل أفضل.دور الانميشن في تصميم تطبيقات الهواتف الذكيةيمكن استخدام الانميشن في تصميم تطبيقات الهواتف الذكية بطرق عديدة، منها:إضافة لمسة جمالية: يمكن استخدام الانميشن لإضافة لمسة جمالية إلى التطبيقات، مما يجعلها أكثر جاذبية للمستخدمين. تحسين تجربة المستخدم: يمكن استخدام الانميشن لتحسين تجربة المستخدم، وذلك من خلال تسهيل فهم التطبيقات واستخدامها.تعزيز التفاعل: يمكن استخدام الانميشن لتعزيز التفاعل بين المستخدم والتطبيق، وذلك من [&hellip;]
- [شرح كيفية اضافة المقاطع الصوتيه المحليه داخل مشروعك في Flutter](https://geecoders.com/audioplayers-flutter-html-2/): شرح كيفية اضافة المقاطع الصوتيه المحليه داخل مشروعك في Flutterتشغيل المقاطع الصوتية في Flutter باستخدام مكتبة audioplayersيعد Flutter من تقنيات البرمجة الحديثة التي تقدم حلولًا مبتكرة لتطوير تطبيقات الجوال. يعتمد Flutter على لغة Dart، وهي لغة برمجة حديثة وسهلة التعلم. يوفر Flutter مجموعة متنوعة من الأدوات والمكونات التي يمكن استخدامها لتشغيل المقاطع الصوتية. في هذا الموضوع، سنتعرف على كيفية تشغيل المقاطع الصوتية باستخدام Flutter باستخدام مكتبة audioplayers.مكتبة audioplayersمكتبة audioplayers هي مكتبة مفتوحة المصدر توفر واجهة برمجة تطبيقات لإدارة تشغيل المقاطع الصوتية في Flutter. تدعم المكتبة مجموعة متنوعة من تنسيقات الصوت، بما في ذلك MP3 و AAC و OGG.الخطوات الأساسية لتشغيل [&hellip;]
- [انشاء مسح ضوئي على البطائق من خلال كاميرا هاتفك في تطبيقات Flutter](https://geecoders.com/detect-id-card-flutter-html/): انشاء مسح ضوئي على البطائق من خلال كاميرا هاتفك في تطبيقات Flutterلإنشاء مسح ضوئي على البطاقات من خلال كاميرا هاتفك في تطبيقات Flutter، يمكنك استخدام مكتبة BarcodeScanner. هذه المكتبة توفر مجموعة من الأدوات لإنشاء واستخدام ماسحات الباركود في تطبيقات Flutter او حتى flutter_barcode_listener وهيا مكتبة تعمل بشكل مستمر على كاميرا هاتفك بحيث يمكنك وضع لها بار كود لبيانات شخص معين وتقوم بالكشف عنه وعرض بياناته كما هو موضح بالصوره هناك ثلاث طرق عامة لمسح الباركود من ماسحات الباركود الخاصة بالأجهزة.الطريقة الأولى: تنفيذ عنصر تحكم إدخال نص (IE.TextEdit) والتركيز عليه ثم إجراء المسح الضوئي. هذه الطريقة بسيطة، ولكنها تقتصر على التقاط [&hellip;]
- [تصميم صفحة لعرض الاثاث مع وجود انميشن للتحريك بشكل انسيابي Flutter](https://geecoders.com/animation-furniture-flutter-html/): تصميم صفحة لعرض الاثاث مع وجود انميشن للتحريك بشكل انسيابي FlutterFlutter هي تقنية برمجة مفتوحة المصدر من Google تسمح لك بإنشاء تطبيقات أندرويد و iOS وويب باستخدام لغة برمجة واحدة فقط. تتميز Flutter بمجموعة أدوات قوية لإنشاء رسومات وتأثيرات رسوم متحركة معقدة وهيا متلائمة جدا مع لغة برمجة الاندرويد سواء الجافا او الكوتلن فتقنية فلاتر تتلائم مع مختلف انظمة التشغيل وهيا من برمجة جوجل الشركة العملاقه والغنيه عن التعريف وتعد Flutter لغة البرمجة للاندرويد مناسبة جدا بدلا من استخدامك للنيتف فهي اسهل بكثير وتوفر عليك الكثير من الوقت بسبب وجود عدد كبير من المكتبات بداخلها هناك نوعان رئيسيان من الرسوم [&hellip;]
- [امكانية تغيير اتجاة drag drop الصورة من خلال السحب في Flutter](https://geecoders.com/drag-drop-flutter-animation-html/): امكانية تغيير اتجاة الصورة من خلال السحب في Flutterالرسوم المتحركة في Flutter هي طريقة لإضافة الحركة والتفاعل إلى تطبيقاتك. يمكنك استخدام الرسوم المتحركة لجعل تطبيقاتك أكثر جاذبية وتفاعلية وسهولة الاستخدام يوفر Flutter أيضًا مجموعة متنوعة من الأدوات والمكونات التي تساعدك على إنشاء الرسوم المتحركة، تتطلب إنشاء الرسوم المتحركة في Flutter بعض المعرفة الأساسية ببرمجة Dart. ومع ذلك، هناك العديد من الموارد المتاحة لمساعدتك على تعلم كيفية إنشاء الرسوم المتحركة في Flutter.يمكنك تنفيذ الانميشن الموجود بالصورة من خلال الكود التالي
- [اظهار اشعار عند تحميل ملف مع عرض حجم ونسبة التحميل في  progress في تطبيقات Flutter](https://geecoders.com/tbib-downloader-html/): اظهار اشعار عند تحميل ملف مع عرض حجم ونسبة التحميل في  progress في تطبيقات FlutterFlutter هي تقنية برمجة مفتوحة المصدر من Google تسمح لك بإنشاء تطبيقات Android و iOS وويب باستخدام لغة برمجة واحدة فقط. تتميز Flutter بمجموعة أدوات قوية لإنشاء واجهة مستخدم جذابة وتفاعلية وتعد فلاتر من برمجه جوجل العملاق الغني عن التعريف أحد الميزات القوية التي تقدمها Flutter هي إشعارات Flutter. تتيح لك إشعارات Flutter إرسال إشعارات إلى مستخدمي تطبيقك على نظامي التشغيل Android و iOS. يمكن أن تكون الإشعارات مفيدة لإعلام المستخدمين بأحداث مهمة في تطبيقك، مثل وصول رسالة جديدة أو تحديث حالة.لغة برمجة الاندرويد: Flutter هي [&hellip;]
- [لعبة الشطرنج مفتوحة المصدر بفلاتر | Open source chess game with Flutter](https://geecoders.com/chess-game-flutter-html/): لعبة الشطرنج مفتوحة المصدر بفلاتر | Open source chess game with Flutterيدعم Flutter تطوير الألعاب على نطاق واسع. يوفر العديد من الميزات التي تجعل من السهل إنشاء ألعاب ممتعة وتفاعلية. لعبة الشطرنج هي لعبة استراتيجية يلعبها لاعبان على رقعة مربعة الشكل أبعادها 8&#215;8 مربع وتحوي ثمانية صفوف يرمز إليها بأرقام من 1 إلى 8، وثمانية أعمدة يرمز إليها بحروف لاتينية من a إلى h، وبذلك فهي مكونة من 64 مربعا تتناوب في لونها بين الأبيض والأسود، ويتم وضع الرقعة في بداية اللعب بحيث تكون الزاوية البيضاء على يمين كل لاعب.يهدف كل لاعب إلى إماتة ملك اللاعب الآخر. يمكن تحقيق ذلك [&hellip;]
- [كود لعبة صيد السمك في فلاتر | Flutter fishing game code](https://geecoders.com/fishing-game-html/): كود لعبة صيد السمك في فلاتر | Flutter fishing game codeيدعم Flutter تطوير الألعاب على نطاق واسع. يوفر العديد من الميزات التي تجعل من السهل إنشاء ألعاب ممتعة وتفاعلية. رسوم متحركة: يوفر Flutter مجموعة متنوعة من أدوات الرسوم المتحركة التي يمكن استخدامها لإنشاء رسوم متحركة سلسة ومثيرة للإعجاب.الصوت: يوفر Flutter دعمًا للصوت، مما يسمح لك بإضافة تأثيرات صوتية إلى ألعابك.التحكم في الأجهزة: يوفر Flutter أدوات تحكم بالأجهزة، مما يسمح لك بمعالجة أحداث المستخدم، مثل النقر والإيماءات.تتوفر العديد من مكتبات الألعاب والأدوات التي يمكن استخدامها مع Flutter. يمكن أن تساعدك هذه المكتبات والأدوات على إنشاء ألعاب أكثر تعقيدًا وإثارة للإعجاب.للحصول على [&hellip;]
- [تطبيق لعبة معرفة الكلمه من الصور باستخدام فلاتر](https://geecoders.com/word-from-image-flutter-html/): تطبيق لعبة معرفة الكلمه من الصور باستخدام فلاترفي هذا المقال نقدم لكم تطبيق معرفة الكلمه من الصورة بمعنى يكون لديك صورة ويوجد صوت للصورة ومن الصورة عليك اكتشاف اسمها وابسط مثال على ذلك الموز لديك صورة موز وعليك كتابة المصطلح الخاص بها باللغه الانجليزية وهذه التطبيقات منتشره بشكل كبير جدا بين الاطفال وتستخدم بشكل كبير في تطبيقات الاطفال ويمكنك تنفيذ العمل بكل سهوله من خلال السورس كود الذي نقدمه لكم في الاسفل والتعديل عليه حتى تحصل على التطبيق الذي ترغب به او اقتباس هذا الجزء في تطبيقك , وكما تعلم اننا نهتم بمجال تطوير تطبيقات الجوال ونشارك معكم كل فتره [&hellip;]
- [عرض بطائق الشراء بشكل مرتب مع اضافة الانميشن اثناء التغيير بينهم لتطبيقات Flutter](https://geecoders.com/card-animation-scroll-html/): عرض بطائق الشراء (Card Animation Flutter) بشكل مرتب مع اضافة الانميشن اثناء التغيير بينهم لتطبيقات Fluttercard_animation بفلاتر هي طريقة لإنشاء تأثيرات مثيرة للاهتمام على البطاقات في تطبيقك باستخدام Flutter. يمكن استخدامها لإضافة لمسة من الأناقة أو التفاعل إلى تطبيقك. خصائص CustomPainterيوفر عنصر واجهة المستخدم CustomPainter مجموعة متنوعة من الخصائص التي يمكننا استخدامها لضبط مظهر وسلوك عنصر واجهة المستخدم.فيما يلي بعض أهم خصائص CustomPainter:paint: وظيفة تقوم برسم عنصر واجهة المستخدم.shouldRepaint: وظيفة تحدد ما إذا كان يجب إعادة رسم عنصر واجهة المستخدم.نصائح لإنشاء card_animation بفلاترفيما يلي بعض النصائح لإنشاء card_animation بفلاتر:استخدم CustomPainter لرسم الظل.استخدم shouldRepaint() لتحديد ما إذا كان يجب إعادة رسم [&hellip;]
- [شرح عمل انتقال لعناصر tabs list animation scroll مع انميشن عند النقر على اي عنصر](https://geecoders.com/tabs-list-animation-scroll/): شرح عمل انتقال لعناصر list من tabs مع انميشن عند النقر على اي عنصر باستخدام (tabs list animation scroll) flutterفي هذا المقال سوف نقوم بعمل صفحة تحتوي على مجموعه من الاقسام الرئيسيه التي تكون بالاعلى وعند النقر على اي عنصر منهم او اي قسم بمعنى اصح سوف يتم الانتقال اليه من داخل ال list كما هو موضح بالصورة وبعدها سوف تقوم بادراج العناصر التي يحتويها هذا القسم كما ترغب او تنفيذ اي امر معين وايضا عندما تقوم بعمل scroll سوف يقارن العناصر ويعرف اي موقعك وبالتالي يجعل العنصر الذي تقف عنده واضح عن باقي العناصر كما هو موضح بالصورة الخاصه [&hellip;]
- [تنفيذ انميشن لحذف منتج او ازالة عنصر بشكل مميز Flutter](https://geecoders.com/delete-item-flutter-html/): تنفيذ انميشن لحذف منتج او ازالة عنصر بشكل مميز Flutterيمكننا تنفيذ animation لحذف منتج أو إزالة عنصر بشكل مميز في Flutter باستخدام عنصر واجهة المستخدم AnimatedContainer. يوفر هذا العنصر طريقة لإنشاء عنصر واجهة مستخدم يتغير بمرور الوقت. خصائص AnimatedContainerيوفر عنصر واجهة المستخدم AnimatedContainer مجموعة متنوعة من الخصائص التي يمكننا استخدامها لضبط مظهر وسلوك عنصر واجهة المستخدم.فيما يلي بعض أهم خصائص AnimatedContainer:duration: مدة animation.curve: منحنى animation.width: عرض عنصر واجهة المستخدم.height: ارتفاع عنصر واجهة المستخدم.color: لون عنصر واجهة المستخدم.نصائح لإنشاء animation لحذف منتج أو إزالة عنصر بشكل مميزفيما يلي بعض النصائح لإنشاء animation لحذف منتج أو إزالة عنصر بشكل مميز:استخدم animation لتغيير [&hellip;]
- [تحريك الصور اثناء التمرير مع تكبير الصوره التي تظهر بالمنتصف في Flutter](https://geecoders.com/zoom-swiper-flutter-html/): تحريك الصور اثناء التمرير مع تكبير الصوره التي تظهر بالمنتصف في FlutterZoom Swiper عبارة عن عنصر واجهة مستخدم يسمح للمستخدمين بالتمرير عبر مجموعة من الصور أو مقاطع الفيديو مع تكبير كل صورة أو مقطع فيديو عند التمرير فوقه. يمكن استخدام Zoom Swiper في مجموعة متنوعة من التطبيقات، مثل التطبيقات الاجتماعية والتطبيقات الترفيهية والتطبيقات التعليمية.إنشاء Zoom Swiper في فلاترلإنشاء Zoom Swiper في فلاتر، يمكننا استخدام حزمة zoom_swiper. توفر هذه الحزمة عنصر واجهة مستخدم ZoomSwiper الذي يمكننا استخدامه لإنشاء Zoom Swiper.خصائص Zoom Swiperيوفر عنصر واجهة المستخدم ZoomSwiper مجموعة متنوعة من الخصائص التي يمكننا استخدامها لضبط مظهر وسلوك Zoom Swiper.فيما يلي بعض أهم [&hellip;]
- [إنشاء sidebar Animation في تطبيقات Flutter](https://geecoders.com/blog-post-html-15/): إنشاء sidebar Animation في تطبيقات Flutterفي هذا المقال سوف نقدم لكم sidebar مع وجود Animation عند استخدامه في حالة تكبير او تصغير ال sidebar يحدث انميشن بسيط خلال العمليه كما هو موضح بالصورة ويمكنك تخصيص الشكل الذي ترغب به في تطبيقك مع تحديد الالوان التي تريدها وتريد القيام بها فكل شيئ يمكنك تخصيصه حتى تصل في النهايه الى الشكل الذي ترغب به وتتمكن من تنفيذ الانميشن بدون مشاكل وكل هذا متعلق بالمكتبة وهيا مجانية يمكنك استخدامه في تطوير تطبيقاتك سواء على الاندرويد او حتى على desktop او web فالمكتبة تدعم جميع المنصات . add package :animated_sidebar: ^0.2.0android sdk manager تحميل flutter developers [&hellip;]
- [انشاء progress indicator مع انميشن لعرض التقدم Flutter](https://geecoders.com/progress-indicator-animation-flutter-html/): انشاء progress indicator مع انميشن لعرض التقدم Flutterلإنشاء progress indicator مع animation لعرض التقدم في Flutter، يمكننا استخدام عنصر واجهة المستخدم CircularProgressIndicator. يوفر هذا العنصر واجهة مستخدم دائرية تدور باستمرار. لإضافة animation إلى progress indicator، يمكننا استخدام عنصر واجهة المستخدم AnimatedBuilder. يوفر هذا العنصر طريقة لإنشاء عنصر واجهة مستخدم يتغير بمرور الوقت.سيؤدي هذا إلى إنشاء progress indicator يدور باستمرار. سيتغير حجم progress indicator بمرور الوقت، حيث سيزيد القطر تدريجيًا.خصائص CircularProgressIndicatorيوفر عنصر واجهة المستخدم CircularProgressIndicator مجموعة متنوعة من الخصائص التي يمكننا استخدامها لضبط مظهر وسلوك progress indicator.فيما يلي بعض أهم خصائص CircularProgressIndicator:value: قيمة التقدم، من 0.0 إلى 1.0.strokeWidth: عرض خط التقدم.backgroundColor: [&hellip;]
- [التبديل بين القوائم مع انميشن خلال عملية التغيير في  - Flip Widget فلاتر](https://geecoders.com/flip-widget-html/): التبديل بين القوائم مع انميشن خلال عملية التغيير في  &#8211; Flip Widget فلاتريوجد الكثير من الافكار التي تجعلك تقوم بعمل تبديل بين القوائم في Flutter وقد سبق وشرحنا لكم اكثر من شكل لعمل الانميشن بشكل جميل وفي هذا المقال نشارك معكم ايضا فكرة اخرة جديده تساعدكم بشكل كبير في عملية التبديل بين القوائم كما هو موضح بالصورة الخاصه بالمقال . Flip Widget هو عنصر واجهة مستخدم في Flutter يسمح لك بعرض عنصرين على جانبي الشاشة، مع إمكانية قلبهما.يمكنك أيضًا استخدام Flip Widget لعرض عنصرين مختلفين تمامًا على جانبي الشاشة. على سبيل المثال، يمكنك استخدام Flip Widget لعرض قائمة بالعناصر المفضلة [&hellip;]
- [اضافه انميشن PageController اثناء التبديل بين الصفحات مع اختلاف الاحجام](https://geecoders.com/page-controller-animation-html/): اضافه انميشن PageController اثناء التبديل بين الصفحات مع اختلاف الاحجامالرسوم المتحركة هي أداة قوية يمكن استخدامها لإضافة لمسة من الجاذبية والتفاعل إلى تطبيقات Flutter. يمكن أن تساعد في جعل تطبيقك أكثر إثارة للاهتمام وسهولة في الاستخدام. فيما يلي بعض الطرق المحددة التي يمكن أن تحسن بها الرسوم المتحركة تجربة المستخدم:جعل التطبيق أكثر إثارة للاهتمام: يمكن للرسوم المتحركة أن تضيف لمسة من الحيوية والحركة إلى تطبيقك، مما يجعله أكثر إثارة للاهتمام للمستخدمين. على سبيل المثال، يمكنك استخدام الرسوم المتحركة لإظهار عناصر جديدة على الشاشة، أو لإظهار انتقالات سلسة بين الصفحات.جعل التطبيق أكثر سهولة في الاستخدام: يمكن للرسوم المتحركة أن تساعد في [&hellip;]
- [كيفية توضيح ملف json وفهم محتوياته برسم توضيحي](https://geecoders.com/details-json-html-2/):  كيفية توضيح ملف json وفهم محتوياته برسم توضيحيالتعامل مع ملفات json شيئ لا غنى له لكل مطور تطبيقات او لكل مبرمج فهي الصيغة التي تكون وسيط بين لغات البرمجه وضروري على كل مبرمج التعمق في شرحها وفهم كيف تعمل حتى يستطيع بناء التطبيقات التي تعتمد على الانترنت بدون مشاكل , في بعض الاحيان يكون لديك مجموعه من بيانات json كبيره الحجم وتحتاج في الاغلب الى ان تقوم بفهم كيف تعمل حتى تستطيع معرفة ما تحتاجه منها وهذه الطريقة قد تاخذ منك وقت حتى تفهم آليه العمل حيث يوجد موقع يقوم بمعمل رسم بياني مبسط لك يمكنك من خلاله معرفة طريقة [&hellip;]
- [شرح كيفية ترجمة ملف json كامل الى اكثر من لغة بنقرة زر واحده](https://geecoders.com/translation-json%20-html/): شرح كيفية ترجمة ملف json كامل الى اكثر من لغة بنقرة زر واحدهيمكنك استخدام الموقع التالي وبعد فتح الموقع تستطيع ارفاق ملف ال json الخاص بك مع تحديد اللغه الخاصه به وايضا تحديد اللغه التي تريد الحصول عليها من الملف مثلا لدينا في الملف الاول الجمل عباره عن عبارات باللغه الانجليزية ونريد تحويلها الى اللغه العربيه فبكل بساطة يمكنك استخدام الموقع وتحديد اللغه المستخدمه واللغه المراده وسوف يتم تحويلها لك وتستطيع تحميلها واستخدامها في مشروعك بشكل مجاني كما هو موضح بالمثال وهذا يوفر عليك الكثير من الوقت في عملية الترجمة وترجمه كل عباره والمرور على كل جمله حتى يتم ترجمتها [&hellip;]
- [<div>حل مشكلة JAVA_HOME is not set and no 'java' command could be found in your flutter PATH. In Flutter</div>](https://geecoders.com/java-command-could-html-2/): حل مشكلة JAVA_HOME is not set and no &#8216;java&#8217; command could be found in your flutter PATH. In Flutterفي البداية عليك الانتقال الى موقع الجافا وتحميل JDK من الموقع الرسمي لهم ويفضل اخر اصدار وفي تاريخ انشاء هذه المقاله فاخر اصدار هو 19 يمكنك تحميله وتثبيته على القرص المحلي c وسوف تحتاج بعدها الى القيام بعملية Environment Variables عن طريق البحث وبعدها قم بعمل اضافة جديده للاسم والمسار كما هو موضح بالصورة . JDK  downloadبعد القيام بهذه العمليه تكون المشكلة انحلت معك ولكن قد تقابلك مشكلة اخرى كما قابلتني وهيا the supplied javahome seems to be invalid. i cannot find [&hellip;]
- [animation لعمل swipe لل widget في Flutter مع تاثير Flip Page](https://geecoders.com/flip-page-html/): animation لعمل swipe لل widget في Flutter مع تاثير Flip Pageلإنشاء animation لعمل swipe لل widget في Flutter مع تأثير Flip Page، يمكنك استخدام الخطوات التالية: إنشاء عنصر GestureDetector لتحديد العنصر الذي تريد تحريكه.إضافة استماع إلى حدث onHorizontalDragEnd للعنصر.في استماع حدث onHorizontalDragEnd، قم بإنشاء عنصر AnimationController لتحديد مدة الanimation.قم بتشغيل الanimation بقيمة زاوية الدوران المطلوبة.عند انتهاء الanimation، قم بتغيير موضع العنصر.هذا بالنسبة للفكرة بشكل عام ولكن اذا كنت ترغب بتنفيذ الانميشن كالذي يظهر في الصورة الخاصه بالمقال فيمكنك استخدام الكود التالي والموجود على github وسوف يساعدك على تنفيذ الانميشن بشكل جميلCode 👇رابط المشروع
- [شرح كيفية اضافة جميع الصور والملحقات دفعه واحده في Flutter](https://geecoders.com/addallass-html-2/): شرح كيفية اضافة جميع الصور والملحقات دفعه واحده في Flutterالمعظم منا يقابل مشاكل كثيرة جدا في التعامل مع الصور التي توجد بداخل ملف assets بواسطة لغة Flutter وهذه مشكلة مزعجه لدا الاغلب منا ولكن قام احد الاشخاص بتصميم مكتبة تساعدنا بشكل كبير جدا في التعامل مع انواع الصور والصيغ المختلفه في Flutter والامر بسيط جدا من خلال تثبيت المكتبة وارفاق جميع الملحقات التي تريدها في تطبيقك يمكنك استخدامها بكل سهوله بدون كتابة المسار الخاص بكل صورة كما كنا نفعل فالمكتبة تحل لنا هذه الازمه وكل ما عليك هو كتابة اسم المكتبة وبعدها تكتب الصورة التي تريد عرضها ونوعها وفقط هيا [&hellip;]
- [شرح كيفية تغيير ايقونة الموقع في الخريطة داخل Flutter باكثر من طريقة](https://geecoders.com/changemar-html/): شرح كيفية تغيير ايقونة الموقع في الخريطة داخل Flutter باكثر من طريقةفي هذا المقال سوف نشرح لكم الطرق التي تستطيع من خلالها تغيير ايقونة ال marker في Flutter بسهوله تامه على الخريطة الخاصه بك وهذا الامر بسيط جدا وسوف نشارك معكم مجموعه من الطرق التي تستطيع من خلالها تنفيذ هذه العملية بسهوله عبر اكثر من طريقة والتي سوف نشاركها معكم في هذه المقالة حتى تتمكن من استخدامها بدون اي مشاكل في مشروعك . هناك العديد من الأطر المتاحة لتبدأ عند إنشاء تطبيق متعدد المنصات. قد تفكر في Flutter أو Ionic على التوالي. Ionic هو إطار عمل يتمتع بشعبية كبيرة بالفعل [&hellip;]
- [كود لموقع فلاتر لعرض حساباتك على مختلف منصات التواصل الاجتماعي](https://geecoders.com/web-social-flutter-html/): كود لموقع فلاتر لعرض حساباتك على مختلف منصات التواصل الاجتماعيفيما يلي كود لموقع فلاتر لعرض حساباتك على مختلف منصات التواصل الاجتماعيسيؤدي هذا إلى إنشاء موقع بسيط يعرض ثلاثة أزرار، كل منها يمثل حسابًا على منصة تواصل اجتماعي مختلفة. عند النقر على الزر، سيتم فتح موقع الويب الخاص بالحساب في المتصفح الافتراضي للمستخدم.الشرح SocialMediaAccount هي فئة تمثل حسابًا على منصة تواصل اجتماعي. تحتوي الفئة على ثلاثة متغيرات:name: اسم الحساب.url: عنوان URL الخاص بالحساب.icon: صورة تمثل الحساب._MyAppState هي فئة تمثل حالة تطبيقنا. تحتوي الفئة على متغير واحد:accounts: قائمة بحسابات التواصل الاجتماعي الخاصة بنا.build() هو دالة تُستخدم لإنشاء واجهة المستخدم لتطبيقنا. تحتوي الوظيفة [&hellip;]
- [عمل scale للعناصر عند تمرير الماوس عليه في صفحات ويب فلاتر](https://geecoders.com/socialmediawebflutter-html/): عمل scale للعناصر عند تمرير الماوس عليه في صفحات ويب فلاترفي هذا المقال نشارك معكم effect جديد من المؤثرات التي يمكنك اضافتها في تطبيقات الويب الخاصه بك في flutter وهو عباره عن وجود مجموعه من العناصر وعند تقريب الماوس على اي عنصر منهم يتم عمل scale للعنصر الداخلي ويظهر مواقع التواصل الاجتماعي وهذا التاثير جيد اذا كنت ترغب بان تقوم بعمل لوحة شرف في موقعك او لوحة توضح الزوار الذين يدخلون موقعك وكل هذا يكون من خلال الاكواد التي نقدمها لكم اليوم ويمكنك التعديل عليها حتى تحصل على الشكل الذي ترغب به في النهايه . How to add scale and [&hellip;]
- [تصميم صفحة ويب لعرض مجموعه من العناصر واظهار التفاصيل عند تمرير الماوس باستخدام flutter](https://geecoders.com/descriptionwebflutter-html/): تصميم صفحة ويب لعرض مجموعه من العناصر واظهار التفاصيل عند تمرير الماوس باستخدام flutterفي هذا المقال نقدم لكم شرح لكيفية عمل مجموعه من التصميمات التي تظهر بجانب بعض من اجل عمل انميشن عليها عند تحريك الماوس على اي item من ال items الموجوده وكل هذا يكون من خلال مجموعه من الاكواد التي نقدمها لكم ولن تحتاج الى اي مكتبات خارجية لتنفيذ الانميشن فقط كل شيئ موجود في الاكواد التي نقدمها وكل شيئ متعلق بلغة dart حتى لا يحدث مشاكل معك عند تشغيل التطبيق على منصات مختلفه , وكما تعلم ان موقعنا جي كودرس يوفر لكم كل ما هو جديد وحصري [&hellip;]
- [تصميم صفحة ويب لعرض منتجاتك مع انميشن عند تمرير الماوس على العنصر في flutter](https://geecoders.com/productsbyflutter-html/): تصميم صفحة ويب لعرض منتجاتك مع انميشن عند تمرير الماوس على العنصر في flutterمرحبا بكم مره اخرى في دروس الانميشن الخاصه بالويب باستخدام تقنية فلاتر وفي هذا المقال نقدم لكم شرح جديد كما تعودنا معكم وفي هذا الدرس سوف نقوم بعمل انميشن عند تحريك الماوس على اي عنصر يظهر من اليمين لليسار والعنصر الذي قبله يختفي مع امكانية تغيير اللون وغيرها وتستطيع التحكم بالمده الزمنيه والتاثير وغيرها وكل هذا سوف يكون من خلال الاكواد التي نقدمها لكم في هذا المقال والامر ليس بالصعب فكل شيئ مكتوب وموضح ويمكنك التعديل عليه حتى تحصل على الشكل النهائي الذي ترغب به . How [&hellip;]
- [تاثير على الصور عند تمرير الماوس عليها في صفحات الويب بالفلاتر](https://geecoders.com/over%20theelements-html/): تاثير على الصور عند تمرير الماوس عليها في صفحات الويب بالفلاتراذا كنت ترغب بعمل انميشن على الصور من خلال وضع الماوس على الصورة وتحريك الصورة او تغير العناصر الخاصه بها في تطبيقات الويب بفلاتر فالامر بسيط وسوف نشرح لكم في هذا المقال كيف تتم العمليه بشكل بسيط جدا وكل هذا من خلال الاكواد التي نقدمها لكم في هذه المقاله البسيطة لكم من اجل تحسين موقع الويب الخاص بكم في الذي يتم تطويره باستخدام تقنية Flutter الغنية عن التعرف والامر بسيط جدا , وفي هذا القسم تحديدا نقدم لكم كل ما هو جديد في عالم الويب باستخدام flutter من اجل بناء [&hellip;]
- [تصميم ايقونة لمشاركة المقالة في صفحة الويب باستخدام Flutter مع الانميشن](https://geecoders.com/blog-post-html-23/): تصميم ايقونة لمشاركة المقالة في صفحة الويب باستخدام Flutter مع الانميشنفي هذا المقال سوف نشرح لكم كيف تقوم بعمل ايقونه عند الضغط ليها يتم اظهار بعض الخصائص مثل مشاركة المحتوى او غيره حتى تكون قادر على تنفيذ الانميشن بكل سهوله عليك ان تكون فاهم لخصائص الانميشن حتى تتمكن من التعديل عليه واذا لم يكن لديك خلفيه قوية فلا مشكلة فنحن نقدم لكم الاكواد بشكل مجاني حتى تكون قادر على بناء التطبيق او الموقع الخاص بك بدون الحاجه الى مساعدات خارجية فقط كل شيئ نحاول تقديمه لكم بالمجان من اجل مساعتدكم في تطوير تطبيقات الجوال والويب باستخدام تقنية Flutter الغنيه عن [&hellip;]
- [تاثير حول العناصر عند تمرير الماوس عليها في تصميم صفحات الويب باستخدام Flutter](https://geecoders.com/effectonitemsweb-html/): تاثير حول العناصر عند تمرير الماوس عليها في تصميم صفحات الويب باستخدام Flutterفي هذا القسم نختص معكم بشكل اساسي في مساعتدكم في بناء مواقع الويب الخاصه بكم من خلاله تقنية flutter وفي هذا الدرس نقدم لكم تاثير جميل ايضا يظهر عند تحريك الماوس على العناصر كما هو موضح بالصورة المميز في الاكواد التي نقدمها لكم انها لا تحتاج الى اي مكتبات خارجية فقط كل شيئ يكون من خلال الاكواد الموجوده بداخل ال dart وهذا التاثير يحسن بشكل كبير من مظهر موقعك ويجعله مختلف عن مواقع اخرى تستخدمها من اجل تحسين تجربة المستخدم . Add Effect on Items in web page [&hellip;]
- [اضافة تاثير على الصور في تصميم صفحات الويب باستخدام فلاتر](https://geecoders.com/effectonimage-html/): اضافة تاثير على الصور في تصميم صفحات الويب باستخدام فلاترعندما ترغب بعمل تاثير على الصور وخصوصا تحريك الصورة مع اظهار ظل عليها عند تحريك الماوس على الصورة المراده في flutter فالامر ليس بالصعب وسوف نشرح لكم في هذه المقال كيف تتم العمليه بكل بساطة والامر بسيط وسهل جدا ولن تحتاج الى اي مكاتب خارجية اطلاقا حتى تقوم بعمل التاثير لديك في مشروعك فقط كل الاكواد من داخل flutter نفسها حتى لا يحدث معك مشاكل في موقع الويب الذي تعمل عليه . Add effect on image in Flutter projectالانميشن بكل بساطة يعتمد بشكل اساسي على معرفة موقع الماوس وهل تم وضع [&hellip;]
- [اضافة تاثير على الصور عند تمرير الماوس عليها في تطوير مواقع الويب باستخدام فلاتر](https://geecoders.com/hovering-html/): اضافة تاثير على الصور عند تمرير الماوس عليها في تطوير مواقع الويب باستخدام فلاترفي هذا المقال يعد من المقالات الرائعه في تحسين تطوير المواقع باستخدام تقنية Flutter حيث اننا سوف نساعدكم بشكل كبير في عملية تنفيذ انميشن عن تحريك الماوس على العناصر لديكم في المشروع الذي تعمل عليه بشكل رائع وهذا التاثير لن يحتاج الى اي مكتبات خارجية كل شيئ موجود لدينا في المشروع الذي نعمل عليه وعباره عن اكواد برمجية بسيط تظهر لنا الانميشن كما هو موضح بالصورة الخاصه بالمقال والامر بسيط جدا وسوف نلاحظ الاكواد التاليه التي توضح لنا العمليه وكيفية القيام بها . Add an effect to [&hellip;]
- [اضافة Side Navigation Bar لمواقع الويب باستخدام فلاتر](https://geecoders.com/sidenavigation%20bar-html/): اضافة Side Navigation Bar لمواقع الويب باستخدام فلاترفي هذا المقال نشرح لكم كيف تقوم بانشاء Side Navigation Bar داخل برامج ومواقع فلاتر حيث ان هذا التاثير يعمل على جميع المنصات بدون اي مشاكل لانها مصصمم لذلك وعباره عن اكواد مكتوبة ولن نحتاج الى اي مكتبات خارجية لتنفيذ هذا العمل والامر بسيط كل العناصر نقدمها لكم في هذا المقال حتى تكون قادر من التعامل معه بدون ادنى مشاكل تماما في تطبيقك ونحن نسعى دائما لتوفير لكم كل ما تحتاجونه من شروحات واكواد برمجية لتحسين لتطبيقك وبرامجك بشكل كبير في Flutter . How to add Side Navigation Bar fot websiteهذه الاكواد المسؤوله [&hellip;]
- [تطبيق مطعم مع انميشن مفتوح المصدر بـ Flutter](https://geecoders.com/foodappflutter-html/): تطبيق مطعم مع انميشن مفتوح المصدر بـ Flutterأهمية الانميشن في صناعة تطبيقات الهواتف الذكيةمع تطور صناعة تطبيقات الهواتف الذكية، أصبح الانميشن من العناصر الأساسية في تصميم تطبيقات الموبايل. حيث يساهم الانميشن في جعل التطبيقات أكثر جاذبية وتفاعلية، ويساعد المستخدمين على فهمها بشكل أفضل. دور الانميشن في تصميم تطبيقات الموبايليمكن استخدام الانميشن في تصميم تطبيقات الموبايل في العديد من الطرق، منها:إضافة لمسة جمالية: يمكن استخدام الانميشن لإضافة لمسة جمالية إلى التطبيقات، مما يجعلها أكثر جاذبية للمستخدمين.تحسين تجربة المستخدم: يمكن استخدام الانميشن لتحسين تجربة المستخدم، وذلك من خلال تسهيل فهم التطبيقات واستخدامها.تعزيز التفاعل: يمكن استخدام الانميشن لتعزيز التفاعل بين المستخدم والتطبيق، وذلك [&hellip;]
- [تطبيق اسلامي للمصحف مفتوح المصدر للتعديل باستخدام Flutter](https://geecoders.com/qourangithub-html/): تطبيق اسلامي للمصحف مفتوح المصدر للتعديل باستخدام Flutterبداية كل مطور تطبيقات تبدء مع تطبيق اسلامي وهذا اغلب ما يقوم به المطورين في بداية عملهم وفي هذا المقال نشارك معكم كود مصدري بلغة dart ليعمل على منصة Flutter وهيا cross platform يعمل عليها انظمة تشغيل مختلفه مثل نظام android , ios , desktop , web , نشارك معكم تطبيق القران الكريم وهو تطبيق مفتوح المصدر يمكنك استخدامه في عملك او اقتباس منه بعض الخصائص حتى تكمل تطبيقك الاسلامي ويوجد نسخه من التطبيق على منصة جوجل بلاي و app store والسورس كود يوجد بالاسفل يمكنك استخدامه والتعديل عليه . App StorePlay StoreFor [&hellip;]
- [تطبيق whatsapp كامل باستخدام bloc مفتوح المصدر](https://geecoders.com/whatsapp%20-html/): تطبيق whatsapp كامل باستخدام bloc مفتوح المصدرفي هذا المقال نقدم لكم تطبيق الواتساب الغني عن التعريف بلغة dart مفتوح المصدر حتى تتمكن من التعديل عليه بكل سهوله والطريقة التي تم استعمالها في بناء التطبيق وهيا bloc وهيا من اقوى state management التي تستخدم في تطوير التطبيقات وذلك بسبب قوتها وكفائتها في التطبيقات التي نشاهدها وهذا التطبيق سوف يفيدك بشكل كبير اذا كنت تعمل على تطوير تطبيق محادثات بفلاتر والامر ليس بالصعب اطلاقا يمكنك الاطلاع على الفيديو الخاص بالتطبيق الذي تم تطويره وايضا القاء نظرة على الكود واقتباس الذي تحتاجه منه حتى تكمل تطبيقك . في هذا القسم تحديدا نشارك معكم [&hellip;]
- [تطبيق لعرض المنتجات باستخدام تقنية VR بواسطة Flutter](https://geecoders.com/vrappflutter-html/): تطبيق لعرض المنتجات باستخدام تقنية VR بواسطة Flutter أهمية الانميشن في صناعة تطبيقات الهواتف الذكيةمع تطور صناعة تطبيقات الهواتف الذكية، أصبح الانميشن من العناصر الأساسية في تصميم تطبيقات الموبايل. حيث يساهم الانميشن في جعل التطبيقات أكثر جاذبية وتفاعلية، ويساعد المستخدمين على فهمها بشكل أفضل.دور الانميشن في تصميم تطبيقات الموبايليمكن استخدام الانميشن في تصميم تطبيقات الموبايل في العديد من الطرق، منها:إضافة لمسة جمالية: يمكن استخدام الانميشن لإضافة لمسة جمالية إلى التطبيقات، مما يجعلها أكثر جاذبية للمستخدمين.تحسين تجربة المستخدم: يمكن استخدام الانميشن لتحسين تجربة المستخدم، وذلك من خلال تسهيل فهم التطبيقات واستخدامها.تعزيز التفاعل: يمكن استخدام الانميشن لتعزيز التفاعل بين المستخدم والتطبيق، وذلك [&hellip;]
- [تطبيق كافيه لطلب مشروبات وحلويات مع انميشن مفتوح المصدر باستخدام Flutter](https://geecoders.com/blog-post_26-html-3/): تطبيق كافيه لطلب مشروبات وحلويات مع انميشن مفتوح المصدر باستخدام Flutterفي هذا المقال نشارك معكم تطبيق مفتوح المصدر يساعدكم في انشاء تطبيق للمشروبات الساخه او لكافيه مع انميشن في عملية تحريك العناصر وعند اختيار العنصر وايضا في حجم العنصر المراد وكل هذا سوف نقدمه لكم في هذه المقاله وكما هو موضح بالصورة الخاصه بالمقاله فيمكنك من خلال الكود المصدر الموجود بالاسفل الحصول على التصميم الذي يوجد في الصورة الخاصه بالمقاله بدون اي مشاكل وكل هذا بشكل مجاني لمساعدتكم في تطبيق تطوير تطبيقات الجوال والحصول على افضل النتائج . تُعرف عملية إنشاء تطبيق برمجي خصيصًا لتلبية متطلبات مستخدم واحد أو مجموعة [&hellip;]
- [تطبيق سوشيال ميديا باستخدام Flutter مع تصميم مختلف](https://geecoders.com/blog-post_24-html-5/): تطبيق سوشيال ميديا باستخدام Flutter مع تصميم مختلفيعد تطبيق السوشيال ميديا أحد أكثر أنواع التطبيقات شيوعًا في العالم. هناك العديد من التطبيقات المختلفة المتاحة، ولكن معظمها يشترك في نفس التصميم الأساسي. في هذا الموضوع، سنتحدث عن كيفية إنشاء تطبيق سوشيال ميديا باستخدام Flutter مع تصميم مختلف.التصميمأولاً، يجب أن نفكر في التصميم الذي نريد استخدامه لتطبيقنا. نريد تصميمًا يبرز ويجذب انتباه المستخدمين.هناك العديد من الطرق المختلفة لإنشاء تصميم مختلف لتطبيق سوشيال ميديا. يمكننا استخدام ألوان أو أنماط أو خطوط غير تقليدية. يمكننا أيضًا استخدام تنسيقات غير تقليدية للمحتوى.فيما يلي بعض الأفكار لتصميم مختلف لتطبيق سوشيال ميديا:استخدام الألوان الزاهية أو الخطوط الجريئة [&hellip;]
- [تصميم صفحة لعرض الافلام مع slider وانمشين خلال عملة الانتقال فلاتر](https://geecoders.com/slidermovies-html-2/):  تصميم صفحة لعرض الافلام مع slider وانمشين خلال عملة الانتقالتصميم صفحة لعرض الافلام مع slider وانمشين خلال عملة الانتقال فلاتريعد تصميم صفحة لعرض الافلام من أهم العناصر في أي تطبيق أو موقع ويب يهتم بعرض الافلام. يجب أن تكون الصفحة جذابة وجذابة للمستخدمين، وأن تحتوي على جميع المعلومات التي يحتاجون إلى معرفتها حول الافلام المعروضة. في هذا الموضوع، سنتحدث عن كيفية تصميم صفحة لعرض الافلام مع slider وانمشين خلال عملة الانتقال في Flutter.الخطوة 1: إنشاء تخطيط الصفحةأولاً، سنحتاج إلى إنشاء تخطيط الصفحة. يمكننا القيام بذلك باستخدام عنصر واجهة المستخدم Scaffold.فيما يلي بعض التفاصيل الإضافية حول كيفية تصميم صفحة لعرض الافلام [&hellip;]
- [شرح استخدام grid view مع staggered في Flutter بعدة انماط](https://geecoders.com/staggeredgridview-html-2/): شرح استخدام grid view مع staggered في Flutter بعدة انماطبسم الله الرحمن الرحيم في هذه المقالة سوف نشرح لكم الحالات المختلفه في استخدام grid view وكيف تقوم بعمل تصميم مخصص لك او اختيار او تصميم من التصميمات التي نقدمها لكم بالاسفل كما هو موضح , حيث تعد ال grid view نوع من انواع ال listView وهيا تقوم بعرض الlist ولكن بشكل مخصص حتى تستطيع استخدامها في تطبيقك بدون مشاكل وتحسين من شكل التطبيق بشكل كبير جدا ويوجد مكتبة بسيطه تقوم بتنفيذ كل ما تم ذكرة بالاعلى . add packages:flutter_staggered_grid_view: ^0.6.2How to use staggered_grid_view in Flutterالامر بسيط جدا سوف تجد مجموعه [&hellip;]
- [تصميم تطبيق بسيط لعرض الاشخاص مع وجود complex animation في Flutter](https://geecoders.com/complexanimationpage-html-2/): تصميم تطبيق بسيط لعرض الاشخاص مع وجود complex animation في Flutter البرمجة: لغة العصر الحديثالبرمجة هي عملية كتابة التعليمات البرمجية لإنشاء تطبيقات وبرامج حاسوبية. وهي مهارة مهمة في العصر الحديث، حيث أصبحت التكنولوجيا جزءًا لا يتجزأ من حياتنا اليومية.توجد العديد من أنواع البرمجة المختلفة، بما في ذلك تطوير تطبيقات الويب والجوال وتطوير الألعاب وتطوير تطبيقات الأعمال. تختلف كل نوع من أنواع البرمجة عن الأخرى في أدواتها وتقنياتها.شركات برمجة التطبيقاتهناك العديد من شركات برمجة التطبيقات التي تقدم خدمات تطوير التطبيقات للشركات والأفراد. تقدم هذه الشركات مجموعة متنوعة من الخدمات، بما في ذلك تصميم التطبيقات وتطويرها واختبارها ونشرها.تطوير تطبيقات الويب والجواليتضمن تطوير [&hellip;]
- [انشاء عجلة الحظ في تطبيقات Flutter | Create a wheel of fortune in Flutter applications](https://geecoders.com/fortune-html-2/): انشاء عجلة الحظ في تطبيقات FlutterSpin_wheel_ui عبارة عن حزمة Flutter توفر عنصر واجهة مستخدم لإنشاء عجلات دوارة. إنه قابل للتخصيص للغاية ويمكن استخدامه لإنشاء عجلات دوارة بأي عدد من الأقسام وأي نوع من المحتوى. لاستخدام حزمة spin_wheel_ui، يمكنك إضافة التبعيات التالية إلى ملف pubspec.yaml الخاص بك:dependencies:  spin_wheel_ui: ^0.1.0بمجرد إضافة الاعتمادية، يمكنك استخدام عنصر واجهة المستخدم SpinWheel لإنشاء واجهة مستخدم للعجلة الدوارة الخاصة بك. يأخذ عنصر واجهة المستخدم SpinWheel قائمة من العناصر كمدخل ويعرضها على العجلة. يمكنك أيضًا تحديد عدد الأقسام في العجلة واتجاه الدوران.البرمجة: لغة العصر الحديثالبرمجة هي عملية كتابة التعليمات البرمجية لإنشاء تطبيقات وبرامج حاسوبية. وهي مهارة مهمة في [&hellip;]
- [انشاء Custom Slider شريط لاختيار المقاس](https://geecoders.com/customslider-html-2/): انشاء Custom Slider شريط لاختيار المقاسلإنشاء Custom Slider في فلاتر، يمكنك استخدام عنصر واجهة المستخدم CustomPainter. يسمح لك عنصر واجهة المستخدم CustomPainter برسم أشكال ورسومات مخصصة على الشاشة. يمكنك استخدام خيالك لإنشاء Custom Slider بأي شكل أو تصميم تريده.فيما يلي بعض النصائح لإنشاء Custom Slider:استخدم Paint() لتحديد لون وأسلوب الأشكال والخطوط التي ترسمها.استخدم Path() لإنشاء أشكال معقدة.استخدم shouldRepaint() لتحديد ما إذا كان يجب إعادة رسم عنصر واجهة المستخدم عند تغيير قيمة المؤشر.يمكنك أيضًا استخدام حزمة flutter_custom_slider لإنشاء Custom Slider. توفر هذه الحزمة مجموعة متنوعة من المكونات التي يمكنك استخدامها لإنشاء Custom Sliders بأشكال وتصميمات مختلفة.البرمجة: لغة العصر الحديثالبرمجة هي عملية [&hellip;]
- [اضافة عدسة مكبره للصور في تطبيقات Flutter || Add a magnifying glass to images in Flutter applications](https://geecoders.com/blog-post_12-html/): اضافة عدسة مكبره للصور في تطبيقات Flutter || Add a magnifying glass to images in Flutter applicationsفي هذا المقال سوف نشرح معكم كيف تقوم بإضافة خاصية عدسة مكبره تظهر في التطبيق الخاص بك وعندما يقوم المستخدم بتمرير العدسه على العناصر سوف تكبر العناصر بالحجم الذي تقوم بتحديده انت ولتنفيذ هذه العملية سوف يكون من خلال widget موجود في Flutter وهيا RawMagnifier ولن تحتاج الى اي مكتبات خارجية اطلاقا لتنفيذ هذه العملية فكل شيئ موجود بداخل لغة البرمجة وكل ما عليك فعله فقط هو تنفيذ الاكواد التاليه حتى تصل في النهايه الى المراد واتبع التعليمات بشكل صحيح حتى لا يحدث معك [&hellip;]
- [عرض اسم التطبيق باكثر من لغه حسب لغة الجهاز  وايضا SplashScrren على اجهزة الاندرويد](https://geecoders.com/splashscrrenmulti-html/): عرض اسم التطبيق باكثر من لغه حسب لغة الجهاز  وايضا SplashScrren على اجهزة الاندرويدلكي تقوم بعمل تطبيق يظهر للمستخدم اذا كان هاتفه بالعربي باسم وباسم اخر لو كان بالانجليزي مثال لو كان هاتف المستخدم انجليزي يكون geecoders واذا كان العكس يكون جي كودرس وهذا يكون الاسم الخارجي للتطبيق والعملية سهله وبسيطة ويمكنك تنفيذها بدون مشاكل كل ما تحتاجه هو ان تقوم بعمل ملف string.xml بداخل values وايضا ملف اخر ولكن تضعه بداخل values-ar كما هو موضح بالصورة وبهذا يكون لديك ملفين واحد للعربي والانجليزي للانجليزي وتضع بداخله الكود التالي كما هو موضح وقد بتغيير عبارة I&#8217;m Developer في الجزء الخاص [&hellip;]
- [معرفة المده الزمنيه التي يستغرقها المستخدم داخل تطبيقك في flutter](https://geecoders.com/getusertimeuseapp-html/): معرفة المده الزمنيه التي يستغرقها المستخدم داخل تطبيقك في flutterقياس مدة بقاء المستخدم في التطبيق هو مقياس مهم لنجاح التطبيق ورضا المستخدمين عنه. يمكن أن يساعد المطورين على تحسين التطبيق وجعله أكثر جاذبية للمستخدمين. فيما يلي بعض الفوائد المحددة لقياس مدة بقاء المستخدم في التطبيق:قياس النجاح: يمكن أن يساعد قياس مدة بقاء المستخدم في التطبيق في تحديد ما إذا كان التطبيق ناجحًا أم لا. إذا كان المستخدمون يبقون لفترة طويلة، فهذا يعني أنهم يجدونه مفيدًا أو ممتعًا.تحديد نقاط الضعف: يمكن أن يساعد قياس مدة بقاء المستخدم في التطبيق في تحديد نقاط الضعف في التطبيق. على سبيل المثال، إذا كان المستخدمون [&hellip;]
- [تخزين البيانات في الذاكره المحليه للهاتف بشكل مؤقت باستخدام Flutter](https://geecoders.com/savetimerdata-html/): تخزين البيانات في الذاكره المحليه للهاتف بشكل مؤقت باستخدام Flutterالملف المسؤول عن تخزين البيانات بشكل مؤقت داخل الذاكره المحليه للهاتفعملية تخزين البيانات من api او حتى firebase شيئ ضروري لتطيبقك من اجل تقليل عد الطلبات على السيرفر وعدد ال read و write على سيرفر الذي يعمل به تطبيقك وايضا للمحافظة على انترنت المستخدم وليس اعادة تحميل البيانات في كل لحظه حيث يمكنك بكل بساطة ان تقوم بعمل حفظ للبيانات بشكل مؤقت في ال cache الخاص بالمستخدم وقد سبق وشرحنا لكم في دروس سابقه كيفية عمل cache للبيانات بشكل كامل في الذاكرة المحليه للهاتف يمكنك الانتقال الى المقالة وقرائها ولكن اليوم [&hellip;]
- [انشاء bottomSheet متغير الحجم مع امكانية اظهار appbar عند رفعه للاعلى في Flutter](https://geecoders.com/blog-post_04-html/): انشاء bottomSheet متغير الحجم مع امكانية اظهار appbar عند رفعه للاعلى في FlutterbottomSheet واحد من العناصر التي تستخدم في تطوير التطبيقات بشكل قوي وضروري ولكن هناك منكم لا يعرف عن الDraggableScrollableSheet وهو نفس وظيفة عمل ال bottomSheet ولكن الفرق بينهم ان DraggableScrollableSheet قابل للرفع ويمكنه الوصول الى اقصى الشاشه من الاعلى كما نلاحظ في بعض التطبيقات وفي هذه المقاله سوف نشرح معكم ايضا كيف تقوم باستخدامه واظهار الشريط العلوي اذا تم رفع ال DraggableScrollableSheet الى الاعلى كما هو موضح بالصورة وايضا تستطيع اخفاءه واظهاره كما تريد عن طريق الزر الموجود بمنتصف الشاشه . ماهو bottomSheet وما الفائده من استخدامه في [&hellip;]
- [مفهوم Code push في Flutter وكيفية ربطه مع Shorebird وعمل تعديل لتطبيقك عن بعد ؟](https://geecoders.com/blog-post-html-14/): مفهوم Code push في Flutter وكيفية ربطه مع Shorebird وعمل تعديل لتطبيقك عن بعد ؟Code push هي تقنية تسمح لك بتحديث تطبيق Flutter الخاص بك عن بُعد دون الحاجة إلى نشر إصدار جديد من التطبيق في متجر التطبيقات. يتضمن ذلك تحديثات الكود والبيانات. يمكن استخدام Code push لإصلاح الأخطاء أو إضافة ميزات جديدة إلى تطبيقك دون الحاجة إلى انتظار الموافقة من متجر التطبيقات. وهذا يجعل من السهل تحديث تطبيقك بسرعة وسهولة.هناك العديد من الفوائد لاستخدام Code push في Flutter، بما في ذلك:سرعة التحديث: يمكن تحديث تطبيقك بسرعة وسهولة باستخدام Code push.سهولة الاستخدام: من السهل إعداد واستخدام Code push.التحكم: يمكنك التحكم [&hellip;]
- [اضافة قائمة منسدلة في تطبيقات Flutter تعمل على جميع المنصات](https://geecoders.com/blog-post_31-html-2/): اضافة قائمة منسدلة في تطبيقات Flutter تعمل على جميع المنصاتعن مكتبة PopoverPopover في فلاتر هي عارض عرض عائم يظهر فوق المحتوى الموجود على الشاشة عند النقر على عنصر تحكم أو في منطقة معينة. عادةً ما يتضمن popover سهمًا يشير إلى موقع ظهوره. يمكن أن تكون popovers غير مشروطة أو مشروطة. تُستخدم popovers غالبًا لعرض المعلومات الإضافية أو خيارات التفاعل. على سبيل المثال، يمكن استخدام popover لعرض قائمة بالعناصر أو لعرض معلومات حول عنصر تحكم معين.لإنشاء popover في فلاتر، يمكنك استخدام Widget PopupMenuButton. يأخذ هذا العنصر التحكم الذي تريد أن يظهر منه popover كمعامل. يمكنك أيضًا تحديد ما إذا كان popover [&hellip;]
- [ماهي مكتبة once في Flutter وكيفية تحديد مده لتشغيل بعض الوظائف في تطبيقك](https://geecoders.com/blog-post_29-html-4/): ماهي مكتبة once في Flutter وكيفية تحديد مده لتشغيل بعض الوظائف في تطبيقكماهي مكتبة once في Flutterمكتبة once هي مكتبة مساعدة لإطار عمل Flutter لضمان تنفيذ الكود مرة واحدة فقط. يمكن أن يكون هذا مفيدًا في العديد من المواقف، مثل: منع تشغيل الكود عدة مرات في نفس الوقت، مما قد يؤدي إلى أخطاء أو سلوك غير متوقع.منع تشغيل الكود عدة مرات في دورة حياة التطبيق، مما قد يؤدي إلى استهلاك غير ضروري للموارد.منع تشغيل الكود بشكل متكرر، مما قد يؤدي إلى أداء ضعيف.لاستخدام مكتبة once، يمكنك استخدام الدالة once(). هذه الدالة تأخذ كائنًا كمعامل، والذي يمثل الكود الذي تريد تشغيله [&hellip;]
- [شرح كيفية ادراج مقطع فيديو من هاتفك و تحديد جزء معين منه وارفاقه بداخل التطبيق Flutter](https://geecoders.com/blog-post_27-html-4/): شرح كيفية ادراج مقطع فيديو من هاتفك و تحديد جزء معين منه وارفاقه بداخل التطبيق Flutterفي هذا المقال سوف نقدم لكم package تساعدكم في عملية ادراج مقطع فيديو من هاتفك وتحديد جزء معين منه مثل الخاصيه التي في التطبيقات التي نقوم على مبدأ reels او المقاطع القصيره ويمكنك تخصيص مده معينه من كل مقطع والتعديل على الاضافه كما ترغب , يمكنك استخدام المكتبة والتعامل معها في تطبيقك بدون ادنى مشاكل وتنفيذ المهمه التي تعمل عليها , يمكنك الانتقال الى رابط الاضافة والتعامل معها وكل شيئ مشروح بداخلها والتعامل معها ليس بالامر الصعب . add package:dependencies:  video_trimmer: ^2.0.0
- [معرفة الاكواد التي لم تستخدمها في مشروعك وحذفها لتقليل مساحة التطبيق](https://geecoders.com/blog-post_24-html-3/): معرفة الاكواد التي لم تستخدمها في مشروعك وحذفها لتقليل مساحة التطبيقفي كثير من الاحيان نقوم بكتابة اكواد او نسحب اكواد من مشاريع اخرى ولا نستخدمها في المشروع الذي نعمل عليه وكل هذه الاكواد تاثر بشكل كبير في حجم التطبيق وفي هذه المقاله سوف نشرح لكم كيف تقوم بمعرفة الاكواد التي لا تستخدمها في تطبيقك حتى تقوم بحذفها وايضا يمكنك معرفة المكتبات التي لا تستخدمها لتقوم بحذفها ايضا كل هذا يكون من خلال مكتبة متوفره على موقع pub dev وهذه المكتبة باسم dart_code_metrics والتي تعمل على عملية معرفة الاكواد التي يحتاجها المستخدم والاكواد التي لا يستخدمها لتقوم بحذفها . add package [&hellip;]
- [إنشاء ايقونة story في تطبيقات فلاتر | Create a story icon in Flutter apps](https://geecoders.com/blog-post_23-html-7/): إنشاء ايقونة story في تطبيقات Flutterمعظم التطبيقات التي تتواجد على الانترنت اصبحت الان تدعم ميزة story وقد لا يخلو تطبيق تواصل اجتماعي منها وفي هذا المقال قررنا ان نقدم لكم مكتبة من المكتبات الجميله في تطوير تطبيقات الجوال وتحسين مظهرها وهيا تقوم باضافة ميزة ال story لدى تطبيقك وهيا عباره عن حلقه دائريه تظهر حول الصورة الخاصه بك ويمكنك تخصيص اللون لهذه الحلقه وتغير اللون الى الرمادي بعد مشاهدة المستخدم لها او حتى حتى حذفها بعد ان يقوم المستخدم بمشاهدتها . تُعرف عملية إنشاء تطبيق برمجي خصيصًا لتلبية متطلبات مستخدم واحد أو مجموعة من المستخدمين باسم تطوير التطبيقات المخصصة. يمكن [&hellip;]
- [كيف تنقل تطبيقك من حساب مطوّر لآخر على جوجل بلاي بالصور (Transfere App)](https://geecoders.com/transfere-app/): كيف تنقل تطبيقك من حساب (Transfere App) مطوّر لآخر على جوجل بلاي بالصورنقل تطبيق من حساب مطوِّر إلى حساب مطوِّر آخر على جوجل بلاي إجراء متاح رسميًا ويُستخدم في حالات عديدة: بيع تطبيق، نقل ملكية شركة، دمج حسابات، أو تغيير نوع الحساب (فردي → تجاري). الهدف من هذا الدليل أن يعطيك خطوات عملية، قائمة مراجعة جاهزة، ونصائح خاصة حين يكون التطبيق جزءًا من تطبيقات الجوال المالية أو يتعامل بمدفوعاتينتقل مع التطبيق: صفحة المتجر (Store listing)، التقييمات والمراجعات، عدد التحميلات وقاعدة المستخدمين، التصنيفات العمرية، واسم الحزمة (package name) نفسه لا ينتقل: تقارير التصدير (bulk export reports)، تقارير الأرباح/الدفع القديمة، وبعض إعدادات [&hellip;]
- [تطبيق الاذكار النبوية (Azkar flutter app) مفتوح المصدر Flutter](https://geecoders.com/azkar-flutter-app/): تطبيق الاذكار النبوية مفتوح المصدر (Azkar flutter app) Flutterالأذكار هي من أهم العبادات التي يحرص عليها المسلمون، فهي تقرب العبد من ربه وتجعله في معيته، كما أنها تمنح العبد راحة البال والطمأنينة. ومع التطور التكنولوجي، أصبح بإمكان المسلمين الوصول إلى الأذكار بسهولة من خلال التطبيقات الإلكترونية.أهمية تطبيق الأذكاريوفر تطبيق الأذكار العديد من المزايا للمسلمين، منها: المحافظة على الأذكار في أوقاتها: حيث يوفر التطبيق إشعارات دورية تذكر المسلم بالأذكار التي يجب أن يرددها في وقتها، مما يساعده على المحافظة عليها وتذكرها دائمًا.تعلم الأذكار الجديدة: حيث يقدم التطبيق مجموعة متنوعة من الأذكار، بما في ذلك الأذكار اليومية والأذكار المخصصة لأوقات معينة، مما [&hellip;]
- [تطبيق meeting app flutter مفتوح المصدر باستخدام zegocloud مجانا](https://geecoders.com/meeting-app-flutter/): تطبيق meeting app flutter مفتوح المصدر Flutter باستخدام zegocloud مجانامع انتشار جائحة COVID-19، أصبحت الاجتماعات عبر الهاتف الجوال أكثر شيوعًا من أي وقت مضى. حيث يسمح هذا النوع من الاجتماعات للأشخاص بالتواصل والتعاون مع بعضهم البعض حتى عندما يكونون بعيدين عن بعضهم البعض.هناك العديد من تطبيقات الاجتماعات عبر الهاتف الجوال المتاحة، ولكن هناك بعض الميزات التي يجب مراعاتها عند اختيار التطبيق المناسب. ومن أهم هذه الميزات: جودة الصوت والفيديو: يجب أن يكون التطبيق قادرًا على توفير جودة صوت وصورة جيدة حتى يتمكن المشاركون من التواصل بشكل فعال.مشاركة الشاشة: يجب أن يسمح التطبيق للمشاركين بمشاركة شاشاتهم مع بعضهم البعض.الأدوات التعاونية: يجب [&hellip;]
- [برنامج سطح مكتب مفتوح المصدر (حصر غياب الطلاب Flutter)](https://geecoders.com/absence-app-flutter-html/): برنامج سطح مكتب مفتوح المصدر لحصر غياب الطلاب Flutterيعد غياب الطلاب من المشاكل التي تواجه العملية التعليمية في العديد من المدارس حول العالم. يمكن أن يؤدي الغياب المتكرر إلى تأخر الطلاب في التحصيل الدراسي، وانخفاض معدلات النجاح، وزيادة المخاطر السلوكية.لحل هذه المشكلة، تلجأ العديد من المدارس إلى استخدام برامج غياب الطلاب. هذه البرامج هي عبارة عن أنظمة إلكترونية يتم استخدامها لتسجيل غياب الطلاب ومتابعة حالتهم الأكاديمية. أهمية برنامج غياب الطلابالدقة في تسجيل الغياب: يمكن لبرنامج غياب الطلاب تسجيل الغياب بدقة وأمان، مما يساعد المعلمين على متابعة حالة الطلاب بشكل مستمر.سهولة الاستخدام: تتميز برامج غياب الطلاب بسهولة الاستخدام، مما يسهل على [&hellip;]
- [تخزين الفيديو في الكاش Flutter وتشغيله بدون إنترنت (تخزين الفيديو في الكاش وتشغيله لاحقًا)](https://geecoders.com/flutter-cache-video-offline/): تخزين الفيديو في الكاش Flutter وتشغيله بدون إنترنت Flutterفي تطوير تطبيقات Flutter الحديثة، تمثل إدارة الملفات المؤقتة وتخزين الفيديو تحديات كبيرة، خاصة مع الحاجة إلى تحسين تجربة المستخدم وتقليل استهلاك البيانات. تعد مكتبات Flutter_cache_manager وvideo_player من الأدوات القوية التي تساعد المطورين على إدارة هذه العمليات بسهولة وكفاءة. في هذه المقالة،سنوضح لك كيفية استخدام هذه المكتبات للتخزين المؤقت للفيديو والملفات الأخرى في التطبيقات، مع تفصيل الخطوات والأمثلة وأفضل الممارسات. ما هي مكتبة Flutter_cache_manager؟Flutter_cache_manager هي مكتبة ذاكرة تخزين مؤقت قوية للملفات. يتيح لك ذلك تنزيل الملفات وحفظها، مما يسمح للتطبيق باستردادها لاحقًا دون الحاجة إلى الرجوع إليها. وهذا يساعد على حفظ البيانات [&hellip;]
- [كيف تتخلص من مشاكل التخزين عند حذف التطبيق؟ الحل النهائي على Android وiOS لمطوري Flutter](https://geecoders.com/not-save-hive-data-html/): الحل النهائي لمشاكل التخزين: كيف تبدأ تطبيقك من الصفر بعد الحذف على Android وiOSعند تطوير التطبيقات باستخدام Flutter، قد تواجه مشكلة شائعة جدًا: عند حذف التطبيق من الهاتف وإعادة تثبيته، تجد أن بعض البيانات ما زالت موجودة! هذا الأمر قد يُسبب مشاكل كبيرة في بعض أنواع التطبيقات مثل:&#8211; التطبيقات المالية أو البنكية&#8211; التطبيقات التي تعتمد على حساب مستخدم واحد&#8211; التطبيقات التي تحتوي على بيانات حساسة في هذا المقال، سنشرح لك لطريقة الصحيحة للتخلص من جميع البيانات المخزنة بعد حذف التطبيق، سواء على نظام Android أو iOS، مع ضمان عدم استرجاع أي بيانات محفوظة سابقًا من النسخ الاحتياطي (Backup).تعطيل النسخ الاحتياطي [&hellip;]
- [كيفيه تفعيل ميزه AutoFill في مشروعك Flutter](https://geecoders.com/autofill-sms-flutter-html/): كيفيه تفعيل ميزه AutoFill في مشروعك Flutterتعد ميزة Auto Fill واحدة من أهم الميزات التي تحسن تجربة المستخدم في تطبيقك عند إدخال رمز التحقق (OTP) حيث توفر وقت وجهد علي المستخدم بدلا من كتابه الكود يتم الحصول عليه وملئ الكود في المكان المناسب . في هذا المقال، سنشرح كيفية تنفيذ هذه الميزة باستخدام مكتبة otp_autofill في تطبيقات Flutter.لماذا Auto Fill مهمه في تطبيقات Flutterتحسن من تجربة المستخدم عبر إدخال الرمز بشكل تلقائيً. تقليل الأخطاء الناتجة عن الإدخال اليدوي.المتطلبات الأساسيةتثبيت مكتبة otp_autofill.إعداد الصلاحيات اللازمة على Android.otp_autofill: ^4.1.0او يمكنك استخدام الامرflutter pub add otp_autofillتهيئه المشروع لإعداد كود Auto Fill في Flutterاستخدم الكود [&hellip;]
- [كيفيه ارسال الاشعارات لتطبيقك من Firebase بالطريقه الجديده (Flutter & Android & IOS) - send notification fcm](https://geecoders.com/send-notification-fcm-last-update-html-2/): تعرف على النظام الجديد لإرسال الإشعارات في فايربيز &#8211; send notification fcm (HTTP v1) ولماذا هو الأفضل للمطورينإرسال الإشعارات اليوم صار أكثر أمانًا وتنظيمًا بفضل انتقال Firebase Cloud Messaging إلى HTTP v1 API بدل Legacy API. في هذا الدليل الحصري سأشرح لك خطوة-بخطوة كيفية إرسال إشعار من النوع topic باستخدام سكربت Node.js (مثال كامل مرفق)، وكيفية عمل نفس العملية من Postman، بالإضافة لنقاط مهمة متعلقة بـ FCM Flutter واشتراك التطبيق في الـ topicلماذا HTTP v1؟النسخة الجديدة (HTTP v1) تستخدم OAuth 2.0 Access Token بدل Server Key الثابت. الفائدة: أمان أعلى (توكن مؤقت وليس مفتاح ثابت).تكامل مع Google Cloud IAM.بنية رسالة [&hellip;]
- [دمج Android Flavors مع Flutter: خطوات سهلة لربط تطبيقاتك](https://geecoders.com/flavor-android-1-html/): دمج Android Flavors مع Flutter: خطوات سهلة لربط تطبيقاتكفي هذا المقال، سنناقش كيفية دمج Android Flavors مع Flutter لإنشاء تطبيقات محمولة متعددة من قاعدة رمز واحدة. سيوضح هذا المقال الخطوات الأساسية لربط تطبيقات Flutter مع Android Flavors، مع التركيز على سهولة الفهم والتنفيذ.ما هي Android Flavors؟Android Flavors هي ميزة مدمجة في Android Studio تسمح لك بإنشاء تطبيقات متعددة من قاعدة رمز واحدة. تتيح لك هذه الميزة تخصيص تطبيقاتك لأجهزة مختلفة أو مجموعات مستخدمين مختلفة. ما هي فوائد دمج Android Flavors مع Flutter؟تقليل تكرار الكود: يمكنك مشاركة قاعدة الكود الأساسية بين جميع نكهات Android الخاصة بك، مما يقلل من تكرار الكود [&hellip;]
- [حل مشكله Development team has reached maximum number of registered iPhone devices](https://geecoders.com/development-team-reached-html-2/): حل مشكله Development team has reached maximum number of registered iPhone devicesيا أهل، إذا كنت مطور تطبيقات على نظام iOS، مشكلة &#8220;Development team has reached maximum number of registered iPhone devices&#8221; دي بتكون زعلانة جداً! هي بتقولك إن حسابك في Apple Developer وصل للحد الأقصى من الأجهزة المسجلة، وده يعني إنك مش هتقدر تضيف أجهزة جديدة أو تستمر في الاختبارات. بس لا تقلق، في حلول سهلة وفعالة، زي تغيير Bundle ID أو حذف بعض الأجهزة من إعدادات الـ Developer. في هالمقالة.ما هي مشكلة &#8220;Development team has reached maximum number of registered iPhone devices&#8221; بالظبط؟لو إنت مبتدئ في تطوير التطبيقات، هتعرف [&hellip;]
- [تطبيق لعرض منتجات الحلوى لمتجرك مع انميشن متعدد الاستخدام kotlin multi platform](https://geecoders.com/app-sweet-compose-html/): حوّل متجر الحلوى الخاص بك لتجربة بصرية ساحرة — تطبيق متعدد المنصات جاهز بـKotlin!مشروع Recipe App هو عبارة عن تطبيق مُنفّذ باستخدام Compose Multiplatform (Kotlin Multiplatform) يهدف إلى عرض وصفات أو منتجات بشكل جذّاب، ويستهدف منصات متعددة: Android, iOS, Web, Desktop وحتى Android TV. يركّز المشروع على استكشاف قدرات Compose Multiplatform في تنفيذ تأثيرات بصرية مثل Hero animation، Collapsable toolbar، staggered animations، وgyroscope detection—وهذه الميزات تجعله مناسبًا أيضاً لعرض منتجات الحلوى بطريقة ترويجية جذابة. المشروع مرخّص برخصة Apache-2.0 وله صفحة عرض مباشرة (live demo) وروابط فيديو للعرض التوضيحيلماذا يعتبر هذا المشروع مفيدًا لعرض منتجات الحلوى (Use case)إذا كان لديك متجر [&hellip;]
- [تغيير طريقة عرض اختيار الوقت والتاريخ في تطوير تطبيقات الاندرويد بالجافا DatePicker](https://geecoders.com/datepicker-timepicker-html/): تغيير طريقة عرض اختيار الوقت والتاريخ في تطوير تطبيقات الاندرويد بالجافااذا كنت ترغب بالنجاح في مجال تطوير تطبيقات الاندرويد او تطوير تطبيقات الجوال في العموم فهذا الامر يعتمد على ابداعك ولذلك عليك دائما بتقديم كل ما هو جديد ومختلف في تطبيقك حتى لا يشعر المستخدم ان هذا التصميم او التطبيق تم تنفيذه من قبل ونحن نحاول دائما ان نقدم لكم كل ما هو جديد وحصري في مجال تطوير التطبيقات حتى تكون قادر على تنفيذ التصميم الذي تسعى اليه وايضا عمل اضافات جديده دائما في تطبيقك حتى يصبح مختلف .DatePicker &amp; TimePickerdependencies {     implementation &#8216;com.github.OzcanAlasalvar:DatePicker:1.0.4&#8217; }    repositories {  [&hellip;]
- [امكانية عمل قراءة المزيد للنص في اندرويد ستوديو - Expandable Text View](https://geecoders.com/expandable-textview-html/): امكانية عمل قراءة المزيد للنص في اندرويد ستوديو &#8211; Expandable Text Viewفي هذا المقال نشارك معكم كيفية عمل امكانية لاضافة خاصية قراءة المزيد او تقليل النص او ما يعرف بي see more &#8211; see less وهو عباره عن زر يظهر في نهايه النص يخبر المستخدم اذا كان يريد قراءة المقال كامل او يكتفي بالقدر الذي وصل اليه وهذا سوف يكون من خلال المكتبة التي نقدمها لكم اليوم في هذه المقالة وهيا بسيطه جدا ومن المكتبات التي تحسن من هيكلة تطوير تطبيقات الجوال وخصوصا الاندرويد فهي مشهوره في معظم التطبيقات الضخمه .المكتبة        implementation &#8216;com.github.MostafaGad1911:ExpandableTextView:1.0.0&#8217;طريقة الاستخداميمكنك استخدمها في التصميم [&hellip;]
- [شرح Flutter Text Animation: إنشاء تأثيرات نصوص متحركة احترافية باستخدام AnimationController](https://geecoders.com/animations-txt-flutter-html-2/): اضافه تاثيرات حركيه (Flutter Text Animation) على النصوص في Flutterتضيف الرسوم المتحركة إحساسًا ديناميكيًا وجذابًا إلى واجهة التطبيق. في هذه المقالة، سوف نتعلم كيفية تطبيق تأثيرات النص المتحرك باستخدام كود Flutter المخصص استنادًا إلى AnimationController وTextAnimationStrategy. دعونا نلقي نظرة على التعليمات البرمجية المشتركة لتطوير واجهات ديناميكيةبالنسبة للمستخدمين، يساعد ذلك على زيادة جاذبية التطبيق وتحسين تجربة المستخدم. مفهوم الرسوم المتحركة في فلاتريعد Flutter إطارًا ممتازًا لإنشاء تطبيقات تفاعلية وسلسة ويوفر مكتبات شاملة لدعم الرسوم المتحركة. باستخدام AnimationController وCurvedAnimation، يمكنك تصميم تأثيرات فريدة للنص والشعارات والأزرار وعناصر الواجهة الأخرى. مقدمة إلى وحدة التحكم في الرسوم المتحركة واستراتيجية الرسوم المتحركة النصيةAnimationControllerوهي مسؤولة عن التحكم [&hellip;]
- [كيفيه استخراج Token لتوليد الاشعارات في firebase بعد التحديث الاخير](https://geecoders.com/fcm-notification-firebase-html/): كيفيه استخراج Token لتوليد الاشعارات في firebase بعد التحديث الاخيرعلى مدار سنوات طويلة، كان مطورو تطبيقات الهواتف المحمولة والويب يعتمدون على Firebase Cloud Messaging (FCM) لإرسال الإشعارات الفورية إلى المستخدمين. وكانت الطريقة التقليدية تعتمد على ما يُعرف باسم Legacy API، حيث يتم إرسال الطلبات إلى الرابط:Fcm ويتم استخدام Server Key في ترويسة (Header) الطلب بهذا الشكلAuthorization: key=YOUR_SERVER_KEYلكن مع تطور خدمات Google Cloud وسياسة الأمان، أعلنت جوجل عن إيقاف دعم الـ Legacy API والتحوّل بالكامل إلى HTTP v1 API. هذا التغيير تطلّب أسلوباً مختلفاً للحصول على الصلاحيات وإرسال الإشعارات، وأصبح المطور مضطراً لاستخدام Access Token بدلًا من الـ Server Key التقليدي.في [&hellip;]
- [شرح كيفية استخدام binarySearch في Dart لتسهيل عملية البحث داخل list](https://geecoders.com/binary-search-html/): شرح كيفية استخدام binarySearch في Dart لتسهيل عملية البحث داخل listخوارزمية binarySearch  من اكثر الخوارزميات استعمالا في البرمجة وذلك لانها توفر وقت كبير على المبرمجين وتسرع من الحصول على النتائج ولكن لكي تستطيع استخدام هذه الخوارزميه عليك بان تقوم بترتيب عناصر ال list حتى تتمكن من استعمالها وهذا الشرط ضروري في استخدام binarySearch وهذا ما تقوم عليه يمكنك استخدام امر sort او حتى ترتيب عناصر الlist لديك حتى تتمكن من استعمالها .How to use binarySearch in flutterالطريقة او اليه عملها بكل بساطة تقوم بقسم ال list الى قسين يمين ويسار وتقارن القيمه التي تبحث عنها اكبر من الجزء اليسار او [&hellip;]
- [تصميم صفحة dashboard panel تعمل على بشكل responsive لتعمل على مختلف الاجهزة](https://geecoders.com/dashboard-panel-html/): تصميم صفحة dashboard panel تعمل على بشكل responsive لتعمل على مختلف الاجهزةتعتبر لوحات الإدارة سريعة الاستجابة أحد أسس تطوير تطبيقات الويب الحديثة لأنها تتيح للمستخدمين إدارة المحتوى بطريقة بسيطة وسلسة عبر مجموعة متنوعة من الأجهزة. في هذه المقالة، سنقوم بتحليل ومناقشة التعليمات البرمجية من مشروع لوحة الإدارة المستجيبة على GitHub. سنغطي كيفية تصميم واجهة مستخدم سريعة الاستجابة وتنظيم العناصر المختلفة لتنفيذ لوحة تحكم إدارية متكاملة.أهمية لوحات التحكم الإدارية سريعة الاستجابةأصبحت لوحات التحكم الإدارية المستجيبة جزءًا لا يتجزأ من التطبيقات الحديثة. فهو يسمح للمستخدمين بالوصول إلى أدوات إدارة المحتوى وإعدادات النظام من أي جهاز، بغض النظر عن حجم الشاشة. كما أنه [&hellip;]
- [مشروع Flutter مفتوح المصدر لعرض الملف التعريفي الخاص بك](https://geecoders.com/cv-flutter-html/): مشروع Flutter مفتوح المصدر لعرض الملف التعريفي الخاص بكلغة البرمجة للاندرويد المتعارف عليها هيا الجافا و kotlin ولكن مع ظهور تقنية cross platform ظهرت من ضمن التقنيات Flutter والتي من برمجه جوجل وتسعى الى تسهيل تطوير التطبيقات والبرامج مع المطورين بشكل سريع ولذلك لغة برمجة الاندرويد لم تعد مقتصره فقط على Java و Kotlin وايضا تطوير تطبيقات الجوال الخاصه بنظام Ios لن تحتاج الى تعلم swift من اجل تطوير تطبيقات الايفون فقط كل هذا بكود واحد من Flutter يمكنك استخراج تطبيق يعمل على كلا المنصتينتتمتع فلاتر بالعديد من المزايا التي تجعلها قوية في الويب، بما في ذلك: الأداء: تتميز فلاتر [&hellip;]
- [كيف تجعل تطبيقك أسرع وأخف باستخدام Flutter DevTools؟](https://geecoders.com/devtools-appsize-html/): هل تطبيقك ثقيل؟ حل مشكلة حجم التطبيق باستخدام Flutter DevToolsFlutter DevTools: أداة سحرية لتحليل وتحسين حجم تطبيقك Flutter DevTools App Size Tool  تحليل حجم التطبيق وتحسين أدائهفي عالم تطوير التطبيقات باستخدام Flutter، يعتبر حجم التطبيق أحد العوامل الحاسمة التي تؤثر على تجربة المستخدم. كلما كان حجم التطبيق أصغر، زادت فرص تنزيله واستخدامه من قبل المستخدمين. لحسن الحظ، يوفر Flutter أدوات قوية مثل Flutter DevTools لتحليل حجم التطبيق وتحديد الأجزاء التي تستهلك مساحة كبيرة. في هذه المقالة، سنستعرض كيفية استخدام App Size Tool في Flutter DevTools، وكيفية تحسين حجم تطبيقك باستخدام الأمر flutter build appbundle &#8211;analyze-size.ما هو Flutter DevTools؟Flutter DevTools هو مجموعة [&hellip;]
- [كيف تجعل واجهات تطبيقاتك في Flutter متجاوبة مع جميع الشاشات باستخدام MediaQuery و GridView](https://geecoders.com/mediaquery-responsive-html/): كيف تجعل واجهات تطبيقاتك في Flutter متجاوبة مع جميع الشاشات باستخدام MediaQuery و GridViewإذا كنت مطور تطبيقات باستخدام Flutter، فلا بد أنك واجهت مشكلة توافق التصميم مع أحجام الشاشات المختلفة. فالهاتف الصغير قد يعرض الواجهة بشكل مختلف تماماً عن الجهاز اللوحي أو شاشة الكمبيوتر. هنا تظهر أهمية كتابة أكواد مرنة تستجيب لحجم الشاشة وتتكيف مع جميع الأجهزة.في هذا المقال سنتناول بالشرح والتحليل كود عملي مكتوب بلغة Dart داخل إطار عمل Flutter، يوضح كيفية حساب أبعاد الشاشة ديناميكياً باستخدام MediaQuery، بالإضافة إلى إنشاء شبكة (GridView) متجاوبة تتحكم في عدد الأعمدة وفقاً لحجم الشاشة. كلاس Dimensions لحساب الأبعاد ديناميكياًالكود التالي يُعتبر أداة [&hellip;]
- [مراقبة حالة الاتصال بالإنترنت باستخدام Flutter وDart](https://geecoders.com/connection-status-listener-html/): مراقبة حالة الاتصال بالإنترنت باستخدام Flutter وDartتعد مراقبة حالة الاتصال بالإنترنت أمرًا بالغ الأهمية لتطبيقات الهاتف المحمول، حيث تتطلب العديد من التطبيقات الحديثة اتصالاً ثابتًا بالشبكة لتقديم الخدمات بشكل فعال. يوفر الكود أعلاه مثالًا عمليًا لكيفية تحقيق ذلك باستخدام لغة برمجة Dart وإطار عمل Flutter.كيفية تحسين تجربة المستخدم في Flutter عند انقطاع الاتصال بالشبكة dart:async: توفر أدوات لمعالجة العمليات غير المتزامنة، مثل StreamController.dart:io: تتيح الوصول إلى وظائف الإدخال/الإخراج الأساسية، مثل التحقق من الاتصال بالإنترنت باستخدام InternetAddress.lookup.connectivity_plus: مكتبة خارجية تُستخدم لمراقبة حالة الاتصال بالشبكة (Wi-Fi، Mobile، وغيرها).flutter/cupertino.dart: يوفر أدوات لبناء واجهات المستخدم بأسلوب iOS.hayyak/core/injection/injector.dart: يُستخدم لإدارة الاعتمادات، ولكنه ليس مفصلاً في [&hellip;]
- [كيفية حفظ الملفات من الانترنت في جهازك محليا وفتحها في Flutter](https://geecoders.com/file-save-directory-html/):   كيفية حفظ الملفات من الانترنت في جهازك محليا وفتحها في Flutterفي عالم تطوير التطبيقات المتنقلة، يُعد التعامل مع الملفات من الجوانب الأساسية التي يجب أن يكون المطورون على دراية بها. سواء كنت تعمل على تطبيق يُخزن بيانات المستخدم أو يُحمّل صورًا أو مستندات PDF، فإن إدارة الملفات بفعالية يصبح أمرًا لا غنى عنه. ومن بين الأدوات الحديثة التي ظهرت في هذا المجال، تأتي حزمة file_save_directory كحل مبتكر وسهل الاستخدام لتسهيل عملية تحديد مواقع حفظ الملفات داخل تطبيقات Flutter.في هذه المقالة الحصرية، سنقدم لك دليلاً شاملاً حول استخدام الحزمة file_save_directory ، مع التركيز على كيفية تحسين تجربة المستخدم، وكيفية تبسيط [&hellip;]
- [كيف تحافظ على سرية كود Flutter وتقلل حجم التطبيق في نفس الوقت](https://geecoders.com/obfuscation-flutter-html/): سر خطير في Flutter قد ينقذ تطبيقك من الاختراقعند نشر تطبيقات Flutter للإنتاج، يسعى المطورون دائمًا إلى تحسين الأداء وزيادة الأمان. ومن بين الأدوات المفيدة لتحقيق هذا الهدف، نجد خيارَين مهمين في الأمر flutter build:&#8211;obfuscate&#8211;split-debug-info=build/debug-info في هذا المقال، سنستعرض كل خيار بالتفصيل، بما في ذلك كيفية استخدامه، أهميته، والفوائد التي يقدمها للمطور والمستخدم النهائي.ما هو الـ Obfuscation (إخفاء الكود)؟الـ Obfuscation أو &#8220;إخفاء الكود&#8221; هو عملية تحويل الكود البرمجي القابل للقراءة إلى كود غير قابل للفهم بسهولة من قبل البشر، دون التأثير على تنفيذه. هذه العملية تُستخدم غالبًا لأسباب أمنية وحماية الملكية الفكرية.كيف يعمل في Flutter؟عند استخدام الخيار &#8211;obfuscate أثناء عملية [&hellip;]
- [إتقان أدوات واجهة مستخدم Flutter:  الوظائف النقية Pure funcation / widgets](https://geecoders.com/pure-funcation-html/):  شرح إتقان أدوات واجهة مستخدم Flutter:  الوظائف النقية Pure funcation / widgetsشرح إتقان أدوات واجهة مستخدم Flutter:  الوظائف النقية Pure funcation / widgets إنشاء واجهات مستخدم فعالة ويمكن التنبؤ بها: أدوات واجهة مستخدم وظيفية خالصة لتطوير Flutterيركز هذا الموضوع على الفوائد الرئيسية لأدوات واجهة المستخدم الوظيفية البحتة:الكفاءة: تعتبر الوظائف البحتة فعالة بطبيعتها نظرًا لطبيعتها عديمة الحالة، والتي يمكن أن تعمل على تحسين الأداء.يمكن التنبؤ به: تنتج الدوال الخالصة دائمًا نفس المخرجات لنفس المدخلات، مما يؤدي إلى تبسيط الاختبار وتصحيح أخطاء تطبيقات Flutter.تطوير Flutter: التركيز الرئيسي لهذا الموضوع.Flutter Framework: أداة واجهة المستخدم الوظيفية الخالصة لإطار Flutter لإنشاء تطبيقات الهاتف المحمول.لغة برمجة [&hellip;]
- [غيّر شكل تطبيقك بدون تحديث المتجر! اكتشف سر Firebase Remote Config في Flutter](https://geecoders.com/firebase-remote-config-html/): ودّع التحديثات المملة! Firebase Remote Config يحلها لكFirebase Remote Config غير تطبيقك لجميع المستخدمين بكبسة زرFirebase Remote Config هو جزء من خدمات Firebase الشهيره، حيث يسمح للمطورين بتحديث سلوك ووظائف التطبيق وإعداداته بدون الحاجة إلى تحديث التطبيق عبر المتجر (تحديث اجباري فوري). يمكنك التحكم في مظهر التطبيق أو تمكين ميزات جديدة أو تعديل رسائل المستخدم بشكل فوري من خلال لوحة تحكم Firebase.في هذا الدليل الشامل، سنوضح لك خطوة بخطوة كيفية استخدام Firebase Remote Config في Flutter بطريقة سهله وبسيطه، مع أمثلة عملية وكود واضح. تهيئه المشروعتاكد اولا ان مشروعك يتضمن التالي قبل البدءإضافة Firebase إلى مشروع Flutter (استخدام firebase_core).ربط المشروع [&hellip;]
- [كيفية إنشاء باركود في ثوانٍ داخل تطبيقات Flutter](https://geecoders.com/barcode-flutter-html/): كيفية إنشاء باركود في ثوانٍ داخل تطبيقات Flutter في تطوير التطبيقات التي تعتمد علي الفواتير او حتي POS، أصبحت الحاجة إلى التعامل مع الباركودات والرموز الشريطية أمرًا شائعًا جدًا في المشروع، سواء في مجال المتاجر أو تتبع المنتجات أو حتى في البطاقات الإلكترونية. توفر مكتبة Flutter مجموعة من الأدوات القوية لتطوير واجهات المستخدم بسهولة، ولكن ماذا عن إنشاء رموز باركود داخل التطبيق؟ هنا تأتي أهمية مكتبة barcode_widget. ما هي مكتبة barcode_widget؟مكتبة barcode_widget هي مكتبة مخصصة لإنشاء الرموز الشريطية (Barcodes) بأنواعها المختلفة مباشرة داخل تطبيقات Flutter. تدعم هذه المكتبة العديد من أنواع الباركود مثل Aztec , Code 128 , QR Code وغيرها، [&hellip;]
- [هل تواجه مشكلة مساحة التخزين بسبب باكدجات Flutter المتراكمة في مشاريعك المتعددة؟](https://geecoders.com/space-package-flutter-html/): هل تواجه مشكلة مساحة التخزين بسبب باكدجات Flutter المتراكمة في مشاريعك المتعددة؟لا داعي للقلق! إليك حلّ سريع وفعال لتنظيف هذه الباكدجات دون الحاجة إلى تنظيف كل مشروع على حدة:لأجهزة MacOs و Linux: افتح الـ Terminal.انسخ هذا الأمر:for dir in ~/dev/* ; do (cd &#8220;$dir&#8221; &amp;&amp; flutter clean ); doneعدّل الأمر:استبدل dev بمسار مجلد المشاريع لديك.تأكد من استخدام مسار صحيح.اضغط Enter لتشغيل الأمر.لأجهزة Windows:افتح الـ Command Prompt (CMD).انسخ هذا الأمر:for /d %i in (D:MyProjects*) do ( cd &#8220;%i&#8221; &amp; flutter clean )عدّل الأمر:استبدل D:MyProjects بمسار مجلد المشاريع لديك.تأكد من استخدام مسار صحيح.اضغط Enter لتشغيل الأمر.شرح الأمر:for: يُستخدم هذا الأمر لتكرار عملية [&hellip;]
- [تعلم كيفية ضبط حجم الخط بشكل مثالي في تطبيقات Flutter](https://geecoders.com/responsive-size-flutter-html/): تعلم كيفية ضبط حجم الخط بشكل مثالي في تطبيقات Flutterإحدى النقاط الرئيسية التي يجب مراعاتها عند تطوير تطبيقات Flutter هي جعل حجم الخط مستجيبًا ليناسب أحجام الشاشات المختلفة، سواء كان هاتفًا محمولًا أو جهازًا لوحيًا أو حتى كمبيوتر مكتبيًا. يؤدي ذلك إلى تحسين تجربة المستخدم ويضمن أن النصوص الموجودة في التطبيق قابلة للقراءة ومكيفة مع حجم الشاشة التي تظهر عليها.كيفية جعل حجم الخط Responsive؟هناك تقنية تسمى Scale Factor وهي تعتمد على عرض الجهاز والمنصة التي يعمل عليها التطبيق. باستخدام هذه التقنية، يمكنك حساب حجم الخط الصحيح بناءً على نسبة العرض إلى الارتفاع لكل نظام أساسي. خطوات حساب عامل التحجيم1. احسب [&hellip;]
- [AutomaticKeepAliveClientMixin - حل لمشكلة إعادة تحميل البيانات في Flutter](https://geecoders.com/automatic-keep-alive-clientmixin-html/): AutomaticKeepAliveClientMixin &#8211; حل لمشكلة إعادة تحميل البيانات في Flutterأودّ مشاركة حلّ رائع لمشكلة إعادة تحميل بيانات المستخدم في شاشة ملف التعريف (profile screen) باستخدام Firebase.المشكلة: عند التنقل بين الشاشات باستخدام PageView مع BottomNavigationBar، يتمّ تدمير حالة (state) شاشة ملف التعريف، مما يتسبب في إعادة تحميل بيانات المستخدم من Firebase في كل مرة يتمّ فيها عرض الشاشة.الحل:يأتي الحلّ من خلال استخدام AutomaticKeepAliveClientMixin، وهو مزيج (mixin) مفيد يُتيح لنا الحفاظ على حالة شاشة معينة قيد التشغيل حتى لو تمّ إغلاقها أو إزالتها من شجرة واجهة المستخدم (UI tree).خطوات الاستخدام:إضافة المزيج:أضف AutomaticKeepAliveClientMixin إلى شاشة ملف التعريف (profile screen) الخاصة بك.تعديل wantKeepAliveقمّ بتعديل wantKeepAlive [&hellip;]
- [استخراج البيانات الشخصية بسهولة من الرقم القومي المصري باستخدام Flutter](https://geecoders.com/egypt-id-parser-html/): استخراج البيانات الشخصية بسهولة من الرقم القومي المصري باستخدام Flutterفي عالم تطبيقات Flutter، أحد أكبر التحديات التي يواجهها المطورون هو كيفية جمع البيانات الشخصية للمستخدمين وتحليلها بكفاءة وأمان. وهذا هو دور حزمة Egypt ID Parser التي توفر طريقة سهلة لاستخراج المعلومات الشخصية من بطاقة الهوية الوطنية المصرية.ما هي مكتبة تحليل الهوية المصرية؟Egypt ID Parser هي مكتبة مفتوحة المصدر تم تطويرها بلغة Dart وتسمح للمطورين باستخراج البيانات الشخصية بسهولة من بطاقة الهوية الوطنية المصرية المكونة من 14 رقمًا. باستخدام هذه المكتبة يمكنك الحصول على معلومات دقيقة حول: تاريخ الميلاد.الجنس (ذكر أو أنثى).المحافظة (المحافظة التي ينتمي إليها الشخص).مميزات Egypt ID Parser1. استخراج [&hellip;]
- [ماهي Hooks ولماذا عليك البدء في استخدامها في مشايعك داخل Flutter](https://geecoders.com/hooks-flutter-html/): ماهي Hooks ولماذا عليك البدء في استخدامها في مشايعك داخل Flutterفي السنوات الأخيرة، أصبحت Flutter واحدة من أهم أدوات تطوير التطبيقات نظرًا لكفاءتها وسرعتها في إنشاء تطبيقات عالية الأداء على أنظمة التشغيل المختلفة بقاعدة برمجية واحدة. مع تطور Flutter، أصبحت الخطافات إضافة قوية تساعد المطورين على كتابة تعليمات برمجية أكثر وضوحًا وقابلة لإعادة الاستخدام.والبساطة. في هذه المقالة، سنستكشف الخطافات في Flutter، ونشرح كيفية عملها وسبب أهميتها، وسنقدم أمثلة عملية باستخدام خطافات مثل useMemoized وuseFuture، وكيفية العمل مع التدفقات. ما هي Flutter Hooks؟Flutter Hooks هي مكتبة تساعد على تبسيط إدارة حالة التعليمات البرمجية في تطبيقات Flutter. فكرة الخطافات مشابهة لفكرة React، [&hellip;]
- [MVI Architecture Pattern في Flutter: تحكم دقيق في تدفق البيانات وتجربة مستخدم تفاعلية](https://geecoders.com/mvi-architecture-html/): MVI Architecture Pattern في Flutter: تحكم دقيق في تدفق البيانات وتجربة مستخدم تفاعليةلو شخص مهتم يعرف اكتر عن الMVI Architecture Pattern وازاي بنطبقه في Flutter فده هيكون موضوعنا النهاردةطيب في البداية ايه هو الMVI؟الMVI ينقسم لثلاث اجزاء وهو الModel &#8211; View &#8211; Intent قائم على الReactive Programmingبمعنى ان الData Flow والAction بتكون عن طريق الStreamsولكن الباترن ده مختلف جدا عن الباترنز اللي احنا متعودين عليها وبنستخدمها بشكل شائع زي الMVP و الMVVM وبيضمن بعض الconcepts في الFunctional Programming زي الImmutability والPure Functions ممكن نبقى نتكلم عنهم في بوست منفصلولكن خلينا دلوقتي نركز اكتر على الMVI ونشرح كل بارت لوحده ونفهم [&hellip;]
- [خصائص TextFormField تحسن من عمليات ادخال البيانات لدى المستخدمين في Flutter](https://geecoders.com/textformfield-html/): خصائص TextFormFieldتحسن من عمليات ادخال البيانات لدى المستخدمين في FlutterTextFormField هو عنصر واجهة مستخدم في Flutter يسمح للمستخدمين بإدخال نص. يستخدم TextFormField بشكل شائع لجمع معلومات المستخدم مثل الأسماء والعناوين وأرقام الهواتف وهو من احد اهم العناصر في تطبيقات فلاتر ولا يمكن الاستغاء عنه في برمجه الجوال للتطبيقات .تطبيقات فلاتر: Flutter هي لغة برمجة مفتوحة المصدر تستخدم لتطوير تطبيقات الهاتف الجوال والويب. برمجة الهاتف: يمكن استخدام Flutter لتطوير تطبيقات الهاتف الجوال.مكونات TextFormFieldيتكون TextFormField من المكونات التالية:controller: يتحكم في النص الموجود في الحقل.decoration: يحدد مظهر الحقل.validator: يتحقق من صحة النص الموجود في الحقل.onSaved: يتم استدعاؤه عند حفظ النص الموجود في الحقل.استخدام [&hellip;]
- [تحسين تجربة الصوت في تطبيقك: دمج Just Audio و Just Audio Background](https://geecoders.com/just-audio-html/): تحسين تجربة الصوت في تطبيقك: دمج Just Audio و Just Audio Backgroundهل ترغب في تشغيل إشعارات صوتية في تطبيقك مع استمرار تشغيل الصوت في الخلفية؟الحل بسيط! استخدم حزمتين:Just Audio: مشغل صوتي قوي يسمح لك بتشغيل ملفات الصوت من الإنترنت أو من هاتفك أو من ملفات التطبيق. Just Audio Background: مسؤول عن إشعارات النظام واستمرار تشغيل الصوت في الخلفية.كيف تعمل Just Audio؟Dartimport &#8216;package:just_audio/just_audio.dart&#8217;;// إنشاء مشغلfinal player = AudioPlayer();// تحميل ملف صوتي من الرابطfinal duration = await player.setUrl(&#8216;https://foo.com/bar.mp3&#8217;);// تشغيل الصوت بدون انتظار الانتهاءplayer.play();// تشغيل الصوت مع الانتظار حتى الانتهاءawait player.play();// إيقاف الصوت مؤقتًا مع الاستعداد للاستئنافawait player.pause();// الانتقال إلى موضع معين (10 [&hellip;]
- [شرح floating menu panel في Flutter: إنشاء أزرار سريعة الوصول وقائمة عائمة احترافية بسهولة](https://geecoders.com/floating-menu-panel-html-2/): شرح floating menu panel في Flutter لإنشاء أزرار سريعة الوصول بسهولة إذا كنت تبحث عن طريقة عملية لإضافة أزرار سريعة الوصول داخل تطبيق Flutter، فإن مكتبة floating_menu_panel تعتبر من الحلول المميزة التي تساعدك على إنشاء قائمة عائمة احترافية وسهلة الاستخدام. هذه المكتبة تتيح لك عرض لوحة جانبية أو عائمة تحتوي على مجموعة من الأزرار التي يمكن للمستخدم الوصول إليها بسرعة، مما يحسن تجربة الاستخدام ويضيف لمسة عصرية إلى واجهة التطبيق. في هذا المقال سنتعرف على مكتبة floating_menu_panel، وكيفية تثبيتها، وأهم مميزاتها، وطريقة استخدامها داخل مشروع Flutter خطوة بخطوة، بالإضافة إلى بعض النصائح المهمة للحصول على أفضل نتيجة ممكنة. ما هي [&hellip;]
- [كيفيه تحويل اي تطبيق الي EXE في فلاتر لتثبيته على الويندوز](https://geecoders.com/install-exe-flutter-html/): كيفيه تحويل اي تطبيق الي EXE في فلاتر لتثبيته على الويندوزيعد إطار عمل Flutter من Google حلاً ممتازًا لإنشاء تطبيقات عبر الأنظمة الأساسية بقاعدة تعليمات برمجية واحدة. على الرغم من أن Flutter بدأ كأداة لإنشاء تطبيقات الأجهزة المحمولة، إلا أنه يدعم الآن تطوير تطبيقات الويب وسطح المكتب، مما يمنح المطورين المرونة اللازمة لإنشاء تطبيقات يمكن تشغيلها على أي جهاز.أنظمة مختلفة مثل Windows وMacOS وLinux. سنشرح في هذه المقالة كيفية إنشاء تطبيق سطح مكتب مخصص لنظام التشغيل Windows باستخدام Flutter، وبعد ذلك سنشرح كيفية استخدام Inno Setup لإنشاء ملف تثبيت لهذا التطبيق. ما هي مزايا استخدام Inno Setup؟يسمح Inno Setup بإنشاء [&hellip;]
- [كيف تستخدم IndexedStack في Flutter لبناء تطبيقات سريعة وسلسة؟](https://geecoders.com/indexed-stack-html/): مشكلة الأداء عند التبديل بين الشاشات؟ IndexedStack يحلها بسهولةلماذا يفضل المحترفون IndexedStack على Navigator؟في تطوير واجهات المستخدم باستخدام Flutter، يلعب اختيار الأدوات (Widgets) المناسبة دورًا حيويًا في تحقيق أداء عالٍ وتجربة مستخدم سلسة. واحدة من هذه الأدوات هي IndexedStack، وهي وحدة قوية تُستخدم لإدارة عرض مجموعة من الأبناء (Children) بطريقة فعالة. في هذا المقال، سنستعرض كيفية استخدام IndexedStack في الكود المقدم، وكيفية تحسين الأداء وتوفير تجربة مستخدم أفضل. ما هو IndexedStack؟IndexedStack هو ويدجت في Flutter يسمح بعرض واحد فقط من بين عدة أبناء في وقت معين. يتم تحديد الابن الذي سيتم عرضه باستخدام خاصية index. على عكس Stack العادي الذي [&hellip;]
- [كيفيه تثبيت Flutter على Mac – خطوة بخطوة](https://geecoders.com/install-flutter-mac-html/): كيفيه تثبيت Flutter على Mac – خطوة بخطوةأصبحت Flutter واحدة من أهم الأدوات المستخدمة لتطوير التطبيقات عبر الأنظمة الأساسية بفضل أدائها الممتاز وسهولة استخدامها. قد يبدو تثبيت Flutter على نظام macOS معقدًا للبعض، ولكن باتباع الخطوات الصحيحة، يمكن إكمال العملية بنجاح ودون أي متاعب. سنشرح في هذا الدليل جميع خطوات التثبيت ونجيب على الأسئلةالأكثر شيوعا التي يمكنك العثور عليها. حدد اسم المستخدم وتحقق من الموقعpwdسيظهر لك هذا الأمر المسار الحالي للملف، حتى تتمكن من معرفة اسم المستخدم.قم بإنشاء المجلد الأساسي لتثبيت Flutterاستخدم الأمر التالي لإنشاء مجلد يسمى التطويرmkdir developmentتأكد من نجاح إنشاء المجلد عن طريق كتابة:lsالان عليك الانتقال الي الرابط [&hellip;]
- [كيفية تقليل حجم مشاريع Flutter على جهازك](https://geecoders.com/reduce-project-size-flutter-html/): كيفية تقليل حجم مشاريع Flutter على جهازكيعد Flutter أحد أكثر أطر العمل شيوعًا لتطوير تطبيقات الأجهزة المحمولة، ولكن بمرور الوقت، يمكن أن تنمو أحجام المشاريع بشكل كبير وتؤثر على أداء التطبيق. في هذا المقال سنتعرف على طرق فعالة لتقليل حجم مشروع Flutter وتحسين سرعة التحميل وتقليل استهلاك المساحة وضمان أداء أفضل.طرق تنظيف المشروع المختلفهتنظيف المشروع بانتظام عند إنشاء تطبيق في Flutter، يمكن أن تتراكم الملفات المؤقتة والبيانات غير المستخدمة. الشيء المهم هنا هو تنظيف المشروع بانتظام لتجنب تراكم هذه الملفات.أمر Flutter Cleanيعد أمر Flutter Clean أحد أبسط الأوامر التي يمكن استخدامها لتنظيف المشروع. يقوم هذا الأمر بإزالة الملفات المؤقتة وغير [&hellip;]
- [تحويل Array of object الى ملف pdf باستخدام kotlin](https://geecoders.com/pdf-kotlin-html/): تحويل Array of object الى ملف pdf باستخدام kotlinلتحويل Array of object الى ملف pdf باستخدام Kotlin، يمكنك استخدام مكتبة iText. هذه المكتبة توفر مجموعة من الأدوات لإنشاء وتحرير ملفات PDF او اي مكتبة اخرى مثل :Pdf-Extractor وهيا التي سوف نقوم بشرحها اليوم وهيا سهلة التعامل وبسيطة وتتميز بامكانية ادراج صور ونصوص داخل ملف ال pdf وتستطيع تخصيص الملف بالشكل الذي ترغب به .Android IDE الرسمي هو Android Studio ، الذي تم تطويره بواسطة Google. قم تبثبيت Android Studio ، وأنشئ مشروعًا جديدًا باستخدام نموذج &#8220;جديد&#8221; ، ثم اسحب بعض أدوات واجهة المستخدم إلى مساحة الرسم الفارغة  يتم تخزين تسميات [&hellip;]
- [مكتبة Flutter لتحسين تجربة معاينة الروابط LinkPeek](https://geecoders.com/linkpeek-flutter-html/): LinkPeek: اجعل تطبيقات Flutter الخاصة بك أكثر تفاعلية مع معاينات الروابط الغنيةأصبحت معاينات الارتباط ميزة قياسية في التطبيقات الحديثة، مما يسمح للمستخدمين بفهم ما هو مخفي خلف الارتباط التشعبي بسرعة. تعمل هذه الميزة على تحسين تجربة المستخدم من خلال تقديم نظرة عامة موجزة عن المحتوى، مما يساعد في عملية اتخاذ القرار ويقلل من عدم اليقين المرتبط بالنقر فوق روابط غير معروفة. LinkPeek هو مكون إضافي لـ Flutter مصمم لإنشاء هذه المعاينات بسهولة وسلاسة. يتطرق هذا المقال إلى تفاصيل حزمة LinkPeek، ويستكشف إمكانياتها وكيفية تثبيتها واستخدامها وتطبيقاتها العملية.نظرة عامة على LinkPeekLinkPeek حزمة فلوتّر متعددة الاستخدامات تقوم باسترداد معلومات تفصيلية حول روابط [&hellip;]
- [شرح Skeletonizer flutter : تحسين تجربة المستخدم باستخدام Skeleton Loading في تطبيقات الجوال](https://geecoders.com/skeletonizer-flutter-html-2/): خطوات سهلة لتطبيق التحميل الهيكلي في تطبيقات الأندرويد باستخدام Skeletonizerتعد مكتبة skeletonizer flutter أداة متقدمة لمطوري التطبيقات الذين يستخدمون إطار عمل Flutter. توفر هذه المكتبة طريقة سهلة لتحويل الواجهات الموجودة إلى أدوات تحميل هيكلية مع القليل من العمل الإضافي. في هذه المقالة، سنستعرض كيفية استخدام Skeletonizer لتطوير تطبيقات الهاتف المحمول، مع التركيز على تطوير تطبيقات Android، وكيف يمكن لهذه المكتبة أن تساعد في تحسين تجربة المستخدم وتسهيل عملية تعلم البرمجة باستخدام Flutter.تطوير تطبيقات الهاتف المحمول باستخدام Skeletonizerيعد تحميل الهيكل العظمي تقنية مهمة لتحسين تجربة المستخدم لتطبيقات الهاتف المحمول. بدلاً من إظهار شاشة فارغة أثناء تحميل المحتوى، يتم عرض نسخة مبسطة [&hellip;]
- [جعل شريط التنقل السفلي أكثر تفاعلية مع تأثير التلاشي Flutter](https://geecoders.com/animation-navbar-j-html/): جعل شريط التنقل السفلي أكثر تفاعلية مع تأثير التلاشي Flutterفي تطبيقات Flutter، يلعب شريط التنقل السفلي (BottomNavigationBar) دورًا هامًا في توفير وصول سريع إلى الوظائف الرئيسية. ومع ذلك، يمكن أن يُصبح هذا الشريط مزعجًا عند اقتراب المستخدم من نهاية قائمة التمرير، حيث قد يحجب محتوى الشاشة.لحل هذه المشكلة، يمكننا تنفيذ تأثير التلاشي خلف شريط التنقل السفلي. يندمج هذا التأثير بسلاسة مع محتوى الشاشة، مما يوفر تجربة تمرير أكثر سلاسة وجاذبية. طريقتان رئيسيتان لتنفيذ تأثير التلاشي في Flutter:استخدام PageViewتعتمد هذه الطريقة على استخدام Widget PageView لعرض المحتوى.يتم ربط كل صفحة بعنصر في شريط التنقل السفلي.عند التمرير بين الصفحات، يتم استخدام متحكم [&hellip;]
- [اجعل تطبيقات Flutter الخاصة بك تنبض بالحياة مع الوسائط المتعددة](https://geecoders.com/media-kit-html/): الحل الأمثل لتشغيل الفيديو والصوت في Flutter مع مكتبة Media Kitتعد الوسائط المتعددة جزءًا كبيرًا من تجربة المستخدم في التطبيقات الحديثة، سواء كانت تطبيقات الفيديو، الموسيقى، أو حتى الألعاب. يسعى المطورون دائمًا إلى توفير تجربة وسائط متعددة سلسة وجذابة للمستخدمين، وهذا يتطلب أدوات قوية ومرنة تساعد في تحقيق ذلك. واحدة من هذه الأدوات هي مكتبة Media Kit، التي توفر حلاً شاملاً للتعامل مع الوسائط المتعددة في تطبيقات Flutter. في هذه المقالة، سنستعرض مكتبة Media Kit، ميزاتها، كيفية تثبيتها واستخدامها، وتأثيرها على تحسين تجربة المستخدم في تطبيقات Flutter.ما هي مكتبة Media Kit؟Media Kit هي مكتبة مفتوحة المصدر في Flutter توفر واجهة [&hellip;]
- [كيفية استخدام Hive في Flutter لإدارة البيانات بكفاءة](https://geecoders.com/hive-algorithm-html/): كيفيه حفظ وعرض البيانات في Hive باستخدام algorithmفي عالم تطوير تطبيقات الهاتف باستخدام Flutter، تُعتبر إدارة البيانات واحدة من أهم التحديات التي يواجهها المطورون. في هذا المقال، سنقوم بتحليل كود Flutter يستخدم Hive كقاعدة بيانات محلية، ونشرح كيفية عمل كل جزء منه. سنتعرف على كيفية إضافة البيانات واسترجاعها بطرق فعالة، مع التركيز على تحسين الأداء. Copy class TestScreen extends StatelessWidget { const TestScreen({super.key}); @override Widget build(BuildContext context) { var controller = TextEditingController(); var controllerAge = TextEditingController(); Future&lt;Box&lt;Person&gt;&gt; _openPersonBox() async { return await Hive.openBox&lt;Person&gt;('peopleBox'); } Future&lt;Box&lt;List&lt;int&gt;&gt;&gt; _openKeysBox() async { return await Hive.openBox&lt;List&lt;int&gt;&gt;('sortedKeysBox'); } int _findInsertionIndex(List&lt;int&gt; keys, int newAge, Box&lt;Person&gt; box) { [&hellip;]
- [لا تضيّع وقتك في تصميم أفاتارات! هذا plugin في Flutter يُنشئ صورًا رمزية SVG مخصصة تلقائيًا لكل مستخدم](https://geecoders.com/fluttermoji-html/): خصص أفاتار المستخدم بـ Fluttermoji بسهولة مطلقة!مرحبًا بمطوري Flutter! هل تبحث عن إضافة لمسة شخصية إلى ملفات تعريف المستخدمين أو ميزات الدردشة؟ لا تنظر إلى أبعد من Fluttermoji &#8211; مكتبة الصور الرمزية SVG خفيفة الوزن وقابلة للتخصيص بدرجة كبيرة! إليك ما تحتاج إلى معرفته:ما هو Fluttermoji؟حزمة متعددة الاستخدامات تعمل على إنشاء صور رمزية SVG فريدة وقابلة للتخصيص لتطبيقات Flutter الخاصة بك. يقدم مجموعة واسعة من الميزات لتخصيص الصور الرمزية: تسريحات الشعر، وملامح الوجه، والإكسسوارات، والمزيد!يوفر كلاً من CustomizerWidget لتفاعل المستخدم وخيارات الصور الرمزية المعدة مسبقًا للتنفيذ السريع.يتكامل بسلاسة مع سمات تصميم المواد للحصول على تجربة مستخدم متماسكة.إيجابيات Fluttermoji:خفيف الوزن وفعال: [&hellip;]
- [حزمة Flutter للبحث داخل النص تدعم اللغه العربيه - scroll highlight text](https://geecoders.com/scroll-highlight-text-html/): ماهي مكتبة scroll_highlight_text ؟تتيح لك هذه الحزمة الجديدة الخاصة بفلتر إبراز النصوص والتمرير خلالها، وذلك سواءً للغات اللاتينية أو العربية. توفر الحزمة طريقة سهلة لعرض النصوص مع إمكانية تخصيص إبراز الكلمات ووظيفة التمرير الذكي.ما الجديد في هذه الحزمة؟دعم اللغة العربية: تمّ تحديث الحزمة لتعمل بشكل صحيح مع النصوص العربية. إلغاء الحاجة إلى onChanged: لم تعد بحاجة إلى استخدام onChanged الخاصة بـ TextField لإبراز الكلمات المُطابقة للبحث.سهولة الاستخدام: يمكنك الآن تمرير Controller الخاص بـ TextField إلى highlighted text scrollable Widget وسيتمّ إبراز الكلمات وتمرير الشاشة تلقائيًا.كيف تعمل الحزمة؟استخدم HighlightSearch Widget: قمّ بتغليف TextField الخاص بك بـ HighlightSearch Widget.مرّر Controller الخاص بـ [&hellip;]
- [شرح Flutter Double Tap Like: إضافة تفاعل النقر المزدوج للإعجاب مثل TikTok بسهولة](https://geecoders.com/tiktok-double-tap-like-html/): شرح Flutter Double Tap Like لإضافة تفاعل النقر المزدوج مثل TikTok مع انتشار تطبيقات التواصل الاجتماعي مثل TikTok وInstagram، أصبح من الضروري توفير تفاعلات حديثة داخل التطبيقات، ومن أشهر هذه التفاعلات هو النقر المزدوج للإعجاب (Double Tap Like). هذه الميزة تضيف تجربة تفاعلية رائعة للمستخدم، حيث يمكنه التعبير عن إعجابه بالمحتوى بسرعة وسهولة دون الحاجة إلى الضغط على زر مخصص. في هذا المقال سنتعرف على كيفية تنفيذ flutter double tap like باستخدام مكتبة tiktok_double_tap_like، مع شرح كامل للتثبيت، الاستخدام، التخصيص، وأفضل الممارسات لتحسين تجربة المستخدم. ما هي مكتبة tiktok_double_tap_like؟ مكتبة tiktok_double_tap_like هي مكتبة مخصصة في Flutter تتيح لك إضافة ميزة [&hellip;]
- [لا تُرهق نفسك في كتابة الأرقام نصًا! هذا plugin في Flutter سيُغير طريقة تعاملك مع البيانات إلى الأبد](https://geecoders.com/number-words-reader-html/): من الأرقام إلى الكلمات بلمسة سحرية! كيف تُحوّل 1000 رقم إلى نص عربي/إنجليزي تلقائيًا في Flutter؟تلعب أدوات وحزم البرامج الجاهزة دورًا حاسمًا في تعزيز الكفاءة وتبسيط عملية تطوير البرامج في عالم اليوم. من بين الخيارات المتنوعة المتاحة، برز Number Words Reader كخيار شائع داخل مجتمع Flutter. تتيح هذه الحزمة للمطورين تحويل الأرقام إلى كلمات بسهولة. في المقالة التالية، سنقدم برنامجًا تعليميًا مفصلاً حول استخدام حزمة Number Words Reader في مشاريع Flutter الخاصة بك. سينصب تركيزنا على تسليط الضوء على مزاياه وعرض ميزاته وتقديم إرشادات خطوة بخطوة للبدء.تعد حزمة Number Words Reader من الموارد القيمة الموجودة في متجر حزم Flutter. إنها [&hellip;]
- [تعلم استخدام Socket.IO في Flutter لتطبيقات تفاعلية مذهلة](https://geecoders.com/socketio-html/): مكتبة Socket.IO لـ Flutter: بناء تطبيقات تفاعلية في الوقت الحقيقيتُعتبر تطبيقات الزمن الحقيقي من أكثر التطبيقات تفاعلاً وشعبية في العصر الرقمي الحالي. حيث توفر للمستخدمين تجربة ديناميكية وسلسة من خلال التحديثات الفورية. لتحقيق هذا النوع من التطبيقات، يحتاج المطورون إلى أدوات قوية وفعالة لتبادل البيانات بين الخوادم والعملاء في الوقت الحقيقي. واحدة من أفضل الأدوات لتحقيق ذلك هي مكتبة Socket.IO. في هذه المقالة، سنستعرض مكتبة Socket.IO في بيئة Flutter، وميزاتها، وكيفية تثبيتها واستخدامها، بالإضافة إلى التطبيقات العملية لها.ما هي مكتبة Socket.IO؟تعتبر مكتبة Socket.IO واحدة من أهم المكتبات التي تسمح بالاتصال في الوقت الحقيقي بين العملاء والخوادم عبر استخدام بروتوكول WebSocket. [&hellip;]
- [تعلم البرمجة باستخدام Flutter وإضافة دعم متعدد اللغات لتطبيقاتك](https://geecoders.com/flutter-init-html/): خطوات سهلة لتطبيق الترجمات المتعددة في تطبيقات الأندرويد باستخدام Flutter Localizationsأصبح تطوير تطبيقات الهاتف المحمول معقدًا بشكل متزايد مع تزايد الحاجة إلى دعم لغات متعددة لتلبية احتياجات المستخدمين في جميع أنحاء العالم. تعد مكتبة Flutter Localizations إحدى الأدوات القوية التي تساعد المطورين في هذا الصدد. سنناقش في هذه المقالة كيفية استخدام هذه المكتبة لتطوير تطبيقات Android والهواتف المحمولة مع التركيز على تطوير التطبيقات متعددة اللغات، وكيفية إعداد مشروع باستخدام Flutter init، وكيفية إضافة ملفات ترجمة متعددة إلى تطبيقك. طلب.ما هي مكتبة التعريب Flutter؟Flutter Localization هي مكتبة تابعة لإطار عمل Flutter توفر دعمًا متعدد اللغات لتطبيقات الهاتف المحمول. تتيح المكتبة للمطورين [&hellip;]
- [كيفية التعامل مع زيادة عدد الـ Imports في Flutter باستخدام الملفات الـ Barrel](https://geecoders.com/imports-flutt-html/): كيفية التعامل مع زيادة عدد الـ Imports في Flutter باستخدام الملفات الـ Barrelفي هذا الشرح، سنتعرف على طريقة لتنظيم الـ Imports في Flutter، وذلك من خلال استخدام الملفات الـ Barrel. , يمكن تنظيم الـ Imports في Flutter باستخدام الملفات الـ Barrel، حيث تسمح هذه الملفات بدمج الـ Imports في ملف واحد.أهمية Imports في تطبيقات Flutterتعتبر الـ Imports من أهم المفاهيم في برمجة الهاتف الجوال باستخدام Flutter، حيث تسمح للمطورين باستيراد مكونات ووظائف من حزم أخرى. أنواع الـ Imports في Flutterهناك نوعان من الـ Imports في Flutter:الـ Imports المباشرة: وهي عبارة عن استيراد مكونات ووظائف من حزم أخرى.الـ Imports الافتراضي: وهي [&hellip;]
- [تعرف لماذا يتعطل تطبيقك عند الكتابة السريعة في حقل البحث ولماذا استخدام Debouncer هو الحل](https://geecoders.com/debouncer-flutter-html/): ما هو Debouncer؟هل سمعتَ بمصطلح &#8220;Debouncer&#8221;؟ لا تقلق، فهو ليس نوعًا من الطعام اللذيذ، بل تقنية ذكية تُستخدم في برمجة Flutter لمنع تنفيذ العمليات بشكل متكرر دون داعٍ.ما هو Debouncer؟ببساطة، تخيّل أنك تضغط على زرّ &#8220;البحث&#8221; بشكل متكرر أثناء كتابة استعلامك. مع Debouncer، لن يتمّ إرسال كل ضغطة إلى خادم البحث،بل سيتمّ تنفيذ البحث فقط بعد 500 مللي ثانية من آخر ضغطة،مما يوفر لك الوقت ويُحسّن من أداء التطبيق.كيف يعمل Debouncer؟يعتمد Debouncer على مفهوم &#8220;التايمر&#8221;. إليك شرح مبسط لكيفية عمله:تحديد مدة التأخير: نحدد مدة زمنية محددة، على سبيل المثال 500 مللي ثانية، للتأخير قبل تنفيذ العملية.إلغاء العمليات المتكررة: في كل [&hellip;]
- [كيف تتابع اخطاء تطبيقك بعد اطلاقه عن طريق Sentry في Flutter بسهوله](https://geecoders.com/flutter-sentry-html/): كيف تتابع اخطاء تطبيقك بعد اطلاقه عن طريق Sentry في Flutter بسهولهيعد تتبع الأخطاء أثناء تطوير التطبيق جزءًا مهمًا لضمان تجربة مستخدم سلسة. إحدى أفضل الأدوات التي تساعد المطورين على تتبع الأخطاء هي Sentry. في هذه المقالة، سنرى كيف يمكن دمج Sentry Flutter مع تطبيقات Flutter لتتبع الأخطاء وتحليلها بشكل فعال والإجابة على الأسئلة.الأنظمة الفرعية التي قد تواجهها عند استخدام هذه التقنية ما هو Sentry؟Sentry هي أداة متقدمة تستخدم لتتبع ومراقبة الأخطاء في التطبيقات. يقوم Sentry بتسجيل كافة الأخطاء (الاستثناءات) التي تحدث في التطبيق ويعرضها مع معلومات دقيقة حول المشكلة، مثل موقعها في الكود ووقت حدوثها.يتمتع Sentry بواجهة مستخدم بسيطة [&hellip;]
- [لا تحدث Flutter مجددًا بدون قراءة هذا! كيف تدير 5 إصدارات SDK على جهاز واحد بسهولة؟](https://geecoders.com/flutter-fvm-html/): ودع فوضى إصدارات Flutter! كيف تُثبّت وتُغير بين الإصدارات بنقرة واحدة؟ (FVM بالتفصيل)Flutter FVM هي أداة مجانية مفتوحة المصدر مصممة لتسهيل إدارة إصدارات Flutter SDK (مجموعة تطوير البرامج) المختلفة على جهازك. يتيح لك FVM التبديل بسهولة بين الإصدارات، وتثبيت الإصدارات الجديدة، وتعيين إصدارات محددة لمشاريع Flutter الفردية، كل ذلك باستخدام واجهة سطر أوامر بسيطة (CLI).لماذا نستخدم Flutter FVM؟ 1. إصدارات متعددة:تجنب التعارضات: باستخدام FVM، يمكنك تشغيل مشاريع Flutter بإصدارات SDK مختلفة دون القلق بشأن التداخل أو التعارضات.الإصدار التجريبي: اكتشف ميزات Flutter الجديدة دون التأثير على مشاريعك الحالية.توافق الفريق: تأكد من أن جميع أعضاء الفريق يستخدمون نفس إصدار SDK لمشروع معين.2. [&hellip;]
- [شرح كيفيه تشفير وفك تشفير الملفات في Flutter باستخدام كود Native](https://geecoders.com/method-channel-encryptfile-html/): شرح كيفيه تشفير وفك تشفير الملفات في Flutter باستخدام كود Nativeسنقدم في هذه المقالة التعليمات البرمجية لتشفير وفك تشفير الملفات في تطبيق Flutter باستخدام Kotlin كجزء من قناة الاتصال بين Flutter وAndroid عبر MethodChannel. سيكون هذا الموضوع محل اهتمام المطورين الذين يسعون إلى تعزيز أمان التطبيقات من خلال تشفير الملفات، خاصة في التطبيقات التي تتعامل مع المعلومات الحساسة. سنناقش التعليمات البرمجية بالتفصيل ونوضح كيفية استخدام FlutterFragmentActivity وMethodChannel، بالإضافة إلى أفضل الممارسات للتشفير باستخدام مكتبة AES. كيفية استخدام MethodChannel لتوصيل Flutter وKotlinتسمح MethodChannel في Flutter بتمرير البيانات بين Flutter وKotlin على Android، مما يتيح الوصول إلى ميزات النظام غير المتوفرة في إطار [&hellip;]
- [زد من احترافية مشروعك: Custom Theme Extensions في Flutter بالتفصيل (مع مثال عملي)](https://geecoders.com/flutter-theme-extension%20-html/): معلومة خفية في Flutter قد تُحدث فرقًا كبيرًا: كيف تبني ثيمات قابلة لإعادة الاستخدام بسهولة؟يعد ThemeExtension طريقة لتوسيع السمات المخصصة في Flutter، مما يسمح لك بإضافة سمات إضافية، مثل الألوان أو الخطوط أو البيانات الأخرى القابلة للتخصيص. يتيح لك ذلك تطبيق التصميمات المخصصة وإدارتها بسهولة في جميع أجزاء التطبيق دون الحاجة إلى تكرار نفس القيم في كل مكان. Copy extension BuildContextCustom on BuildContext { AppColorsEx get colors =&gt; Theme.of(this).extension&lt;AppColorsEx&gt;()!; } class AppColorsEx extends ThemeExtension&lt;AppColorsEx&gt; { final Color primaryColor; final Color secondaryColor; AppColorsEx({required this.primaryColor, required this.secondaryColor}); @override ThemeExtension&lt;AppColorsEx&gt; copyWith({ Color? primaryColor, Color? secondaryColor, }) { return AppColorsEx( primaryColor: primaryColor ?? this.primaryColor, [&hellip;]
- [كيفيه ربط Firebase CLI مع macOS خطوة بخطوة](https://geecoders.com/blog-post-html-25/): كيف تستخدم Firebase CLI على macOS؟ في عالم تطوير التطبيقات، تُعتبر Firebase منصة شائعة لتوفير خدمات Backend كالتخزين السحابي، قواعد البيانات، والمصادقة. لإدارة مشاريع Firebase بفعالية، يمكنك استخدام Firebase CLI (واجهة سطر الأوامر). في هذا المقال، سنتعرف على كيفية ربط Firebase CLI مع نظام macOS بشكل حصري ومفصل.ما هو Firebase CLI؟Firebase CLI هي أداة سطر أوامر تسمح لك بإدارة مشاريع Firebase مباشرة من Terminal. باستخدامها، يمكنك نشر التطبيقات، إدارة القواعد، وتنفيذ مهام أخرى متعلقة بـ Firebase. لماذا ربط Firebase CLI مع macOS؟إدارة مشاريع Firebase بسهولة: يمكنك تنفيذ مهام مثل النشر، التحديث، والتحكم في الإعدادات مباشرة من Terminal.أتمتة المهام: يمكنك استخدام Firebase [&hellip;]
- [تعلم إعداد Flavors في Flutter لنظام iOS باحتراف — بيئات مختلفة باستخدام Xcode](https://geecoders.com/flavor-flutter-ios-html/): كيفية إنشاء Flavors في iOS بدون تعقيد وبالصور لمشروع Flutterفي عالم تطوير التطبيقات، من الشائع وجود أكثر من نسخة لنفس التطبيق مثل: الإصدار التجريبي (Dev)، والإصدار المنتج (Prod). يُعرف هذا بإعداد Build Flavors . وفي هذا المقال سنشرح خطوات واضحة لإنشاء Flavors لتطبيق iOS باستخدام Xcode.فتح المشروع في Xcodeافتح مشروعك في برنامج Xcode . بعد فتح المشروع، اضغط على قائمة Product في الأعلى.اختر Scheme → Manage Schemes . إنشاء وتعديل النسخ (Schemes)قم بتغيير اسم الـ Scheme الحالي (Runner) إلى prod.ثم اضغط على زر (+) لإضافه Scheme جديد.اختر الهدف (Target) Runner.سمّيه بـ dev او اي اسم اخر جديد.تكرار إعدادات البناء (Build Configurations)انتقل [&hellip;]
- [كيف تضيف Flavors في Flutter لأندرويد وتبني نسخ متعددة من تطبيقك بسهولة](https://geecoders.com/flavor-flutter-android-html/): كيف تضيف Flavors في Flutter لأندرويد وتبني نسخ متعددة من تطبيقك بسهولةفي عالم تطوير التطبيقات، تعد ميزة Flavor واحدة من الأدوات القوية التي توفرها Flutter لتسهيل إدارة البيئات المختلفة داخل نفس المشروع. سواء كنت تعمل على إصدار تطوير (Development) ، اختبار (Staging) ، أو إنتاج (Production) ، فإن استخدام Flavors يساعدك على تنظيم الكود وتقليل الفوضى. في هذا المقال، سنشرح بالتفصيل كيفية إعداد واستخدام Flavor في Flutter للأندرويد،ما هو Flavor؟Flavor هو مفهوم يُستخدم لإنشاء متغيرات مختلفة من نفس التطبيق باستخدام نفس الكود الأساسي. يمكن لكل &#8220;Flavor&#8221; أن يكون له إعداداته الخاصة مثل: API URLs (مثل واجهة برمجة التطبيقات الخاصة بالبيئة).أيقونات [&hellip;]
- [ما هو RouteObserver وRouteAware في Flutter؟](https://geecoders.com/route-aware-html/): ما هو RouteObserver وRouteAware في Flutter؟تعد إدارة التنقل جزءًا مهمًا من أي تطبيق Flutter وبعض الأدوات المهمة التي توفرها Flutter لإدارة التنقل تشمل RouteObserver وRouteAware. تسمح لك هذه الأدوات بمراقبة تغييرات الحالة المتعلقة بالتنقل في الصفحة أو &#8220;المسارات&#8221; في التطبيق. ستتعلم في هذه المقالة كيفية استخدام RouteObserver وRouteAware مع الشرحالكود التفصيلي الموضح أعلاه. ما هو RouteObserver وكيف يعمل؟RouteObserver هو كائن يراقب التغييرات في حالة الصفحات (المسارات) في تطبيق Flutter. ويمكن استخدامه لتتبع انتقال المستخدم بين الصفحات في التطبيق، إما عند الانتقال إلى صفحة جديدة (الدفع) أو العودة إلى الصفحة السابقة (البوب). ما هو RouteAware وكيف يعمل RouteObserver؟RouteAware عبارة عن واجهة [&hellip;]
- [تعلّم كيف تجعل BottomNavigationBar يظهر في كل الشاشات في تطبيقات Flutter](https://geecoders.com/show-bottomnavigationbar-html/): تعلّم كيف تجعل BottomNavigationBar يظهر في كل الشاشات في تطبيقات Flutterيعد Flutter أحد أكثر أطر العمل شيوعًا لبناء تطبيقات الهاتف المحمول، وإحدى الميزات شائعة الاستخدام هي استخدام BottomNavigationBar للتنقل بين الشاشات المختلفة داخل التطبيق. في هذه المقالة سوف نقوم بحل مشكلة شائعة يواجهها العديد من المطورين عند التعامل مع BottomNavigationBar، وهي كيفية جعل BottomNavigationBar يظهر في جميع الشاشات، حتى لو لم تكن هذه الشاشات جزءًا من علامة التبويب الرئيسية، وكيفية الاحتفاظ بالحالة من BottomNavigationBar في كل خيار عند التنقل بين البطاقات.فقدان حالة علامة التبويب والتنقل بين الشاشاتالمشكلة التي يواجهها العديد من المطورين هي أنه عند الانتقال إلى شاشة أخرى في [&hellip;]
- [كيف تتبع اخطاء تطبيقك بعد اطلاقه بشكل Release عن طريق Firebase Crashlytics وحل مشاكله في flutter](https://geecoders.com/firebase-crashlytics-html/): كيف تتبع اخطاء تطبيقك بعد اطلاقه بشكل Release وحل مشاكله في flutterيعد Firebase Crashlytics أحد أفضل الأدوات المتاحة لمطوري Flutter لمراقبة وتحليل الأعطال التي تحدث في التطبيقات. يتيح لك Crashlytics تحديد المشكلات التي يواجهها المستخدمون في الوقت الفعلي، مما يساعد على تحسين أداء التطبيق وتحسين تجربة المستخدم. في هذا المقال سنشرح كيفقم بدمج Firebase Crashlytics في تطبيق Flutter خطوة بخطوة، مع التركيز على الأمثلة العملية والنصائح لتحسين التتبع. سنقوم أيضًا بالإجابة على الأسئلة الشائعة التي قد تواجهها أثناء عملية تسجيل الدخول. ما هو Firebase Crashlytics؟ لماذا تحتاجه؟Firebase Crashlytics هي أداة لفحص الأخطاء توفر تقارير مفصلة عن الأخطاء والمشكلات التي تحدث [&hellip;]
- [حل مشكله Native Splash Screen علي اندرويد ١٢ وما فوق في Flutter](https://geecoders.com/native-splash-screen-12-html/): حل مشكله Native Splash Screen علي اندرويد ١٢ وما فوق في Flutterفي عالم تطوير التطبيقات، يعتبر تصميم واجهة المستخدم (UI) وتجربة المستخدم (UX) من العوامل الأساسية التي تحدد نجاح التطبيق. مع إطلاق Flutter 2.5 وما بعده، أصبحت Native Splash Screens (شاشات التحميل الأصلية) جزءًا أساسيًا من تجربة المستخدم، خاصةً على أجهزة أندرويد 12 وما فوق. في هذه المقالة، سنتعرف على حل المشكله التي يقابلها المعظم وهيا التي تظهر في اندرويد ١٢ وما فوق ، والحل يكون عن طريق تصميم صورة بمقاس 960 بكسل باستخدام Figma، وكيفية تطبيقها كـ Native Splash Screen في تطبيقات Flutter.ما هي Native Splash Screen؟شاشة التحميل الأصلية [&hellip;]
- [كيفيه استخدام وردبريس بشكل محلي علي جهازك](https://geecoders.com/wordpress-local-html/): لا تحتاج إلى استضافة! شاهد كيف تشغل ووردبريس مباشرة من جهازك الشخصياستخدام ووردبريس بشكل محلي (Local) على جهازك يسمح لك بتطوير مواقعك أو تجربة تصاميم جديدة دون الحاجة إلى رفع كل شيء على الإنترنت. هذه الطريقة مثالية للمطورين والمصممين والمبتدئين أيضًا.كيفية فتح مشروع ووردبريس محليًا باستخدام XAMPP خطوة بخطوةهل تريد في تجربة أو تطوير مواقع ووردبريس على جهازك محليا دون الحاجة إلى شراء استضافة؟ الحل بسيط وسهل يمكنك استخدام اي برنامج لتحويل الجهاز لسيرفر محلي ومن اشهر هذه البرامج هو XAMPP، الذي يوفر بيئة خادم محلي لتشغيل ووردبريس كما لو كان على الإنترنت تمامًا. في هذا المقال، سنتعلم كيفية تشغيل [&hellip;]
- [شرح كيفيه تحويل Widgets إلى صور عالية الجودة باستخدام Flutter](https://geecoders.com/widget-to-image-html/): كيف تحول أي Widget في تطبيقك إلى صورة عالية الجودة؟كيف تحول اي Widget إلى صور بضغطة زر في فلاترتحويل الـ Widgets إلى صور داخل التطبيقات يعد ميزة قوية يمكن أن تُستخدم في العديد من السيناريوهات، مثل حفظ التذاكر الإلكترونية أو إيصالات الدفع بجودة عالية جاهزة للطباعة. في هذا المقال، سنوضح كيفية تحقيق ذلك باستخدام RepaintBoundary مع خطوات واضحة وأمثلة عملية. لماذا نحتاج إلى تحويل الـ Widgets إلى صور؟قبل الغوص في الكود، دعنا نفهم أولاً أهمية هذه الميزة:حفظ التذاكر والإيصالات : إذا كنت تعمل على تطبيق يعرض تذاكر الحفلات أو إيصالات الدفع، فإن السماح للمستخدم بحفظها كصور عالية الجودة يجعل العملية [&hellip;]
- [افضل حزمة يمكنك استخدامها لنباء تطبيق محادثه في flutter](https://geecoders.com/flutterchatui-html/): افضل حزمة يمكنك استخدامها لنباء تطبيق محادثه في flutterأصبح تطوير تطبيقات الدردشة جزءًا لا يتجزأ من تطوير التطبيقات الحديثة. تتطلب تطبيقات الدردشة تجربة مستخدم سلسة تسمح للمستخدمين بالتواصل والتفاعل الفوري، وإطار عمل Flutter هو أداة قوية تسمح للمطورين ببناء تطبيقات عبر المنصات بسهولة. flutter_chat_ لقد جعل تطور حزمة واجهة المستخدم ui تطوير واجهات دردشة جذابة وسلسة أمرًا بسيطًا وسريعًا. توضح هذه المقالة تفاصيل ميزات واستخدام حزمة flutter_chat_chat_ui وكيف يمكنها تحسين تجربة المستخدم لتطبيقات الدردشة الخاصة بك. ما هي Flutter؟Flutter هو إطار عمل مفتوح المصدر لتطوير واجهة المستخدم تم إنشاؤه من قِبل جوجل، يسمح للمطوّرين بإنشاء تطبيقات الهاتف المحمول (iOS و [&hellip;]
- [إنشاء عروض الأشجار التفاعلية باستخدام fancy tree view في Flutter](https://geecoders.com/fancytreeview-html/): إنشاء عروض الأشجار التفاعلية باستخدام fancy_tree_view في Flutterتُبسط مكتبة flutter_fancy_tree_view إنشاء عروض الأشجار التفاعلية (المعروفة أيضًا باسم واجهات المستخدم الهيكلية) داخل تطبيقات Flutter الخاصة بك. الميزات الرئيسية:تمثيل العقدة: يتم تمثيل كل عنصر في الشجرة بكائن FancyTreeNode. يمكنك تخصيص مظهر العقدة باستخدام خصائص مثل:title: النص المعروض للعقدة.leadingWidget: عنصر واجهة مستخدم يتم عرضه في بداية العقدة (غالبًا ما يكون رمزًا).trailingWidget: عنصر واجهة مستخدم يتم عرضه في نهاية العقدة (غالبًا ما يستخدم لوظيفة التوسيع / الانهيار).children: قائمة بالعقد الفرعية، مما يشكل التسلسل الهرمي.سلوك التوسيع / الانهيار: يمكن توسيع العقد أو انهيارها لكشف أو إخفاء أطفالها. استخدم خاصية expanded لـ FancyTreeNode للتحكم في حالتها [&hellip;]
- [تحسين اداء تطبيقات Flutter عن طريق تجنب العمليات المتكرره Debounce](https://geecoders.com/easydebounce-html/): تطوير تطبيقات الجوال باستخدام Flutter: تحسين الأداء مع مكتبة easy_debounceفي مجال تطوير تطبيقات الهاتف المحمول، يعد الأداء السلس والاستجابة السريعة من أهم العوامل التي تؤثر على تجربة المستخدم. من التحديات الشائعة التي يواجهها المطورون التعامل مع الأحداث المتكررة التي يمكن أن تؤدي إلى تكاليف تشغيلية باهظة. هذا هو المكان الذي تأتي فيه مكتبات الارتداد، كونها أداة مفيدة لتجنب إجراء العمليات المتكررة. وفي هذه المقالة سنشرح كيفية استخدام هذه المكتبة لتحسين أداء تطبيقات Flutter.ما هو Debounce ؟إنها تقنية تستخدم لتأخير تنفيذ عملية معينة حتى يتم تحديد انتهاء سلسلة من الأحداث. تعتبر هذه التقنية مفيدة بشكل خاص في المواقف التي يتم فيها [&hellip;]
- [تصميم ui/ux لمتطبيقك او موقعك بالذكاء الاصطناعي في وقت قياسي](https://geecoders.com/galileo-io-html/): كيف تستفاد من الذكاء الاصطناعي كمصمم واجهة المستخدم وتسهيل عملكفي عصرنا الحديث، أصبح الذكاء الاصطناعي (AI) جزءًا لا يتجزأ من حياتنا اليومية. يمكن رؤية تأثيره في كل مكان، من تطبيقات الهواتف الذكية إلى السيارات ذاتية القيادة.ومع تعقيد تقنيات الذكاء الاصطناعي المتزايد، يصبح فهمها وتعلمها أكثر صعوبة. هنا تأتي Galileo.ai إلى الصورة، كمنصة تعليمية شاملة تهدف إلى تسهيل تعلم الذكاء الاصطناعي للجميع، بغض النظر عن مستوى خبرتهم. فما هو Galileo.ai؟Galileo.ai هو موقع إلكتروني يوفر مجموعة واسعة من الموارد التعليمية حول الذكاء الاصطناعي.يتضمن الموقع:&#8211; دورات تدريبية: تقدم Galileo.ai مجموعة متنوعة من الدورات التدريبية حول مختلف مجالات الذكاء الاصطناعي، بدءًا من تعلم الآلة [&hellip;]
- [أخطاء قاتلة عند استخدام Git – وكيف يحميك SourceTree منها](https://geecoders.com/source-tree-html/): SourceTree: الأداة التي لا يعرفها 90% من المبرمجين ولكنها تغيّر كل شيءإذا كنت تعمل في تطوير البرمجيات أو التعاون على مشاريع تحتاج إلى تتبع التغييرات، فإنك حتمًا سمعت عن Git كأداة لا غنى عنها. لكن استخدام الأوامر النصية في الطرفية قد يكون تحديًا للمبتدئين أو حتى غير عملي أحيانًا.هنا يأتي دور SourceTree — أحد أفضل برامج الواجهة الرسومية المجانية التي تُسهل التعامل مع Git بشكل احترافي وبسهولة تامة. ما هي شجرة المصدر؟في عالم تطوير البرمجيات، يعد التحكم في الإصدار عنصرًا مهمًا في ضمان سير العمل بسلاسة وكفاءة. وهنا يأتي دور SourceTree، وهي أداة قوية وسهلة الاستخدام لإدارة أنظمة التحكم في [&hellip;]
- [أوامر Git السرية التي لا يخبرك بها أحد – اكتشفها الآن](https://geecoders.com/commands-html/): أوامر Git التي يجب أن يعرفها كل مبرمج – حتى لو كنت مبتدئا لا تبدأ مشروعك قبل قراءة هذا الدليل الشامل لأوامر GitGit هو نظام تحكم في الإصدارات (Version Control System) يستخدمه المطورون لتعقب التغييرات في ملفات المشروع بمرور الوقت، ويساعد في التعاون بين فرق العمل بشكل أكثر كفاءة. يتميز Git بالمرونة والقوة، ويستخدمه ملايين المبرمجين حول العالم.في هذه المقالة، سنستعرض أهم أوامر Git التي تحتاجها للبدء وحتى استخدامه بكفاءة في مشاريعك اليومية. أمر git config &#8211;global user.email يستخدم لتعيين البريد الإلكتروني الخاص بك على مستوى النظام لإستخدامه في جميع مستودعات Git التي تعمل عليها. بمعنى ان تقوم بعمل تعيين لبريد اساسي [&hellip;]
- [كيفيه رفع مشروعك على Github باستخدام اداة git](https://geecoders.com/push-project-github-html-2/): كيفيه رفع مشروعك على Github باستخدام اداة gitفي عصر التكنولوجيا والبرمجة، أصبح من الضروري أن يكون للمطورين وجود قوي على الإنترنت. واحدة من أفضل الطرق لتحقيق ذلك هي رفع مشاريعك البرمجية على GitHub ، المنصة التي تُعتبر بمثابة المنزل الثاني لكل مطور. في هذا المقال الحصري، سنقدم لك دليلاً خطوة بخطوة حول كيفية رفع مشروعك الذي طورته باستخدام Visual Studio Code (VSCode) على GitHub.ما هو GitHub ولماذا يجب عليك استخدامه؟GitHub هو منصة استضافة لمستودعات الكود المفتوح، حيث يمكن للمطورين تخزين مشاريعهم، التعاون مع الآخرين، وتتبع التغييرات التي تطرأ على الكود. سواء كنت تعمل على مشروع شخصي أو ضمن فريق، فإن [&hellip;]
- [حل جميع مشاكلك مع تثبيت Android Studio وSDK](https://geecoders.com/setting-android-studio-html-2/): دليل مفصل لتثبيت Android Studio وتكوين متغيرات البيئة بنجاحتثبيت واعداد ملفات اندرويد ستوديو بشكل صحيحيتطلب تطوير تطبيقات Android بيئة تطوير متكاملة تحتوي على جميع الأدوات اللازمة لإنشاء التطبيقات واختبارها وتصحيح أخطائها. Android Studio هو بيئة التطوير الرسمية التي توفرها Google للمطورين. في هذا الدليل، سنتعرف على خطوات تنزيل Android Studio وتثبيته، وإعداد Android SDK، وتكوين المسارات المناسبة في متغيرات بيئة النظام لديك.تنزيل وتثبيت أندرويد ستوديوالخطوة 1: تنزيل أندرويد ستوديو قم بزيارة موقع Android Studio الرسمي.اضغط على زر &#8220;تنزيل Android Studio&#8221;.اقرأ اتفاقية الترخيص وانقر على &#8220;لقد قرأت الشروط والأحكام المذكورة أعلاه وأوافق عليها&#8221;، ثم انقر على &#8220;تنزيل&#8221;.الخطوة 2: تثبيت أندرويد ستوديوافتح [&hellip;]
- [كيفية تحميل Java و JDK11 على نظام MacOs](https://geecoders.com/download-jdk-html-2/): كيفية تحميل Java و JDK11 على نظام MacOsإذا كنت مطورًا أو طالبًا مهتمًا بتطوير Java، فإن تثبيت الإصدار الصحيح من Java Development Kit (JDK) يعد خطوة أساسية. سنناقش في هذه المقالة بالتفصيل كيفية تثبيت JDK 11 على أنظمة تشغيل مختلفة، مع التركيز على الأوامر والإعدادات الضرورية.ما هو JDK 11؟ لماذا هو مطلوب؟JDK 11 هو إصدار طويل الأمد (LTS) من Java يوفر وظائف مستقرة وأداء محسنًا. أنت بحاجة إلى JDK لتطوير تطبيقات Java وتشغيلها باستخدام الأدوات والمكتبات القياسية.  كيف يمكنني التحقق من إصدار Java المثبت على جهازي؟للتحقق من تثبيت JDK، افتح الوحدة الطرفية واكتبjava -versionإذا تم عرض إصدار Java، فهذا يعني [&hellip;]
- [كيفية حذف JDK (Java Development Kit) من نظام macOS وWindows](https://geecoders.com/delete-jdk-java-html-2/): كيفية التخلص من JDK بسهولة ودون أخطاءإذا كنت مطورًا تتعامل مع Java أو أحد أدواتها مثل Android Studio أو IntelliJ، فقد تحتاج أحيانًا إلى إزالة إصدار معين من JDK لأغراض التحديث أو استكشاف الأخطاء أو التبديل بين الإصدارات. في هذا المقال، سنتعلم كيفية حذف JDK بالكامل من:✅ نظام macOS✅ نظام Windowsمع التأكد من إزالة كل الملفات المرتبطة بـ Java، مثل Java Control Panel وJava Plugin.حذف JDK على نظام MacOSافتح Terminal.انتقل إلى مجلد JDK الافتراضي:cd /Library/Java/JavaVirtualMachines اعرض الإصدارات المثبتة:lsسترى مجلدًا مثل:jdk-21.jdkاحذف مجلد JDK:sudo rm -rf /Library/Java/JavaVirtualMachines/jdk-21.jdk/احذف لوحة تحكم Java:sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPaneاحذف Java Plugin من المتصفح:sudo rm -rf /Library/Internet Plug-Ins/JavaAppletPlugin.pluginاحذف ملفات [&hellip;]
- [<div>حل مشكله Execution failed for task ':app:compileDebugJavaWithJavac'</div>](https://geecoders.com/compiledebugjavawithjavac-html-2/): حل مشكله Execution failed for task &#8216;:app:compileDebugJavaWithJavac&#8217;رسالة الخطأ تعني أن عملية تجميع كود Java أثناء بناء تطبيقك (غالبًا Flutter/Android) فشلت. هذه رسالة عامة، والسبب الحقيقي يكون في السطر أو السطور التالية لها في الـ Log أو Build Output.تأكد من تثبيت JDK 11استخدم الأمر التالي في المحطة الطرفية أو موجه الأوامر للتحقق من تثبيت Java 11: java -versionعلى نظام التشغيل Windows:JAVA_HOME=C:Program FilesJavajdk-11على نظام التشغيل MacOS أو Linuxعن طريق كتابه open .zshrc وفتح الملف ووضع بداخله المحتويات المطلوبهexport JAVA_HOME=/path/to/jdk-11export PATH=$JAVA_HOME/bin:$PATHثم قم بتطبيق التغييرات:source ~/.bashrc | source .zshrcضبط إعدادات Gradleافتح ملف gradle-wrapper.properties وتأكد من تحديث سطر DistributionUrl ليبدو كما يلي:distributionUrl=https://services.gradle.org/distributions/gradle-8.9-all.zipقم بتحديث إعدادات البرنامج [&hellip;]
- [كيف تبني تطبيقات Flutter أسرع باستخدام Snippets](https://geecoders.com/snippet-html/):   كيف تبني تطبيقات Flutter أسرع باستخدام Snippetsإذا كنت مطورًا يستخدم Flutter وAndroid Studio، فإن استخدام Snippets يمكن أن يكون أداة قوية لتوفير الوقت وزيادة الإنتاجية. سنتناول في هذا المقال مفهوم Snippets وكيفية إنشائها وأهميتها في تطوير تطبيقات Flutter، مع تقديم شرح تفصيلي وخطوات عملية.ما هو Snippets؟مقتطف التعليمات البرمجية (Snippets) هو جزء قابل للتكرار من التعليمات البرمجية التي تم تعريفها مسبقًا في بيئة التطوير لتسهيل كتابة التعليمات البرمجية المتكررة. بدلاً من كتابة نفس الرمز مرارًا وتكرارًا، يمكنك كتابة اختصار محدد لاستبداله تلقائيًا بالرمز الكامل.أمثلة على المقتطفات الشائعة:stl: إنشاء أداة عديمة الحالة.stf: إنشاء StatefulWidget.ما الاستفاده من هذه الاخصارات ؟1. تسريع عملية [&hellip;]
- [أفضل طريقة لعرض شاشة هاتف الأندرويد على الكمبيوتر بشكل سريع](https://geecoders.com/scrcpy-screen-html/): أفضل طريقة لعرض شاشة هاتف الأندرويد على الكمبيوتر بشكل سريعيعد Scrcpy أحد أقوى الأدوات المجانية والمفتوحة المصدر للتحكم في أجهزة Android عبر الكمبيوتر الشخصي. سواء كنت مطورًا يبحث عن طريقة فعالة لاختبار تطبيقاتك أو مستخدمًا عاديًا يريد عرض شاشة هاتفك على جهاز الكمبيوتر الخاص بك، فإن Scrcpy يمنحك العديد من الميزات المتقدمة بطريقة بسيطة. إنه فعال.في هذا المقال الشامل سنغطي كافة التفاصيل حول برنامج Scrcpy وكيفية استخدامه ومميزاته وأهم الأسئلة التي قد تخطر على بالك. نحن ننظر أيضًا في كيفية تحسين تجربة المستخدم لتحقيق أقصى استفادة من هذه الأداة الرائعة.ما هو Scrcpy ؟Scrcpy هو برنامج مفتوح المصدر تم تطويره بواسطة [&hellip;]
- [لماذا لا تعمل ملفات SVG الخاصة بك في Flutter؟ اكتشف الأسباب والحلول](https://geecoders.com/fix-svg-file-html/): لماذا لا تعمل ملفات SVG الخاصة بك في Flutter؟ اكتشف الأسباب والحلول لماذا لا تعمل ملفات SVG الخاصة بك في Flutter؟ اكتشف الأسباب والحلولإذا قمت بتطوير تطبيقات باستخدام Flutter، فقد تواجه مشاكل عند استخدام ملفات SVG. في بعض الأحيان لا تظهر الصور أو تظهر بألوان مختلفة عن تلك التي قمت بتنزيلها. هذه المشكلة شائعة بين المطورين، لكن لا تقلق لأن هناك أسباب واضحة وحلول مضمونه. لماذا قد تكون هذه مشكلة مع SVG في Flutter؟لا يتعرف Flutter على بعض العلاماتفي بعض الحالات، قد لا يتعرف Flutter على بعض العلامات في ملف SVG. قد لا تكون هذه العلامات مدعومة أو تتطلب معالجة إضافية [&hellip;]
- [Windsurf واحد من اشهر ادوات vibe coding لتسريع عملية التطوير للمبرمجين](https://geecoders.com/w-html-2/): Windsurf واحد من اشهر ادوات vibe coding لتسريع عملية التطوير للمبرمجينفي عصر التكنولوجيا السريعه والمتغيره بشكل مستمر، آصبح الاحتياج إلى أدوات مبتكرة تساعد المبرمجين على تحسين كفاءتهم وجودة عملهم أكثر إلحاحًا من أي وقت مضى. هنا يأتي دور برنامج Windsurf وهو منافس قوي Cursor ، الذي يعتبر أداة متقدمة وشاملة تم تصميمها خصيصًا لدعم المطورين في تحقيق أقصى استفادة من وقتهم وجهودهم. إذا كنت مبرمجًا وتبحث عن وسيلة لتبسيط العمليات الصعبه والتي تحتاج لتفكير وجهد وتحسين جودة الكود الخاص بك، فإن برنامج Windsurf هو الخيار المثالي لك.ما هو برنامج Windsurf؟برنامج Windsurf هو Tool برمجية متعددة الوظائف تهدف إلى تسهيل عملية [&hellip;]
- [كيفيه توفير مساحه لجهازك mac للمبرمجين !](https://geecoders.com/size-mac-xcode-html-2/): كيفيه توفير مساحه لجهازك mac للمبرمجين !بعد فتره من استعمالك لجهازك ومع كثرة التحديثات سوف تلاحظ ان المساحه لديك الخاص بالجهاز تقل مع العلم انه لم تقم بتحميل الكثير من الملفات والسبب يرجع لعدة اسباب ولكن لا تقلق في مقاله اليوم سوف اخبرك كيف تقوم بحل هذه المشكله بكل سهوله وبدون معاناه .حذف الملفات القديمة أو غير المستخدمةالملفات القديمة : غالبًا ما يتم إنشاء ملفات مؤقتة أو نسخ احتياطية أثناء استخدام التطبيقات المختلفة. هذه الملفات قد تكون قديمة وغير ضرورية بعد فترة زمنية معينة. التطبيقات القديمة : إذا كنت لا تستخدم تطبيقًا معينًا منذ فترة طويلة، يمكنك حذفه للحصول على [&hellip;]
- [لماذا زاد حجم تطبيقات Android بعد SDK Version 23؟](https://geecoders.com/reduce-app-size-html/):  لماذا زاد حجم تطبيقات Android بعد SDK Version 23؟ منذ الإصدار 23 من Android SDK، لاحظ العديد من المطورين زيادة في حجم ملفات التطبيق أثناء عمليات الإنشاء. ويرجع ذلك إلى التغييرات في طريقة التعامل مع المكتبات الأصلية في ملفات APK. ولكن ما الذي تغير بالضبط ولماذا أصبحت التطبيقات أكبر وأكبر؟ ما هو دور المكتبات المحلية في زيادة حجم APK؟قبل إصدار Android Gradle Plugin 3.6.0، تم تخزين المكتبات الأصلية التي يعتمد عليها التطبيق في ملف APK مضغوط. الافتراضي لهذه الخاصية هو Android&#8221;حقيقي&#8221;. ولكن بعد التحديث، خاصة مع Android Gradle Plugin 3.6.0 أو الإصدارات الأحدث، أصبح الإعداد الافتراضي هو &#8220;android=&#8221;false&#8221;.وقد تسبب هذا التغيير [&hellip;]
- [كيفية حل مشكلة Intel HAXM Installed Successfully But Not Working](https://geecoders.com/intel-haxm-html-2/): كل ما تحتاج معرفته لحل مشكلة Intel HAXM المثبت ولكن لا يعملكيفية حل مشكلة &#8220;تم تثبيت Intel HAXM بنجاح ولكن لا يعمل&#8221;.في عالم تطوير البرمجيات، يواجه العديد من المطورين مشكلات متعددة تتعلق بتثبيت الأدوات والبرامج الضرورية لبيئة التطوير الخاصة بهم. إحدى المشكلات الشائعة هي مشكلة &#8220;تم تثبيت Intel HAXM بنجاح ولكن لا يعمل&#8221;. يعد Intel HAXM (مدير تنفيذ تسريع الأجهزة) أداة مهمة لتسريع محاكاة جهاز Android على جهاز الكمبيوتر. وسنتناول في هذا المقال كيفية حل هذه المشكلة بعدة طرق وخطوات تفصيلية مقدمة إلى إنتل HAXMقبل أن نبدأ في حل المشكلة، دعونا أولاً نفهم Intel HAXM وأهميته في تطوير التطبيقات:ما هو [&hellip;]
- [لماذا تظهر بياناتك المخزنة في Shared Preferences بعد حذف التطبيق؟ وحل المشكلة للمبرمجين](https://geecoders.com/save-shared-preferences-html/): حل مشكله ظهور البيانات المخزنة في Shared Preferences بعد حذف التطبيق للاندرويد؟حل مشكله ظهور البيانات المخزنة في Shared Preferences بعد حذف التطبيق للاندرويد؟ هل حدث معك من قبل أنك كنت تعمل على تطبيق Android وتستخدم Shared Preferences، ثم قمت بإزالة التطبيق وأعدت تثبيته، وفوجئت بأن البيانات التي خزنتها في Shared Preferences لا تزال موجودة؟ هذا السيناريو قد يبدو غريبًا، لكنه يحدث كثيرًا! وفي بعض الحالات، يمكن أن يمر دون مشاكل إذا كانت البيانات المحدثة، ولكن في حالات أخرى قد تواجه مشكلة إذا كانت البيانات القديمة، مما قد يؤدي إلى أخطاء كبيرة في التطبيق. 🤔 ما الذي يحدث فعليًا عند إعادة تثبيت [&hellip;]
- [أسباب مشكلة Hot Reload في Flutter وكيفية تجنبها](https://geecoders.com/hot-reload-html/): أسباب مشكلة Hot Reload في Flutter وكيفية تجنبهاHot Reload لا يعمل؟ جرب هذه الحلول الفعّالة الآن!في عالم تطوير البرمجيات، تُعتبر ميزة Hot Reload واحدة من أكثر الخصائص فاعلية لتسريع عملية التطوير. فهي تسمح للمطورين بإجراء تغييرات على كتابه الكود ورؤية النتائج مباشره دون الحاجة إلى إعادة تشغيل التطبيق بالكامل. ومع ذلك، يواجه بعض المبرمجين مشكلة شائعة تتمثل في إعادة تشغيل التطبيق من البداية عند استخدام Hot Reload، خاصة عند العمل مع FutureBuilder في Main. في هذه المقالة، سنتناول معكم اشهر أسباب هذه المشكلة وكيفية حلها.ما هي مشكلة Hot Reload ؟عند استخدام Hot Reload في تطبيقات Flutter أو أي إطار عمل [&hellip;]
- [كيفية إضافة مكتبات Flutter محليًا على نظامي التشغيل macOS وWindows](https://geecoders.com/local-lib-flutter-html/):  كيفية إضافة مكتبات Flutter محليًا على نظامي التشغيل macOS وWindows باستخدام ملفاتعند تطوير تطبيقات Flutter، قد ترغب أحيانًا في استخدام مكتبات محلية مخصصة بدلاً من تنزيلها من الإنترنت، خاصة إذا كنت تستخدم مكتبة تقوم بتطويرها أو تريد تعديلها لتناسب احتياجاتك. سنشرح في هذه المقالة كيفية إعداد مكتبة Flutter محليًا باستخدام ملف .pub-cache على نظامي التشغيل macOS وWindows. ما هو ملف .pub-cache؟ملف .pub-cache هو الدليل الذي يتم فيه تخزين كافة المكتبات (الحزم) المثبتة باستخدام pub.dev. عند إضافة مكتبة محلية، يمكنك توجيه Flutter لاستخدام نسخة محلية من المكتبة بدلاً من تنزيلها من الإنترنت.أضف مكتبات أصلية على نظام التشغيل macOSفي البدايه انتقل الي [&hellip;]
- [كيف تقوم برفع مشروعك في Node.js علي Vercel بابسط الطرق](https://geecoders.com/upload-project-on-vercel-html/): كيف تتجنب الأخطاء الشائعة عند رفع مشروعك على Vercelكيف تقوم برفع مشروعك في Node.js علي Vercel بابسط الطرقإذا كنت مطورًا وتبحث عن طريقة سهلة وفعّالة لنشر مشروع Node.js الخاص بك على الإنترنت، فإن Vercel هي واحدة من أفضل المنصات التي يمكنك الاعتماد عليها. سواء كنت تستخدم مكتبة Vercel مباشرة أو تدمج مشروعك مع GitHub، فإن هذا الدليل الشامل سيأخذك خطوة بخطوة لرفع تطبيقك بنجاحما هو Vercel ولماذا نستخدمه لمشاريع Node.js؟Vercel هي منصة نشر حديثة مصممة لتسهيل عملية نشر تطبيقات الويب، بما في ذلك مشاريع Node.js. تتميز بسهولة الاستخدام، دعم النشر التلقائي، إدارة النطاقات المخصصة، وتوفير بيئة إنتاجية قوية. بالإضافة إلى [&hellip;]
- [إرسال رسائل بريد إلكتروني بسهولة باستخدام SendMail API في Nodejs](https://geecoders.com/sendmail-nodejs-html/):   ارسال email لاي شخص بدون كتابة كود backend باستخدام apiتعتبر عملية إرسال رسائل البريد الإلكتروني جزءًا أساسيًا من العديد من التطبيقات الحديثة، سواء كانت هذه التطبيقات تُستخدم لتأكيد الحسابات، إرسال الإشعارات، أو حتى إرسال التقارير. في بيئة Node.js، هناك العديد من المكتبات والخدمات التي تسهّل إرسال البريد الإلكتروني برمجيًا. واحدة من هذه الأدوات هي SendMail API ، وهي واجهة برمجية تتيح للمطورين إرسال رسائل البريد الإلكتروني بطريقة سهلة وفعالة.هل تبحث عن طريقة سهلة لإرسال بريد إلكتروني من أي لغة؟ إذا كان الأمر كذلك، فقد يكون SendMail API هو ما تبحث عنه,هو api مش مكتبة زى email.js ، بالتالى ممكن [&hellip;]
- [Snippets في Postman: الأداة التي لا يتحدث عنها أحد ولكن الجميع يحتاجها](https://geecoders.com/snippets-postman-html-2/):  استخدام Snippets في Postman: أداة قوية لكتابة طلبات API بسهولةفي عالم تطوير البرمجيات الحديث، يعتبر التواصل مع واجهات برمجة التطبيقات (APIs) جزءًا لا غنى عنه من أي مشروع تقريبًا. ومع ذلك، فإن كتابة الطلبات يدوياً يمكن أن يكون مرهقًا ويستغرق وقتًا طويلاً. هنا يأتي دور Postman ، الأداة التي أصبحت جزءًا أساسيًا من حياة المطورين. لكن ماذا لو كان بإمكانك تسريع هذه العملية بشكل أكبر؟ الإجابة تكمن في استخدام Snippets . تُعدّ منصة Postman أداة قوية لتطوير واختبار واجهات برمجة التطبيقات (APIs), يُواجه مطورو البرامج الحاجة إلى كتابة طلبات API متكررة، مما قد يتطلب كتابة نفس الكود مرارًا وتكرارًا, يُقدم [&hellip;]
- [كيف تضيف أكثر من لغة لتطبيقك باستخدام Nodejs](https://geecoders.com/multilanguage-nodejs-html/): كيف تضيف أكثر من لغة لتطبيقك باستخدام Nodejsكيفية إنشاء تطبيق متعدد اللغات في دقائق باستخدام Node.jsفي عالم التكنولوجيا الحديثة، أصبحت تطبيقات الويب والبرمجيات أكثر تشعبًا وانتشارًا عبر الحدود الجغرافية. لذا، أصبحت الحاجة إلى تقديم تجربة مستخدم مخصصة لكل لغة أو ثقافة أمرًا ضروريًا لتحقيق النجاح العالمي. في هذا المقال، سنستعرض كيفية إضافة دعم متعدد اللغات (Internationalization &#8211; اختصارًا i18n) إلى مشروعك باستخدام حزمة i18n في بيئة Node.js.ما هي Internationalization (i18n)؟قبل الغوص في التفاصيل التقنية، دعنا نفهم ما تعنيه كلمة &#8220;Internationalization&#8221;. هو مصطلح يشير إلى تصميم البرامج بحيث يمكنها دعم لغات وثقافات متعددة دون الحاجة إلى إعادة كتابة الكود. يتم تحقيق [&hellip;]
- [شرح استخدم Environment لتخزين URL في Postman](https://geecoders.com/environment-postman-html/):  شرح استخدم Environment لتخزين URL في Postmanتُعدّ منصة Postman أداة قوية لتطوير واختبار واجهات برمجة التطبيقات (APIs) , يُواجه مطورو البرامج الحاجة إلى استخدام عناوين URL مختلفة في بيئات مختلفة (مثل الإنتاج والاختبار). واحدة من أهم الميزات التي يقدمها Postman هي القدرة على إدارة المتغيرات باستخدام Environments (البيئات). هذه الميزة تساعد في تنظيم العمل وتقليل التكرار، خاصة عند التعامل مع عناوين URL المختلفة أو الإعدادات التي تتغير بناءً على البيئة المستخدمة (مثل البيئة المحلية، البيئة التجريبية، أو البيئة الإنتاجية).في هذا المقال، سنشرح كيفية استخدام البيئة (Environment) لتخزين عنوان URL في Postman وكيف يمكن أن يُسهم ذلك في تحسين كفاءة العمل.يُقدم [&hellip;]
- [كيفية الحصول على عنوان السيرفر من ملف .env لحماية البيانات في Node.js](https://geecoders.com/env-nodejs-html/): لا تتجاهل ملف .env!.. هذا ما يحدث لتطبيقاتك إذا فعلتكيفية الحصول على عنوان السيرفر من ملف .env لحماية البيانات في Node.jsفي عالم تطوير الويب، تُعد حماية البيانات الحساسة مثل كلمات المرور وعناوين السيرفرات من الأولويات القصوى. عند بناء تطبيقات باستخدام Node.js ، يُنصح دائمًا بتجنب كتابة البيانات الحساسة مباشرة في الكود (Hardcoding) لتجنب التسريبات الأمنية. هنا يأتي دور ملف .env، الذي يُستخدم لتخزين المتغيرات البيئية بشكل آمن. في هذا المقال، سنستعرض خطوات استخراج عنوان السيرفر من ملف .env في Node.jsما هو ملف .env؟ملف .env (Environment Variables File) هو ملف نصي يُستخدم لتخزين إعدادات البيئة مثل: عناوين قواعد البيانات.مفاتيح APIs.معلومات الاتصال [&hellip;]
- [شرح استخدام Socket.io في مشروع Nodejs لبناء مشروع chat](https://geecoders.com/socketio-nodejs-html/): كيف تبني تطبيق دردشة فوري باستخدام Socket.IO وNode.jsSocket.io هي مكتبة JavaScript تُستخدم لبناء تطبيقات ويب تفاعلية في الوقت الفعلي. تُتيح هذه المكتبة للعملاء والخوادم التواصل مع بعضهم البعض بشكل مباشر، مما يسمح بإنشاء تطبيقات ويب ديناميكية تُحدث نفسها تلقائيًا دون الحاجة إلى إعادة تحميل الصفحة.المقبس.io: مكتبة جافا سكريبت تسمح بالاتصال ثنائي الاتجاه بين خوادم Node.js وعملاء الويب. يوفر Switch.io طريقة بسيطة للاتصال الفوري بين الخوادم والعملاء، مما يسمح بتطبيقات الويب الديناميكية والتفاعلية في الوقت الفعلي. مميزات استخدام Socket.io:تواصل في الوقت الفعلي:تُتيح Socket.io للعملاء والخوادم التواصل مع بعضهم البعض بشكل مباشر دون الحاجة إلى إعادة تحميل الصفحة.سهولة الاستخدام:تُقدم Socket.io واجهة برمجة [&hellip;]
- [شرح كيفية التعامل مع رفع الصور داخل nodejs باستخدام multer](https://geecoders.com/multer-nodejs-html/): تعرف على مكتبة Multer: الحل الأمثل لتحميل الملفات في Node.jsكيفية التعامل مع رفع الصور داخل Node.js باستخدام MulterMulter هي مكتبة NodeJS شهيرة لمعالجة تحميل الملفات. في عالم تطوير الويب، يعد رفع الملفات من العمليات الشائعة التي يحتاج إليها العديد من التطبيقات. سواء كنت تعمل على نظام لإدارة المحتوى أو تطبيقًا للتواصل الاجتماعي، فإن القدرة على رفع الصور والملفات بسهولة هي ميزة أساسية. في هذا المقال، سنناقش كيفية استخدام مكتبة Multer في Node.js لمعالجة تحميل الملفات بشكل فعال. تُسهل Multer عملية تحميل الملفات إلى خادم NodeJS وتوفر ميزات إضافية مثل التحقق من صحة الملفات وتغيير اسم الملف وحفظ الملفات في مواقع [&hellip;]
- [شرح أنشاء Token للمستخدم بإستخدام JSON Web Token (JWT) في Node.js : شرح شامل](https://geecoders.com/jwt-nodejs-html/): هل تريد تأمين تطبيقك؟ إليك كيفية استخدام JWT في Node.jsشرح أنشاء Token للمستخدم بإستخدام JSON Web Token (JWT) في Node.js : شرح شاملفي عصر التطبيقات الويبية المتطورة، يزداد الاعتماد على تقنيات المصادقة والتفويض لضمان أمان البيانات والحفاظ على خصوصية المستخدمين. من بين هذه التقنيات، برز JSON Web Token (JWT) كحل فعال لتأمين الوصول إلى التطبيقات وواجهات برمجة التطبيقات (APIs). ما هو JSON Web Token؟هو معيار مفتوح لتبادل المعلومات بشكل آمن بين التطبيقات عبر الإنترنت. يتكون من ثلاثة أجزاء:الرأس (Header): يحتوي على معلومات حول توقيع الرمز وخوارزمية التشفير المستخدمة.الحمولة (Payload): تحتوي على بيانات المستخدم مثل اسم المستخدم ومعرف المستخدم ودوره.التوقيع (Signature): [&hellip;]
- [شرح مكتبة bcryptjs لإنشاء كلمة مرور محمية في مشروع nodejs](https://geecoders.com/bcryptjs-nodejs-html/): خطوات بسيطة لتأمين تطبيق Node.js باستخدام bcryptjs لماذا يعتبر bcryptjs الخيار الأمثل لأمان كلمات المرور في عالم تطوير الويب، حماية بيانات المستخدمين تعد من أهم الأولويات. واحدة من أكثر البيانات فك تشفير كلمة المرور ومقارنتها بمدخلات المستخدم في nodejs التي يجب حمايتها هي كلمات المرور. تخزين كلمات المرور بصيغتها الأصلية (PlainText) يُعتبر خطرًا كبيرًا، حيث يمكن أن يؤدي إلى تسريب البيانات في حال حدوث اختراق أمني. لذا، يتم استخدام تقنيات التشفير والتشفير المُلح (Hashing and Salting) لحماية كلمات المرور.مكتبة bcryptjs هي واحدة من أكثر المكتبات شيوعًا وفعالية في معالجة كلمات المرور بطريقة آمنة داخل تطبيقات Node.js . في هذه المقالة، سنستعرض [&hellip;]
- [شرح استخدام مكتبة express-validator في NodeJs](https://geecoders.com/express-validator-html/): تعلم التحقق من البيانات باستخدام express-validator في Node.js خطوة بخطوةكيفية إدارة أخطاء التحقق من البيانات باستخدام express-validator في Node.jsهل تواجه صعوبة في كتابة أكواد التحقق من صحة بيانات الإدخال في تطبيق Express.js؟ لا داعي للقلق! مع مكتبة express-validator، ستتمكن من التحقق من صحة بيانات الإدخال بسهولة وكفاءة، مما يوفر عليك الوقت ويُقلل من الأخطاء ، ولن تحتاج الى شركة تصميم تطبيقات الجوالحتى تتمكن من عمل واجهات برمجة التطبيقات فقط يمكنك تنفيذ واجهة api قوية من خلال الدروس التي نقدمها لكم على موقع جي كودرساذا كنت تبحث عن backend android او حتى برمجه مواقع يمكنك القيام بذلك من خلال عمل باك [&hellip;]
- [حل مشكلة Cross-Origin Sharing في دقائق باستخدام CORS وNode.js](https://geecoders.com/nodejs-cor-html/): كيف تتجنب أخطاء CORS الشائعة عند تطوير APIs باستخدام Node.jsكل ما تريد معرفتة عن Cors في NodeJs لإنشاء واجهات برمجة التطبيقاتفي عالم تطوير الويب الحديث، أصبحت واجهات برمجة التطبيقات (APIs) جزءًا أساسيًا من بناء التطبيقات. ومع ذلك، عند إنشاء API باستخدام تقنيات مثل Node.js، قد تواجه مشكلة تتعلق بالأمان والوصول بين المتصفحات والمصادر المختلفة. هنا يأتي دور CORS (Cross-Origin Resource Sharing) ، وهي تقنية تُستخدم للتحكم في كيفية تبادل البيانات بين مصادر مختلفة. في هذا المقال، سنتناول كل ما تحتاج إلى معرفته حول CORS في Node.js، بما في ذلك مفهومها، أهميتها، وكيفية استخدام مكتبة CORS لتسهيل عملية إنشاء واجهات برمجة [&hellip;]
- [كيف تستخدم Swagger لتوثيق APIs في مشروعك](https://geecoders.com/swagger-nodejs-html/): كيفية إضافة Swagger في مشروع Node.jsلا تضيع الوقت في كتابة الوثائق يدويًا! إضافة Swagger إلى Node.js بهذه الطريقة السحريةفي عالم تطوير البرمجيات، يعد التوثيق جزءًا أساسيًا من بناء واجهات برمجة التطبيقات (APIs) الناجحة. ومع ذلك، فإن كتابة التوثيق يدويًا قد يكون مرهقًا ويستهلك الكثير من الوقت. هنا يأتي دور Swagger ، أداة قوية تساعد المطورين على توثيق واجهات برمجة التطبيقات بشكل تلقائي وسريع. في هذا المقال، سنستعرض كيفية إضافة Swagger إلى مشروع Node.js.ما هو Swagger؟Swagger هو إطار عمل مفتوح المصدر يُستخدم لإنشاء وثائق APIs بطريقة سهلة ومتكاملة. يتيح Swagger للمبرمجين إنشاء واجهة رسومية تفاعلية تعرض جميع النقاط النهائية (endpoints) لواجهة [&hellip;]
- [شرح flutter_dotenv في Flutter لإدارة ملفات env خطوة بخطوة](https://geecoders.com/flutter-dotenv-in-flutter/): شرح flutter_dotenv في Flutter لإدارة ملفات env خطوة بخطوة flutter_dotenv في Flutter من أفضل الطرق لإدارة الإعدادات القابلة للتغيير داخل تطبيقك، مثل روابط الخوادم، مفاتيح الخدمات، إعدادات التتبع، أو أي قيم لا تريد كتابتها مباشرة داخل الكود. إذا كنت تطوّر تطبيق Flutter وتريد فصل الإعدادات عن الشيفرة المصدرية، فمكتبة flutter_dotenv تمنحك طريقة بسيطة ومرنة للتعامل مع ملفات .env داخل المشروع. في هذا المقال سنتعلم شرح flutter_dotenv في Flutter خطوة بخطوة، بداية من التثبيت، ثم إنشاء ملف .env، وتحميله داخل التطبيق، واستخدام القيم داخل Dart، بالإضافة إلى التعامل مع Android و iOS وأفضل الممارسات المهمة. ما هي مكتبة flutter_dotenv؟ مكتبة flutter_dotenv [&hellip;]
- [شرح رفع APK إلى Slack باستخدام GitHub Actions في Flutter](https://geecoders.com/upload-apk-to-slack-using-github-actions/): شرح رفع APK إلى Slack باستخدام GitHub Actions في Flutter Flutter في عالم تطوير التطبيقات الحديثة، أصبحت الأتمتة جزءًا مهمًا جدًا من أي فريق تطوير، خصوصًا عندما يكون الفريق يعمل على تطبيقات يتم تحديثها بشكل مستمر. بدل ما كل مرة تعمل فيها push على GitHub تقوم ببناء التطبيق يدويًا وترفع ملف APK للفريق، تقدر تخلي العملية كلها تتم تلقائيًا باستخدام GitHub Actions. في المقال ده هنتعلم خطوة بخطوة إزاي نعمل CI/CD لتطبيق Flutter بحيث يتم بناء ملف APK تلقائيًا عند كل Push على فرع معين، وبعدها يتم رفع الملف مباشرة إلى قناة Slack باستخدام Slack API. المشكلة التي نريد حلها [&hellip;]
- [شرح مكتبة premium_otp_input لإنشاء شاشة OTP احترافية في Flutter](https://geecoders.com/premium-tp-input/): شرح مكتبة premium_otp_input لإنشاء شاشة OTP احترافية في Flutter تعتبر شاشة إدخال رمز التحقق OTP (One-Time Password) من أهم الشاشات الموجودة داخل تطبيقات Flutter الحديثة، حيث يتم استخدامها في تسجيل الدخول، وإنشاء الحسابات، واستعادة كلمات المرور، وتأكيد العمليات الحساسة. وتوفر مكتبة premium_otp_input حلاً جاهزًا لإنشاء حقول إدخال OTP بتصميم احترافي وقابل للتخصيص، مع دعم كامل لخصائص Flutter الحديثة مثل تغيير الألوان، والتحكم في عدد الخانات، وإدارة التركيز بين الحقول بشكل تلقائي. بدلاً من إنشاء حقول TextField متعددة وإدارة الانتقال بينها يدويًا، يمكن الاعتماد على premium_otp_input للحصول على واجهة مستخدم احترافية باستخدام عدد قليل من الأسطر البرمجية. في هذا المقال سنتعرف [&hellip;]
- [شرح Prisma في Node.js خطوة بخطوة: كل اللي محتاج تعرفه](https://geecoders.com/prisma-with-nodejs-step-by-step/): شرح Prisma في Node.js خطوة بخطوة: كل اللي محتاج تعرفه لو إنت شغال بـ Node.js وبتتعامل مع قواعد بيانات زي MySQL أو PostgreSQL أو SQLite، فأكيد قابلتك مشكلة كتابة استعلامات SQL كتير ومعقدة. هنا بييجي دور Prisma، وهي واحدة من أقوى الأدوات اللي بتسهل التعامل مع قواعد البيانات داخل تطبيقات Node.js بطريقة نظيفة وسريعة وآمنة. في المقال ده هنتعرف على Prisma في Node.js خطوة بخطوة، بداية من التثبيت، مرورًا بإنشاء الـ Models، وتشغيل الـ Migration، لحد بناء API كامل باستخدام Express و Prisma. يعني إيه Prisma؟ Prisma هي أداة ORM حديثة بتخليك تتعامل مع قاعدة البيانات باستخدام JavaScript أو TypeScript [&hellip;]
- [بناء متجر إلكتروني باستخدام React و Redux Toolkit خطوة بخطوة](https://geecoders.com/redux-toolkit/): بناء متجر إلكتروني باستخدام React و Redux Toolkit خطوة بخطوة اصنع متجر إلكتروني كامل بـ React و Redux Toolkit مع سلة مشتريات احترافية في هذا المقال ستتعلم طريقة إنشاء متجر إلكتروني بسيط باستخدام React و Redux Toolkit و React Router و Bootstrap. سنقوم بعرض المنتجات داخل Cards، وإنشاء صفحة تفاصيل المنتج، وإضافة المنتجات إلى سلة المشتريات، مع حساب الكمية والإجمالي وحذف المنتجات من السلة بطريقة عملية ومنظمة. شرح ملف تشغيل التطبيق الرئيسي في React هذا الجزء هو نقطة البداية لتشغيل تطبيق React. يتم فيه استيراد ملفات Bootstrap الخاصة بالتصميم والتفاعل، ثم يتم تشغيل التطبيق داخل العنصر الذي يحمل المعرف root. [&hellip;]
- [شرح React createAsyncThunk لجلب البيانات من API وعرض حالات التحميل والنجاح والفشل](https://geecoders.com/react-createasyncthunk/): شرح React createAsyncThunk لجلب البيانات من API وعرض حالات التحميل والنجاح والفشل عند بناء تطبيقات React الحقيقية، غالبًا ستحتاج إلى جلب البيانات من API خارجي، مثل عرض المنتجات أو المستخدمين أو الطلبات أو المقالات. وهنا تظهر أهمية React createAsyncThunk داخل Redux Toolkit، لأنها تساعدك على تنظيم عمليات جلب البيانات بطريقة واضحة، مع التعامل مع حالات الانتظار والنجاح والفشل بسهولة. بدلًا من كتابة أكواد كثيرة لإدارة حالة التحميل والخطأ والبيانات، توفر لنا Redux Toolkit دالة createAsyncThunk التي تنشئ بشكل تلقائي ثلاث حالات مهمة لأي طلب API وهي: pending و fulfilled و rejected. وهذا يجعل الكود أكثر ترتيبًا وأسهل في الصيانة. في [&hellip;]
- [شرح React Redux Toolkit لبناء حاسبة السعر والضريبة خطوة بخطوة](https://geecoders.com/react-redux-toolkit/): شرح React Redux Toolkit لبناء حاسبة السعر والضريبة خطوة بخطوة تعد مكتبة React Redux Toolkit من أفضل الأدوات الحديثة لإدارة الحالة داخل تطبيقات React، خصوصًا عندما يكبر المشروع وتصبح البيانات مشتركة بين أكثر من مكون. بدلًا من تمرير البيانات يدويًا بين المكونات، يمكننا استخدام Redux Toolkit لإنشاء Store مركزي يحتوي على البيانات ويتم تحديثه بطريقة منظمة وسهلة. في هذا المقال سنشرح كيفية استخدام React Redux Toolkit من خلال مثال عملي بسيط: مربع لإدخال السعر، ومربع لإدخال قيمة الضريبة، ثم إظهار الإجمالي النهائي تلقائيًا. توصي وثائق Redux الرسمية باستخدام Redux Toolkit لأنه يقلل الكود المتكرر ويوفر configureStore وcreateSlice بطريقة أسهل من [&hellip;]
- [شرح Lifecycle في React ودورة حياة المكونات باستخدام useEffect](https://geecoders.com/react-lifecycle-useeffect/): شرح Lifecycle في React ودورة حياة المكونات مع useEffect في React، كل مكون Component يمر بعدة مراحل منذ لحظة إنشائه وحتى إزالته من الصفحة. هذه المراحل تُعرف باسم Lifecycle أو دورة حياة المكون. فهم دورة حياة المكونات في React من الأمور المهمة جدًا، لأنها تساعدك على معرفة الوقت المناسب لتنفيذ الكود، مثل جلب البيانات عند تحميل الصفحة، أو تحديث الواجهة عند تغير البيانات، أو تنظيف الموارد عند إزالة المكون من الصفحة. ما هي Lifecycle في React؟ الـ Lifecycle أو دورة الحياة هي المراحل التي يمر بها المكون منذ إنشائه، ثم ظهوره داخل الصفحة، ثم تحديثه عند تغير البيانات، وأخيرًا إزالته [&hellip;]
- [شرح استخدام react-router-dom في React مع تطبيق عملي على عرض المنتجات وتفاصيلها](https://geecoders.com/react-router-dom/): شرح استخدام react-router-dom في React مع تطبيق عملي على عرض المنتجات وتفاصيلها عند بناء تطبيق باستخدام React، نحتاج إلى نظام تنقل يسمح بالانتقال بين الصفحات بدون إعادة تحميل الصفحة. هنا تأتي مكتبة react-router-dom التي تعتبر الحل الأساسي لإدارة التنقل داخل تطبيقات React الحديثة. في هذا المقال سنطبق مثال عملي يعرض قائمة منتجات، ثم الانتقال إلى صفحة تفاصيل كل منتج، مع شرح كامل لكل صفحة مستخدمة في المشروع. الصفحة الأولى: main.jsx Copy import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.bundle.min.js' import { StrictMode } from 'react' import { createRoot } from 'react-dom/client' import { BrowserRouter } from 'react-router-dom' import App from './App.jsx' import './index.css' createRoot(document.getElementById('root')).render( [&hellip;]
- [شرح جلب البيانات من API في React باستخدام useEffect و useState](https://geecoders.com/fetch-api-data-react-useeffect-usestate/): شرح جلب البيانات من API في React باستخدام useEffect و useState مع مثال عملي في تطبيقات React الحديثة، لا يكفي أن نبني واجهات ثابتة فقط، بل نحتاج غالبًا إلى جلب البيانات من مصادر خارجية مثل API ثم عرضها للمستخدم داخل الصفحة. لذلك تُعد مهارة التعامل مع API من أهم المهارات الأساسية التي يجب على كل مطور React تعلمها. في هذا المقال سنشرح طريقة جلب البيانات من API في React باستخدام useEffect و useState، مع مثال عملي لجلب قائمة منتجات من API خارجي وعرضها داخل الصفحة، بالإضافة إلى نسخة محسّنة باستخدام TypeScript. ما فكرة التطبيق؟ فكرة التطبيق بسيطة جدًا. سنقوم بجلب [&hellip;]
- [شرح CRUD في React.js عمليًا: عرض المنتجات، الحذف، الإضافة والتعديل](https://geecoders.com/crud-in-react-js/): ما المقصود بعمليات CRUD في React.js؟ CRUD هو اختصار لأربع عمليات أساسية تُستخدم في أغلب تطبيقات الويب: Create: إضافة بيانات جديدة. Read: قراءة وعرض البيانات. Update: تعديل بيانات موجودة. Delete: حذف بيانات. في React.js يمكن تنفيذ هذه العمليات بسهولة باستخدام useState لإدارة البيانات، وuseEffect لجلب البيانات، وfetch للتعامل مع API. عرض المنتجات باستخدام Read في صفحة ProductSidebar يتم جلب المنتجات من API عند تحميل الصفحة باستخدام useEffect: Copy useEffect(() => { fetch("https://fakestoreapi.com/products") .then(response => response.json()) .then(data => setProducts(data)) .catch(error => console.error("Error fetching products:", error)); }, []); بعد جلب البيانات يتم عرضها داخل جدول باستخدام map: Copy {products.map(product => ( {product.title} [&hellip;]
- [إنشاء قاعدة بيانات MySQL مجانية على Aiven خطوة بخطوة للمبتدئين](https://geecoders.com/aiven-free-mysql-database-guide/): إنشاء قاعدة بيانات MySQL مجانية على Aiven خطوة بخطوة للمبتدئين إذا كنت تبحث عن طريقة سهلة لإنشاء قاعدة بيانات MySQL على السحابة بدون تكلفة، فإن منصة Aiven توفر لك خيارًا رائعًا من خلال التجربة المجانية. في هذا الدليل، ستتعلم كيفية إنشاء قاعدة بيانات MySQL خطوة بخطوة باستخدام واجهة Aiven. المتطلبات حساب على منصة Aiven اتصال بالإنترنت متصفح ويب الخطوة 1: إنشاء خدمة جديدة بعد تسجيل الدخول إلى حسابك في Aiven، توجه إلى لوحة التحكم (Dashboard) واضغط على زر: Create Service هذه الخطوة هي بداية إنشاء قاعدة البيانات الخاصة بك. الخطوة 2: اختيار نوع قاعدة البيانات بعد الضغط على زر Create [&hellip;]
- [ ايقونة البرجر لم تعد مملة: اكتشف مشروع Flutter Burger Animation سيغير واجهة تطبيقك](https://geecoders.com/flutter-burger-animation-micro-interactions-ui/):  ايقونة البرجر لم تعد مملة: اكتشف مشروع Flutter Burger Animation سيغير واجهة تطبيقك في تصميم واجهات التطبيقات الحديثة، لم يعد الشكل وحده كافيًا — بل أصبحت الحركة عنصرًا أساسيًا في تقديم تجربة مستخدم احترافية. أحد أبرز الأمثلة على ذلك هو &#8220;أيقونة البرجر&#8221; (Hamburger Menu)، والتي يمكن تحويلها من عنصر جامد إلى تجربة تفاعلية نابضة بالحياة. مشروع flutter_burger_animation_app يوضح كيف يمكن لحركة بسيطة أن تضيف لمسة احترافية كبيرة لتطبيقك باستخدام Flutter. ما هو flutter_burger_animation_app؟ هو مشروع مفتوح المصدر على GitHub يهدف إلى إنشاء حركة (Animation) سلسة لأيقونة القائمة (Burger Menu). تتحول الأشرطة الثلاثة إلى شكل مختلف (مثل X) عند فتح القائمة، [&hellip;]
- [ مشروع Flutter MESH Onboarding لتغيير تحربه صفحه البدايه ثلاثية الأبعاد تغير انطباع المستخدم](https://geecoders.com/flutter-mesh-onboarding-3d-ui/):  شرح انميشن Flutter MESH Onboarding لتغيير اانطباع المستخدمين لتطبيقك في عالم التطبيقات الحديثة، الانطباع الأول هو كل شيء. المستخدم يقرر خلال أول 5 ثوانٍ فقط ما إذا كان سيستمر في استخدام التطبيق أو يغادره فورًا. وهنا تأتي أهمية تجربة Onboarding، التي لم تعد مجرد شاشات تعريفية، بل أصبحت عنصرًا حاسمًا في نجاح التطبيق. مشروع MESH في Flutter يقدم رؤية مختلفة تمامًا — تجربة تفاعلية ثلاثية الأبعاد تهدف إلى جذب المستخدم منذ اللحظة الأولى. ما هو مشروع MESH؟ MESH هو مشروع مفتوح المصدر على GitHub، تم تطويره باستخدام Flutter بواسطة المطور Mani821. يُعد بمثابة قالب (Template) يمكن استخدامه كنقطة انطلاق لبناء [&hellip;]
- [زر تسجيل صوتي مثل WhatsApp في Flutter باستخدام animated_chat_record_button](https://geecoders.com/animated-chat-record-button-flutter-whatsapp-voice-recorder/): زر تسجيل صوتي مثل WhatsApp في Flutter باستخدام animated_chat_record_button في تطبيقات المراسلة والتطبيقات الاجتماعية، أصبحت ميزة إرسال الرسائل الصوتية من العناصر الأساسية التي يتوقعها المستخدم. لكن بناء زر تسجيل صوتي احترافي من الصفر قد يستغرق وقتًا طويلًا، خصوصًا إذا كنت تريد تجربة مشابهة لتطبيق WhatsApp. هنا تأتي مكتبة animated_chat_record_button في Flutter، حيث توفر زر تسجيل صوتي متحرك وجاهز للاستخدام، مع دعم السحب للإلغاء، القفل للتسجيل المستمر، والتحول التلقائي إلى زر إرسال عند وجود نص. ما هي مكتبة animated_chat_record_button؟ مكتبة animated_chat_record_button هي حزمة Flutter تقدم مكوّن واجهة مستخدم جاهزًا لإنشاء زر تسجيل صوتي متحرك داخل تطبيقات الدردشة. تعتمد المكتبة على تجربة [&hellip;]
- [أفضل مكتبة Flutter لمسح الباركود وQR Code باحترافية: ai_barcode_scanner](https://geecoders.com/ai-barcode-scanner-flutter-barcode-qr-code/): أفضل مكتبة Flutter لمسح الباركود وQR Code باحترافية: ai_barcode_scanner في عصر التطبيقات الذكية، أصبحت تقنيات مسح الباركود وQR Code جزءًا أساسيًا في العديد من الأنظمة مثل الدفع الإلكتروني، إدارة المخزون، وتتبع المنتجات. إذا كنت مطور Flutter وتبحث عن حل قوي وسريع، فإن مكتبة ai_barcode_scanner توفر لك كل ما تحتاجه لبناء نظام مسح احترافي بسهولة. ما هي مكتبة ai_barcode_scanner؟ مكتبة ai_barcode_scanner هي حزمة (Package) مفتوحة المصدر في Flutter تتيح لك دمج ميزة مسح الباركود والأكواد ثنائية الأبعاد داخل تطبيقك بسرعة وكفاءة. تعتمد المكتبة على Native APIs لكل من Android و iOS، مما يمنحها أداءً عاليًا ودقة كبيرة في التعرف على الأكواد. [&hellip;]
- [أهمية جعل الـ Native Splash شفافًا لتفادي الجمود في بداية تشغيل تطبيق Flutter](https://geecoders.com/flutter-native-splash-android-12-transparent-launch-theme/): حل مشكلة ظهور Native Splash المزعجة في Flutter على Android 12 بطريقة احترافية تجربة المستخدم عند فتح التطبيق تُعد من أهم اللحظات التي تحدد الانطباع الأول عن جودة التطبيق وسلاسته. في تطبيقات Flutter، قد يلاحظ بعض المطورين ظهور شاشة بدء نظامية على Android 12 وما بعده، تحتوي على أيقونة التطبيق في المنتصف، ثم تنتقل بسرعة إلى شاشة Splash المصممة داخل Flutter. هذا الانتقال المفاجئ قد يسبب شعورًا بالتقطّع أو الجمود، خصوصًا إذا كان التطبيق يحتوي على شاشة بداية مخصصة أو رسوم متحركة. في هذا المقال سنشرح سبب المشكلة، ولماذا قد لا تكفي الحلول التقليدية، وكيفية حلها باستخدام Transparent Launch Theme. [&hellip;]
- [شرح Flutter App Name Localizer لتغيير اسم التطبيق بلغات متعددة بسهولة في Flutter](https://geecoders.com/flutter-app-name-localizer/): شرح Flutter App Name Localizer لتغيير اسم التطبيق بلغات متعددة بسهولة إذا كنت تعمل على تطبيق Flutter متعدد اللغات، فمن المؤكد أنك واجهت مشكلة تغيير اسم التطبيق (App Name) لكل لغة بشكل يدوي. هنا يأتي دور Flutter App Name Localizer كحل ذكي يوفر عليك الوقت والمجهود بشكل كبير. بدلاً من التعديل اليدوي في ملفات Android و iOS، يمكنك الآن أتمتة هذه العملية بالكامل باستخدام باكدج خفيفة وسهلة الاستخدام، تقوم بكل شيء نيابةً عنك خلال ثوانٍ. في هذا المقال سنشرح كيفية استخدام هذه الباكدج، مميزاتها، ولماذا تعتبر أداة مهمة لكل مطور Flutter يعمل على تطبيقات متعددة اللغات. ما هي Flutter App [&hellip;]
- [كيفية رفع مشروع .NET على MonsterASP باستخدام أمر publish + حل أشهر المشاكل](https://geecoders.com/upload-dotnet-project-monsterasp/): كيفية رفع مشروع .NET على MonsterASP باستخدام أمر publish + حل أشهر المشاكل إذا كنت تعمل على مشروع [ASP.NET](http://asp.net/) Core وتريد نشره على استضافة مثل MonsterASP، فستحتاج إلى استخدام أمر dotnet publish لتجهيز المشروع قبل رفعه. في هذا المقال، سنشرح الطريقة خطوة بخطوة، بالإضافة إلى أشهر المشاكل التي قد تواجهك وكيفية حلها. أولاً: تجهيز المشروع للنشر باستخدام dotnet publish قم بفتح Terminal أو Command Prompt داخل مجلد المشروع، ثم نفذ الأمر التالي: Copy dotnet publish WebApplication1/WebApplication1.csproj -c Release -o publish شرح الأمر: WebApplication1.csproj → ملف المشروع -c Release → وضع الإنتاج (أفضل أداء) -o publish → مجلد الإخراج بعد تنفيذ [&hellip;]
- [كيفية بناء متجر إلكتروني باستخدام React و react-router-dom خطوة بخطوة](https://geecoders.com/react-router-dom-ecommerce/): 📌 مقدمة في هذا المقال سنقوم ببناء متجر إلكتروني بسيط باستخدام React، مع الاعتماد على مكتبة react-router-dom لإنشاء نظام تنقل احترافي بين الصفحات. التطبيق سيتكون من: شريط تنقل (Navbar) سلايدر (Slider) قائمة منتجات صفحة تفاصيل لكل منتج الصفحة الأولى: main.jsx Copy import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.bundle.min.js' import { StrictMode } from 'react' import { createRoot } from 'react-dom/client' import { BrowserRouter } from 'react-router-dom' import App from './App.jsx' import './index.css' createRoot(document.getElementById('root')).render( , ) شرح الصفحة هذه الصفحة مسؤولة عن تشغيل التطبيق. تم استخدام BrowserRouter لتفعيل التنقل داخل المشروع، بحيث يمكن استخدام الروابط بدون إعادة تحميل الصفحة. الصفحة الثانية: App.jsx Copy import [&hellip;]
- [شرح React Functional vs Class Component مع مثال Counter خطوة بخطوة](https://geecoders.com/react-functional-vs-class-component/): شرح React Functional vs Class Component مع مثال Counter خطوة بخطوة في عالم تطوير React، تُعد المكونات (Components) من أهم المفاهيم الأساسية التي يجب على كل مطور فهمها جيدًا. ومن بين أكثر المواضيع التي تثير تساؤلات المبتدئين هو الفرق بين React Functional vs Class Component. في هذا المقال سنقوم بشرح الفرق بين الطريقتين من خلال مثال عملي بسيط وهو تطبيق عداد (Counter)، حيث سنقوم بتنفيذه باستخدام Functional Component ثم باستخدام Class Component، مع توضيح كيفية إدارة البيانات والتفاعل مع المستخدم في كل منهما. الهدف من هذا الشرح هو فهم طريقة عمل React بشكل أعمق، ومعرفة متى تستخدم كل نوع من [&hellip;]
- [شرح React Todo List TypeScript لبناء تطبيق مهام احترافي خطوة بخطوة](https://geecoders.com/react-todo-list-typescript/): شرح React Todo List TypeScript لبناء تطبيق مهام احترافي خطوة بخطوة يُعد تطبيق React Todo List TypeScript من أهم المشاريع الأساسية التي يبدأ بها أي مطور يرغب في تعلم React بشكل عملي. فهو يجمع بين مفاهيم مهمة مثل إدارة الحالة (State)، والتعامل مع الأحداث (Events)، والتفاعل مع المستخدم، بالإضافة إلى تنظيم الكود باستخدام TypeScript. في هذا المقال سنقوم بشرح كود تطبيق Todo List بشكل كامل خطوة بخطوة، مع توضيح كل جزء من أجزاء الكود، وكيفية عمله، ولماذا تم استخدامه بهذه الطريقة، مما يساعدك على فهم عميق لكيفية بناء تطبيقات React بشكل احترافي. :contentReference[oaicite:0]{index=0} التقنيات المستخدمة في React Todo List TypeScript [&hellip;]
- [شرح TypeScript لإنشاء مشروع React احترافي مع Components و Hooks](https://geecoders.com/install-react-typescript/): شرح انشاء React TypeScript احترافي خطوة بخطوة في عالم تطوير الويب الحديث، أصبحت تقنيات مثل React و TypeScript و Next.js من أهم الأدوات التي يعتمد عليها المطورون لبناء تطبيقات ويب عالية الأداء وقابلة للتطوير. يعد Next.js TypeScript خيارًا ممتازًا للمطورين الذين يرغبون في إنشاء تطبيقات احترافية تجمع بين قوة React، وتنظيم TypeScript، ومميزات Next.js مثل التقديم من جانب الخادم SSR والتوليد الثابت SSG والتنقل السريع بين الصفحات. في هذا المقال سنتعلم كيفية إنشاء مشروع Next.js مع TypeScript، ثم نشرح المكونات Components، والتنقل بين الصفحات باستخدام Link، وطريقة استخدام Conditional Rendering، بالإضافة إلى أهم React Hooks مثل useState و useRef و [&hellip;]
- [شرح مكتبة Workfire لإنشاء Flutter Firework Animation احترافي داخل تطبيقك](https://geecoders.com/flutter-firework-animation-workfire/): أدهش مستخدمي تطبيقك بتأثيرات Flutter Firework Animation باستخدام مكتبة Workfire إذا كنت تبحث عن طريقة مبتكرة لإبهار مستخدمي تطبيقك وإضافة لمسة بصرية مميزة، فإن استخدام flutter firework animation عبر مكتبة Workfire يُعد خيارًا رائعًا يمنح تطبيقك تجربة تفاعلية فريدة. مكتبة Workfire ليست كما قد يوحي اسمها، فهي لا تُستخدم لجدولة المهام، بل هي مكتبة رسومية متخصصة في إنشاء عروض ألعاب نارية مذهلة داخل تطبيقات Flutter باستخدام فيزياء واقعية ورسوم متحركة سلسة. في هذا الدليل سنتعرف على كيفية استخدام هذه المكتبة خطوة بخطوة، بالإضافة إلى أهم مكوناتها وأفضل استخداماتها. ما هي مكتبة Workfire في Flutter؟ مكتبة Workfire هي مكتبة متوفرة على [&hellip;]
- [حل مشكلة ربط جهاز البصمة ZKTeco مع Flutter](https://geecoders.com/flutter-fingerprint-zkteco-integration-python-agent/): حل مشكلة ربط جهاز البصمة ZKTeco مع Flutter بدون مكتبة جاهزة واحدة من المشاكل الحقيقية اللي ممكن تقف قدام أي Flutter Developer هي التعامل مع Hardware مباشر — خصوصًا أجهزة زي قارئ البصمة. في المقال ده هحكيلك تجربة عملية في حل مشكلة ربط جهاز بصمة ZKTeco ZK8500R مع تطبيق Flutter POS، بدون أي مكتبة جاهزة. المشكلة كان المطلوب في نظام POS مبني بـ Flutter إن الموظفين يسجلوا حضور وانصراف باستخدام البصمة، مش بكلمة سر ولا PIN. لكن أول challenge ظهر كان: مفيش أي مكتبة Flutter تدعم أجهزة ZKTeco Flutter مش مصمم للتعامل المباشر مع Hardware pub.dev مفيهوش أي حلول مناسبة [&hellip;]
- [شرح Flutter Fingerprint Integration لربط أجهزة البصمة الخارجية وبناء نظام حضور متكامل](https://geecoders.com/flutter-fingerprint-integration/): شرح Flutter Fingerprint Integration لربط أجهزة البصمة الخارجية وبناء نظام حضور متكامل في عالم تطوير التطبيقات، قد تواجه أحيانًا تحديات لا يمكن حلها باستخدام المكتبات الجاهزة، خاصة عند التعامل مع الأجهزة الخارجية (Hardware). في هذا المقال سنتحدث عن تجربة عملية في تنفيذ Flutter Fingerprint Integration لربط تطبيق Flutter مع جهاز بصمة حقيقي من نوع ZKTeco، وبناء نظام حضور وانصراف متكامل بدون الاعتماد على حلول جاهزة. الفكرة بدأت أثناء العمل على نظام POS كامل باستخدام Flutter، يشمل الكاشير، إدارة الطلبات، التقارير، وإدارة الجلسات. كان أحد المتطلبات الأساسية هو تسجيل حضور وانصراف الموظفين باستخدام البصمة، وليس بكلمة مرور أو PIN، بل بصمة [&hellip;]
- [اضافه منصة توكلنا الذكية في السعودية في تطبيقات فلاتر | Tawakkalna Flutter](https://geecoders.com/tawakkalna-flutter-sdk/): شرح Tawakkalna Flutter SDK لتطوير Mini Apps والتكامل مع تطبيق توكلنا في ظل التحول الرقمي السريع الذي تشهده المملكة العربية السعودية، أصبحت التطبيقات الحكومية الذكية جزءًا أساسيًا من الحياة اليومية للمواطنين والمقيمين. ومن أبرز هذه التطبيقات يأتي تطبيق توكلنا كمنصة مركزية تجمع العديد من الخدمات الحكومية في مكان واحد. ومع تطور هذه المنصة، ظهر مفهوم Mini Apps داخل توكلنا، مما فتح الباب أمام المطورين لبناء تطبيقات متكاملة تعمل داخل هذه البيئة. وهنا يأتي دور Tawakkalna Flutter SDK، الذي يُعد أداة مهمة لمطوري Flutter تمكنهم من تطوير تطبيقات مصغرة (Mini Apps) والتكامل مع خدمات توكلنا بسهولة ومرونة. في هذا المقال سنتعرف [&hellip;]
- [شرح File Encryption Animation لتصميم واجهة تفاعلية توضح تشفير الملفات وفك التشفير](https://geecoders.com/file-encryption-animation/): شرح File Encryption Animation لتصميم واجهة تفاعلية توضح تشفير الملفات وفك التشفير في عصر التحول الرقمي أصبحت حماية البيانات من أهم الأولويات التي يجب الاهتمام بها في أي نظام أو تطبيق. ومع تزايد الاعتماد على الملفات الرقمية والمستندات الحساسة، أصبح من الضروري فهم آلية تشفير البيانات وفك التشفير بطريقة عملية وواضحة. وهنا تأتي أهمية مشروع File Encryption Animation الذي يقدم تجربة تعليمية وتفاعلية تساعد على تبسيط مفاهيم التشفير من خلال الرسوم المتحركة والعرض البصري السلس. إذا كنت تبحث عن طريقة احترافية لشرح كيفية تشفير الملفات أو تريد بناء تجربة تعليمية جذابة حول أمن المعلومات، فإن File Encryption Animation يعد مثالًا [&hellip;]
- [شرح Flutter Shrink Slide Card لإنشاء تأثيرات بطاقات متحركة احترافية](https://geecoders.com/flutter-shrink-slide-card/): شرح Flutter Shrink Slide Card لإنشاء تأثيرات بطاقات متحركة احترافية إذا كنت تسعى إلى تحسين واجهة المستخدم داخل تطبيق Flutter الخاص بك، فإن استخدام Flutter Shrink Slide Card يعد من أفضل الطرق لإضافة تأثيرات حركية جذابة واحترافية. هذا النوع من الأنيميشن يمنح البطاقات (Cards) طابعًا ديناميكيًا، حيث يتم تقليصها وسحبها عند التفاعل معها، مما يخلق تجربة استخدام ممتعة وسلسة. في التطبيقات الحديثة، لم تعد الواجهات الثابتة كافية، بل أصبح من الضروري تقديم تفاعلات بصرية تعزز تجربة المستخدم وتجعل التطبيق أكثر حيوية. وهنا يأتي دور تأثير Shrink Slide Card كحل بسيط وقوي في نفس الوقت. في هذا المقال سنتعرف على كيفية [&hellip;]
- [شرح Flutter Blurred ListView لإضافة تأثير Blur ديناميكي أثناء التمرير](https://geecoders.com/flutter-blurred-listview/): شرح Flutter Blurred ListView لإضافة تأثير Blur ديناميكي أثناء التمرير إذا كنت ترغب في تحسين تجربة المستخدم داخل تطبيق Flutter الخاص بك، فإن استخدام Flutter Blurred ListView يعد من أفضل الطرق لإضافة لمسة احترافية أثناء التمرير داخل القوائم. فبدلاً من عرض قائمة تقليدية، يمكنك إنشاء تأثير تمويه (Blur) ديناميكي يتغير حسب سرعة التمرير، مما يجعل الواجهة أكثر تفاعلية وجاذبية. في التطبيقات الحديثة، أصبحت التفاصيل الصغيرة مثل تأثيرات التمرير تلعب دورًا كبيرًا في تحسين الانطباع العام للمستخدم. وهنا يأتي دور تقنيات مثل BackdropFilter و AnimationController التي تساعدك على بناء تجربة استخدام سلسة ومتقدمة. في هذا المقال سنتعرف على كيفية تنفيذ Flutter [&hellip;]
- [شرح Flutter AnimationController Card Stack لبناء تفاعل كروت متحركة واحترافية في Flutter](https://geecoders.com/flutter-animationcontroller-card-stack/): شرح Flutter AnimationController Card Stack لبناء تفاعل كروت متحركة واحترافية في Flutter إذا كنت ترغب في إنشاء واجهات مستخدم أكثر تفاعلية ومرونة داخل تطبيقات Flutter، فإن استخدام Flutter AnimationController Card Stack يعد من أفضل الأساليب التي تساعدك على بناء تجربة بصرية احترافية عند التعامل مع الكروت أو البطاقات داخل التطبيق. هذا النوع من التفاعل يمنح المستخدم إحساسًا بالحيوية والسلاسة، خاصة عندما تكون البطاقات قابلة للتوسيع والطي وتتحرك بطريقة ديناميكية جذابة. في تطبيقات Flutter الحديثة، لم تعد الواجهات الثابتة كافية لتقديم تجربة استخدام مميزة، بل أصبح من الضروري إضافة حركات ذكية تجعل التطبيق يبدو أكثر تطورًا. وهنا تظهر قوة Flutter في [&hellip;]
- [شرح Flutter Animated Drag and Drop لإنشاء السحب والإفلات المتحرك بشكل احترافي](https://geecoders.com/flutter-animated-drag-and-drop/): شرح Flutter Animated Drag and Drop لإنشاء السحب والإفلات المتحرك بشكل احترافي إذا كنت ترغب في بناء واجهات أكثر تفاعلية داخل تطبيقات Flutter، فإن استخدام Flutter Animated Drag and Drop يعد من أفضل الأساليب التي تضيف حيوية ومرونة كبيرة للتطبيق. فبدلاً من الاكتفاء بعناصر ثابتة أو تفاعلات تقليدية، يمكنك منح المستخدم تجربة أكثر متعة من خلال سحب العناصر وإفلاتها مع تأثيرات بصرية متحركة تجعل التطبيق يبدو أكثر احترافية وحداثة. في عالم تطوير تطبيقات الهواتف الذكية، أصبحت التفاعلات الغنية عنصرًا أساسيًا في تحسين تجربة المستخدم. ومن بين هذه التفاعلات، تأتي ميزة السحب والإفلات كواحدة من أكثر الميزات فائدة، خاصة في التطبيقات [&hellip;]
- [شرح Flutter Animated Product Tile لعرض تفاصيل المنتجات المتحركة بشكل احترافي](https://geecoders.com/flutter-animated-product-tile/): شرح Flutter Animated Product Tile لعرض تفاصيل المنتجات المتحركة بشكل احترافي إذا كنت تبحث عن طريقة احترافية لتحسين طريقة عرض المنتجات داخل تطبيق Flutter، فإن Flutter Animated Product Tile يعد من أفضل الأساليب التي تساعدك على تقديم تجربة مستخدم أكثر تفاعلية وجاذبية. فبدلاً من عرض بطاقة منتج ثابتة وتقليدية، يمكنك إنشاء عنصر متحرك يستجيب مباشرة لتفاعل المستخدم ويكشف له تفاصيل المنتج بطريقة سلسة وعصرية. في التطبيقات الحديثة، لم يعد كافيًا أن تعرض اسم المنتج وصورته فقط، بل أصبح من المهم أن يشعر المستخدم بالحيوية داخل الواجهة، وأن يكون الانتقال بين العرض المختصر والتفاصيل الكاملة ممتعًا وسريعًا وواضحًا. وهنا تظهر قوة [&hellip;]
- [شرح Flutter Shader Presets لإضافة تأثيرات بصرية و Animation احترافية بسهولة](https://geecoders.com/flutter-shader-presets/): شرح Flutter Shader Presets لإضافة تأثيرات بصرية و Animation احترافية بسهولة مع تطور تصميم واجهات المستخدم، أصبح من الضروري أن تكون التطبيقات أكثر حيوية وجاذبية من الناحية البصرية. هنا يأتي دور Flutter Shader Presets كحل قوي يتيح لك إضافة تأثيرات و Animation احترافية بسهولة دون الحاجة إلى كتابة أكواد معقدة. إذا كنت ترغب في جعل تطبيق Flutter الخاص بك يبدو أكثر حداثة وتميزًا، فإن استخدام Shader Presets يمكن أن يكون نقطة تحول حقيقية في تجربة المستخدم داخل تطبيقك. في هذا المقال سنتعرف على كيفية استخدام Flutter Shader Presets، مميزاته، طريقة تثبيته، وأفضل استخداماته العملية. ما هي Flutter Shader Presets؟ تعد [&hellip;]
- [شرح Flutter Action Menu لإنشاء قائمة إجراءات متحركة وتفاعلية باستخدام OverlayPortal](https://geecoders.com/flutter-action-menu-share/): شرح Flutter Action Menu لإنشاء قائمة إجراءات متحركة وتفاعلية باستخدام OverlayPortal إذا كنت ترغب في تطوير واجهة مستخدم حديثة بعيدة عن القوائم التقليدية المملة، فإن Flutter Action Menu يعد من أفضل الحلول التي يمكنك استخدامها لإضافة تجربة تفاعلية أكثر حيوية داخل تطبيقك. الفكرة هنا لا تعتمد فقط على عرض مجموعة من الأزرار أو الإجراءات، بل على تقديمها بشكل متحرك وسهل الاستخدام مع تأثيرات بصرية ولمسية تمنح المستخدم إحساسًا بالاستجابة والاحترافية. في هذا المقال سنتعرف على كيفية إنشاء Flutter Action Menu مع تأثير الشريط المطاطي، ودعم الإيماءات المختلفة مثل السحب والضغط المطول، بالإضافة إلى استخدام OverlayPortal لإظهار القائمة فوق محتوى التطبيق [&hellip;]
- [شرح Flutter Parallax UI لإنشاء تأثيرات حركة ثلاثية الأبعاد على الصور عند تحريك الهاتف](https://geecoders.com/flutter-parallax-ui-sensors/): شرح Flutter Parallax UI لإنشاء تأثيرات حركة ثلاثية الأبعاد على الصور عند تحريك الهاتف إذا كنت تبحث عن طريقة احترافية لإضافة تأثيرات بصرية مذهلة داخل تطبيقك، فإن Flutter Parallax UI يعد من أفضل الأساليب التي تمنح الصور عمقًا وحركة ديناميكية تستجيب مباشرة لتحريك الهاتف. هذا النوع من التأثيرات يجعل واجهة التطبيق أكثر حداثة، ويضيف لمسة تفاعلية رائعة تشبه الخلفيات الحية أو واجهات التطبيقات المتقدمة. في هذا المقال سنتعرف على كيفية إنشاء Flutter Parallax UI باستخدام مكتبة sensors_plus، مع شرح كامل للكود الذي يعتمد على تحريك الصور بناءً على بيانات الجيروسكوب، مما ينتج عنه تأثير ثلاثي الأبعاد جذاب وسلس. ما هو [&hellip;]
- [أفضل طرق Flutter Loading Animation لتحسين تجربة تحميل البيانات والانتظار في التطبيقات](https://geecoders.com/flutter-loading-animation-loader/): أفضل طرق Flutter Loading Animation لتحسين تجربة تحميل البيانات والانتظار في التطبيقات تعد تجربة المستخدم أثناء تحميل البيانات من أهم العوامل التي تؤثر على نجاح أي تطبيق، وهنا يأتي دور Flutter Loading Animation في تحسين شكل التطبيق وجعله أكثر احترافية وسلاسة أثناء الانتظار. بدلاً من عرض شاشة فارغة أو مؤشر تحميل تقليدي، يمكنك استخدام مجموعة متنوعة من الرسوم المتحركة لخلق تجربة تفاعلية جذابة تُشعر المستخدم بأن التطبيق يعمل بشكل ديناميكي واحترافي. في هذا المقال سنستعرض أفضل الطرق لاستخدام الرسوم المتحركة داخل Flutter لتحسين تجربة تحميل البيانات والانتظار، مع أمثلة عملية تساعدك في تطوير تطبيقك. لماذا نحتاج إلى Flutter Loading Animation؟ [&hellip;]
- [شرح Flutter Sliver Header لإنشاء رأس متحرك احترافي مع GetX وتحسين تجربة المستخدم](https://geecoders.com/flutter-sliver-header-getx/): شرح Flutter Sliver Header لإنشاء رأس متحرك احترافي مع GetX يُعد استخدام Flutter Sliver Header من أقوى التقنيات لإنشاء واجهات مستخدم ديناميكية وتفاعلية داخل تطبيقات Flutter، خاصة عندما يتعلق الأمر بتصميم رؤوس متحركة تستجيب لحركة التمرير مثل تطبيق يوتيوب. في هذا المقال سنتعرف على كيفية إنشاء رأس متحرك باستخدام Sliver Header مع دمجه مع مكتبة GetX لإدارة الحالة، بالإضافة إلى تحسين الأداء وتجربة المستخدم بشكل احترافي. ما هو Flutter Sliver Header؟ يشير Sliver Header إلى نوع خاص من Sliver Widgets في Flutter، والتي تُستخدم لبناء واجهات تعتمد على التمرير (Scroll) بشكل ديناميكي. يمكن أن يكون الرأس: &#8211; ثابت (Pinned) &#8211; [&hellip;]
- [شرح Flutter AnimatedContainer UI لإنشاء واجهات تفاعلية احترافية في Flutter](https://geecoders.com/flutter-animatedcontainer-ui/): شرح Flutter AnimatedContainer UI لإنشاء واجهات تفاعلية احترافية في Flutter إذا كنت تبحث عن طريقة احترافية لتطوير واجهات مستخدم مرنة وجذابة داخل تطبيقات Flutter، فإن أسلوب Flutter AnimatedContainer UI يعد من أفضل الحلول التي يمكنك الاعتماد عليها. هذا الأسلوب يمنحك القدرة على إنشاء عناصر متحركة وتفاعلية بسهولة، مع الحفاظ على أداء ممتاز وتنظيم واضح للكود. في هذا المقال سنشرح الكود المقدم بشكل عملي ومفصل، وسنوضح كيف يمكنك استخدام عناصر مثل AnimatedContainer و Switch و TweenAnimationBuilder لإنشاء واجهات ديناميكية قابلة للتخصيص، مع تحسين تجربة المستخدم داخل التطبيق. ما هو Flutter ولماذا يستخدم في بناء واجهات مرنة؟ Flutter هو إطار عمل مفتوح [&hellip;]
- [شرح Flutter Animated Button: إنشاء زر تفاعلي بتأثير Wave Animation عند النقر](https://geecoders.com/flutter-animated-button-radius/): شرح Flutter Animated Button لإنشاء زر تفاعلي بتأثير Wave Animation إذا كنت ترغب في تحسين واجهة المستخدم داخل تطبيق Flutter وجعلها أكثر تفاعلية، فإن إضافة زر متحرك (Animated Button) يعتبر من أفضل الطرق لتحقيق ذلك. بدلاً من الأزرار التقليدية، يمكنك استخدام تأثيرات حركية مثل Wave Animation لإعطاء إحساس بصري جذاب عند النقر على الزر، مما يحسن تجربة المستخدم بشكل كبير. في هذا المقال سنتعرف على كيفية إنشاء flutter animated button باستخدام فئة WaveButtonAnimation، مع شرح مفصل للكود وأفضل طرق التخصيص. :contentReference[oaicite:0]{index=0} ما هو Animated Button في Flutter؟ الزر المتحرك هو زر يحتوي على تأثير بصري يظهر عند التفاعل معه، مثل: [&hellip;]
- [شرح Bounce Animation في Flutter: إنشاء تأثير الظهور من الأسفل باحترافية](https://geecoders.com/flutter-bounce-animation/): شرح Bounce Animation في Flutter لإضفاء الحيوية على واجهات المستخدم إذا كنت ترغب في جعل تطبيق Flutter الخاص بك أكثر حيوية وجاذبية، فإن استخدام Bounce Animation يعتبر من أفضل الطرق لإضافة لمسة احترافية إلى واجهة المستخدم. يُعد تأثير الظهور من الأسفل مع ارتداد (Bounce From Bottom) من أكثر التأثيرات استخدامًا في التطبيقات الحديثة، حيث يجعل العناصر تظهر بشكل ديناميكي وسلس بدلًا من الظهور المفاجئ. في هذا المقال سنتعرف على كيفية إنشاء flutter bounce animation باستخدام AnimationController وTween، مع شرح مفصل للكود وأفضل الممارسات لتحسين تجربة المستخدم. ما هو Bounce Animation في Flutter؟ Bounce Animation هو نوع من الرسوم المتحركة يجعل [&hellip;]
- [شرح Sticky FAB في Flutter: إنشاء زر عائم متحرك بأزرار فرعية وتأثيرات احترافية](https://geecoders.com/flutter-sticky-fab/): شرح Sticky FAB في Flutter لإنشاء زر عائم متحرك باحترافية إذا كنت تريد تحسين تجربة المستخدم داخل تطبيق Flutter وإضافة عناصر تفاعلية حديثة، فإن استخدام Sticky FAB (الزر العائم الثابت) يعتبر من أفضل الحلول. هذا النوع من الأزرار لا يكتفي بوظيفة واحدة، بل يمكنه التوسع ليعرض مجموعة من الأزرار الفرعية، مما يوفر وصولًا سريعًا إلى عدة وظائف داخل التطبيق بطريقة أنيقة واحترافية. في هذا المقال سنتعرف على كيفية إنشاء flutter sticky fab مع تأثيرات حركية باستخدام AnimationController وShaders، مع شرح مفصل للكود وأفضل الممارسات. :contentReference[oaicite:0]{index=0} ما هو Sticky FAB في Flutter؟ Sticky FAB هو زر عائم يظهر غالبًا في أسفل [&hellip;]
- [شرح Micro Interactions في Flutter: كيف تجعل تطبيقك أكثر تفاعلاً وتحسن تجربة المستخدم](https://geecoders.com/micro-interactions-flutter/): شرح Micro Interactions في Flutter: كيف تجعل تطبيقك أكثر تفاعلاً واحترافية إذا كنت تريد بناء تطبيق Flutter يبدو أكثر حيوية واحترافية، فإن Micro Interactions تعتبر من أهم العناصر التي يجب أن تهتم بها. هذه التفاعلات الصغيرة قد تبدو بسيطة في ظاهرها، لكنها تلعب دورًا كبيرًا في تحسين تجربة المستخدم وجعل التنقل داخل التطبيق أكثر سلاسة ومتعة. في تطبيقات الجوال الحديثة لم يعد كافيًا أن تعرض البيانات فقط، بل أصبح من المهم أن تقدم للمستخدم تجربة غنية بالتفاصيل، مثل الحركات الناعمة عند الضغط، والانتقالات السلسة بين الصفحات، وردود الفعل البصرية التي تؤكد للمستخدم أن التطبيق يستجيب لتفاعله. في هذا المقال سنتعرف [&hellip;]
- [شرح Flutter Toast Message : تغيير شكل Toast Message وإضافة Animation باحترافية](https://geecoders.com/flutter-toast-message-delightful-toast/): شرح Flutter Toast Message لتغيير شكل Toast Message وإضافة Animation احترافية إذا كنت تبحث عن طريقة حديثة لعرض Toast Message في Flutter بشكل أجمل وأكثر تفاعلية، فإن مكتبة delightful_toast تعتبر من أفضل الخيارات التي يمكنك الاعتماد عليها. بدلاً من استخدام رسائل Toast التقليدية ذات الشكل البسيط، تتيح لك هذه المكتبة إنشاء رسائل تنبيه جذابة تحتوي على أيقونات ونصوص مخصصة مع حركات انتقالية تضيف لمسة احترافية إلى التطبيق. في هذا المقال سنتعرف على كيفية استخدام مكتبة delightful_toast في Flutter، وطريقة تثبيتها، وكيفية تغيير مظهر رسائل Toast وإضافة Animation بسهولة، مع شرح عملي للكود وأفضل النصائح لتحسين تجربة المستخدم. ما هي مكتبة [&hellip;]
- [شرح Flutter Fade Animation: تنفيذ تأثير الظهور من الأسفل باحترافية في صفحة Home](https://geecoders.com/flutter-fade-animation/): شرح Flutter Fade Animation لإنشاء تأثير الظهور من الأسفل باحترافية تُعتبر الرسوم المتحركة (Animations) من أهم العناصر التي تضيف لمسة احترافية وجمالية إلى تطبيقات Flutter، حيث تساعد على تحسين تجربة المستخدم وجعل التطبيق أكثر تفاعلية. من بين أشهر التأثيرات المستخدمة هو تأثير الظهور من الأسفل (Fade + Slide Animation)، والذي يعطي انطباعًا سلسًا وجذابًا عند عرض العناصر داخل الصفحة. في هذا المقال سنشرح كيفية تنفيذ هذا التأثير داخل صفحة Home باستخدام Flutter، مع شرح الكود خطوة بخطوة وأفضل الممارسات لتحسين الأداء. :contentReference[oaicite:0]{index=0} ما هو Fade Animation في Flutter؟ Fade Animation هو تأثير يعتمد على تغيير شفافية العنصر (Opacity) من 0 [&hellip;]
- [شرح Flutter Cool Toolbar: إنشاء شريط أدوات احترافي وتحسين تجربة المستخدم في تطبيقات Flutter](https://geecoders.com/flutter-cool-toolbar/): شرح Flutter Cool Toolbar بالتفصيل لتحسين تجربة المستخدم في تطبيقات Flutter مع التطور الكبير في مجال تطوير تطبيقات الجوال باستخدام Flutter، أصبح من الضروري التركيز على تحسين تجربة المستخدم (UX)، ومن أهم العناصر التي تؤثر بشكل مباشر على هذه التجربة هو شريط الأدوات (Toolbar). توفر مكتبة Flutter Cool Toolbar حلاً احترافيًا لإنشاء شريط أدوات مخصص وجذاب، مما يساعدك على تقديم واجهة مستخدم حديثة وسهلة الاستخدام. في هذا الدليل الشامل سنتعرف على كيفية استخدام المكتبة، مميزاتها، وأفضل الطرق لتوظيفها داخل تطبيقات Flutter. ما هي مكتبة Flutter Cool Toolbar؟ مكتبة Flutter Cool Toolbar هي مكتبة مفتوحة المصدر تتيح للمطورين إنشاء أشرطة أدوات [&hellip;]
- [دليل احترافي لاستخدام Flutter Shaders لإنشاء تأثيرات بصرية مذهلة (Motion Blur و RGB Split)](https://geecoders.com/flutter-shaders-tutorial/): دليل احترافي لاستخدام Flutter Shaders لإنشاء تأثيرات بصرية مذهلة إذا كنت ترغب في إضافة تأثيرات بصرية متقدمة إلى تطبيق Flutter الخاص بك مثل ضبابية الحركة (Motion Blur) أو تأثير RGB Split، فإن مكتبة Flutter Shaders توفر لك أدوات قوية لإنشاء تجربة مستخدم احترافية ومبهرة بسهولة. في هذا الدليل سنشرح كيفية استخدام Flutter Shaders خطوة بخطوة، مع تطبيق عملي لتأثير Motion Blur وشرح أهم المفاهيم المرتبطة بها. ما هي مكتبة Flutter Shaders؟ مكتبة Flutter Shaders هي أداة قوية تتيح للمطورين استخدام التظليل (Shaders) لإنشاء تأثيرات رسومية متقدمة داخل تطبيقات Flutter. تساعدك هذه المكتبة على إضافة تأثيرات مثل: &#8211; تشتت الألوان (RGB [&hellip;]
- [شرح Mute Unmute Switch في Jetpack Compose مع مثال عملي وAnimation احترافية](https://geecoders.com/jetpack-compose-mute-unmute-switch/): شرح Mute Unmute Switch في Jetpack Compose مع مثال عملي وAnimation احترافية إذا كنت تعمل على تطوير تطبيق باستخدام Jetpack Compose، فمن المؤكد أنك تحتاج إلى عناصر واجهة مستخدم تفاعلية تضيف تجربة استخدام مميزة. من هذه العناصر المهمة هو زر Mute / Unmute الذي يُستخدم في تطبيقات الصوت والفيديو مثل مشغلات الوسائط أو تطبيقات الاجتماعات. في هذا المقال سنقوم بشرح كود حقيقي من GitHub لملف MuteUnMuteSwitch.kt، مع توضيح الفكرة، طريقة العمل، وأفضل الممارسات المستخدمة لبناء مكون احترافي. ما هو Mute Unmute Switch؟ هو مكون (UI Component) يسمح للمستخدم بالتبديل بين حالتين: &#8211; كتم الصوت (Mute) &#8211; تشغيل الصوت (Unmute) وغالبًا [&hellip;]
- [شرح Day Night Switch في Jetpack Compose (Compose Multiplatform) مع مثال عملي](https://geecoders.com/jetpack-compose-day-night-switch-explained/): شرح Day Night Switch في Jetpack Compose مع مثال عملي من GitHub إذا كنت تعمل على تطبيق باستخدام Jetpack Compose أو حتى Compose Multiplatform، فمن المؤكد أنك تحتاج إلى دعم الوضع الليلي (Dark Mode) والنهاري (Light Mode). في هذا المقال سنقوم بشرح كود حقيقي من GitHub لملف DayNightSwitch.kt، وكيف يتم تنفيذ زر احترافي للتبديل بين الوضعين بطريقة سلسة وحديثة. سنفهم الفكرة، طريقة العمل، وأفضل الممارسات المستخدمة داخل الكود. ما هو Day Night Switch؟ Day Night Switch هو مكون (UI Component) يسمح للمستخدم بالتبديل بين الوضع الفاتح (Light Mode) والوضع الداكن (Dark Mode). في Jetpack Compose يتم ذلك عادة باستخدام حالة [&hellip;]
- [شرح Strategy Design Pattern بالتفصيل مع مثال عملي في Java](https://geecoders.com/strategy-design-pattern-arabic-guide/): شرح Strategy Design Pattern بالتفصيل مع مثال عملي في Java إذا كنت ترغب في بناء كود مرن يسمح لك بتغيير طريقة تنفيذ العمليات بدون تعديل الكود الأساسي، فإن Strategy Design Pattern هو أحد أفضل الحلول التي يمكنك استخدامها. يُعتبر هذا النمط من أنماط التصميم السلوكية (Behavioral Design Patterns)، ويُستخدم بشكل واسع في الأنظمة التي تحتوي على أكثر من طريقة لتنفيذ نفس العملية. ببساطة، هذا النمط يساعدك على فصل الخوارزميات (Algorithms) عن الكود الرئيسي، مما يجعل التطبيق أكثر مرونة وقابلية للتطوير. ما هو Strategy Design Pattern؟ نمط Strategy Design Pattern هو نمط تصميم يسمح لك بتعريف مجموعة من الخوارزميات المختلفة، ووضع [&hellip;]
- [شرح State Design Pattern بالتفصيل مع مثال عملي في Java](https://geecoders.com/state-design-pattern-arabic-guide/): شرح State Design Pattern بالتفصيل مع مثال عملي في Java إذا كنت تعاني من كثرة الشروط (if / else) في الكود وتبحث عن طريقة لتنظيم منطق الحالات بشكل احترافي، فإن State Design Pattern هو الحل المثالي. يُعتبر هذا النمط من أهم أنماط التصميم السلوكية (Behavioral Design Patterns)، حيث يساعدك على تغيير سلوك الكائن بشكل ديناميكي بناءً على حالته الداخلية. في هذا المقال ستتعلم مفهوم النمط، كيفية استخدامه، مع مثال عملي في Java، بالإضافة إلى مميزاته وعيوبه وأفضل الحالات لاستخدامه. ما هو State Design Pattern؟ نمط State Design Pattern هو نمط تصميم يسمح للكائن بتغيير سلوكه عندما تتغير حالته الداخلية، بحيث [&hellip;]
- [شرح Observer Design Pattern بالتفصيل مع مثال عملي في Java](https://geecoders.com/observer-design-pattern-arabic-guide/): شرح Observer Design Pattern بالتفصيل مع مثال عملي في Java إذا كنت تبحث عن طريقة احترافية لربط أجزاء النظام ببعضها دون تعقيد أو ترابط قوي، فإن Observer Design Pattern هو أحد أهم الأنماط التي يجب أن تتقنها. هذا النمط يُستخدم بكثرة في الأنظمة التي تعتمد على الأحداث (Event-Driven Systems)، مثل تطبيقات الإشعارات، أنظمة الدفع، وتطبيقات الطقس. فكر فيه ببساطة: عندما يحدث حدث معين، يتم إشعار مجموعة من الكائنات بشكل تلقائي دون الحاجة لربط مباشر بينها. ما هو Observer Design Pattern؟ يُعتبر Observer Design Pattern أحد أنماط التصميم السلوكية (Behavioral Design Patterns)، ويعتمد على فكرة وجود كائن رئيسي يسمى Subject، ومجموعة [&hellip;]
- [شرح Iterator Design Pattern بالتفصيل مع أمثلة عملية في Java](https://geecoders.com/iterator-design-pattern-arabic-guide/): شرح Iterator Design Pattern بالتفصيل مع مثال عملي في Java إذا كنت تعمل في تطوير البرمجيات وتسعى لكتابة كود نظيف وقابل للتوسع، فإن فهم Iterator Design Pattern يعد خطوة أساسية في رحلتك الاحترافية. هذا النمط من أنماط التصميم يساعدك على التعامل مع البيانات بطريقة منظمة ومرنة دون الحاجة لمعرفة التفاصيل الداخلية لكيفية تخزين هذه البيانات. تخيل أنك تقرأ كتابًا صفحةً صفحة، دون أن تهتم بكيف تم ترتيب الصفحات أو تخزينها، هذا بالضبط ما يقدمه هذا النمط في عالم البرمجة. ما هو Iterator Design Pattern؟ يُعتبر Iterator Design Pattern أحد أنماط التصميم السلوكية (Behavioral Design Patterns)، ويهدف إلى توفير طريقة موحدة [&hellip;]
- [أفضل مكتبة لإنشاء Flutter Animated Bottom Navigation متحرك (تجربة UI مذهلة)](https://geecoders.com/flutter-animated-bottom-navigation-navkit/): أجمل تجربة لاضافه Flutter Animated Bottom Navigation في مشروعك إذا كنت تبحث عن طريقة تجعل شريط التنقل السفلي في تطبيق Flutter أكثر احترافية وجمالًا، فإن مكتبة flutter_animated_navkit تقدم لك تجربة تنقل متحركة ومبهرة تضيف لمسة عصرية إلى تطبيقك بسهولة كبيرة. تتميز هذه المكتبة بتصميم فريد يتضمن ثقبًا سداسيًا في منتصف شريط التنقل يمكن التفاعل معه لفتح قائمة موسعة تحتوي على مجموعة من الأوامر أو الإجراءات الإضافية. في هذا الدليل سنشرح كيفية استخدام مكتبة flutter_animated_navkit خطوة بخطوة لإنشاء شريط تنقل متحرك واحترافي داخل تطبيق Flutter. ما هي مكتبة flutter_animated_navkit؟ مكتبة flutter_animated_navkit هي مكتبة متوفرة على Pub.dev توفر شريط تنقل سفلي متحرك [&hellip;]
- [دليل احترافي لطباعة الفواتير باستخدام أجهزة Sunmi Flutter (فتح الكاشير + باركود + QR)](https://geecoders.com/sunmi-flutter-printer-invoice-printing/): شرح كامل لطباعة الفواتير باستخدام أجهزة Sunmi Flutter تُعد طباعة الفواتير من أهم المزايا في تطبيقات نقاط البيع (POS)، خاصة عند استخدام أجهزة Sunmi التي تأتي بطابعات حرارية مدمجة. توفر مكتبة sunmi_printer_plus حلاً متكاملاً لمطوري Flutter للتعامل مع هذه الطابعات بسهولة، حيث تسمح بطباعة النصوص، الصور، الباركود، QR Code، وحتى التحكم في درج الكاشير. في هذا المقال سنتعرف على كيفية استخدام مكتبة sunmi_printer_plus لطباعة الفواتير الاحترافية داخل تطبيق Flutter خطوة بخطوة. ما هي مكتبة sunmi_printer_plus؟ مكتبة sunmi_printer_plus هي مكتبة Flutter مخصصة للتعامل مع أجهزة Sunmi المزودة بطابعات حرارية. تسمح هذه المكتبة للمطورين بتنفيذ العديد من العمليات مثل: &#8211; طباعة النصوص [&hellip;]
- [كود لعبة Flappy Bird Flutter كامل (مشروع مفتوح المصدر لتعلم تطوير الألعاب)](https://geecoders.com/flappy-bird-flutter-source-code/): كود لعبة Flappy Bird Flutter مفتوح المصدر باستخدام Flutter تُعد لعبة Flappy Bird واحدة من أشهر ألعاب الأركيد البسيطة التي حققت انتشارًا هائلًا حول العالم. وعلى الرغم من بساطة فكرتها، إلا أنها تقدم تجربة لعب ممتعة ومسببة للإدمان. إذا كنت مطور Flutter وترغب في تعلم كيفية بناء الألعاب أو فهم أساسيات تطوير الألعاب باستخدام Flutter، فإن الاطلاع على مشروع Flappy Bird مفتوح المصدر يعد نقطة بداية رائعة. في هذا المقال سنتعرف على فكرة اللعبة، طريقة اللعب، ولماذا تعتبر مثالًا ممتازًا لتعلم تطوير الألعاب، بالإضافة إلى رابط الكود المصدري الكامل. ما هي لعبة Flappy Bird؟ لعبة Flappy Bird هي لعبة فيديو [&hellip;]
- [كيف تضيف ميزة قفل الشاشة التلقائي في Flutter باستخدام proximity sensor (مثل تطبيق الاتصال تمامًا!)](https://geecoders.com/flutter-proximity-sensor-screen-lock/): كيف تضيف ميزة قفل الشاشة التلقائي في Flutter باستخدام proximity sensor لمحاكاة قفل الشاشة يُعد مستشعر القرب من الميزات الأساسية في معظم الهواتف الذكية، حيث يعمل على إيقاف عمل شاشة اللمس عند وضع الهاتف قرب الأذن أثناء المكالمات. هذه الخاصية تمنع الضغطات غير المقصودة أثناء التحدث. في تطبيقات Flutter لا تتوفر هذه الميزة افتراضيًا، ولكن يمكن تنفيذها بسهولة باستخدام حزمة proximity_sensor. في هذا الدليل العملي سنتعرف خطوة بخطوة على كيفية الاستماع لمستشعر القرب، وكيفية إظهار شاشة سوداء (قفل وهمي) عند اكتشاف جسم قريب من الهاتف. ما هو مستشعر القرب (Proximity Sensor)؟ مستشعر القرب هو مكوّن مادي في الهاتف قادر على [&hellip;]
- [راقب كل ضغطة داخل تطبيقك! طريقة احترافية لدمج Flutter Clarity](https://geecoders.com/flutter-clarity-integration/): راقب كل ضغطة داخل تطبيقك! طريقة احترافية لدمج Flutter Clarity في عالم تطوير التطبيقات الحديثة، لم يعد مجرد إطلاق التطبيق كافيًا. اليوم، فهم سلوك المستخدم وتحليل طريقة تفاعله مع التطبيق أصبح عنصرًا أساسيًا للنجاح. إذا كنت تستخدم Flutter لتطوير تطبيقك، فهناك أداة قوية يجب أن تبدأ باستخدامها فورًا: flutter_clarity. في هذا الدليل العملي سنتعرف على كيفية دمج Microsoft Clarity داخل تطبيق Flutter Web لمراقبة سلوك المستخدمين بطريقة احترافية. ما هي Microsoft Clarity؟ Microsoft Clarity هي أداة تحليل مجانية مقدمة من مايكروسوفت، تتيح لك رؤية كيفية تفاعل المستخدمين مع موقعك أو تطبيقك من خلال بيانات مرئية دقيقة. توفر الأداة: &#8211; تسجيل [&hellip;]
- [حل الطباعة الحرارية في Flutter عبر USB ! دمج الطابعات الحرارية باحتراف داخل تطبيقك](https://geecoders.com/flutter-thermal-printer-usb-escpos-integration/): حل الطباعة الحرارية في Flutter عبر USB ! دمج الطابعات الحرارية باحتراف داخل تطبيقك في عصر التجارة الرقمية والتطبيقات المتنقلة، أصبحت الطباعة على الطابعات الحرارية (Thermal Printers) جزءًا أساسيًا من العمليات اليومية، خاصة في أنظمة نقاط البيع (POS). إذا كنت تبحث عن حل قوي وعملي لدعم بروتوكول ESC/POS داخل تطبيق Flutter، فإن مكتبة flutter_pos_printer_platform_monster توفر لك كل ما تحتاجه. في هذا الدليل العملي سنتعرف على كيفية دمج الطباعة الحرارية داخل تطبيق Flutter مع دعم USB وBluetooth وWiFi خطوة بخطوة. ما هي مكتبة flutter_pos_printer_platform_monster؟ مكتبة flutter_pos_printer_platform_monster هي نسخة معدلة (Fork) من المكتبة الأصلية flutter_pos_printer_platform، وتم تحسينها لدعم سيناريوهات أكثر وحل مشاكل [&hellip;]
- [أضف البث المباشر إلى تطبيق Flutter خلال دقائق (شرح مكتبة mjpeg_stream خطوة بخطوة)](https://geecoders.com/flutter-mjpeg-stream-live-video/): كيف تضيف ميزة البث المباشر بسهولة في مشروع Flutter أصبحت ميزة البث المباشر عنصرًا أساسيًا في العديد من التطبيقات الحديثة، خاصة تطبيقات المراقبة والكاميرات وأنظمة الأمان الذكية. إذا كنت تبحث عن طريقة سهلة وسريعة لدمج بث فيديو مباشر داخل تطبيق Flutter، فمكتبة mjpeg_stream هي الحل المثالي لك. في هذا الدليل العملي، سنتعرف على كيفية استخدام مكتبة mjpeg_stream لإضافة بث مباشر بصيغة MJPEG داخل تطبيق Flutter خطوة بخطوة. ما هي مكتبة mjpeg_stream؟ مكتبة mjpeg_stream هي مكتبة متوفرة على Pub.dev مخصصة لعرض بث الفيديو بصيغة Motion JPEG (MJPEG) داخل تطبيقات Flutter. صيغة MJPEG تعتمد على إرسال الفيديو كسلسلة من الصور الثابتة المتتابعة، [&hellip;]
- [أنشئ لعبة بطاقة خدش في Flutter خلال دقائق (مع كود جاهز)](https://geecoders.com/flutter-scratch-card-app/): إنشاء لعبة بطاقة خدش في Flutter للكشف عن الجوائز باستخدام Flutter في عالم التطبيقات التفاعلية، يبحث المستخدمون دائمًا عن تجارب ممتعة وجذابة. من أكثر الأفكار انتشارًا في تطبيقات المكافآت والألعاب هي بطاقة الخدش (Scratch Card)، والتي تتيح للمستخدم &#8220;خدش&#8221; البطاقة للكشف عن جائزة مخفية. في هذا الدليل العملي، سنتعلم كيفية إنشاء بطاقة خدش احترافية باستخدام Flutter ولغة Dart مع شرح كامل للكود خطوة بخطوة. ما هو Flutter ولماذا نستخدمه؟ Flutter هو إطار عمل مفتوح المصدر من Google يتيح إنشاء تطبيقات عالية الأداء تعمل على Android وiOS باستخدام قاعدة كود واحدة. يتميز بسهولة بناء واجهات تفاعلية، مما يجعله خيارًا مثاليًا لبناء [&hellip;]
- [كيفية تثبيت MySQL و MySQL Workbench على macOS من الموقع الرسمي خطوة بخطوة](https://geecoders.com/install-mysql-and-mysql-workbench-on-macos/): كيفية تثبيت MySQL و MySQL Workbench على macOS من الموقع تُعتبر قاعدة البيانات MySQL واحدة من أشهر أنظمة إدارة قواعد البيانات العلائقية (RDBMS) في العالم، وتُستخدم على نطاق واسع في تطوير المواقع والتطبيقات وأنظمة إدارة المحتوى. إذا كنت تعمل في مجال البرمجة أو تطوير الويب، فإن تثبيت MySQL على جهازك بنظام macOS يُعد خطوة أساسية لإنشاء بيئة تطوير متكاملة. يفضل دائمًا تحميل MySQL من الموقع الرسمي لضمان الحصول على أحدث إصدار مستقر وآمن، بعيدًا عن النسخ المعدلة أو غير المحدثة. في هذا الدليل الشامل، سنشرح طريقة تثبيت MySQL أولًا، ثم تثبيت MySQL Workbench لإدارة قواعد البيانات بواجهة رسومية سهلة واحترافية. [&hellip;]
- [أسباب مشكلة Hot Reload في Flutter ولماذا لا يعمل؟ الدليل الشامل للحل](https://geecoders.com/flutter-hot-reload-not-working-complete-guide/): أسباب مشكلة Hot Reload في Flutter وكيفية تجنبها تُعتبر ميزة Hot Reload في Flutter واحدة من أقوى المميزات التي جعلت الإطار البرمجي Flutter مفضلًا لدى ملايين المطورين حول العالم. فهي تسمح برؤية التعديلات على الكود مباشرة داخل التطبيق دون الحاجة إلى إعادة تشغيله بالكامل، مما يوفر وقتًا هائلًا أثناء التطوير ويُحسن الإنتاجية بشكل ملحوظ. لكن في بعض الحالات، يواجه المطورون مشكلة Hot Reload في Flutter حيث يتم إعادة تشغيل التطبيق من البداية بدلًا من تحديث الواجهة فقط، أو لا يتم تطبيق التعديلات إطلاقًا. هذه المشكلة قد تكون مزعجة جدًا خاصة أثناء العمل على مشاريع كبيرة. في هذا الدليل الشامل، سنشرح [&hellip;]
- [كيفيةإزالة MySQL من macOS خطوة بخطوة بدون ترك أي بقايا](https://geecoders.com/remove-mysql-from-macos-completely/): كيفية إزالة إزالة MySQL من macOS إذا كنت قد قمت بتثبيت MySQL على جهازك بنظام macOS، ثم قررت إزالته لأي سبب — سواء بسبب مشاكل في كلمة المرور، أو رغبتك في إعادة تثبيت نسخة جديدة، أو تنظيف الجهاز من البرامج غير المستخدمة — فأنت في المكان الصحيح. في هذا الدليل سنشرح خطوة بخطوة كيفية إزالة MySQL من macOS بالكامل، بما في ذلك حذف الملفات المخفية، الإعدادات، وأدوات الإدارة مثل MySQL Workbench، مع التأكد من عدم ترك أي بقايا قد تؤثر على إعادة التثبيت لاحقًا. لماذا قد تحتاج لإزالة MySQL بالكامل؟ هناك عدة أسباب تدفع المستخدمين إلى حذف MySQL نهائيًا من [&hellip;]
- [شرح Chain of Responsibility Design Pattern في Java مثال عملي مع المميزات والعيوب](https://geecoders.com/chain-of-responsibility-design-pattern-java-explained/): شرح Chain of Responsibility Design Pattern بالتفصيل – فهم نمط سلسلة المسؤولية في Java مع مثال عملي عند بناء أنظمة تحتوي على مجموعة كبيرة من الشروط أو الفلاتر المتتابعة، يصبح تنظيم الكود تحديًا حقيقيًا. هنا يظهر دور Chain of Responsibility Design Pattern أو نمط سلسلة المسؤولية، والذي يُعد من أهم الأنماط السلوكية (Behavioral Design Patterns) في البرمجة كائنية التوجه (OOP). يسمح هذا النمط بتمرير الطلبات عبر سلسلة من المعالجات (Handlers)، بحيث يستطيع كل معالج إما معالجة الطلب أو تمريره إلى المعالج التالي في السلسلة دون معرفة من سيعالجه فعليًا. ما هو Chain of Responsibility Design Pattern؟ Chain of Responsibility Design [&hellip;]
- [شرح Proxy Design Pattern بالتفصيل في Java مثال عملي مع المميزات والعيوب](https://geecoders.com/proxy-design-pattern-java-explained/): شرح Proxy Design Pattern بالتفصيل – فهم نمط الوكيل في Java مع مثال عملي في الأنظمة البرمجية الكبيرة، قد نحتاج أحيانًا إلى التحكم في الوصول إلى كائن معيّن دون تعديل الكود الأساسي الخاص به. هنا يظهر دور Proxy Design Pattern أو نمط تصميم الوكيل، والذي يُعد من الأنماط الهيكلية (Structural Design Patterns) في البرمجة كائنية التوجه (OOP). يتيح لنا هذا النمط إنشاء كائن وسيط يعمل كـ &#8220;وكيل&#8221; يتحكم في الوصول إلى الكائن الحقيقي، مع إمكانية إضافة خصائص مثل التحقق من الصلاحيات، التسجيل (Logging)، أو تحسين الأداء دون المساس بالكائن الأصلي. ما هو Proxy Design Pattern؟ نمط الوكيل هو نمط تصميم [&hellip;]
- [تصميم تطبيق ستاربكس باستخدام Flutter – شرح واجهة Starbucks UI Challenge خطوة بخطوة](https://geecoders.com/flutter-starbucks-ui-challenge-design/): تصميم تطبيق ستاربكس باستخدام Flutter – شرح واجهة Starbucks UI Challenge خطوة بخطوة في خضم مشاغل الحياة اليومية، نسعى دائمًا إلى تجارب رقمية سريعة وسلسة تُلبي احتياجاتنا دون تعقيد. وفي عالم القهوة، يُعد تصميم تطبيق ستاربكس باستخدام Flutter مثالًا رائعًا على كيفية تقديم تجربة استخدام احترافية تجمع بين الجمال والوظيفة. يعتمد هذا المشروع على محاكاة واجهة تطبيق ستاربكس باستخدام Flutter، مع التركيز على تصميم UI جذاب وسلس يعكس هوية العلامة التجارية ويُحسن تجربة المستخدم. مميزات تطبيق ستاربكس Flutter سهولة الطلب: يوفر التطبيق واجهة بسيطة تُمكّن المستخدم من تصفح المشروبات وطلبها بسرعة دون خطوات معقدة. تخصيص المشروبات: يمكن للمستخدم اختيار نوع [&hellip;]
- [كيفية استخدام Flutter Spectrum لإنشاء تطبيقات متعددة الألوان وتحسين تجربة المستخدم](https://geecoders.com/flutter-spectrum-multicolor-ui-guide/): كيفية استخدام Flutter Spectrum لإنشاء تطبيقات متعددة الألوان وجذابة يُعد تحسين تجربة المستخدم في تطبيقات الجوال عنصرًا أساسيًا لنجاح أي تطبيق. ومن أهم العوامل التي تؤثر في تجربة المستخدم هو نظام الألوان والتصميم البصري. هنا يأتي دور مكتبة Flutter Spectrum التي تساعد المطورين على إنشاء تطبيقات متعددة الألوان بسهولة واحترافية داخل بيئة Flutter. ما هي مكتبة Flutter Spectrum؟ Flutter Spectrum هي مكتبة تتيح إنشاء أنظمة ألوان مرنة وقابلة للتخصيص داخل تطبيقات Flutter، مما يساعد على تحسين المظهر العام للتطبيق وتقديم تجربة مستخدم أكثر جاذبية وتنظيمًا. مميزات Flutter Spectrum &#8211; متعدد الألوان: إنشاء تطبيقات بألوان متنوعة بسهولة. &#8211; سهولة الاستخدام: دمج [&hellip;]
- [شرح تصميم واجهة محفظة إلكترونية في Flutter باستخدام Custom Clipper وCustomPaint](https://geecoders.com/flutter-wallet-ui-custom-clipper/): شرح تصميم واجهة محفظة إلكترونية في Flutter باستخدام Custom Clipper بالتفصيل يُعد تصميم واجهة محفظة إلكترونية في Flutter من أهم العوامل التي تعكس احترافية التطبيقات المالية. فالتصميم لا يقتصر على عرض الرصيد والمعاملات فقط، بل يتطلب تجربة مستخدم جذابة وسلسة تُشعر المستخدم بالثقة والتنظيم. في هذه المقالة سنتناول كيفية بناء واجهة Wallet App احترافية باستخدام Custom Clipper وCustomPaint مع شرح عملي لكيفية تنظيم عناصر الصفحة الرئيسية. ما هو Custom Clipper في Flutter؟ يُعتبر Custom Clipper أداة قوية داخل Flutter تسمح بقص عناصر الواجهة بأشكال مخصصة بدلًا من الأشكال التقليدية المستطيلة. باستخدامه يمكنك إنشاء تصميمات منحنية أو مائلة تضيف طابعًا عصريًا [&hellip;]
- [شرح إنشاء أنيميشن تطبيق طعام Flutter باحترافية مع مثال عملي خطوة بخطوة](https://geecoders.com/flutter-food-app-animations-guide/): شرح إنشاء أنيميشن تطبيق طعام Flutter مع مثال عملي تُعد عملية إنشاء الأنيميشن داخل تطبيقات Flutter من أهم العوامل التي تميز التطبيقات الاحترافية عن التقليدية، خاصة في تطبيقات المطاعم وتوصيل الطعام. فالرسوم المتحركة لا تقتصر على الجانب الجمالي فقط، بل تُستخدم لتحسين تجربة المستخدم، إبراز صور الأطباق، وتسهيل التنقل بين الشاشات. تشرح هذه المقالة كيفية إنشاء أنيميشن تطبيق طعام Flutter بأسلوب احترافي داخل صفحة HomeScreen وصفحة تفاصيل الطبق، مع مثال عملي وشرح الفوائد والمشاكل المحتملة. ما هي الأنيميشن في Flutter؟ الأنيميشن في Flutter هي عملية تحريك العناصر البرمجية (Widgets) عبر الزمن باستخدام أدوات مثل AnimationController و CurvedAnimation و AnimatedContainer. تُستخدم [&hellip;]
- [Facade Design Pattern في جافا: السر الذي يجعل الأنظمة المعقدة تبدو بسيطة واحترافية](https://geecoders.com/facade-design-pattern-java-explained/): شرح Facade Design Pattern بالتفصيل مع مثال عملي في Java يُعد Facade Design Pattern أحد أهم أنماط التصميم الهيكلية (Structural Design Patterns) في البرمجة كائنية التوجه (OOP) وهو يستخدم بكثره في عدد كبير من المشاريع، حيث يهدف إلى تبسيط الأنظمة المعقدة من خلال توفير واجهة موحدة وسهلة الاستخدام للتعامل مع عدة أنظمة فرعية في آنٍ واحد دون التاثير علي اي قطع اخر في الكود. في هذا المقال سنشرح النمط بالتفصيل، ونوضح الفرق بين استخدامه وعدم استخدامه، مع مثال عملي يحاكي نظام دفع إلكتروني باستخدام لغة Java، بالإضافة إلى عرض المميزات والعيوب وحالات الاستخدام الواقعية. ما هو Facade Design Pattern؟ Facade [&hellip;]
- [كيفية بناء صفحة بطاقات الائتمان في Flutter | تصميم Credit Cards Page في تطبيق Wallet](https://geecoders.com/flutter-credit-cards-page-wallet-app/): شرح بناء صفحة بطاقات الائتمان في تطبيق Flutter (Credit Cards Page) بالتفصيل تُعد صفحة بطاقات الائتمان من أهم مكونات تطبيقات المحافظ الرقمية، حيث تتيح للمستخدم استعراض بطاقاته، التنقل بينها، وإدارتها بطريقة تفاعلية وسلسة. في هذه المقالة نشرح كيفية إنشاء صفحة بطاقات ائتمان احترافية داخل تطبيق Wallet باستخدام Flutter، مع دعم الأنيميشن والسحب (Drag) وتأثيرات الانتقال المتقدمة. ما هي صفحة بطاقات الائتمان في تطبيق المحفظة؟ صفحة بطاقات الائتمان هي واجهة تعرض بطاقات المستخدم في شكل تكديسي (Stacked Cards)، مع إمكانية: &#8211; السحب لتغيير البطاقة &#8211; الضغط لفتح تفاصيل البطاقة &#8211; تنفيذ أنيميشن انتقال احترافي باستخدام Hero &#8211; إضافة بطاقة جديدة لاحقًا [&hellip;]
- [Animation Flutter احترافي: شرح عملي لبناء Wallet App مع كود جاهز](https://geecoders.com/animation-flutter-wallet/): Animation Flutter احترافي: شرح عملي لبناء Wallet App مع كود جاهز تُعد عملية إنشاء الأنيميشن داخل تطبيقات Flutter من أهم العوامل التي تميز التطبيقات الاحترافية عن التقليدية. فالرسوم المتحركة لا تقتصر على الجانب الجمالي فقط، بل تُستخدم لتحسين تجربة المستخدم، توضيح التفاعلات، وتسهيل التنقل بين الشاشات. تشرح هذه المقالة كيفية إنشاء أنيميشن احترافي في Flutter داخل صفحة HomeScreen لتطبيق Wallet App، مع مثال عملي وشرح الفوائد والمشاكل المحتملة. ما هي الأنيميشن في Flutter؟ الأنيميشن في Flutter هي عملية تحريك العناصر البرمجية (Widgets) عبر الزمن باستخدام أدوات مثل AnimationController و CurvedAnimation و AnimatedContainer. تُستخدم هذه التقنيات لإنشاء تأثيرات مثل التلاشي (Fade)، [&hellip;]
- [تطبيق منصة تواصل اجتماعي صوتي مفتوح المصدر Flutter Audio Social App](https://geecoders.com/flutter-audio-social-app/): تطبيق منصة تواصل اجتماعي صوتي مفتوح المصدر Flutter Audio Social App Flutter مع التطور السريع في عالم تطبيقات التواصل الاجتماعي، بدأت المنصات الصوتية بالانتشار بشكل واسع، حيث توفر تجربة تفاعل أكثر واقعية وقربًا بين المستخدمين. تُعد Flutter من أفضل الخيارات لبناء هذا النوع من التطبيقات، لما توفره من أداء عالٍ وتجربة مستخدم سلسة على مختلف المنصات. أهمية الفلاتر الصوتية في تطبيقات التواصل الاجتماعي تلعب الفلاتر الصوتية دورًا أساسيًا في تحسين جودة الصوت وإضافة طابع إبداعي للتسجيلات. تساعد هذه الفلاتر المستخدمين على إنشاء محتوى صوتي أكثر وضوحًا، احترافية، ومتعة. أنواع الفلاتر في تطبيقات التواصل الاجتماعي الصوتية يمكن تقسيم الفلاتر الصوتية إلى [&hellip;]
- [تطبيق متجر إلكتروني بفلاتر مفتوح المصدر بتصميم عصري | Flutter Ecommerce App](https://geecoders.com/flutter-ecommerce-app/): تطبيق متجر إلكتروني بفلاتر مفتوح المصدر بتصميم عصري | Flutter Ecommerce App Flutter في عالم تطوير تطبيقات الجوال، تتطلب التطبيقات الأصلية (Native Apps) استخدام لغات وأدوات مختلفة حسب النظام. فعلى سبيل المثال: تطبيقات iOS تحتاج إلى لغات مثل Swift أو Objective-C مع بيئات تطوير مثل Xcode. تطبيقات Android تعتمد على Kotlin أو Java باستخدام Android Studio. كما يتم نشر هذه التطبيقات عبر متاجر رسمية مثل Apple App Store و Google Play، ومن أشهر الأمثلة على التطبيقات الأصلية: Spotify و WhatsApp و LinkedIn. لكن مع تطور التقنيات، ظهرت حلول أكثر مرونة مثل Flutter التي تتيح إنشاء تطبيق واحد يعمل على أكثر [&hellip;]
- [تطبيق القرآن الكريم مفتوح المصدر Open Source Quran flutter](https://geecoders.com/open-source-quran-flutter/): تطبيق القرآن الكريم مفتوح المصدر Open Source Quran flutter في عالمٍ يمتلئ بالتطبيقات الرقمية، يظل القرآن الكريم منارة هداية وهدى للمسلمين في كل زمان ومكان. ومع التطور التقني المتسارع، ظهرت تطبيقات قرآنية حديثة لا تكتفي بعرض النص فقط، بل تسعى إلى تقديم تجربة قراءة تفاعلية تُساعد على التدبر، والحفظ، والفهم العميق. من هنا برزت أهمية تطبيقات القرآن الكريم مفتوحة المصدر مع الفلاتر، والتي تمنح المستخدم تحكمًا كاملاً في كيفية عرض وتفاعل النص القرآني الكريم. ما هي تطبيقات القرآن الكريم مفتوحة المصدر مع الفلاتر؟ هي تطبيقات قرآنية يتم تطويرها كمشاريع مفتوحة المصدر، تتيح للمستخدمين تخصيص تجربة قراءة القرآن الكريم وفق احتياجاتهم [&hellip;]
- [ما هو التقويم الهجري في Kotlin؟ شرح عملي مع مثال ومكتبة جاهزة](https://geecoders.com/hijri-calendar-kotlin/): ما هو التقويم الهجري في Kotlin؟ التقويم الهجري هو تقويم قمري يعتمد عليه المسلمون في تحديد المناسبات الدينية مثل شهر رمضان، وعيد الفطر، وعيد الأضحى، بالإضافة إلى توثيق الأحداث التاريخية. يبدأ التقويم الهجري من هجرة النبي محمد ﷺ من مكة إلى المدينة المنورة عام 622 ميلاديًا، ويتكوّن من 12 شهرًا قمريًا. التقويم الهجري في Kotlin لغة Kotlin لا توفر بشكل افتراضي دعمًا مباشرًا للتقويم الهجري ضمن مكتباتها الأساسية، ولكن يمكن التعامل معه من خلال: مكتبات خارجية (Third-party libraries). استخدام تقاويم مخصصة تعتمد على الحسابات الفلكية. مكتبات جاهزة توفر تجربة استخدام أسهل. استخدام IslamicCalendar في Kotlin توفر بعض المكتبات كلاس يُسمى [&hellip;]
- [شرح Decorator Design Pattern بالتفصيل مع مثال توضيحي ومعرفة العيوب والمميزات](https://geecoders.com/decorator-design-pattern-flutter/): شرح Decorator Design Pattern بالتفصيل مع مثال توضيحي ومعرفة العيوب والمميزات نمط Decorator Design Pattern هو أحد أنماط التصميم السلوكية/الهيكلية (Structural Patterns) في البرمجة الموجهة للكائنات، ويهدف إلى إضافة سلوكيات أو خصائص جديدة للكائنات بشكل ديناميكي دون الحاجة إلى تعديل الكلاس الأصلي أو إنشاء عدد كبير من الوراثات. يُستخدم هذا النمط عندما نحتاج إلى توسيع وظيفة كائن معين أثناء وقت التشغيل (Runtime)، مع الحفاظ على مبدأ الانفتاح/الإغلاق (Open/Closed Principle). في هذه المقالة سنشرح Decorator Design Pattern بالتفصيل، مع مثال عملي، ثم نوضح كيف تطبّقه Flutter فعليًا من خلال فكرة **Wrap Widget بـ Widget أخرى**. ما هو Decorator Design Pattern؟ نمط [&hellip;]
- [شرح Composite Design Pattern بالتفصيل مع مثال Java ومعرفة المميزات والعيوب](https://geecoders.com/composite-design-pattern/): شرح Composite Design Pattern بالتفصيل مع مثال توضيحي ومعرفة العيوب والمميزات يُعد Composite Design Pattern أحد أنماط التصميم الهيكلية (Structural Design Patterns) في البرمجة الموجهة للكائنات (OOP)، ويُستخدم عندما نحتاج إلى التعامل مع الكائنات الفردية والكائنات المركبة بنفس الطريقة دون التمييز بينهما. يسمح هذا النمط ببناء هيكل شجري (Tree Structure) يمكن من خلاله تمثيل العلاقات الهرمية، بحيث يتم التعامل مع العناصر البسيطة والمجموعات المعقدة باستخدام واجهة موحدة، مما يقلل التعقيد ويسهل الصيانة والتوسعة. في هذه المقالة سنقدم شرح Composite Design Pattern بشكل عملي، مع مثال تطبيقي باستخدام Java في نظام دفع إلكتروني، مع مقارنة واضحة بين استخدام النمط وعدم استخدامه، [&hellip;]
- [شرح Adapter Design Pattern بالتفصيل مع مثال Java ومعرفة المميزات والعيوب](https://geecoders.com/adapter-design-pattern/): شرح Adapter Design Pattern بالتفصيل مع مثال توضيحي ومعرفة العيوب والمميزات يُعد Adapter Design Pattern أحد أنماط التصميم الهيكلية (Structural Design Patterns) في البرمجة، ويهدف إلى تمكين الفئات ذات الواجهات غير المتوافقة من العمل معًا بسلاسة. يتم ذلك عن طريق إنشاء طبقة وسيطة تُسمى &#8220;المحول&#8221; تقوم بتحويل واجهة فئة معينة إلى واجهة أخرى يفهمها الكود الحالي دون الحاجة إلى تعديل الشيفرة الأصلية. يُستخدم هذا النمط بكثرة عند التعامل مع أنظمة خارجية أو مكتبات قديمة، أو عند الحاجة إلى تحويل تنسيقات بيانات مختلفة مثل XML و JSON. في هذه المقالة سنقدّم شرح Adapter Design Pattern بشكل عملي، مع مثال توضيحي باستخدام [&hellip;]
- [تنفيذ Flutter Parallax Effect في تطبيقات Flutter لتحسين تجربة المستخدم](https://geecoders.com/flutter-parallax-effect/): شرح Flutter Parallax Effect بالتفصيل مع مثال عملي وتحسين تجربة المستخدم يُعد Flutter Parallax Effect من التأثيرات البصرية الحديثة التي تُستخدم في تطوير تطبيقات Flutter لتحسين تجربة المستخدم وجعل الواجهات أكثر تفاعلية وحيوية. يعتمد هذا التأثير على تحريك الخلفية بسرعة مختلفة عن العناصر الأمامية، مما يخلق إحساسًا بالعمق أثناء التمرير أو التفاعل مع التطبيق. تشرح هذه المقالة تأثير Flutter Parallax Effect بالتفصيل، مع سيناريو عملي يوضح الفكرة، ومثال برمجي باستخدام Flutter، مع توضيح الفوائد والمشاكل المحتملة، ومتى يكون استخدام هذا التأثير هو الخيار المناسب داخل التطبيق. ما هو Flutter Parallax Effect؟ تأثير Parallax هو أسلوب تصميم بصري يجعل طبقات الواجهة [&hellip;]
- [تطبيق Activity Tracker Flutter مفتوح المصدر لتحليل بيانات نشاطك البدني](https://geecoders.com/activity-tracker-flutter/): تطبيق Activity Tracker Flutter مفتوح المصدر لتحليل بيانات نشاطك البدني تتبع النشاط البدني أصبح جزءًا أساسيًا من نمط الحياة الصحي، خاصة مع انتشار الهواتف الذكية. في هذه المقالة نشرح بالتفصيل مشروع Activity Tracker مفتوح المصدر، ونوضح آلية عمله، مميزاته، وكيفية تطويره وتحسينه ليصبح تطبيقًا احترافيًا باستخدام Flutter. ما هو تطبيق Activity Tracker؟ تطبيق Activity Tracker هو تطبيق مفتوح المصدر يتيح للمستخدمين تتبع نشاطهم البدني اليومي مثل المشي، الجري، وركوب الدراجات. يعتمد التطبيق على جمع البيانات من مستشعرات الهاتف وتقنية GPS لتحليل الحركة وتقديم إحصائيات دقيقة تساعد المستخدم على تحسين صحته ولياقته. أهمية تطبيقات تتبع النشاط البدني تطبيقات تتبع النشاط تلعب [&hellip;]
- [شرح إنشاء فاتورة Flutter PDF Arabic Invoice مخصصة مع دعم و RTL خطوة بخطوة](https://geecoders.com/flutter-pdf-arabic-invoice/): شرح إنشاء فاتورة Flutter PDF Arabic Invoiceمخصصة مع دعم و RTL خطوة بخطوة بالتفصيل تُعد عملية إنشاء فواتير PDF داخل تطبيقات Flutter من المتطلبات الأساسية في التطبيقات التجارية والمحاسبية. يهدف هذا الأسلوب إلى توليد فواتير احترافية قابلة للطباعة والمشاركة، مع دعم كامل للغة العربية واتجاه الكتابة من اليمين إلى اليسار (RTL). تشرح هذه المقالة كيفية إنشاء فاتورة PDF ديناميكية في Flutter باستخدام مكتبة pdf مع مثال عملي ودراسة الفوائد والمشاكل المحتملة. ما هي فواتير PDF في Flutter؟ فواتير PDF في Flutter هي مستندات يتم إنشاؤها برمجيًا باستخدام مكتبات مخصصة مثل pdf، وتُستخدم لعرض بيانات الفاتورة مثل المنتجات، الأسعار، الضرائب، والمجموع [&hellip;]
- [شرح Factory Design Pattern بالتفصيل مع مثال توضيحي ومعرفة العيوب والمميزات](https://geecoders.com/factory-design-pattern/): شرح Factory Design Pattern بالتفصيل مع مثال توضيحي ومعرفة العيوب والمميزات نمط المصنع هو واحد من أكثر أنماط التصميم شيوعًا في البرمجة الموجهة للكائنات (OOP)؛ وهو ينتمي إلى النمط الإنشائي ويوفر آلية لإنشاء الكائنات بطريقة مبسطة ومرنة، دون الحاجة إلى تحديد الفئة الفعلية للكائن في كل مرة. يهدف إلى توفير آلية لإنشاء الكائنات بطريقة مبسطة ومرنة دون الحاجة إلى تحديد الفئة الفعلية للكائن في كل مرة. تشرح هذه المقالة نمط المصنع بالتفصيل وتوضح الاختلافات من خلال مقارنة تطبيقه على عملية دفع إلكتروني باستخدام جافا مع رمز لا يستخدم هذا النمط. ما هو نمط المصنع؟ يُستخدم نمط المصنع عند الحاجة إلى [&hellip;]
- [شرح Builder Design Pattern بالتفصيل مع مثال توضيحي ومعرفة العيوب والمميزات](https://geecoders.com/builder-design-pattern/): شرح Builder Design Pattern بالتفصيل مع مثال توضيحي ومعرفة العيوب والمميزات يعد نمط البناء (Builder Design Pattern) أحد أهم أنماط التصميم في البرمجة الشيئية (OOP). يتم استخدامها بشكل أساسي لتبسيط إنشاء كائنات معقدة تحتوي على العديد من الخصائص، وتقسيم عملية الإنشاء إلى خطوات صغيرة. في هذه المقالة سنشرح مفهوم Constructor Pattern بالتفصيل مع كود جافا التوضيحي. ونقارن أيضًا بين تنفيذ عملية الشراء باستخدام Pattern Builder والتنفيذ بدونها، مع إبراز الفرق بين الطريقتين. ما هي الـBuilder Pattern نمط البناء هو نمط تصميمي يهدف إلى فصل عملية بناء الكائنات المعقدة عن تمثيلها. هذا يعني أنه يمكننا استخدام نفس عملية البناء لإنشاء تمثيلات [&hellip;]
- [شرح Singleton Design Pattern بالتفصيل مع مثال توضيحي ومعرفة العيوب والمميزات](https://geecoders.com/singleton-design-pattern-explained/): شرح Singleton Design Pattern بالتفصيل مع مثال توضيحي ومعرفة العيوب والمميزات نمط Singleton هو واحد من أشهر أنماط التصميم في البرمجة الموجهة للكائنات (OOP)، ويُصنف ضمن الأنماط الإنشائية (Creational Patterns). يهدف هذا النمط إلى ضمان وجود مثيل (Instance) واحد فقط من كائن معين طوال دورة حياة التطبيق، مع توفير نقطة وصول عامة وآمنة لهذا المثيل. تشرح هذه المقالة نمط Singleton Design Pattern بالتفصيل، مع مثال عملي باستخدام لغة Java، ومقارنة واضحة بين استخدام النمط وعدم استخدامه، بالإضافة إلى توضيح المميزات والعيوب، ومتى يكون استخدامه هو الخيار الأفضل. ما هو نمط Singleton؟ نمط Singleton هو نمط تصميم يضمن إنشاء نسخة واحدة [&hellip;]
- [تطبيق Android لعرض شخصيات VALORANT باستخدام Kotlin وJetpack Compose](https://geecoders.com/valorant-agents-show-kotlin/): ما هو مشروع Valorant Agents Show؟ Valorant Agents Show هو مشروع مفتوح المصدر متوفر على منصة GitHub، يهدف إلى عرض وكلاء (Agents) لعبة VALORANT داخل تطبيق Android أنيق وحديث. المشروع من تطوير Mohammed Alsharif، وهو مكتوب بالكامل باستخدام لغة Kotlin مع الاعتماد على Jetpack Compose لبناء واجهات مستخدم تفاعلية وسلسة. فكرة مشروع Valorant Agents Show يقدم المشروع تطبيق أندرويد يعرض قائمة بوكلاء لعبة VALORANT مع معلوماتهم الأساسية مثل: اسم الوكيل (Agent Name). الدور الخاص به داخل اللعبة. واجهة رسومية جذابة لعرض التفاصيل. يُعد المشروع مثالًا عمليًا ممتازًا لتطبيقات عرض البيانات (Data Showcase) باستخدام أحدث تقنيات Android. التقنيات المستخدمة في المشروع [&hellip;]
- [شرح Design Patterns دليل شامل لأنواع أنماط التصميم البرمجية](https://geecoders.com/design-patterns/): تُعد Design Patterns أو أنماط التصميم البرمجية من أهم المفاهيم في هندسة البرمجيات، حيث تقدم حلولًا مجرّبة لمشاكل متكررة في تصميم الأنظمة. في هذا المقال نقدم شرح Design Patterns بشكل مبسط ومنظم، مع تقسيمها إلى أنواعها الرئيسية، وشرح مختصر لكل نمط مع مثال عملي بسيط. ما هي Design Patterns؟ Design Patterns هي قوالب تصميم جاهزة تساعد المطورين على كتابة كود مرن، قابل للصيانة، وسهل التوسع دون إعادة اختراع الحلول من الصفر. أنواع Design Patterns تنقسم أنماط التصميم إلى ثلاثة أقسام رئيسية: ─ Creational Patterns ─ Structural Patterns ─ Behavioral Patterns Creational Design Patterns Singleton يضمن وجود نسخة واحدة فقط من [&hellip;]
- [HydratedBloc في Flutter: شرح حفظ الحالة وإدارة State باحتراف](https://geecoders.com/hydratedbloc-flutter/): HydratedBloc في Flutter: شرح إدارة الحالة مع حفظ البيانات &nbsp; إدارة الحالة (State Management) من أهم التحديات في تطوير تطبيقات Flutter، خصوصًا عند الحاجة إلى الاحتفاظ ببيانات التطبيق بعد إغلاقه. هنا يأتي دور HydratedBloc كحل عملي وفعال يتيح حفظ الحالة تلقائيًا واستعادتها عند إعادة تشغيل التطبيق، مما يوفر تجربة مستخدم أكثر سلاسة واستقرارًا. &nbsp; لماذا نستخدم HydratedBloc لحفظ الحالة في Flutter؟ في التطبيقات الحقيقية، يحتاج المستخدم إلى استكمال ما بدأه دون فقدان البيانات. بدلًا من إعادة تحميل الحالة أو استخدام حلول يدوية مثل SharedPreferences، يوفر HydratedBloc آلية ذكية لحفظ الحالة واسترجاعها تلقائيًا دون تعقيد. &nbsp; ما هو HydratedBloc؟ HydratedBloc هو [&hellip;]
- [إنشاء واجهة مستخدم ديناميكية وتفاعلية شفافه في Flutter](https://geecoders.com/reflective-ui-flutter/): يوفر Reflective UI في Flutter طريقة حديثة وبسيطة لإنشاء واجهة مستخدم ديناميكية وتفاعلية تعتمد على تغيّر البيانات بشكل تلقائي. باستخدام Reflective UI، يمكنك إنشاء عناصر واجهة مستخدم ذكية تتغير فورًا استجابةً لتحديثات البيانات أو تفاعلات المستخدم، مما يساهم في تحسين تجربة المستخدم وتقليل التعقيد البرمجي. في هذا المقال، سنلقي نظرة شاملة على أساسيات Reflective UI في فلاتر، وسنناقش كيفية إنشاء عناصر واجهة مستخدم ديناميكية وتفاعلية باستخدام Reflective UI، بالإضافة إلى كيفية استخدام Reflective UI مع نماذج البيانات داخل تطبيقات Flutter الحديثة. يمكن أن يكون Reflective UI مفيدًا في مجموعة متنوعة من التطبيقات، بما في ذلك: تطبيقات الويب باستخدام Flutter Web [&hellip;]
- [تطبيق flutter لمعرفة اتجاه القبلة بتصميم بسيط](https://geecoders.com/qibla-direction-html/): تطبيق flutter لمعرفة اتجاه القبلة بتصميم بسيطيهدف هذا التطبيق إلى توفير طريقة بسيطة وسهلة لمعرفة اتجاه القبلة. يعتمد التطبيق على مكتبة Geolocator لتحديد موقع المستخدم، ومكتبة QiblaDirection لحساب اتجاه القبلة.لماذا تطبيق معرفة القبلة مهم؟&#8211; سهولة للمستخدمين أثناء السفر أو في أماكن جديدة.&#8211; ضرورة دينية يومية لكثير من المسلمين.&#8211; تطبيق خفيف لا يستهلك بيانات أو موارد كثيرة.&#8211; يمكن توسيعه لاحقًا لإضافة منبهات للصلاة، خرائط، أو مشاركة الاتجاه. تصميم التطبيق (بسيط — صفحة واحدة)الشاشة تحتوي على:1. مؤشر بوصلة (Compass) يدور تبعًا لاتجاه الهاتف.2. سهم أو خط يُظهر اتجاه القبلة نسبةً للاتجاه الحالي.3. نص يعرض درجة القبلة (مثلاً: 123°) واسم أقرب مدينة (اختياري).4. زر [&hellip;]
- [تطبيق لعرض الافلام مفتوح المصدر Flutter مجاني](https://geecoders.com/movies-app-flutter-html/): تطبيق لعرض الافلام مفتوح المصدر Flutter مجانييهدف هذا المشروع إلى إنشاء تطبيق لعرض الأفلام بالأنميشن باستخدام Flutter. سيوفر التطبيق للمستخدمين إمكانية مشاهدة الأفلام بجودة عالية ورسومات جميلة.إحدى أهم مزايا إنشاء تطبيق ويب هي التكلفة المنخفضة. خاصة إذا قمت بالاستعانة بمصادر خارجية ، فقد يكون تطوير البرامج التقليدية مكلفًا للغاية. يعد تطوير البرامج التقليدية أكثر تكلفة من إنشاء تطبيق ويب. السبب الرئيسي لذلك هو تضمين تكاليف التصميم والتشفير في سعر إنشاء موقع ويب. بالإضافة إلى ذلك ، فهي أقل تكلفة بكثير بسبب عدم وجود رسوم الترخيص وسهولة العثور على مطوري مكدس كامل الميزانية الصغيرة. لا داعي للقلق أيضًا بشأن شراء أو [&hellip;]
- [تطبيق تجول ورحلات مفتوح المصدر مجاني Flutter](https://geecoders.com/travel-app-flutter-html/): تطبيق تجول ورحلات مفتوح المصدر مجاني Flutterيمكن استخدام الفلاتر لإضافة تأثيرات ممتعة إلى تطبيق Wander. على سبيل المثال، يمكن استخدام فلتر لتغيير لون الخلفية أو إضافة رسومات أو صور.فيما يلي بعض الأمثلة على كيفية استخدام الفلاتر في تطبيق Wanderفلتر لتغيير لون الخلفية: يمكن استخدام هذا الفلتر لجعل تطبيق Wander أكثر جاذبية أو إثارة. على سبيل المثال، يمكن استخدام فلتر لتغيير لون الخلفية إلى اللون الأزرق أو الأخضر أو الأحمر.فلتر لإضافة رسومات أو صور: يمكن استخدام هذا الفلتر لإضافة لمسة من المرح إلى تطبيق Wander. على سبيل المثال، يمكن استخدام فلتر لإضافة صورة لشخصية كرتونية أو شعار رياضي.فلتر لتغيير واجهة المستخدم: [&hellip;]
- [Flutter Document Scanner: وداعاً للأوراق! مسح ضوئي للمستندات بسهولة على هاتفك!](https://geecoders.com/document-flutter-ai-html/): Flutter Document Scanner: وداعاً للأوراق! مسح ضوئي للمستندات بسهولة على هاتفك!اكتشف الحل السحري لمسح ضوئي للمستندات على هاتفك مع مكتبة Flutter Document Scanner!ما هي حزمة ماسح الوثائق في Flutter؟تعد حزمة ماسح الوثائق في Flutter حزمة تسمح للمستخدمين بالتقاط صور للوثائق وقصها وتطبيق الفلاتر عليها.ما هي ميزات حزمة ماسح الوثائق في Flutter؟&#8211; التقاط الصور: تتيح الحزمة للمستخدمين التقاط صور للوثائق باستخدام كاميرا الجهاز.&#8211; قص الصور: تتيح الحزمة للمستخدمين قص الصور لتحديد منطقة الوثيقة التي يرغبون في مسحها ضوئيًا.&#8211; تطبيق الفلاتر: تتيح الحزمة للمستخدمين تطبيق الفلاتر على الصور لتحسين جودة المسح الضوئي.كيف يمكن استخدام حزمة ماسح الوثائق في Flutter؟&#8211; إضافة الحزمة كتبعية: [&hellip;]
- [كيفيه البحث عن الصور المتشابهه في Flutter عن طريق الذكاء الاصطناعي في مشروعك](https://geecoders.com/searchable-gallery-flutter-html/): تطبيق Flutter للبحث على الصور المشابهه عن طريق الذكاء الاصطناعي في مشروعكSearchable_gallery: مكتبة Flutter قوية وسهلة الاستخدام تُمكنك من عرض وعرض مجموعات الصور بطريقة أنيقة وفعالة.مميزات searchable_galleryالبحث السريع: ابحث عن الصور بسهولة باستخدام شريط البحث المُدمج.الفلترة الذكية: فلتر الصور حسب العلامات، التاريخ، أو أي معايير أخرى.التصفح الممتع: تصفح الصور بتجربة سلسة باستخدام إيماءات اللمس.التخصيص: خصص واجهة المستخدم لتناسب احتياجاتك وعلامتك التجارية.التكامل السهل: تتوافق searchable_gallery مع مشاريع Flutter بسهولة.ما هو Searchable_gallery؟Searchable_gallery هي مكتبة Flutter مفتوحة المصدر تم تصميمها لعرض وعرض مجموعات الصور.ما الذي تقدمه Searchable_gallery؟عرض الصور: عرض الصور بأحجام مختلفة وتصميمات جذابة.البحث: البحث عن الصور باستخدام الكلمات الرئيسية أو العلامات.الفلترة: تصفية [&hellip;]
- [تطبيق Flutter مفتوح المصدر لعد تمرين الضغط (pushup) بالذكاء الاصطناعي](https://geecoders.com/pushup-ai-flutter-html/): تطبيق Flutter مفتوح المصدر لعد تمرين الضغط (pushup) بالذكاء الاصطناعييمكن استخدام الفلاتر لإضافة تأثيرات ممتعة إلى تطبيق pushup_counter. على سبيل المثال، يمكن استخدام فلتر لتغيير لون الخلفية أو إضافة رسومات أو صور.فيما يلي بعض الأمثلة على كيفية استخدام الفلاتر في تطبيق pushup_counter:فلتر لتغيير لون الخلفية: يمكن استخدام هذا الفلتر لجعل تطبيق pushup_counter أكثر جاذبية أو إثارة. على سبيل المثال، يمكن استخدام فلتر لتغيير لون الخلفية إلى اللون الأزرق أو الأخضر أو الأحمر.فلتر لإضافة رسومات أو صور: يمكن استخدام هذا الفلتر لإضافة لمسة من المرح إلى تطبيق pushup_counter. على سبيل المثال، يمكن استخدام فلتر لإضافة صورة لشخصية كرتونية أو شعار رياضي.فلتر [&hellip;]
- [بناء تطبيق Flutter للتعرف على النصوص (OCR) باستخدام الكاميرا](https://geecoders.com/flutter-ocr-text-recognition/): بناء تطبيق Flutter OCR للتعرف على النصوص باستخدام الكاميرا في هذا المقال، سنقوم ببناء تطبيق Flutter OCR بسيط لاستخراج الكلمات من النصوص المصوّرة. يعتمد التطبيق على كاميرا الهاتف لالتقاط صورة تحتوي على نص، ثم يستخدم تقنية التعرّف الضوئي على الحروف (OCR) لتحليل الصورة واستخراج الكلمات منها. يوضّح هذا المثال كيفية الاستفادة من Flutter OCR في تحويل الصور إلى نصوص قابلة للمعالجة. تشغيل تطبيق Flutter OCR: قم بتشغيل التطبيق على جهازك الحقيقي أو على المحاكي. استخدم كاميرا الهاتف لالتقاط صورة واضحة للنص. سيقوم تطبيق Flutter OCR بمعالجة الصورة وعرض الكلمات التي تم التعرّف عليها داخل التطبيق. منصة البرمجة: Flutter هي منصة [&hellip;]
- [تعديل ايقونه التطبيق App Icon لمنصه IOS و Android في Flutter بدون مكتبات](https://geecoders.com/app-icon-flutter-html/): تعديل ايقونه التطبيق App Icon لمنصه IOS و Android في Flutter بدون مكتباتإن تصميم وتوليد أيقونة تطبيق احترافية هو خطوة أساسية قبل نشر أي تطبيق على المتجرين (Google Play وApp Store). في هذا الدليل ستجد شرحًا مفصّلًا، خطوة بخطوة، يبدأ من تجهيز الصورة الأصلية إلى تحميل الصيغ المناسبة من أدوات مثل Android Asset Studio [وAppIcon.co](http://xn--appicon-kxj.co/) ثم لصقها داخل مجلدات المشروع (Android: app/src/main/res وiOS: Runner/Assets.xcassets).لماذا لا يكفي مجرد صورة واحدة للأيقونة؟متاجر التطبيقات والأجهزة تتطلّب أحجامًا وصيغًا متعددة لأن دقة وأبعاد الشاشات تختلف بين الأجهزة (HDPI, XHDPI, XXHDPI, XXXHDPI وغيرها)، كما أن نظام Android يدعم Adaptive Icons (واجهة أمامية وخلفية منفصلتان) بينما [&hellip;]
- [كيف تصنع شاشة PIN احترافية في Flutter تزيد من أمان تطبيقك](https://geecoders.com/pin-flutter/): كيف تصنع شاشة PIN احترافية في Flutter تزيد من أمان تطبيقكتُعد مكتبة flutter_pin_screen مكتبة مفتوحة المصدر تُتيح للمطورين إنشاء شاشات إدخال PIN مخصصة بسهولة. تتميز هذه المكتبة بمرونتها، حيث يمكن تخصيص واجهتها لتناسب احتياجات التطبيق، سواء كان ذلك لتسجيل الدخول، التحقق من المعاملات، أو أي غرض أمني آخر.ما هي شاشة PIN ولماذا هي مهمة؟شاشة PIN هي واجهة لإدخال رمز مكون من عدة أرقام يستخدم للتحقق من هوية المستخدم قبل السماح له بالوصول إلى التطبيق أو بيانات حساسة. أهميتها تكمن في:تعزيز الأمان: تمنع الوصول غير المصرح به إلى التطبيق أو البيانات.حماية المعلومات الشخصية: مثل بيانات المستخدم، المعاملات المالية، أو محتوى حساس.تجربة [&hellip;]
- [تفعيل الإشعارات (Notification flutter ios) عبر الشهادات والمفاتيح ودمجها مع Firebase](https://geecoders.com/notification-flutter-ios/): تفعيل الإشعارات (Notification flutter ios) في iOS عبر الشهادات والمفاتيح ودمجها مع Firebaseالإشعارات (Push Notifications) تعتبر واحدة من أهم الأدوات التي تُبقي المستخدمين متفاعلين مع التطبيقات. فهي تُمكّن المطور من إرسال رسائل آنية مثل التنبيهات، العروض الترويجية، أو التحديثات المهمة مباشرةً إلى جهاز المستخدم حتى لو كان التطبيق مغلقًا.بالنسبة لمطوري iOS، تعتمد هذه الميزة على خدمة تسمى Apple Push Notification service (APNs). ولكي يعمل التطبيق مع APNs، لا بد من تهيئة شهادة أو مفتاح مصادقة (Auth Key) من خلال حساب Apple Developer.في هذا المقال سنتعرف على خطوات توليد APNs Certificate أو APNs Auth Key، وكيفية دمجه مع منصات مثل Firebase [&hellip;]

## Pages

- [برمجه الويب](https://geecoders.com/%d8%a8%d8%b1%d9%85%d8%ac%d9%87-%d8%a7%d9%84%d9%88%d9%8a%d8%a8/): صفحة خاصة بتصنيف: برمجه الويب
- [اوتوميشن](https://geecoders.com/%d8%a7%d9%88%d8%aa%d9%88%d9%85%d9%8a%d8%b4%d9%86/): صفحة خاصة بتصنيف: اوتوميشن
- [مكتبات كومبوس](https://geecoders.com/%d9%85%d9%83%d8%aa%d8%a8%d8%a7%d8%aa-%d9%83%d9%88%d9%85%d8%a8%d9%88%d8%b3/): صفحة خاصة بتصنيف: مكتبات كومبوس
- [رياكت](https://geecoders.com/%d8%b1%d9%8a%d8%a7%d9%83%d8%aa/): صفحة خاصة بتصنيف: رياكت
- [تعلم الالة](https://geecoders.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%a7%d9%84%d8%a7%d9%84%d8%a9/): صفحة خاصة بتصنيف: تعلم الالة
- [انماط التصميم](https://geecoders.com/%d8%a7%d9%86%d9%85%d8%a7%d8%b7-%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85/): صفحة خاصة بتصنيف: انماط التصميم
- [فلاتر](https://geecoders.com/%d9%81%d9%84%d8%a7%d8%aa%d8%b1/): صفحة خاصة بتصنيف: فلاتر
- [انميشن](https://geecoders.com/%d8%a7%d9%86%d9%85%d9%8a%d8%b4%d9%86/): صفحة خاصة بتصنيف: انميشن
- [اندرويد كوتلن](https://geecoders.com/%d8%a7%d9%86%d8%af%d8%b1%d9%88%d9%8a%d8%af-%d9%83%d9%88%d8%aa%d9%84%d9%86/): صفحة خاصة بتصنيف: اندرويد كوتلن
- [اندرويد جافا](https://geecoders.com/%d8%a7%d9%86%d8%af%d8%b1%d9%88%d9%8a%d8%af-%d8%ac%d8%a7%d9%81%d8%a7/): صفحة خاصة بتصنيف: اندرويد جافا
- [اخرى](https://geecoders.com/%d8%a7%d8%ae%d8%b1%d9%89/): صفحة خاصة بتصنيف: اخرى
- [بلا فئة](https://geecoders.com/%d8%a8%d9%84%d8%a7-%d9%81%d8%a6%d8%a9/): صفحة خاصة بتصنيف: بلا فئة
- [واجهات المستخدم](https://geecoders.com/ui-ux/): صفحة خاصة بتصنيف: UI / UX
- [سوليد](https://geecoders.com/solid/): صفحة خاصة بتصنيف: solid
- [شروحات بايثون](https://geecoders.com/python_tutorial/): صفحة خاصة بتصنيف: python_tutorial
- [سكريبت بايثون](https://geecoders.com/python_scripts/): صفحة خاصة بتصنيف: python_scripts
- [تعليم الاله](https://geecoders.com/python_machinelearning/): صفحة خاصة بتصنيف: python_machinelearning
- [مكتبات بايثون](https://geecoders.com/python_libraries/): صفحة خاصة بتصنيف: python_libraries
- [بايثون](https://geecoders.com/python-2/): صفحة خاصة بتصنيف: python
- [برولوج](https://geecoders.com/prolog-2/): صفحة خاصة بتصنيف: prolog
- [اوركال](https://geecoders.com/oracle/): صفحة خاصة بتصنيف: oracle
- [اشعارات اندرويد](https://geecoders.com/notification/): صفحة خاصة بتصنيف: notification
- [شروحات نود](https://geecoders.com/nodejs_tutorial/): صفحة خاصة بتصنيف: nodejs_tutorial
- [مكتبات نود](https://geecoders.com/nodejs_packages/): صفحة خاصة بتصنيف: nodejs_packages
- [نود جي اس](https://geecoders.com/nodejs-19/): صفحة خاصة بتصنيف: nodeJS
- [هيكله المشروع اندرويد](https://geecoders.com/mvvm/): صفحة خاصة بتصنيف: MVVM
- [خرائط اندرويد](https://geecoders.com/mapping-and-tracking/): صفحة خاصة بتصنيف: Mapping and Tracking
- [جافا ار اكس](https://geecoders.com/java-rxjava/): صفحة خاصة بتصنيف: java-rxjava
- [جافا](https://geecoders.com/java-2/): صفحة خاصة بتصنيف: java
- [معلومات برمجيه](https://geecoders.com/info-programming/): صفحة خاصة بتصنيف: info-programming
- [معلومات الويب](https://geecoders.com/frontend/): صفحة خاصة بتصنيف: frontend
- [فراجمنت اندرويد](https://geecoders.com/fragment-3/): صفحة خاصة بتصنيف: Fragment
- [ويب فلاتر](https://geecoders.com/flutter_web/): صفحة خاصة بتصنيف: flutter_web
- [شروحات فلاتر](https://geecoders.com/flutter_tutorial/): صفحة خاصة بتصنيف: flutter_tutorial
- [تنبيهات فلاتر](https://geecoders.com/flutter_toast/): صفحة خاصة بتصنيف: flutter_toast
- [دفع الكتروني فلاتر](https://geecoders.com/flutter_payment/): صفحة خاصة بتصنيف: flutter_payment
- [مكتبات فلاتر](https://geecoders.com/flutter_package/): صفحة خاصة بتصنيف: flutter_package
- [شاشه البدء فلاتر](https://geecoders.com/flutter_onboarding/): صفحة خاصة بتصنيف: flutter_onboarding
- [اشعارات فلاتر](https://geecoders.com/%d8%a7%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d9%81%d9%84%d8%a7%d8%aa%d8%b1/): صفحة خاصة بتصنيف: flutter_notification
- [خرائط فلاتر](https://geecoders.com/flutter_maps/): صفحة خاصة بتصنيف: flutter_maps
- [اداره الحاله فلاتر](https://geecoders.com/flutter_management/): صفحة خاصة بتصنيف: flutter_management
- [ايقونات فلاتر](https://geecoders.com/flutter_icon/): صفحة خاصة بتصنيف: flutter_icon
- [العاب فلاتر](https://geecoders.com/flutter_games/): صفحة خاصة بتصنيف: flutter_games
- [فايربيز فلاتر](https://geecoders.com/flutter_firebase/): صفحة خاصة بتصنيف: flutter_firebase
- [ديسكتوب فلاتر](https://geecoders.com/flutter_desktop/): صفحة خاصة بتصنيف: flutter_desktop
- [تصاميم فلاتر](https://geecoders.com/flutter_design/): صفحة خاصة بتصنيف: flutter_design
- [قواعد بيانات فلاتر](https://geecoders.com/flutter_database/): صفحة خاصة بتصنيف: flutter_database
- [شريط التنقل فلاتر](https://geecoders.com/flutter_bottomnav/): صفحة خاصة بتصنيف: flutter_bottomNav
- [تطبيقات فلاتر](https://geecoders.com/flutter_apps/): صفحة خاصة بتصنيف: flutter_apps
- [انميشن فلاتر](https://geecoders.com/flutter_animation/): صفحة خاصة بتصنيف: flutter_animation
- [ذكاء اصطناعي فلاتر](https://geecoders.com/flutter_ai/): صفحة خاصة بتصنيف: flutter_ai
- [فايربيز اندرويد](https://geecoders.com/firebase-2/): صفحة خاصة بتصنيف: Firebase
- [حلول مشاكل](https://geecoders.com/errors/): صفحة خاصة بتصنيف: errors
- [شروحات كومبوس](https://geecoders.com/compose_tutorial/): صفحة خاصة بتصنيف: compose_tutorial
- [تطبيقات كومبوس](https://geecoders.com/compose_apps/): صفحة خاصة بتصنيف: compose_apps
- [سي بلس](https://geecoders.com/c-plus-2/): صفحة خاصة بتصنيف: c plus
- [قواعد بيانات اندرويد](https://geecoders.com/android-room/): صفحة خاصة بتصنيف: android-room
- [مشاريع اندرويد](https://geecoders.com/android-project/): صفحة خاصة بتصنيف: android-Project
- [مكتبات اندرويد](https://geecoders.com/android-library/): صفحة خاصة بتصنيف: android-library
- [شروحات اندرويد](https://geecoders.com/android-code/): صفحة خاصة بتصنيف: android-code
- [قوائم اندرويد](https://geecoders.com/android_recyclerview/): صفحة خاصة بتصنيف: android_recyclerview
- [مواقع الكترونية](https://geecoders.com/%d9%85%d9%88%d8%a7%d9%82%d8%b9-%d8%a7%d9%84%d9%83%d8%aa%d8%b1%d9%88%d9%86%d9%8a%d8%a9/): صفحة خاصة بتصنيف: مواقع الكترونية
- [تطبيقات الهاتف](https://geecoders.com/%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa-%d8%a7%d9%84%d9%87%d8%a7%d8%aa%d9%81/): صفحة خاصة بتصنيف: تطبيقات الهاتف
- [websites](https://geecoders.com/website/): مواقع الكترونية
- [wedjet](https://geecoders.com/wedjet/): من نحن يسعى موقعنا لاثراء المحتوى العربي بالدروس البرمجيه ومساعده المبرمجين في انجاز اعمالهم واضافه بعض الحلول البرمجيه التي قد تواجه المبرمج يحتوي الموقع على عدد كبير من لغات البرمجه ومجالات مختلفه يسعى الموقع الي تحقيق أقصى استفادة من التكنولوجيا الحديثه في المجالات المتنوعه القائمة البريدية انضم إلى قائمتنا البريدية وكن أول من يحصل على أحدث الدروس، المقالات، والعروض الحصرية في عالم البرمجة! 🚀 لا تفوت فرصة تطوير مهاراتك والبقاء على اطلاع دائم بأحدث التقنيات. اشترك الآن وابدأ رحلتك نحو الاحتراف! 💡🔥 اشتراك
- [applications](https://geecoders.com/applications/): تطبيقات الهاتف
- [question](https://geecoders.com/question/): [vc_row][vc_column][vc_column_text] [/vc_column_text][/vc_column][/vc_row]
- [faq](https://geecoders.com/faq/): الأسئلة الشائعة ؟ Geecoders ما هو + Geecoders هو فريق عمل ومنصة تعليمية تهدف إلى إثراء المحتوى العربي بالدروس البرمجية ومساعدة المبرمجين في إنجاز أعمالهم، بالإضافة إلى تقديم حلول برمجية متكاملة وخدمات رقمية. ما هي رسالة الموقع وأهدافه؟ + رسالتنا هي تمكين الأفراد والمبرمجين من خلال توفير تعليم برمجي شامل من الصفر وحتى الاحتراف، وتقديم خدمات تقنية عالية الجودة لتحقيق أقصى استفادة من التكنولوجيا الحديثة. ؟ Geecoders ما هي الخدمات التقنية التي يقدمها + (SEO) وتحسين محركات البحث. ،(Marketing) نقدم مجموعة متكاملة من الخدمات تشمل تصميم وتطوير تطبيقات الجوال، تطوير المواقع الإلكترونية، خدمات التسويق الرقمي ما هي المدة الزمنية المتوقعة [&hellip;]
- [sidebar](https://geecoders.com/sidebar/)
- [contact us](https://geecoders.com/contact-us/): تواصل معنا لا تتردد في ترك طلبك وسوف يتم التواصل معك في اقرب وقت ممكن * الاسم * البريد الالكتروني * الخدمة اختر من القائمة تصميم موقع تصميم تطبيق اعلان داخل الموقع اداره الحملات الاعلانيه تسويق استشارات تقنية اخرى * وصف الخدمة ارسال يمكنك التواصل معنا ايضا عن طريق مواقع التواصل الاجتماعي
- [analysis home](https://geecoders.com/analysis-home/)
- [cards home](https://geecoders.com/cards-home/): [vc_row][vc_column][vc_column_text] ماذا نقدم ؟ [/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row][vc_row][vc_column][vc_column_text] [/vc_column_text][/vc_column][/vc_row]
- [أعمالنا](https://geecoders.com/our-work/): تصميم تطبيقات الجوال نساعدك على تحويل فكرتك إلى تطبيق عملي ينافس في سوق التطبيقات، ونضمن لك أداءً عاليًا، تصميمًا عصريًا، وتجربة مستخدم مميزة لضمان نجاح مشروعك وانتشاره بين جمهورك تصميم المواقع الالكترونيه نساعدك على إطلاق موقع إلكتروني احترافي يعكس هوية مشروعك ويعزز وجودك الرقمي تصميم المتاجر الالكترونيه نوفّر لك حلول متاجر إلكترونية متكاملة تجعل عملية البيع والشراء سهلة ومرنة لعملائك. من إدارة المنتجات، والمخزون وطرق الدفع، وتحسين تجربة المستخدم، نضمن لك متجرًا جاهزًا للانطلاق وزيادة المبيعات بثقة. الاستشارات التقنيه نوفّر لك استشارات تقنية متخصصة تساعدك على اتخاذ القرارات الصحيحة لمشروعك الرقمي. سواء كنت تبدأ من الصفر أو تطوّر نظامًا قائمًا، [&hellip;]
- [Home](https://geecoders.com/)
- [سياسة الخصوصية Privacy policy](https://geecoders.com/privacy-policy/): سياسة الخصوصية مدونة جي كودرس &#8211; GeeCoders تحترم خصوصية الزوار بشكل كامل , لدى قمنا بعمل صفحة سياسة الخصوصية حتى تكون على ثقة كاملة بأننا سنحمي كل ما يتعلق بك و بخصوصيتك , فوثيقة سياسة الخصوصية هذه تحدد الخطوط العريضة لأنواع المعلومات الشخصية التي سنهتم بها و نجمعها هنا في موقع جي كودرس &#8211; GeeCoders. ملفات الدخول ! كجميع مواقع الإنترنيت الجدية , تستخدم مدونة جي كودرس &#8211; GeeCoders ملفات الدخول , من أجل الحصول على بعض المعلومات الروتينية على سبيل المثال : نوع المتصفح , مزود الخدمة الإنترنيت الخاص بك , التاريخ , وعناوين ال IP , حيث تشمل [&hellip;]

## Optional

- [Agent (MCP protocol)](websites-agents.hostinger.com/geecoders.com/mcp)

[comment]: # (Generated by Hostinger Tools Plugin)