Learn HTML In Arabic 2021 - #01 - Introduction and What I Need To Learn

بسم الله الرحمن الرحيم والحمد لله رب العالمين والصلاة والسلام على أشرف المرسلين سيدنا محمد النهاردة إن شاء الله هنبدأ مع بعض كورس HTML سنة 2021 لو أنت واحد من الناس القديم الموجودة في القناة فأنت عارف أنه عندنا كورس HTML4 و HTML5

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

اول شيء يا شباب المحتوى القديم الناس كتير جدا كانت بتشوف السنة بتخاف بيقول لي ده بقال له ست سنين او سبع سنين مع ان المحتوى كويس ونفوش اي مشكلة خالص لكن كان لابد ان احنا نعمل محتوى جديد السنة دي بإذن الله وفي نفس الوقت نتفادى شوية سلبيات وناخد الفيدباك بتاع الناس ونحس ان الحاجات اللي الناس كانوا بيسألوا عليها في الكورس اللي فات

لدينا محتوى جديد و معلومات جديدة في الكورس بإذن الله لدينا كواليتي أخرى جيدة و الفيديوهات أفضل و الصوت أفضل و أيضا الـ Editor أفضل و الأشياء التي نعمل بها أفضل و تواكب العصر

هناك الكثير من الناس الذين اتضحوا أنه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحديث الـ CSS في الكورس وانه يجب عليهم تحدي

شلنا دروس ال Canvas كلها لانها محتاجة خبرة في ال JavaScript و دي برضو عاملة لغبطة لنا شوية و كورس ال Canvas كاملا مكملا موجود في ال كنوه متسجل و تقدر تدخله لما توصل عنده بإذن الله

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

و سأخبرك بأن المحتوى موجود و سأرد على التعليقات الموجودة و لا يوجد أي مشكلة و لا يمكنك إزالة أي شيء من هذا الموضوع إذا كنت تريد أن ترى القديم أو الجديد فإنه موجود لك و ستحصل على نفس المعلومات و إذا كتبت فيه كومنت سأرد عليه بإذن الله ندخل الآن على الناس التي تتعلم HTML و دعنا نقول أنه لو أنت جديد على الكورس فهذه هي البداية

ما هو HTML؟ HTML هو كلمة اختصار لـ "Hypertext Markup Language" أريد أن أقول لك أن هذا مهم جداً قبل أن أكمل بعد هذه النقطة وأترجم لك حتى هذا الكلام لا تركز أبداً مع المعاني العربية لأنها مصدرية، يعني قد تؤدي لمعنى غير مفهوم

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

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

تتعامل في الأول الأساسات دي قبل ما المبنى يتشطب ويدهن وكلام ده كله ده اسمه الهيكل لو جينا طبقنا الموضوع ده على الإنسان ولو إني بحبش المثال بتاع الإنسان خلينا نقول إن الـ HTML هي الهيكل العظمي بتاع الإنسان قبل بقى ما تشوف اللي فوق الهيكل العظمي واللحم والجلد والشعر والحاجات دي كلها

كل الكلام ده بتعملوا لغة الـ HTML اللي هو بنية الصفحة بعد كان شوالله في المستقبل هتتعلم بقى اللغة اللي اتفقنا عليها لغة الـ CSS علشان خاطر تقدر بقى تتعامل مع الألوان والخطوط والصور والكلام ده كله طيب

سنتحدث قبل أن ندخل في اللغة عن الأسدارات ستجد في حياتك الكثير من التطبيقات التي تعمل عليها برنامج فوتوشوب وبرنامج الرسام ونظام التشغيل نفسه وكان هناك قبل وزمان XP و Millennium وكل هذا

ما هو فكرة الإصدار؟ بصفة عامة في العالم البرمجيات تكون لها إصدارات ومن ثم ينزل إصدارات جديدة هذه الإصدارات تعالج مشاكل وتسهل حاجات الناس التي كانت تعملها بطريقة صعبة وتقوم بتحديد حاجات الناس التي لا تستخدمها وتعمل حاجات كثيرة جداً وهذا المتبع

فحتى في اللغات البرمجة واللغات التصميم واللغات اللي هنتعامل معاها في العالم ده فيه برضو إصدارات يعني الـ HTML دي كان فيها إصدارات 3 و 4 و 5 وإن شاء الله في المستقبل هينزل HTML إصدار 6 وكذا بيحصل ليه في الكلام ده؟ نفس الكصة

حاجات تنزل جديد وعناصر تنزل جديد وحاجات لا يستخدمها من الوقت الحالي وحاجات صعبة تتعامل بطريقة سهلة وكذا فكل إصدار ينزل يكون هناك حاجة جديدة و جميلة هذا الكورس يشرح الـ HTML كلها لا يتعلق بإصدار معين يعني يشرح الـ HTML لحد آخر إصدار في هذا الفيديو وهو الإصدار الخامس

لماذا أولاً أتعلم لغة HTML؟ إذا كنت مدخل في مصاري الـfrontend أو الـbackend أو الـmobile developer أو عالم الـreports والتقارير وشغل في شركة بالـreports وتكتب بالـHTML فأنت محتاج لتتعلم هذه اللغة لكي تدخل في هذا العالم

سأسأل سؤال وانت لازم تسأله نفسك انت جيت اصلا للكورس ده ازاي جيت له اكيد عن طريق مصار تعليمي موجود في الموقع والمصار التعليمي ده بيقولك ان انت محتاج اللغة دي او اللغة فبالتالي انت يا اما front end يا اما back end عشان كده انت جاي تتعلم الكورس ده طيب ده كلام عظيم وجميل وعندنا دلوقتي حاجة مهمة جدا بقى انا محتاج ايه عشان اتعلم

هذا أهم شيء في العالم الناس الذين لا يعملون على هذا الأمر يحتاجون لبرنامج text editor هذا هو البرنامج الذي يكتب علىه الكود الذي يرى المتصفح لكي يظهر لك شكل الصفحة

احسن اثنين عندنا ممكن نشتغل بهم في العصر ده وفي السنة دي هو Visual Studio Code و Atom الاثنين يا شباب هتشوفوهم و احنا بنبدأ الكورس و ازاي تعملهم داونلود و هتشوف شكلهم و كل ما تدخلو احنا هنا بس بنتعرف على بعض طيب محتاج تبع الانترنت براوزر براوزر زي جوجل كروم او فيرفوكس ديفيلوبر اديشن اي براوزر

لتجربة كل شيء من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بشكل كبير من البروزر حتى تستطيع التجربة بش

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

always search هتلاحظ النقطة دي كتبها لك كتير جدا هتلاقي كل شوية هفكرك بالنقطة دي خلال الكورس دايما ابحس كل حاجة هتشوفها في الفيديو قدامك لو لقيت كلمة مش فاهم معناها روح ابحس عنها هتكسب شوية معلومات كتير جدا وانصحك ما تسألش حد لما تروح تبحس بنفسك هتتعلم صح

طيب خلي عندك تارجت لو دخلت الكورس ده وانت ما عندكش تارجت هتجي تقولي انا هعمل لي باللغة دي ده اول سؤال كان بيتسألي هعمل ليه لما اتعلم مش هتعمل حاجة اذا لم تكن تعرف اين تذهب فكل الطرق تؤدي الى هناك ما عندكش هدف اي حاجة هتيجي قدامك هتكون هي الهدف بالتالي حدد هدفك هدفي ان انا عايز اكون front end developer او back end developer او هعمل شغل العميل اي هدف هيخليك تتعلم اللغة ان شاء الله بقرية حية ومفيش حاجة هتصيبك بالملل ولا اي حاجة

الفوكس مهم جداً التركيز لو أنت عندك مشكلة أو أي حاجة في بيتك أو أي مشكلة مع صحابك ما تحاولش تتذكر في الوقت ده حاول حاول حاول أن انت تفصل الحياة تماماً عن الوقت اللي بتتذكر فيه بعد كده أيه يا شباب دايماً ابحث دايماً ابحث البحث هو أكتر حاجة هتعلمك في المجال ده

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

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

كل حاجة تتعلمها تروح تطبقها وهكذا اخر حاجة شباب ايه always search بس ما تسألش قبل ما تسأل ابحث كتير جدا لو روحت سألت حد وحللك المشكلة هيضيع عليك المعلومات الجميلة اللي انت كنت هتاخدها من البحث طيب

كيف نتذكر بشكل سليم في هذا الكورس؟ أولاً سترى الفيديوهات بتركيز كما اتفقنا ستشاهد الفيديو 1 و 2 و 3 و 4 و 5 مثلاً بعد ذلك ستدخل على الموقع الـ 0.org بعد ذلك ستجد كل المشاريع في وصف الفيديو سترى الكود الذي كان مكتوب في الكورس الكود، إذا كان هناك سلايد مثلاً سترىها بعد ذلك ستدخل إلى الـ Assignments الـ Assignments عبارة عن تكليفات معمولة

لعدد دروس معين يعني مثلا من 1 ل 5 هتلاقي شوية تكلفات assignments كده مطلوبة منك التكلفات دي يا شباب بتدل انت فهمت ولا لا يعني بتطلب منك طلبات تعرف عن طريقها انت فهمت الخمس فيديوهات ولا لا بعد كده تخلص الخمسة او التلاتة او الاربع اللي بعدهم على حسب وتلاقي ال assignments بتاعتها كمان تخش تحله

و هكذا طب اتأكد منين اني صح دلوقتي يعني فيه اساليب كتير قوي تتأكد اني صح ممكن يبقى ليك واحد منتور ليك يشوف الكود بتاعك او تدخل على اي جروب تقنية سواء ال 0WebSchool جروب بتاعنا او اي جروب من الجروبات العظيمة الموجودة على الفيسبوك الخاصة بالتقنية تروح تشير الحاجة وتقول ده ال assignment و ده الحل فهل انا صح ولا و تاخد رأي الناس هتلاقي الناس عظيمة جدا هترد عليك و تساعدك

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