Category Archives: CSS

عودة إلى التدوين

كالعادة ابدا ب بسم الله والصلاة والسلام على رسول الله، وبعد : 

25 شهر مرت منذ قررت انشاء هذه المدونة والكتابة فيها ، منها 15 شهر منذ آخر تدوينة لى والتى اعلنت فيها عن اخر دورة قدمتها “Google Maps API”.

أشياء كثيرة اددت الى هذا الانقطاع الطويل أهمها قرارى بالاستقلال عن المنزل منذ سنة وتغير محل اقامتى من اسيوط الى القاهرة 

هذا القرار الذى تبعته فترة من القتال فى العمل والدراسة – غير الجامعية – ليل نهار ، انتقلت من شركة الى اخرى وتعاملت مع عملاء من داخل مصر وخارجها.

تغيرت كثير من الثوابت لدى خلال هذه الفترة وتوسعت دائرة اهتمامتى بشكل كبير 

اصبحت مدمن على القرءاة بشكل يدفعنى لمشاركتكم بعض الفؤاد من هذه الكتب ورأيى الشخصى فيها .

بخصوص البرمجة والدورات فانا اعد هذه الفترة اشياء جديدة اتمنى ان انتهى منها فى القريب.

“عودة إلى التدوين” هو عنوان مقالتى هذه والتى اعلن فيها انى قررت العودة الى هذه المدونة لاكتب فيها لا عن البرمجة وفقط ولكن عن البرمجة والكتب التى أقرأها وخبرات اكتسبها يوما بعد يوما من التعامل مع نفسى  ومع الناس واشياء اخرى اود ان تشاركونى فيها.

فى الختام اتمنى ان نتشارك الاراء والتققيمات وان نساعد بعضنا فى الارتقاء بانفسنا.

الإعلانات

دورة فى Google API

بسم الله والصلاة والسلام على رسول الله وبعد

كيفكم شباب ان شاء الله بخير

اليوم ان شاء الله اعلن عن دورة جديدة نشرح فيها Google API

ونتحدث فيها بالتفصيل عن Google Maps API V3 وطريقة استخدامه فى تطبيقات الويب المختلفة

الشرح بالكامل سيكون HD

على هذا الرابط

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

اخوكم

اشرف حفنى

سورس كود موقع كامل بلغة php للمبتدئين من برمجتى

بسم الله والصلاة والسلام على رسول الله وبعد
فكل عام انتم بخير بمناسبة شهر رمضان اعاده الله علينا وعليكم بالخير والبركات

لاحظت من خلال مشاركات الاصدقاء على الفيس بوك والاسئلة التى اتلقاها على حسابى ان اكبر مشكلة تواجه المبتدئين بعد الانتهاء من تعلم الاساسيات هى عدم معرفة الطريق الصحيح المفترض ان يسيروا عليه لاخراج مشروع كامل .
بمعنى انه يعرف اساسيات بناء المواقع لكنه لا يعرف كيفية تجميعها واستخدام هذه الجزئيات مع بعضها لاخراج موقع كامل .

ومن وجهة نظرى ان افضل حل للمرور من هذه المشكلة هو الاطلاع على سورس كود مفهوم وبسيط لمواقع ومشاريع كاملة للتعلم على آلية العمل وكيفية تنسيق الاكواد واستخدامها بالشكل الصحيح.
لكن للاسف وجود سورس كود كامل لموقع او مشروع يكاد يكون مستحيل .

لذلك عزمت ان شاء الله على عمل ثلاث مواقع مبنية بلغة php متدرجة فى المستوى وعرض السورس كود لها مجانا للجميع .

الموقع الاول سيكون للمبتدئين كود عادى مفهوم .
الموقع الثانى سنقوم ياتخدام API & OOP مع الاهتمام بالحماية .
الموقع الثالث سيكون باستخدام نظام MVC وتهية الموقع للعمل على السيرفرات وانظمة التشغيل المختلفة .

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

الطريقة التى سرت عليها :
1- قمت بتحميل قالب html & css مجانى من احد مواقع القوالب المجانية للعمل عليه وذلك للاسباب الاتية :
* ان الهدف من السورس كود للموقع هو تعلم البرمجة وليس التصميم.
* جمالية التصميم (لانى لست قوى فى التصميم ويأخذ منى وقت كبير ): ).
* التوافق مع جميع المتصفحات .
* قمت باختيار القالب باللغة الانجليذية لتجنب اخطاء الترميز للغة العربية مع قواعد البيانات والتى يقع فيها المبتدئون .

2- قمت بكتابة تعليقات تفصيلية على الاكواد.
3- قمت بعمل تصميم للوحة التحكم موافق تماما لتصميم القالب .
4 – قمت بالتحكم فى كل صور القالب واللينكات والمواضيع المضافة والتعديل عليها من داخل لوحة التحكم.
5- قمت بعمل نظام تعليقات على المواضيع .
6- قمت بعمل نظام للتحكم فى صفحات الموقع .
7- التحكم فى لينكات صور مواقع التواصل ووصف الموقع وحقوق العمل.
8- لم اقم بتغيير اى شىء من حقوق ملكية القالب الاساسى .
9- لم استخدم نظام التغليف API ولا OOP فى كتابة الكود .
10- لم اهتم بالحماية بشكل كبير بل قمت بعمل حماية للمدخلات والمخرجات ورفع الصور بسيطة جدا لاجل ان يكون الكود مفهوم للجميع حتى لو كانت هذه المحاية غير كافية فلا مشكلة فالكود للمبتدئين .
11- قمت بترك اشياء فى الموقع لكم كتدريب فقط اذا كانت مكررة فى موضع اخر وهى قليلة .
راعيت تقسيم العمل الى صفحات لكى لا يطول الكود .

طريقة الاستخدام :
* قم بالدخول الى المسار zerotype/admincp/includes/connect.php وعدل بيانات الاتصال بالقاعدة .
* استخدم user name: admin و password:admin للدخول الى لوحة التحكم .

فى الختام اتمنى الكود ينال رضاكم وتستفيدوا منه وفى انتظار تعليقاتكم .
واذا كان الكود غامض فساقوم بعمل فيديو يشرح كل شىء ان شاء الله .

هذا رابط القالب الاساسى
http://www.freewebsitetemplates.com/preview/zerotype/

وهذا السورس كود
http://www.mediafire.com/download/1l9rn27ujjxan2d/zerotype.rar