الدرس الأول من دورة الطريقة الى تطوير الويب - شبكة JSJ

يمكنك مشاهدة الفيديو الخاص بالدرس في الصفحة


تحدثنا في الموضوع السابق مقدمة عن الـ HTML - شبكة JSJ عن لغة الـ HTML وما هي تلك اللغة ، اليوم في الدرس الأول سنتحدث اكثر وسنقوم بكتابة صفحة ويب HTML وسنقوم بعمل الكثير والكثير وسنقوم بالإنتهاء من الـ HTML بنسبة 50% 


والآن قبل ان ابدأ ارغب بإقتباس موضوع قد رأيته في allaguioacademy "9 مراحل بسيطة تجعل منك محترف في لغة البرمجة التي تتعلمها"

1- تحديد هدفك.

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

2 - اختيار لغة البرمجة. البدء دائما بالتعلم اللغة الأساسية.

 إذا كنت مبتدئ في التعلم البرمجة، إختار لغة من المستوى المتوسط مثل C و بعد ذلك C + +. تعلم هذين الاثنين أمر لابد منه لأي مبرمج متخصص وكامل. لا أعتقد على الإطلاق أن هناك مبرمج بدأ بتعلم لغات المستوى الأعلى في البداية مثل جافا أو أي شيء آخر لأنها يمكن أن تكون مربكا للغاية بالنسبة للمبتدئين. نتذكر، تعلم ببطء على نحو سلس، النحو سلس هو سريع. وايضا على الأقل قم بدراسة اللغة لمدة سنة واحدة. بمجرد أن تتقن لغة، لا تتسرع في تنفيذها. بدلا من ذلك قم بشراء بعض الكتب الجيدة التي تتحدت عن البرمجة وتعلم المواد الدراسية الرئيسية و في وقت لاحق، قد ننتقل إلى لغة عالية المستوى مثل جافا [1]. و تعلم خوارزميات الكمبيوتر و بعض اللغات الأخرى لسنة واحدة أخرى.

3 - الوقوع في حب الرياضيات.

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

4 - تكوين دوافع ذاتية.

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

5 - لا تتسرع.

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

6 - لا تتراجع أبدا.

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

7- كي تصبح على درجة الماجستير.

 حاول تعليم الآخرين وإظهار تطبيقات الخاصة بك التي قمت بتطويرها للآخرين. إذا كنت تعرف أحد ألأشخاص الذي هو أفضل منك في البرمجة، قم بتبادل الأفكار ومشاكلك معهم، وتبادل الخبرات لأنه سوف يزيد هذا في معرفتك. و حاولة تطوير تطبيق الخاص أو تقليد برامج المحترفين مثل محرر النصوص، و تطبيقات ويندوز. شارك في المسابقات البرمجة لدفع نفسك إلى الفوز إذا كنت تجرؤ. معرفة لغة برمجة واحدة جيدة، ولكن اتقان أربعة أو خمسة هو أفضل. بغض النظر عن اللغة التي تستخدمها غالبا، و يجب عليك تعلم عدة لغات البرمجة، خصوصا اثنين أو ثلاثة مع تصميم فلسفات مختلفة، مثل ليسب، جافا، وبيرل. ولكن تعلم كل واحد منهم بشكل صحيح.

8 - قراءة الكتب.

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

9 - الاستثمار في مراكز التدريب.

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

نصائح

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

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

- ممارسة شيء واحد كل يوم على الأقل لبضع ساعات، على سبيل المثال حاول إنشاء تطبيقات بسيطة أو تعلم بعض المصطلحات الخاص بالبرمجة...

- التحدث مع مبرمجين آخرين؛ قراءة بعض الكتب البرمجة. وهذا أكثر أهمية من أي شيء أو دورة تدريبية.

---

الآن نرجع لموضوعنا

في البداية ما هي الـ Tags ؟ 
الـ Tags "الوسوم" هي اوامر لغة الـ HTML وهي الحجر الأساس لتصميم المواقع حيث توضح العلامات كيفية عرض النصوص في الموقع ويتم التفرقة بين العلامات والنصوص المكتوبة بوضع اقواس Angle Brackets < > مثل <html> و <body> وغيرها من الوسوم التى سنتعرف عليها

الآن نقوم بفتح برنامج الـ Sublime "اضغط على الصورة ليتم تكبيرها"

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

<html>

<head>

<title>Welcome to my first page</title>

</head>

<body>

JSJ Network

</body>

</html>

والآن نقوم بالحفظ

نقوم بفتح المثال بعد ما قمنا بحفظه

الآن نشرح ما قمنا بكتابته

تم استخدام اربع علامات Tags في هذا  المثال ، وهذه العلامات تعرف بأسم "علامات هيكل المستند Document Structure Tags" وذلك لأن أي ملف نقوم بتصميمه ، فإنه سيحتوى على هذه العلامات Tags الأربعة.

وسم الـ HTML يبين ان الملف يحتوى على اوامر لغة الـ HTML وليس نصاً عادياً
وسم الـ Head يعتبر بمثابة رأس الصفحة والتى يتم وضع معلومات عن الصفحة فيها ومن ضمن المعلومات التى تحتويها هذه العلانة هي عنوان الصفحة Title
وسم الـ title يحتوي على عنوان الصفحة 
وسم الـ body وتلك العلامة بمثابة جسم الصفحة وتحتوى على جميع النصوص والصور التى ستظهر في الصفحة

كما نلاحظ انه يتم غلق كل وسم على حسب الجزء الخاص به يعني مثلاً وسم الـ html يوصف الصفحة كلها ، فيتم البدا به في بداية الصفحة ويتم اغلاقه في نهاية الصفحة

وهكذا ... كما راينا في المثال. 

الآن يجب عليك ان تقوم بتطبيق وهو إن شاء ملف html ، عنوان الصفحة هو اسمك ، وتكتب نصاً ما من بالك .

---

الآن عند محاولة تطبيق الكود التالي

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

توفر لنا لغة الـ HTML وسم للنزول الى سطر جديد وهو <br> ، ويتم كتابة هذا الوسم في نهاية الجملة التى نريد ان نبدا بعدها بسطر جديد وفي حالتنا هنا سيتم كتابتها في نهاية جملة JSJ Network ، ولا يتم غلق هذا الوسم ، وحرفي الـ br تعني Break اي فاصل

الآن قم بتطبيق هذا الدرس .

---

يمكنك اكمال هذا الدرس من خلال مشاهدة الفيديو التالي 



يرجى ارسال التطبيق الى البريد الإلكتروني التالي amr.mohammed.a5t@gmail.com
التطبيق هو ، عمل صفحة HTML بإستخدام الأكواد التى تم استخدامها ، وتلك الصفحة تحتوي على الـ CV الخاص بك مثل المثال الموجود في الفيديو في الدقيقة