Speaker A
بسم الله الرحمن الرحيم والصلاه والسلام على اشرف المرسلين سيدنا محمد، النهارده ان شاء الله هنتكلم عن حاجه اسمها سينتاكس.
تعلم أساسيات سينتاكس HTML وكيفية التعامل مع المسافات والاتربيوتس في الكود بطريقة مبسطة وواضحة.
Key Takeaways
- المتصفح يتجاهل المسافات والإنتر في الكود ولا يؤثر ذلك على العرض.
- الاتربيوتس يمكن كتابتها على نفس السطر أو بشكل منظم بدون مشاكل.
- يمكن استخدام الدبل كوتس أو السنجل كوتس لقيم الاتربيوتس، وكلاهما صحيح.
- إذا كانت قيمة الاتربيوت كلمة واحدة فقط، يمكن كتابتها بدون علامات اقتباس.
- حذف علامات الاقتباس لقيم متعددة الكلمات يؤدي إلى تفسير خاطئ للكود.
Summary
- شرح مفهوم السينتاكس في البرمجة وأهميته في كتابة الكود.
- توضيح كيفية تعامل المتصفح مع المسافات والإنتر في الكود وأنها تُتجاهل.
- ذكر أهمية تنظيم الاتربيوتس داخل العناصر وكيفية كتابتها بشكل صحيح.
- شرح الفرق بين استخدام الدبل كوتس والسنجل كوتس في قيم الاتربيوتس.
- توضيح إمكانية كتابة قيمة الاتربيوت بدون علامات اقتباس إذا كانت كلمة واحدة.
- تحذير من المشاكل التي قد تحدث عند حذف علامات الاقتباس لقيم متعددة الكلمات.
- تأكيد أن المتصفح يتعامل مع الاتربيوتس بدون علامات اقتباس كأنها عدة اتربيوتس منفصلة.
- تلميح إلى دروس قادمة تتناول عناصر يمكن إغلاقها أو لا وكيفية التعامل معها.
- تشجيع على التعلم والتنظيم في كتابة الكود ليصبح أكثر احترافية.
- الدرس بسيط وموجه للمبتدئين لفهم أساسيات كتابة كود HTML بشكل صحيح.
Full Transcript — Download SRT & Markdown
Speaker A
السينتاكس هو طريقه كتابه الكود او البنيه بتاعه الكود، لو انت عندك في اللغه العربيه حاجه اسمها نحو وعندك في الانجليزي جرامر.
Speaker A
فانت عندك في البرمجه وفي علوم الكمبيوتر السينتاكس بيؤدي نفس الوظيفه.
Speaker A
خلينا نشوف الكود بتاعك لما بتيجي تعمل فيه مسافات بيتم التعامل معاها ازاي، لو انا مثلا كلمه بوك دي جيت عملت بعدها مسافات كتير كده واتنين انتر كده.
Speaker A
وبعد ستور نفس القصه وعايز افصل بين الاتش 1 والعنصر اللي تحته وعملت شويه مسافات كده، يا ترى هيتم التعامل معاهم ازاي؟
Speaker A
هيتم التعامل معاهم ان هم باينين هنا في السورس لكن هنا مفيش اي حاجه بتحصل.
Speaker A
البراوزر بيجنور او بيتجاهل المسافات دي كلها وده شيء منطقي وبديهي.
Speaker A
علشان لو لسبب ما نسخت كود من حته لحته وكان في مسافات اتحطت او اي حاجه ما يتمش التعامل معاها.
Speaker A
ده سبب طبعا تافه من الاسباب مش ده السبب الرئيسي بس انا بديك.
Speaker A
بعض الحاجات المنطقيه اللي تعرف ليه هو بيجنور المسافات.
Speaker A
طيب.
Speaker A
عظيم جدا.
Speaker A
الحاجه الثانيه والمهمه لو انا حبيت ان انا اعمل مسافه بين الهيدنج والعنصر اللي بعده.
Speaker A
الانتر اللي انت تعملها دي مش معروف قد ايه في هنا زوم بيحصل في هنا زوم كده بيقل.
Speaker A
في حاجات كتير جدا ما تعرفكش اصلا المساحه دي قد ايه.
Speaker A
في وسائل ثانيه هنتعلم بيها ان شاء الله ازاي نعمل مسافات بين العناصر.
Speaker A
سواء بعناصر اتش تي ام ال او بلغه السي اس اس لما نتعلمها باذن الله.
Speaker A
يبقى احنا عرفنا دلوقتي انه البراوزر بيجنور المسافات دي وملوش اي علاقه بيها نهائيا.
Speaker A
نيجي دلوقتي للجزء الخاص بالاتربيوتس.
Speaker A
هنا عندنا مثلا عنصر فيه اكثر من اتربيوت.
Speaker A
ولما ربنا يكرمك ان شاء الله وتتعمق في المجال هتلاقي ان في عناصر ممكن يبقى فيها 5 6 7 10 اتربيوت زي دول.
Speaker A
يعني جنب بعض.
Speaker A
وهتلاقي السطر ده وصل لحد اخر الشارع.
Speaker A
في طريقه ظريفه جدا انت ممكن ترتب الاتربيوتس بالشكل ده.
Speaker A
عادي جدا جدا جدا.
Speaker A
ومفيش مشكله خالص وهتلاقي الكود بتاعك شغال زي الفل.
Speaker A
ومفيهوش اي مشكله خالص.
Speaker A
ولو رحت هنا هتلاقي الميتا نيم اهو كله زي العسل.
Speaker A
ومفيش اي مشاكل خالص.
Speaker A
ممكن من باب التنظيم لو حابب تروح عامل حركه زي كده.
Speaker A
ان انت تنظمهم على نفس السطر.
Speaker A
هل في مشكله هتحصل؟
Speaker A
نهائيا والكود فاليد وزي الفل اهو.
Speaker A
ومفيهوش اي مشاكل خالص.
Speaker A
طيب.
Speaker A
ده شيء عظيم.
Speaker A
التربيوت بتاعك بيبقى فيه اسمه وعندك هنا الفاليو بتاعته او القيمه المكتوبه فيه.
Speaker A
الفاليو دي ممكن تكتبها بدبل كود.
Speaker A
اللي هي الدبل كوتس دي او سنجل كوت.
Speaker A
العلامه دي اسمها سنجل كوت.
Speaker A
والعلامه دي اسمها دبل كوتس.
Speaker A
الاثنين كوتس مع بعض.
Speaker A
وممكن تعمل ميكس بينهم يعني ممكن ده سنجل وده دبل.
Speaker A
الاثنين هيطلعوا واحد هنا مفيش مشكله فيهم خالص.
Speaker A
الاثنين دبل كوتس اهو.
Speaker A
مفيش اي مشكله خالص.
Speaker A
مش بس كده انت ممكن كمان لو الفاليو دي كلمه واحده ما تكتبش اصلا السنجل ولا الدبل.
Speaker A
بالشكل ده.
Speaker A
وهتلاقيها هنا برضه مترجمه ومفهومه.
Speaker A
ومفيهاش مشكله.
Speaker A
طيب لاحظ معايا النقطه دي انا بعلمك سينتاكس.
Speaker A
تبقى عارف بيتكتب ازاي لكن مش شرط ابدا تمشي بالطريقه دي.
Speaker A
لانها كده مش منظمه.
Speaker A
انا بس بحب اوريك كل المعلومات عشان تكون محترف باذن الله.
Speaker A
هنا قلت لك هتعمل ده لو دي كلمه واحده.
Speaker A
لو مش كلمه واحده هتبقى مشكله.
Speaker A
ليه؟ لو انت شلت العلامه دي ودي اكثر من كلمه زي كده.
Speaker A
بص هيتعامل معاهم ازاي؟
Speaker A
الكونتنت دي هيشوف اول كلمه بعد علامه يساوي دي القيمه بتاعتها.
Speaker A
زي فوق اهو.
Speaker A
بص كده ادي نيم بيساوي ديسكربشن كونتنت بيساوي ذس.
Speaker A
بص از واور وبوك وستور واخدين نفس اللون بتاع كلمه نيم وكونتنت.
Speaker A
اللي هو لون الاتربيوت يعني انت عشان ما حطيتش العلامه.
Speaker A
اعتبرهم كلهم اتربيوتس.
Speaker A
عشان كده الدبل كوتس حتى في عالم الكمبيوتر عموما لما يكون عندك مسار معين عايز توصله لو في مسافات بتحطهم جوه دبل كوتس كده.
Speaker A
عشان تقول له ان الكونتنت ده مش برمجي ده عباره عن كونتنت بس كلام تكست.
Speaker A
مالوش علاقه بالبرمجه خالص.
Speaker A
لكن لو كلمه واحده كده زي ما اتفقنا مفيش فيها اي مشكله طبعا خالص.
Speaker A
طيب.
Speaker A
في بعض العناصر ان شاء الله لما نتوغل شويه في الكورس نتعامل معاها هنعرف شويه حاجات في السينتاكس برضه.
Speaker A
ان في عناصر ممكن تقفلها وعناصر لا والبراوزر هيفهم والكلام ده كله.
Speaker A
هنجربه ان شاء الله في الفيديو الخاص بيه.
Speaker A
الفيديو بتاعنا بسيط جدا وصغير عشان بس تعرف التعامل مع المسافات بيتم ازاي.
Speaker A
وتفهم حتى كلمه سينتاكس وتعرف موضوع الاتربيوتس دي بيتم التعامل معاها ازاي.
Speaker A
يا رب يا جماعه الدرس يكون بسيط وسهل وعجبكم.
Speaker A
واشوفكم ان شاء الله في الدرس الجاي والسلام عليكم.
Topics:HTMLسينتاكساتربيوتسمسافات في الكودتعلم البرمجةElzero Web Schoolبرمجة ويبكتابة كود HTMLتنظيم الكودلغة عربية
