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

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

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

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

⑤ اليوتيوب

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

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

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

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

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