مدونة مبدع خلاصات تطوير الويب والتصميم

في الجزء الثاني من درس تحديث البيانات في القاعدة الذي إستعرضناه كان يتحدث عن الشكل الثاني من تحديث البيانات وهو أن يكون لكل إختيار أو حقل صف row بدلاً من أن يكون عمود column في الجدول وهو سهل جداً.

هذ الجزء سيكون متنوع أي خليط بين الشكل الأول والثاني ولكنه قريب جداً من الشكل الثاني (تحديث الصفوف في الجدول وفي وقت واحد) وأعتبره سهل أيضاً ولكن سنركز على تحديث البيانات الموجودة في حقول في نموذج HTML من نوع SELECT و checkbox و radio ، وتستخدم في تحديد أكثر من إختيار مثل إختيار أقسام الموضوع وغيره.

يمكنك الرجوع لأجزاء لدرس عن طريق هذه الروابط:

• تحديث البيانات في القاعدة #1
• تحديث البيانات في القاعدة #2
• تحديث البيانات في القاعدة #3 (الصفحة الحالية)

• تحميل المرفقات

.. إقرأ بقية الموضوع »

هذا الجزء الثاني من درس كتابة مكونات الأجاكس في لغة Javascript ضمن سلسلة الأجاكس بسهولة، ذكرنا في الدرس الماضي بداية معرفة كتابة مكونات الأجاكس وعن كائن XMLHttpRequest وتضمينه في متغير requester والتأكد من تفعيله في كائن ActiveX (لمستخدمي متصفح الإسكبلورر).

في الجزء الثاني من الدرس سنتعرف على بقية مكونات الأجاكس عن طريق كائن XMLHttpRequest نفسه حيث يحتوي على الطرق methods التي نريد إستخدامها.

.. إقرأ بقية الموضوع »

في الجزء الأول من درس أشكال التحديث في قاعدة البيانات الذي إستعرضناه كان يتحدث عن الشكل الأول من تحديث البيانات وهو أن يكون لكل إختيار أو حقل عمود column في الجدول وهو سهل جداً، هذا الجزء سيكون معقد قليلاً من الجزء الأول من الدرس وهو يشرح تحديث أكثر من صف row في الجدول وفي نفس الوقت. (صف وليس عمود، أتحدث عن تركيب الجدول في قاعدة البيانات)

• تحميل المرفقات

.. إقرأ بقية الموضوع »

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

قبل أيام سألت حول التدوينات أو المواضيع الطويلة والقصيرة وتفضيلات المدونين حولها وذلك كان عبر تويتر (شاركني بالإجابة عن السؤال fezsoft@ و ahmedhamouda@)، والتدوين ليس بالسهولة التي كنت أتصورها منذ بداية كتابتي في المدونة وخاصة عند تجهيز موضوع يستحق أن ينشر ولهذا سألت المدونين حول تقييم مواضيعهم عند كتابتها وتفضيلهم التدوينات الطويلة والقصيرة، طبعاً الأهم من ذلك جودة الموضوع نفسه سواء كان قصير أو طويل. وأطرح السؤال مرة أخرى للمدونين حول هذه النقطة.

.. إقرأ بقية الموضوع »

هذا الجزء الأول من درس كتابة مكونات الأجاكس في لغة Javascript ضمن سلسلة الأجاكس بسهولة، سنتحدث في هذا الدرس حول كتابة مكونات الأجاكس في لغة Javascript كما ذكرنا، سنتعرف في البداية على كائن XMLHttpRequest والذي سنكتب عن طريقه بقية مكونات أداة الأجاكس.

يعتبر كائن XMLHttpRequest السمة الأبرز في أداة الأجاكس. كما أنه يتميز بجلب البيانات من الخادم بدون الحاجة لتحديث الصفحة أو الإنتقال منها. أي أنه يقوم بإستدعاء جزء من الصفحة المطلوبة أو الملف المطلوب إلى الصفحة الحالية دون الإنتقال من الصفحة الحالية.

.. إقرأ بقية الموضوع »

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

• تحميل المرفقات

.. إقرأ بقية الموضوع »

أيقونات جديدة من تصميمي بصيغة PNG، مجموعة الأيقونات هذه المرة متنوعة الأشكال لم أحدد أشكال معينة ولكن أكثرها أشكال مربعة أو شبه مربعة (مثل الحقيبة، البيت، ملفات، … ).

• تحميل

أداة الأجاكس Ajax، إختصار لـ asynchronous Javascript and XML تعتبر من تقنيات/أدوات تطوير الويب، إلا أنها تحوي مجموعة من التقنيات مستخدمة خلالها، كما أنها تستخدم وتظهر شفرتها من جهة العميل client-side تستخدم لإنشاء تطبيقات ويب تفاعلية، وتعتمد على إستدعاء البيانات في التطبيقات الويب من خلال الخادم أو Server ودون الحاجة إلى تحديث الصفحة.

عادة يتم إستدعاء البيانات عن طريق كائن XMLHttpRequest ولست ملزماً بإستخدام XML أثناء تطبيق أداة الأجاكس، وبما أنها مجموعة من تقنيات الويب فهي تحتوي على:

• HTML و CSS لتنسيق المعلومات.
• DOM (إختصار لـ Document Object Model) تستخدم للوصول إلى عناصر البيانات وإجراء كافة التعاملات من كتابة وحذف وتعديل البيانات التي تم إستدعائها.
• كائن XMLHttpRequest لتبادل المعلومات بين المتصفح والخادم بدون إعادة تحديث الصفحة.
• XML وJSON كنموذج لإستدعاء البيانات إلى المتصفح. (يتم إنشائها من جهة الخادم server-side)

.. إقرأ بقية الموضوع »

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

.. إقرأ بقية الموضوع »

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

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

.. إقرأ بقية الموضوع »

كثير من المبتدئين يسألون عن كيفية عمل صفحات ويب موجودة رأوها في مواقع عدة مثل التأثيرات وغيرها أو عن الوصول إلى مستوى أفضل من الحالي مع أن هناك مواضيع كثيرة تتحدث عن هذه الأمور ولكن الكثير يغيب فيها الجانب النظري والمنهجي الذي نحتاجه دائماً بين فترة وأخرى. وصلتني رسالة على البريد الإلكتروني فأحببت أن أجاوب عليها في تدوينة واحدة.

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

.. إقرأ بقية الموضوع »

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

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

.. إقرأ بقية الموضوع »

إفتتح موقع عرب كرنش.نت تطبيق جديد للأسئلة والاجوبة لرواد وشركات التقنية في نفس الوقت تطلق قسم للبرامج المفتوحة المصدر، وأعتقد أننا يجب دعم مثل هذه المشاريع التي تخدم الرواد والشركات مهما كان حجمها. هذه إجابات على مشروع عرب كرنش.نت الجديد من مؤسسه الأخ والمدون غيث صقر يقدم فيها تفاصيل حول المشروع الجديد.

كما أن مدونة مبدع تقدم 10 دعوات للقراء لتجربة التطبيق الجديد، فقط قم بالرد على هذا الموضوع بتعليقك حول الخبر وسيكون إختيار الأشخاص بشكل عشوائي (في حال رد على الموضوع أقل من 10 أو 10 معلقين ستكون الدعوات من نصيبهم ) – آخر فرصة للرد حتى تاريخ 4 يناير 2010. تحديث: ستكون الدعوات لأول 10 معلقين في التدوينة.

.. إقرأ بقية الموضوع »

عند رؤيتك لتصاميم عديدة تحتاج إلى فهم غرض الحركات أو التأثيرات الموجودة في هذه التصاميم والتي تعكس عدة مبادئ قد تكون بطريقة مباشرة أو غير مباشرة.

سأتحدث عن مبادئ التصميم التي عادة ما نراها موجودة في أغلب التصاميم بأنواعها المختلفة حتى أن الأفكار المبتكرة المستخدمة في إخراج تصميم يهدف إلى توصيل رسالة معينة إلى المشاهد تحتوي على هذه المبادئ.

تفيدك هذه المبادئ في الحصول على فكرة تحقق بها هدف التصميم وتبرز عناصر التصميم بالشكل المطلوب بناءاً على هدف أو أهداف التصميم المحددة، مثل إظهار الفكرة بشكل قوي ووضعها في ذهن المشاهد دائماً أو إظهار فكرة تبين العديد من الأشياء المراد تقديمها للمشاهد.

.. إقرأ بقية الموضوع »

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

• تحميل