Ticket Support v1 Video Course with ASP.NET Web Forms

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

الادوات واللغات المستخدمة :

—        قاعدة بيانات SQL Server2014 او 2012 او 2008 .

—        لغة برمجة C#

—        –Visual studio 2013

—        Entity framework

—        CSS

—        JQuery

—        Jason

—        bootstrap

الكورس موجه لمن قام بدراسة برمجة تطبيقات الانترنت باستخدام  Asp.net web form  ويريدالتدريب علي عمل مشاريع فعلية من البداية الي النهاية , وموجه ايضا لمن قام بعمل مشاريع ويريد ان يزيد من خبرته العملية .

يعتمد التطبيق علي استخدام طرق اكثر احترافية وذلك عن طريق العمل بطريقة تعدد الطبقات N-Tier Architecture ومبدئ الفصل Separation of  Concerns والذي تعمل به الشركات الكبرى والمبرمجين المحترفين .

يساعدك الكورس علي التدريب العملي علي استخدام تصميم جاهز في المشروع قام بعمله المصمم والتعديل عليه.

التدريب العملي علي استخدام اكثر من تقنية في مشروع واحد مثل CSS , JQuery , Json, bootstrap

سعر الكورس  في المملكة العربية السعودية 400 ريال  

سعر الكورس داخل مصر 400 جنيه 

ماعدا ذلك سعر الكورس 80 دولار

مقدمة الكورس فيديو

https://youtu.be/nji2Njo2x7s

جميع الحقوق محفوظة ولا يجوز نشر الكورس بدون علم المؤلف ولا اسامح من يفعل ذلك
بالتوفيق للجميع :)

اطلب الكورس الان 

من هنا

Using Jquery UI in asp.net

استخدام ادوات Jquery Ui في مشروع Asp.net

اولا : أنشاء مستر بيج داخل مشروع Asp.net

سوف نستخدم ادوات Jquery ui مع المستر بيج وذلك لجعل استخدامها اسهل , فنحن نحتاج فقط لوضع الريفرنس الخاص بها في المستر بيج , وبعد ذلك نستخدم الادوات في باقي الصفحات التابع لهذه المستر بيج , 

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

الصور التالية توضح الملفات التي سنستخدمها وهي موجودة في مشروع ال asp.net 

ثلاث ملفات هامة , ملفين جافا سكربت , وملف سي اس اس كما موضع بالصورتين السابقتين , الان عرفتنا مكان وجود الملفات , قم بسحبها في تاج الهيد في صفحة المستر بيج كما في الكود التالي

 <script src="Scripts/jquery-1.8.2.min.js"></script>

    <script src="Scripts/jquery-ui-1.8.24.min.js"></script>

    <link href="Content/themes/base/jquery-ui.css" rel="stylesheet" />

ثم في تاج الهيد ايضا نقوم بكتابة الكود الخاص باستخدام اداتي التاب والاكورديون

<script type="text/javascript">

        $(function () {

            $("#tabs").tabs();

            $("#accordion").accordion();

        });

    </script>

ثانيا كتابة الكود الخاص باداة التاب والاكورديون (كود التصميم )

يجب علينا اولا انشاء صفحة ونقوم بجعلها داخل المستر بيج التي قمنا بانشاؤها سابقا 

قم بعد ذلك نقوم بكتابة كود التصميم الخاص باداتي التاب واالكورديون

<div id="tabs">

        <ul>

            <li><a href="#tabs-1">tab1</a></li>

            <li><a href="#tabs-2">tab2</a></li>

            <li><a href="#tabs-3">tab3</a></li>

        </ul>

        <div id="tabs-1">

            tab1 conent

        </div>

        <div id="tabs-2">

            tab2 content

        </div>

        <div id="tabs-3">

            tab3 content

        </div>

    </div>

    <div id="accordion">

        <h3>First</h3>

        <div>div one content</div>

        <h3>Second</h3>

        <div>div two content</div>

        <h3>Third</h3>

        <div>div three content</div>

    </div>

ثالثا : استخدام المزيد من الادوات 

لاستخدام المزيد من الادوات قم بالدخول علي الموقع التالي

http://jqueryui.com/

يمكنك قراءة الشرح الخاص بكل اداة او تحميل الادوات واستخدام الامثلة الجاهزة علي كل اداة 

يمكنك تحميل المثال العملي الذي قمنا بشرحه من هنا

بالتوفيق ان شاء الله

اظهار واخفاء محتوي معين باستخدام الجي كويري في صفحة asp.net

بعد الغياب الطويل عن التدوين قررت الرجوع للتدوين مرة اخري 

التاسك التالي من التدريبات التي يتم دراستها في كورسات شركة باور سوفت في مجال برمجة الويب

تاسك بسيط يوضح استخدام الجي كويري في صفحة 

asp.net

using ajax control tool kit in asp.net

مقدمة


كثيرا منا يرغب في اضافة ادوات و تأثيرات مفيدة علي موقعه تساعد في تحسين واجهة المستخدم User Interface وتساعدنا ايضا كمبرمجين ويب في سرعة التصميم مع اخراج واجهة مستخدم اكثر احترافية ,
ادوات Ajax control tool kit ستساعدنا علي فعل ذلك , وهي ليست بالشئ الجديد , فهي موجود في موقع asp.net
ويمكنكم تحميلها من هذا الرابط 

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

اضافة الادوات الي المشروع

بعد تحميل الادوات سنقوم باضافتها الي مشروعنا من خلال خطوات بسيطة  من خلال الصور التالية

سنجد ان الادوات تم اضافتها كالتالي

اهم الملاحظات

• يجب وضع اداة  ToolkitScriptManager قبل استخدام اي اداة من ادوات Ajax Control toolkit
• عند استخدام  master page يكفي وضع اداة ToolkitScriptManager واحدة فقط في المستر بيج وستتاثر بها باقي الصفحات الموجودة داخل المستر بيج .
• يجب التأكد من اضافة المكتبة الخاصة بادوات  Ajax Control toolkit في الريفرنس  Reference الخاص بالمشروع حتي لا تحدث اي مشاكل عند نشر المشروع Publish web site

انت جاهز الان لاستخدام الادوات .

اهلا بكم في مدونتي

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