0:05
بسم الله الرحمن الرحيم وصلاة والسلام على أشرف المرسلين سيدنا محمد النهاردة ان شاء الله معنا ثلاث عناصر زراف جداً هتحبهم جداً وهما جداً جداً يعني صراحة أول عنصر عندنا اسمه كود الانصر بتاعنا ده عبارة عن computer code لو انت عندك computer code معين عايز تكتبه بلغة برمجة مثلاً او اي حاجة بتكتبه هنا هتقولي انا ممكن استخدم الكلام ده فين تعالوا مع بعض كنشوف الصفحة بتاعتنا دي
0:31
هذا هو درس لعمل شيء معين ستلاحظون أن هذا الدرس يمتلك كود لا يكتب الكود كما يفعله الـ HTML أو بعض الأشياء كما يفعله الكود لا يكتب الكود كما يفعله الكود ويوجد ألوان ويوجد تنظيم ومسافات تتحفز كما تفعله بل إذا كتبنا في الـ HTML وضعنا مسافات تفكرون يا شباب في الدرس لـ syntax كانت هذه المسافات تجاهلها هنا الموضوع دعونا نتحدث عنه قليلا
0:59
نقوم بعمل مثال عن الكود سأقوم بعمل مثال على أي كود كوبيتر أو أي كود كوديا مدرسي مثل جافسكريبت لتجربة الفكرة فقط
1:10
ويساوي 10 ويساوي 20 ونجمعهم على بعض مثلا X + Y العادي بتاعنا خالص لو حبيت انت تشوف الكود بتاعك ده هتلاقيه جنب بعضه عادي جدا هو ده الكمبيوتر كود هتلاقوا ان دلوقتي الكود ملوش اي تنسيقات بعد كده بقى انت تقدر تنسكه وتعمل فيه اللي انت عايزه تعالوا بص بص كده هنا يعني لتوضيح الفكرة هتلاقوا ان فيه كود اهو بيتعمله بقى اي حاجة انت عايز تعمله وكذا طيب نيجي
1:35
نأتي الى النقطة الأهم والعنصر الأهم وهو pre-formatted text. العنصر النهاردة بيحافظ على الحاجات اللي انت تعملها جوا. يعني لو حطيت مسافة لو حطيت اي حاجة بيحافظ عليها. حلو قوي. تعالوا نشوف يعني ايه بيحافظ عليها. هعمل و هكتب فيه. بعدين بي مثلا. طبعا. قاديها.
2:02
وبعدين new line زي ما انتم شايفين كده هنروح نشوف الكلام ده هتلاقيه كله زي ما انتم شايف زي ما اتفقنا في درس السينتاكس على نفس السطر طيب لو جينا غيرنا البراجراف ده لعنصر الpre اللي هو الpreformatted text بصوا شباب ايه اللي حصل الpreformatted text بيحافظ على اللي انت بتعمله جوان مسافات والكلام ده كله حتى لو روحت انا عملت كده بالشكل ده
2:28
سوف تجد الكلمة قد تتحول الى قدام الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الى الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف الهاتف ال
2:47
يمكنك تلاحظ الفرق بين الكود والفوق بأنه يتحكم بالشكل الذي ترونه هذا هو Pre-Formatted Text يحافظ على المسافات والـ New Line والأشياء التي تعمل عليها كلها لكي يظهر الكود بالشكل الذي ترونه هنا على سبيل المثال هذا هو الـ Pre-Formatted يوجد هناك تنصيقات في المستقبل عندما تتعلم CSS ستتحكم في تحقيق الهوامش والـ Background وكل شيء في العالم
3:13
نعود الى عنصر من العناصر العظيمة لكنها ليست مهمة جدا لكنها مهمة جدا في بعض التطبيقات او بعض الحاجات التي ستجدها في حياتك وهي I-Frame من اسمها I-Frame يمكنك تحضير صفحة من موقعك كاملة وتقوم بعمل لود في هذه الصفحة
3:33
يمكن أن يكون هناك مجموعة صغيرة يوجد فيها صفحة من مكان آخر هذه الصفحة من مكان آخر يمكن أن تكون صفحة في جهازك ويوجد في المشروع ويمكن أن يكون موقع إنترنت كامل تضعه في هذا المكان حسناً، لنجرب موقع Zero.org بالشكل هذا ونضيفه هنا في المنطقة ونرى على الصفحة
3:55
هذه هي صفحة الفيديو لتجد الجزء المربع في موقع الزيرو كما ترون هناك نقطة مهمة جداً
4:04
أول شيء أن هناك مواقع تمنع مواقع iFrame. أشخاص قد تعلموا الكورس القديم كانوا يقولون أنه لم يكن مفيداً لأنني جربت جوجل. هناك مواقع تمنع أن تستدعيها في مواقع iFrame مثل Facebook و Google و DoubleSeriesCalls و مواقع هكذا. يمكن أن يغيروا السياسة. لا مشكلة. لكن أنا أحب أن أفهمك. إن كان هناك مواقع أود أن تضعها. يمكن أن لا تقرأها.
4:29
الآيفريم زي عناصر كتير ممكن تديه ويتس وهايت يعني ممكن اقوله مثلا الويتس بيساوي 800 مثلا بيكسل على سبيل المثال 800 بس مش محتاجين دي ممكن نقوله الهايت بتاعه مثلا 400 بس هنتعلم ان شاء الله البيكسلز والمقاسات بتاعت التصميم دي كلها لما تتعمقوا وتدخلوا في الCSS ده الموقع بتاعنا شباب اهو
4:51
حددت حجم الفريم و استدعيت الموقع داخلها لا تحاول تبني احلام وردية و امال على الفريم لان استخدامه ليس ظريف و ليس دائما مفيد فحبت ان اقول لك ان هناك طرق اكثر تعمقا و اجمل من استدعاء الفريم هناك طرق اجمل ان تحصل على البيانات من موقع اخر وتعرضها هنا بالشكل هذا عن طريق اي شيء يسمى ABI لكن هذا لها قصة اخرى
5:17
يارب جماعة الدرس يكون بسيط وسهل وعجبكم اشوفكم ان شاء الله في درس جديد والسلام عليكم
