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





05-11-2015 09:38 مساءً
Mona Galal
إدراة المنتدي
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 2008-08-27
رقم العضوية : 4
المشاركات : 6616
الدولة : مصر- Egypt
الجنس : أنثى
تاريخ الميلاد : 17-5-1994
الدعوات : 8
قوة السمعة : 815
موقعي : زيارة موقعي
التعليم : جامعي
الهواية : الانترنت
  

بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
How to make money online and to advertiving your website
عارفة ان الموضوع ده من اكتر الحاجات الى بتشغل دماغ معظمنا دلوقتى و هو ازاى تقدر تكسب من على النت و تزود مشاهدنك لمدونتك او اى كان الشكل "مدونة , منتدى , ورد بريس , موقع ...."
مش هطول عليكم فى الكلام الى ملوش فايدة :"D :D
انا بأذن الله هنا هحط خبراتى المتواضعة جدا الى اقدر افيدكم بيها و كمان مواضيع مهمه مجمعه هنا مع ذكر المصدر طبعا للالمام بكل ما تم ذكره و لو حد عاوز يناقشنى او عنده افكار جديدة يكتبها و نحاول مع بعض ان شاء الله نفيد الكل
خريطة الموضوع ::
1- كيفية اعداد كل من *الموقع و ده عبارة عن كورس كامل فى البرمجة
* المدونة و امثلة عليها
*منتدى كامل باهم الاقسام
*صفحة على مواقع التواصل الاجتماعى
2-الدخل و الربح من خلال * اعلانات Adsense
*اعلانات الصفحات
*تسويق الكترونى
3 - كيفية نشر الموقع فى كل من * مواقع الجيل الاول ...
*مواقع الجيل الثانى ك Email ...
*مواقع الجيل الثالث ك ...F.B





4- الاخطار من تفرعيك لموقعك بكثرة و كيفية مواجهتها
5- هحاول اخلى كل الكلام ده مش مجرد نظرى و صور فقط لا احوله لفيديوهات سهل رؤيتها للكل
.. ارجوكم هذا الموضوع حصري ب موقع quicklook4u.com
فرجاء النشر باسم الموقع و الدعاء لى و لاسرتى
^^


تم تحرير الموضوع بواسطة :Galal Hasanin
بتاريخ:08-01-2018 02:44 مساءً




05-11-2015 10:27 مساءً
مشاهدة مشاركة منفردة [1]
Mona Galal
إدراة المنتدي
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 2008-08-27
رقم العضوية : 4
المشاركات : 6616
الدولة : مصر- Egypt
الجنس : أنثى
تاريخ الميلاد : 17-5-1994
الدعوات : 8
قوة السمعة : 815
موقعي : زيارة موقعي
التعليم : جامعي
الهواية : الانترنت
  
look/images/icons/i1.gif تنشيط المنتدى و الموقع علشان تزود فلوسك و ارباحك
اول حاجة :
لازم تعمل مواضيع الى حد ما كتيرة و تكون حصرية بيك و بموقعك يعنى متنقلش كل المواضيع خلى فى اللى حد ما ابتكار ;) :D
و عندك حل من الاتنين يالا * تخلى موقعك منوع مش مختص بحاجة معينه زى هنا مثلا بس التركيز اكتر على تخصص معين
مثال : فى موقعنا هنا كويك لووك quicklook4u.com هلاقى مواضيع منوعة كتير سواء الموقع او المنتدى او اى جزء فرعى و لكن التركيز الاصلى من الاساس على القسم التعليمى و خاصة لطلبة الثانوية العامة .. اتصفح و احكم بنفسك
و تانى حاجة * ممكن تخلى الموقع مختص بحاجة معينة لاغير
مثال : بعض المواقع مختصة بالافلام و المسلسلات سواء تحميل او اونلاين فقط
و بعض المواقع الاخبارية فقط
و بعض تعليمى فقط ............ الخ

كده اتكلمنا عن الشكل الاساسى للموقع علشان نقدر نحدد افكارنا مع بعض ^^ :D

اما دلوقتى فنقدر نبدأ نتكلم عن اول خطوات نشر الموضوع او الموقع كله و دى حواااار لوحده كده
صلى ع النبى كده ;)
يلا نبدأ
1\ النشر فى المواقع الاخرى
انه عن طريق اننا نحط مواضيع خاصة بالموقع بتاعنا فى باقى المواقع و المنتديات و روابط ليه للدخول عليه و ليتذكره العميل

WzrbEgR

او اننا مدخل فى المواقع الى بتسمح بمحاولة نشر المواقع زى هنا كده مثلا ;) و هوريكم امثلة حالا :)
IrU02oi

v3Pk6d3

و طبعا متنسوش تشوفوا موقعكم ايه احصائيات الدخول عليه عن طريق موقع اليكساhttp://www.alexa.com


05-11-2015 10:31 مساءً
مشاهدة مشاركة منفردة [2]
Mona Galal
إدراة المنتدي
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 2008-08-27
رقم العضوية : 4
المشاركات : 6616
الدولة : مصر- Egypt
الجنس : أنثى
تاريخ الميلاد : 17-5-1994
الدعوات : 8
قوة السمعة : 815
موقعي : زيارة موقعي
التعليم : جامعي
الهواية : الانترنت
  
look/images/icons/i1.gif تنشيط المنتدى و الموقع علشان تزود فلوسك و ارباحك
تابعوا معايا الموضوع ده و هتلاقونى بجدده و ان شاء الله هتلاقوا كل حاجة تنفعكم معانا


05-11-2015 10:57 مساءً
مشاهدة مشاركة منفردة [3]
Galal Hasanin
مدير المنتدي
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 2008-08-27
رقم العضوية : 1
المشاركات : 12108
الدولة : Egypt
الجنس : ذكر
الدعوات : 28
مشاركات مكتبة الميديا: 1033
قوة السمعة : 2896
موقعي : زيارة موقعي
التعليم : جامعي
الهواية : شعر
  
look/images/icons/i1.gif تنشيط المنتدى و الموقع علشان تزود فلوسك و ارباحك
فكرة ممتازة ونقدر نعتبره دورة تدريبية لنشر المواقع واشهارها
استمري
توقيع :Galal Hasanin
Mr. Galal Hasanin
Expert Teacher of English Language
El-Malek El-Kamel High School
Mansoura Secondary High School


19-11-2015 10:56 مساءً
مشاهدة مشاركة منفردة [4]
Mona Galal
إدراة المنتدي
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 2008-08-27
رقم العضوية : 4
المشاركات : 6616
الدولة : مصر- Egypt
الجنس : أنثى
تاريخ الميلاد : 17-5-1994
الدعوات : 8
قوة السمعة : 815
موقعي : زيارة موقعي
التعليم : جامعي
الهواية : الانترنت
  
look/images/icons/i1.gif تنشيط المنتدى و الموقع علشان تزود فلوسك و ارباحك

زى ما وعدتكم 1-كيفية اعداد كل من *الموقع و ده عبارة عن كورس كامل فى البرمجة

برمجة مواقع الإنترنت بإستخدام html5 مع CSS3 و Java**



HTML5 هو احدث اصدار من لغة برمجة وعمل مواقع الانترنت وهي اختصار ل (HyperText Markup Language). وهي اللغة الوحيده التي يفهمها متصفح الانرتنت وجميع لغات البرمجة التي تتعامل مع متصفحات الانترنت Internet browsers يجب ان تترجم مخرجاتها الى هذه اللغة . لذلك يعتبر اتقان ومعرفة هذه اللغة هي حجر الاساس ونقطة البداية الاساسية لاي شخص يرغب في الابحار في برمجة وتصميم مواقع الانترنت .

في عالم برمجة الانترنت هنالك نوعين من انواع البرمجة Front End programming وهي تتمثل بكل ما يتم اظهاره لمستخدم الانترنت عند طلب صفحة الموقع ( الشكل الخاص بالموقع وطريقة عرض المعلومات فيه ) .


Back End Programming وهي تمثل ما يحدث خلف صفحة الانترنت التي يتم عرضها للمستخدم من عملية ربط بين الموقع والسيرفير (الخادم)الخاص بالموقع . على سبيل المثال عمليات التحقق من اسم المستخدم وكلمة السر مثال عن لغات البرمجة المستخدمة في هذا الجزء (PHP - JAVA- .NET - Python)

في هذا المقرر سوف نتعرف بالتفصيل عن برمجة Front End الخاصة بمواقع الانترنت والتي تتمثل بشكل اساسي التعرف على
- HTML5
- Css3
وسوف نتعرف على Java **

المصدر: https://www.rwaq.org/courses/html5-css3-js/sections#_=_




كيف تدرس المقرر



لتحقيق اقصى استفاده من المقرر



- قراءة الخارطة الذهنية للمادة متوفرة على الرابط ( الخريطة الذهنية )

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



- مشاهدة الفديديو التعريفي عن المادة ( الفيديو التقديمي للمادة)


- متابعة محاضرات المقرر والتي سوف تنشر اسبوعيا ( لكل اسبوع مجموعة محاضرات موضحة في الخارطة الذهنية)


- حل الواجبات كون شهادة الاكمال سوف تمنح للطلاب الذين تتجاوز نسبتهم ال 80 % .


- يجب عليك المشاركة في كتابة ملخص كل اسبوع باستعمال تويتر على الوسم (#برمجة_المواقع_مادة_رواق)

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


الكتاب المعتمد للمقرر :

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


كيف تدرس المقرر



لتحقيق اقصى استفاده من المقرر



- قراءة الخارطة الذهنية للمادة متوفرة على الرابط ( الخريطة الذهنية )

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



- مشاهدة الفديديو التعريفي عن المادة ( الفيديو التقديمي للمادة)


- متابعة محاضرات المقرر والتي سوف تنشر اسبوعيا ( لكل اسبوع مجموعة محاضرات موضحة في الخارطة الذهنية)


- حل الواجبات كون شهادة الاكمال سوف تمنح للطلاب الذين تتجاوز نسبتهم ال 80 % .


- يجب عليك المشاركة في كتابة ملخص كل اسبوع باستعمال تويتر على الوسم (#برمجة_المواقع_مادة_رواق)

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


الكتاب المعتمد للمقرر :

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


كيف تدرس المقرر



لتحقيق اقصى استفاده من المقرر



- قراءة الخارطة الذهنية للمادة متوفرة على الرابط ( الخريطة الذهنية )

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



- مشاهدة الفديديو التعريفي عن المادة ( الفيديو التقديمي للمادة)


- متابعة محاضرات المقرر والتي سوف تنشر اسبوعيا ( لكل اسبوع مجموعة محاضرات موضحة في الخارطة الذهنية)


- حل الواجبات كون شهادة الاكمال سوف تمنح للطلاب الذين تتجاوز نسبتهم ال 80 % .


- يجب عليك المشاركة في كتابة ملخص كل اسبوع باستعمال تويتر على الوسم (#برمجة_المواقع_مادة_رواق)

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


الكتاب المعتمد للمقرر :

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



الى أين سيصل بي المقرر :


المقرر حقيقة هدفة الاساسي كما هي جميع مقررات رواق اطلاع الناس من جميع الفئات على موضوع المقرر ( يتوقع ان يجعلك المقرر تنتقل من مرحلة عدم العلم بالشي الى مرحلة مبتدئ الى متوسط ) حسب استعدادك ومدى تطبيقك للوارد فيه


- من خلال الاستماع الى 15 ساعة من الفيديو تقريبا( مدة المقرر ) سيجعلك ملم بأهم ما في المقرر لكن لا اتصور ان يكون كافي للوصول الى درجة المهارة
- هدف المقرر اعطائك كل المفاتيح اللازمة للانطلاق بهذا المجال ( تحويل اي صورة الى موقع الكتروني + جعلة صديق لاجهزة الموبايل )
- سوف نتطرق في هذا المقرر الى موضوع الجافا سكريبت وكيف تسهم في مواقع الانترنت ( لكن موضوع الجافا سكريت اكبر من ان نغطية خلال محاضرة مدتها تقريبا ساعتين للاسباب السابقة
- ان المقرر موجه لجميع فئات المجتمع - طلاب ثانوي - غير مختصين ... مدة المقرر 15 ساعة فيديو تقريبا مقسمة ع 10 اسابيع )
- لا يمكن باي شكل من الاشكال اتقان شي خلال الاستماع الى 15 ساعة من الفيديوهات التعليمية فقط َ!



المحتوى :


تمت مراجعة المحتوى المطروح في الماده وتتم ايضاً خلال فترة التدريس ولذلك نرجوا منكم في حال وجود اي ملاحظة مراسلتنا مباشرة على الايميل ([email protected]) ونهتم جدا جدا لاي تحسينات او تعليقات او إضافات ( لكل اقتراح مميز :) علامتين )


ملاحاظت هامة :


- لضمان ان تحصل على اجابة دقيقة يرجى ان تكون صيغة السؤال محدد وقصير ( تغريدة ب 140 حرف تعتبر مثالية) .


- قبل السؤال راجع النقاشات والتعليقات وملخص الأسبوع .


- الرد على الاستفسارت سيكون اولاً بأول - ولكن لكون عدد الطلاب اكبر من القدرة على المتابعة الشخصية قد تطول هذه الفتره على الاكثر لـ اسبوعين من تاريخ السؤال ) .


الاسبوع الاول



الأهداف التعليمية لهذا الأسبوع (ماذا نتوقع ان تتعلم )




يتوقع منك عزيزي الطالب بعد اتمام هذا الاسبوع ان تكون قادر على الأمور التالية :

1-تميز بين FrontEnd و BackEnd.

2- تحدد خارطة الطريق لكل من المبرمج والمصمم.

3- تكتب أول موقع إلكتروني لك.



4- تجيب على السؤال التالي (ماذا سيقدم في هذا المقرر؟)


مقدمة :


https://youtu.be/aJ4MKgG5rw4

الخارطة الذهنية للمصمم والمبرمج :



https://youtu.be/OZkoCRo-CDA

مثال واقعي



https://youtu.be/uVnmdPQqhiA

كتابة أول موقع إلكتروني


https://www.youtube.com/watch?v=xBHiUYvZlik


مصادر إضافية (الطلاب المتابعين للمقرر من خلال Tablets)




لا احمل الا ايباد ، هل أستطيع التعلم عليه؟!!

اذا كنت من الطلاب المتابعين للمقرر من خلال Tablets قم بالاطلاع على مجموعة البرامج التالية واختيار ما يناسبك منها :



أولا ً : أجهزة ابل


http://blog.smartbear.com/codereviewer/15-code-editors-for-the-ipad-for-free-or-very-cheap/


ثانياً : أجهزة اندرويد:


http://www.makeuseof.com/tag/best-4-html-editors-for-android-si/


الأسبوع الثاني =================================================

الأهداف التعليمية لهذا الأسبوع (ماذا نتوقع ان تتعلم )





يتوقع منك عزيزي الطالب بعد اتمام هذا الاسبوع ان تكون قادر على الأمور التالية :



1- تستطيع الإطلاع على FrontEnd الخاص بأي موقع.


2- تحدداسماءأفراد عائلة HTML ووظائفهم.


3- تميز بين BlockElements و ال InlineElements.


مقدمة



https://youtu.be/24NS5hRWAi4

هل يمكن الإطلاع على FrontEnd ؟


https://www.youtube.com/watch?v=XA8dg2IBiBQ

أفراد عائلة HTML


https://www.youtube.com/watch?v=-unGpmQ0eCk

ترتيب أفراد عائلة HTML


https://www.youtube.com/watch?v=Flua2wZ0_7g



مصادر إضافية



المقرر هو للدراسة الذاتية وعلية أطلب منكم الأطلاع على جميع افراد عائلة ال Html من خلال الرجوع الى المصادر التالية


الموقع الإلكتروني التالي : http://htmldog.com/reference/htmltags



ملاحظات :


- في هذا المقرر سوف نتعرف على اهم افراد العائلة وخصائصهم ولكن لن نستطيع ان نغطيها جميعها .


- جميع افراد العائلة تعامل نفس المعاملة من حيث الكتابة وطريقة البداية والنهاية و والشروط العامة لكتابتها .


- ما ينطبق على افراد العائلة التي سوف نتعرف عليهم في هذا المقرر ينطبق على بقية افراد العائلة الاخرين .


مع امنياتي لكم بالتوفيق ( اذا وجد موقع باللغة العربية / او الانجليزية / ترونه مناسب لهذا القسم يرجى مشاركته مع الزملاء )



ملحق مهم لمحاضرة الأسبوع الثاني




لماذا لم يظهر الفيديو معي ؟
- لماذا تظهر >p> بهذا الشكل !


الاجابة عن هذة الأسئلة بالتفصيل .. في المرفق


بالتوفيق لكم جميعاً
https://rwaq-production.s3.amazonaws.com/uploads/attachment/attachedfile/881/%D9%85%D9%84%D8%AD%D9%82_%D9%85%D9%87%D9%85_%D9%84%D9%84%D8%A7%D8%B3%D8%A8%D9%88%D8%B9_%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A.pdf



الأسبوع الثالث ===================================================


الأهداف التعليمية لهذا الأسبوع (ماذا نتوقع أن تتعلم )



يتوقع منك عزيزي الطالب بعد اتمام هذا الأسبوع أن تكون قادر على الأمور التالية :


1- تعي مفهوم SemanticWeb "الويب ذو الدلالة اللفظية" وتستطيع شرحه.


2- تحدد أهمية SemanticWeb ولماذا يستعمل .


3- تكتب الـ SemanticWeb لموقع إلكتروني.


مقدمة

https://www.youtube.com/watch?v=99lWzQ37qSI

ما هو ال Semantic Web


https://www.youtube.com/watch?v=whGtHBsl6CU




وظيفة (واجب)


https://www.youtube.com/watch?v=J65ehaY6x-A

التكامل بين أفراد عائلة ال HTML


https://www.youtube.com/watch?v=8Az7mtCFmMg


ملحق للأسبوع الثالث (حل واجب Semantic Web)




في موضوع الــ Semantic Web لا يوجد هنالــك حل واحد فقط صحيح !!


فهو متروك لك كمبرمج !


للمزيد أرجو الاطلاع على المرفق

https://rwaq-production.s3.amazonaws.com/uploads/attachment/attachedfile/890/%D8%AD%D9%84_%D9%88%D8%A7%D8%AC%D8%A8_Semantic_Web.pdf



الأسبوع الرابع ===================================================

الأهداف التعليمية لهذا الأسبوع (ماذا نتوقع ان تتعلم )




يتوقع منك عزيزي الطالب بعد اتمام هذا الاسبوع ان تكون قادر على الأمور التالية :

1- تحدد ما هو المقصود ب CSS
2- تعي أين يكتب ال CSS ولماذا ؟
3- تشرح ما هو المقصودب pixel
4- تحدد3 طرق لكتابة ال CSS
5- تحدد ما هو المقصود بالاولويات في CSS
6- تستعمل الأولويات بشكل صحيح






مقدمة ومراجعة سريعة


https://www.youtube.com/watch?v=XVkps7e2baQ

مكان وطريقة كتابة الCSS #ID


https://www.youtube.com/watch?v=ntOcxITI1pw


ما هو الــ pixel


https://www.youtube.com/watch?v=vrFbLJQVFag

مكان وطريقة كتابة ال CSS class


https://www.youtube.com/watch?v=_ah0AANff4A

الأولويات في ال CSS الجزء الأول


https://www.youtube.com/watch?v=iTmwaIwE2zA

مكان وطريقة كتابة ال selector css


https://www.youtube.com/watch?v=JmJIFYgso-w

الأولويات في ال CSS الجزء الثاني


https://www.youtube.com/watch?v=k5OkkaZYZ9A






تاااااااااااااااابع فى باقى الردود






تم تحرير المشاركة بواسطة :Galal Hasanin
بتاريخ:08-01-2018 02:50 مساءً



19-11-2015 11:25 مساءً
مشاهدة مشاركة منفردة [5]
Mona Galal
إدراة المنتدي
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 2008-08-27
رقم العضوية : 4
المشاركات : 6616
الدولة : مصر- Egypt
الجنس : أنثى
تاريخ الميلاد : 17-5-1994
الدعوات : 8
قوة السمعة : 815
موقعي : زيارة موقعي
التعليم : جامعي
الهواية : الانترنت
  
look/images/icons/i1.gif تنشيط المنتدى و الموقع علشان تزود فلوسك و ارباحك
الأسبوع الخامس ==================================================


الأهداف التعليمية لهذا الأسبوع (ماذا نتوقع ان تتعلم )


يتوقع منك عزيزي الطالب بعد اتمام هذا الاسبوع ان تكون قادر على الأمور التالية :

1- تحددجميع الطرق الخاصة بكتابة CSS Selector بناءً على HTML Tags Relationship.
2- تميز الحالات ال 4 لـ Anchor Element وتستعملها بكفاءة
3- تعي لماذا نكتب الـ CSS لـBody وكيف يتم ذلك
4- تتعرف على مفهوم توريث الخصائص من الأب للأبن في HTML
5- تستعمل الـ DIV و الـ SPAN بكفاءة
6- تحسن موقعك الإلكتروني بما يتوافق مع ما سيرد في هذا الأسبوع


مقدمة

https://www.youtube.com/watch?v=8NR-qLeW7hY

ما هو المقصود بـ "Child Selector"


https://www.youtube.com/watch?v=m_bX5GAfzjo

ما هو المقصود بـ "Adjacent Sibling"

https://www.youtube.com/watch?v=qlriq6bysTg

ما هو المقصود بـ "General Sibling"


https://www.youtube.com/watch?v=04KOq9hLrYI

ما هو " First-of-type , Last-of-type "


https://www.youtube.com/watch?v=RMLlEz0ImbA

ما هو " First-Child , Last-Child , nth-Child "


https://www.youtube.com/watch?v=3E8S2HlsWoU

كتابة ال CSS لـ Anchor Element


https://www.youtube.com/watch?v=uXTGbOsKzu0

ما هو المقصود بـ " not() " وكيف استعملها ؟



https://www.youtube.com/watch?v=JAQAZnKuPUU


هل يمكن كتابة CSS لـBody ولماذا احتاج ذلك ؟


https://www.youtube.com/watch?v=zCsy7MCXmtY

ما هو الـ DIV و الـ SPAN


https://www.youtube.com/watch?v=PikmqlVY_8o

كيف وأين يكتب ال CSS ملخص لأهم الأفكار


https://www.youtube.com/watch?v=wiMuaLrB4bE




















الأسبوع السادس ==================================================


الأهداف التعليمية لهذا الأسبوع (ماذا نتوقع ان تتعلم )



يتوقع منك عزيزي الطالب بعد اتمام هذا الاسبوع ان تكون قادر على الأمور التالية:

1- تكتب PageLayout صحيح بناء على التصميم المطلوب منك

2- تستعمل طرق عمل الـ PageLayout بكفاءة

3- تكتب PageLayout بطرق مختلفة لاي موقع إلكتروني


المقدمة و ما هو ال Page layout


https://www.youtube.com/watch?v=RV3ZFn-angI

ماهو ال Display وكيف استعمله


https://www.youtube.com/watch?v=TBIQHCDaUcM



ماهو ال Margin وكيف استعمله


https://www.youtube.com/watch?v=OHvNAjz1kRc

ماهو ال Padding وكيف استعمله


https://www.youtube.com/watch?v=GPAXtiD0vHA


ماهو ال Float وكيف استعمله


https://www.youtube.com/watch?v=QCVfw2IKpDU

ماهو ال Vertical -Align وكيف استعمله


https://www.youtube.com/watch?v=fYO20ga3xE8

تطبيق عملي لــpage layout الجزء الأول


https://www.youtube.com/watch?v=Oks9ZfrYNZ8


تطبيق عملي لــ page layout الجزء الثاني


https://www.youtube.com/watch?v=WEuYkSm7Ssk

وظيفة


https://www.youtube.com/watch?v=02-EZe1dGok




الأسبوع السابع ==================================================



الأهداف التعليمية لهذا الأسبوع (ماذا نتوقع ان تتعلم )


يتوقع منك عزيزي الطالب بعد اتمام هذا الاسبوع ان تكون قادر على الأمور التالية:

1- تتعامل وتستطيع تغير الالوان لجميع HTHML Tag

2- تتعامل وتستطيع عمل ظل لجميع HTHML Tag

3- تتعامل وتستطيع عمل حدود لجميع HTHML Tag

4- تتعامل وتستطيع تغير خلفية لجميع HTHML Tag





طرق كتابة وتعريف الألوان في عالم الويب


https://www.youtube.com/watch?v=BKIgEhgyEeg

( الألوان تطبيق عملي ( كيف اتعامل مع الالوان؟ )


https://www.youtube.com/watch?v=8VGejklFDiw

التعامل مع التدرج والظل وحدود عناصر HTML ١


https://www.youtube.com/watch?v=8gsG0nvK47o

التعامل مع التدرج والظل وحدود عناصر HTML ٢


https://www.youtube.com/watch?v=POjTziwRHnw

التعامل مع التدرج والظل وحدود عناصر HTML ٣


https://www.youtube.com/watch?v=VDkWlfw1lwI

التعامل مع التدرج والظل وحدود عناصر HTML ٤


https://www.youtube.com/watch?v=2ia-0SPwDwE

التعامل مع التدرج والظل وحدود عناصر HTML ٥


https://www.youtube.com/watch?v=VdcKQnOcD04

وظيفة


https://www.youtube.com/watch?v=Kxff5u2X3rI

الأسبوع الثامن ==================================================



الأهداف التعليمية لهذا الأسبوع (ماذا نتوقع ان تتعلم )


يتوقع منك عزيزي الطالب بعد اتمام هذا الاسبوع ان تكون قادر على الأمور التالية:

1- تميز بين الموقع العادي والموقع الصديق للأجهزةالذكية

2- تحدد ما الذي يتحكم بطريقة عرض الموقع

3- تستطيع كتابة موقع يعتبر Responsive Design



مقدمة


https://www.youtube.com/watch?v=8rijslYK5BE

الفرق بين الموقع العادي وموقع المتوافق مع الجهاز الذكي


https://www.youtube.com/watch?v=84Bay6mkFbk

ما هي كلمةالسر في الموقع الصديقة للأجهزةالذكية


https://www.youtube.com/watch?v=uFiRGspv47M

كتابة اول موقع صديق للأجهزةالذكية


https://www.youtube.com/watch?v=Wwo94KTDb3M

تطبيق عملي على Responsive Design


https://www.youtube.com/watch?v=8d2RjDw_Rk8



الأسبوع التاسع ==================================================



الأهداف التعليمية لهذا الأسبوع (ماذا نتوقع ان تتعلم )



يتوقع منك عزيزي الطالب بعد اتمام هذا الاسبوع ان تكون قادر على الأمور التالية :

1- تحدد ما الفرق بين كتابة ال JS في Head و ال Body

2- تكتب Functions تؤدي وظيفة محددة

3- تعي مفهوم DOM

4- تستعمل طرق معالجة DOM بكفاءة

5- تحدد دور JS في صفحة الـ HTML

مقدمة


https://www.youtube.com/watch?v=u5lKqEMQHb4

أين يمكن كتابة Java**



https://www.youtube.com/watch?v=fQNgQ50G_8E

تطبيق عملي على كتابة JS


https://www.youtube.com/watch?v=JZhSM2nJAPg

ما هو مطلوب منك معرفته في الـ JS


https://www.youtube.com/watch?v=Y-K8IoZSBDQ

ما هو المقصود بـ Function


https://www.youtube.com/watch?v=P2-3zhnBLgk

(تطبيق عملي على كتابة Function


https://www.youtube.com/watch?v=4W2-Q6D7Ho0


ماهو المقصود بـ DOM


https://www.youtube.com/watch?v=KBk74vaedAA

تطبيق عملي على DOM باستعمال Children


https://www.youtube.com/watch?v=Y49syQmbJwY


تطبيق عملي على DOM باستعمال TagName



https://www.youtube.com/watch?v=dCXSxSRk-SM


كتابة اكثر من Function على HtmlTag



https://www.youtube.com/watch?v=tsyizyxUhPo


تطبيق عملي على DOM باستعمال ID


https://www.youtube.com/watch?v=keWyrGshplM

تطبيق عملي على DOM باستعمال ClassName


https://www.youtube.com/watch?v=evKugnwYhSs

تطبيق عملي على DOM باستعمال QueryAll


https://www.youtube.com/watch?v=2yIVA0W0BmE

تطبيق عملي ١


https://www.youtube.com/watch?v=udaBf_fqgig

تطبيق عملي ٢


https://www.youtube.com/watch?v=yg_M6tQE6OI



ملحق مهم



في الرابط ادناه الصفحة التي تم تطبيقها في هذا الأسبوع .

https://drive.google.com/file/d/0BzLfGSA0apFgZkZaQUxYRGVVMWs/view?usp=sharing



الأسبوع العاشر ==================================================


الأهداف التعليمية لهذا الأسبوع (ماذا نتوقع ان تتعلم )


يتوقع منك عزيزي الطالب بعد اتمام هذا الاسبوع ان تكون قادر على الأمور التالية :

- تطبيق جميع ما تعلمته في دورة حياة المقرر ( البداية بصورة والإنتهاء بموقع إلكتروني .)

- تكتب ال Semantic Web لصورة موقع إلكتروني.

- تكتب ال HTML لصورة الموقع الإلكتروني.

- تكتب ال CSS لصورة الموقع الإلكتروني.

- تجعل الموقع Resposive صديق لجميع الأجهزة .

- تكتب رأيك بالمقرر وتذكر كيف يمكن تحسينه .

مقدمة


https://www.youtube.com/watch?v=cAihB7okUGI

كتابة ال Semantic Web


https://www.youtube.com/watch?v=ASgRo9TDNf0

كتابة الـ HTML


https://www.youtube.com/watch?v=Hoi_W00-cIg

كتابة الـ CSS

https://www.youtube.com/watch?v=PtgMlgc6V_c

تطبيق عملي لتحسين الموقع

https://www.youtube.com/watch?v=tfNGOQ6Cp3s


كيفية ربط صفحات الموقع


https://www.youtube.com/watch?v=1ruESzOc2j8

كتابة الـ Responsive Design للموقع


https://www.youtube.com/watch?v=4SdWXBYE2vY


وظيفة


https://www.youtube.com/watch?v=kf6-3fWdLeg



ماذا تفعل بعد الانتهاء من المقرر ( ماذا بعد ؟!)


◄ بحول الله تمّ الوصول إلى نهاية هذا المقرر


الله يعطيك العافية جهدك ووقتك إن شاء الله سيثمر ...

♯ الآن ما هو المطلوب منك ؟!!

لديك حقيقة الآن طريقين ..

● الأول : استكمال مسار الـ Frontend

● الثاني :البدء بمسار الـ Backend

⏎ كيف اختار ؟

● إذا كنت مصمم ( Designer ) فالمسار الأول هو الأقرب إليك وأراه مناسباً لك ويضمن لك وظيفة محترمة .

● إذا كنت ترغب بأن تصبح مبرمج فـ بتأكيد المسار الثاني هو خيارك وبالتأكيد مع نهاية المشوار سيضمن لك وظيفة بدخل ممتاز.


⏎ كيف أكمل كل مسار ؟


◄ المسار الأول Frontend :

في المقرر قد قطعت شوووووط طويل جداً في هذه المسيرة الآن يتبقى لك شيئين فقط هما:

1- الــ JQuery
2- الــ
(Framework (foundation or bootstrap)

• ستجد أثناء دراستك لهذين الموضوعين ان 80% مما تحتاجه لتعلمها مذكور في المقرر الذي أنهيته للتو .

• تحتاج تقريبا من شهرين إلى 3 لإتقانهما .

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


◄ المسار الثاني Backend:


أنت بحاجة إلى :

1- تعلم لغة برمجة خاصة ب الـ Backend مثل (php, C# , Java, python ..etc)
2- تعلم مبادئ قواعد البيانات Database

• قد تحتاج في هذين الموضوعين ما لا يقل – من وجهة نظري – من 6 الى 12 شهر حسب تفرغك ومدى شغفك بالموضوع.


❂ هل أحتاج للتعمق أكثر بالجافا سكريبت ؟
اممم....
سأعيد صياغة السؤال ليتضح الجواب
هل أستطيع تعلم ال jquery بدون تعمق ب الجافا سكريبت ؟ الجواب نعم !!


❂ كيف أختار لغة البرمجة الخاصة ب ال Backend أو الموبايل أو آي شي أخر ؟

اتبع الرابط للمزيد الرابط
عقدة المبرمج اللغة الأولى الرابط
مقال وإن كان قديم لكن به مجموعة ارشادات جيده الرابط



♞ مواقع مقترحة للبدء بتعلم إحدى لغات البرمجة (النقاش والمشاركة في هذه النقطة مفتوح لكم) :

رواق


عبدالله عيد


ليندا lynda


يوديمي udemy


اليوتيوب

موقع مقالات جيد

موقع مهم تعليقات واسئلة

✔ أرجو كتابة المراجع التي تعتقد أنها قد تفيد زملائك سواء كانت باللغة العربية أو الإنجليزية (الدال على الخير كفاعله) .

دعائي لكم بالتوفيق دوماً ...



و بكده اكون وفيت بأول جزء و هو كيفيه برمجة موقع
تابعوا معايا الموضوع دايما و ان شاء الله يكون وافٍ للكل ^^

لا يمكنك الرد على هذا الموضوع لا يمكنك إضافة موضوع جديد
الصفحة 2 من 3 < 1 2 3 >




المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
كيفية تحميل اى ملف من مرفقات او اى رابط فى المنتدى Mona Galal
1 4171 Mona Galal
ملحق التنبيهات بمن يتحدثون عنك في المنتدى بأصدارة الأول لمنتديات PBBoard Galal Hasanin
0 2326 Galal Hasanin
ملحق اغلاق المنتدى عند الصلاة و الافتتاح التلقائي للمنتدى عن الانتهاء من الصلاة Galal Hasanin
0 1467 Galal Hasanin
هاك إستفتاء المنتدى في الهيدر والقائمة الجانبية للجيل الثالث Galal Hasanin
0 1533 Galal Hasanin
ملحق اغلاق المنتدى عند الصلاة و الافتتاح التلقائي للمنتدى عن الانتهاء من الصلاة Galal Hasanin
0 1369 Galal Hasanin

الكلمات الدلالية
تنشيط ، المنتدى ، الموقع ، علشان ، تزود ، فلوسك ، ارباحك ،









الساعة الآن 08:41 AM