مرحبا، اليوم نحن في نهاية المطاف في طريقنا لكتابة بعض التعليمات البرمجية،
وأنا ستعمل المشي لكم من خلال تبين لكم كيف يمكنك استخدام محرر.
واحدة من أكبر المزالق التي رأيتها العديد من طلابي يصنعونها هو أنهم يستمعون
بعناية إلى ما أقوله، بدلاً من محاولة الغوص في الواقع
والبدء في الترميز، أنفسهم.
لذا بينما أشجعكم على الجلوس ومشاهدة ما سأفعله الآن،
في قليل آمل أن تجلسوا وتترفقون معي
الخطوة الأولى هي أنك تحتاج إلى إنشاء الملفات وتحريرها.
واحدة من أكبر المزالق التي ستواجهها هي أنك
ستحفظ ملفاتك في جميع أنحاء المكان، ولن تتمكن من العثور عليها لاحقًا.
لذا قرّر كيف ستنظّم ملفاتك.
ماذا ستسمي مجلدك؟
أين ستضعه؟
ثانيا، تحتاج إلى اتخاذ قرار بشأن اصطلاح التسمية.
هذه مجرد طريقة خيالية للقول تقرر كيف ستسمي ملفاتك
لذلك على الرغم من أن العديد من الأشخاص يستخدمون جهاز Mac، ويسمح لك باستخدام مسافات في
أسماء الملفات، إلا أن هذا ليس شيئًا تريد فعله عند كتابة التعليمات البرمجية.
لذا قرّر أنه إذا كان لديك كلمتين تريد وضعهما معًا،
فستستخدم الشرطات السفلية لربطها أو استخدام شيء نسميه
CamelCase، حيث تكتب الحرف الأول من كل كلمة.
فقط تذكر، لا تستخدم أبدا المسافات
وتكون متسقة جدا حول رسملة الخاص بك إذا كنت تنوي استخدامها.
وأخيرا، تحتاج إلى اتخاذ قرار بشأن محرر.
إذا كنت تستخدم جهاز ويندوز، المفكرة مضمنة بالفعل في.
يمكنك أيضًا التفكير في استخدام Notepad ++ أو Sublime.
إذا كنت تستخدم Mac، فإن TextEdit هو المحرر الافتراضي،
على الرغم من أن العديد من الأشخاص يستخدمون TextWRangler أيضًا.
سأستخدم Sublime طوال بقية الدورة، ولكن اليوم
سأعرض لك أمثلة على كيفية التحرير في المفكرة و TextEdit كذلك.
لذا من أجل البدء، دعونا نراجع بسرعة الخطوات الخمس التي سنقوم بها
، عدد قليل منها مرارا وتكرارا.
ستبدأ بفتح المحرر الخاص بك، ثم ستقوم بحفظ ملفك
وإضافة بعض المحتوى وحفظ الملف مرة أخرى وفتحه في متصفحك.
أريد أن أمشي لكم من خلال مثال سريع،
وسأستخدم Sublime للقيام بذلك.
ولكن لا تقلق، أنا ذاهب إلى المضي قدما
وأريك بعض الطرق الأخرى للقيام بذلك أيضا.
لذا أحضرت لي محرر سامية هنا، ملف أسود جميل.
أنا ذاهب لبدء من خلال الذهاب إلى ملف.
و أنقذ
وأنا ستعمل اسم ذلك فقط firstpage.html.
الآن واحدة من الأشياء التي تحتاج أن تقرر على الفور هو أين
أنت ذاهب لإنقاذ هذا.
نأمل أن تكون قد قررت هذا قبل أن تبدأ العمل.
أنا ستعمل الاحتفاظ الألغام في مجلد يسمى صفحات الويب التي وضعت على سطح المكتب بلدي.
ولكن يمكنك اختيار أي شيء هنا، أو حتى إذا كنت تريد،
إذا قمت بالنقر على الجانب هنا، يمكنك إنشاء مجلد العلامة التجارية الجديدة.
ما لا تريد القيام به هو حفظ كل التعليمات البرمجية الخاصة بك على سطح المكتب الخاص بك.
دعونا نذهب حفظ.
والآن، في حين أن هناك العديد من المرات التي أنا ستعمل إجبارك على الجلوس من خلال
ومشاهدة لي اكتب بشكل فظيع على الشاشة، وهذا واحد، فقط لتوفير بعض الوقت،
وأنا ستعمل المضي قدما والغش ولصق في بعض التعليمات البرمجية التي كنت قد كتبت بالفعل.
كما ترون، لدي نوع المستند الخاص بي، قسم الرأس والجسم.
في الرأس، قمت بتضمين ترميزي وعنوبي.
في الجسد، نحن فقط سَنَقُولُ مرحباً.
دخلت وحفظته باستخدام Ctrl+S،
يمكنك دائمًا إجراء ملف> حفظ، لكنني أجد أن Ctrl+S أسرع بكثير.
ولكل محرر تستخدمه، هناك هذه
المفاتيح المفيدة الصغيرة لمساعدتك على معرفة ما إذا كنت قد غيرت أي شيء.
لذا إذا نظرت الآن إلى firstpage.html، والذي قد يكون من
الصعب عليك رؤيته، إذا كنت سأذهب وتغيير أي شيء.
أنت في الواقع تحصل على دائرة صغيرة لتعلمك أنك لم تنقذ منذ
فترة قصيرة.
لذلك ذهبت إلى الأمام، لقد قمت بإنشاء محتوى والآن حان الوقت بالنسبة لي لفتح صفحتي.
إحدى الطرق للقيام بذلك هي التوجه إلى مجلدي.
و أوه، هنا firstpage.HTML.
بالنسبة لي، هناك رمز صغير من Chrome إلى الجانب.
بالنسبة لك، قد يكون متصفحًا مختلفًا.
أنا ذاهب للمضي قدما وانقر على ذلك وإثارة بلدي FirstPage، ولدي النجاح.
لا أستطيع أن أؤكد بما فيه الكفاية أن معظم الوقت عندما تكتب شيئا في البداية،
انها في الواقع لن تعمل بالنسبة لك.
بالنسبة لي لحسن الحظ، لدي قوة التحرير.
ليس لديك أي فكرة أنه في الواقع استغرق مني بضع محاولات للحصول على هذا الملف للعمل،
لأنني كنت العبث مع بعض الأشياء.
طوال الدورة بأكملها،
سأحاول أن أريكم المناطق التي قد تواجه مشكلة فيها.
نأمل أنك لن تفعل، ولكن إذا فعلت، كلها بسيطة جدا لإصلاح.
واحدة من المشاكل الأكثر شيوعا هو أنه عند النقر بزر الماوس الأيمن على الملف،
بدلا من فتح بشكل جيد في المتصفح، فإنه يفتح المحرر الخاص بك بدلا من ذلك.
إذا كنت ترغب في إصلاح ذلك، كل ما عليك القيام به هو النقر بزر الماوس الأيمن على الملف
وحدد فتح باستخدام.
هناك مشكلة أخرى تحدث قليلاً وهي أنه عند فتح ملفك، بدلاً
من رؤية صفحة ويب منسقة بشكل جيد، بدلاً من ذلك، ترى كل علاماتك بالفعل.
عندما يحدث ذلك، تحتاج إلى التحقق من امتداد الملف الخاص بك
والتأكد من أنه يقول .html، وليس شيئا مثل.text أو .rtf.
هناك مشكلة أخرى تحدث قليلاً هي أنك تغير شفرتك، لكن
صفحتك تبدو متشابهة تمامًا.
و هناك سببان لأن هذا يميل إلى الحدوث.
واحد هو أن عليك أن تفعل شيئا يسمى تحديث المتصفح الخاص بك.
هذا يعني فقط أنك تقوم بتحميل المحتويات.
الشيء الثاني الذي يحدث في كثير من الأحيان هو أنك نسيت التحقق من
اسم الملف الخاص بك.
اسمحوا لي أن تظهر لكم مثالا على هذا واحد.
لذلك دعونا نعود إلى ملفنا الأصلي.
كما ترون، لدي مرحبا العالم مكتوبة هنا.
هذا شيء من نوع علوم الكمبيوتر ليقوله
وبما أنني أحاول أن أبدو أكثر طبيعية، سأغير هذا إلى «مرحبا الجميع».
سأدخل و سأحفظ ملفي
انتهيت
حسنا، عندما أعود إلى صفحة الويب الخاصة بي، فإنه لا يزال يقول مرحبا العالم.
لم يتغير و أنا منزعج من ذلك
لذلك، الآن أتذكر أنه من الضروري في كثير من الأحيان لتحديث صفحتك.
هناك عدد الطرق التي يمكنك القيام بذلك،
يمكنك عادة الذهاب إلى المنطقة الدائرية قليلا هنا وانقر فوق تحديث.
يمكنك النقر بزر الماوس الأيمن وانقر على إعادة تحميل أو يمكنك أيضا الذهاب إلى عرض, آسف.
يمكنك أيضا القيام بذلك من خلال شريط الأدوات في الأعلى.
لذلك، أنا ستعمل المضي قدما والتجديد الحق هنا.
ويمكنكم أن تروا الآن لدي «مرحباً بالجميع»
المشكلة الأخرى التي ذكرتها هي أن الأشخاص يغيرون في بعض الأحيان اسم ملفهم.
لذلك ربما كنت لا تعمل على FirstPage الخاص بك أكثر من ذلك.
لذلك قررت أنني سأحفظ هذا كملف > حفظ باسم الصفحة الثانية.
احتفظ بها
أنا ستعمل العودة أكثر من هنا وأنا ستعمل تحديث الملف.
مرحباً بالجميع
حسناً، لم يحدث شيء
سوف تجد هذا يحدث مراراً وتكراراً
عندما تتعامل مع الكثير من الملفات في نفس الوقت،
يجب عليك التأكد من أن الملف الذي تبحث عنه على المتصفح يطابق الملف
الذي كنت تكتبه.
لأنني غيرت اسم ملفي،
أحتاج إلى تذكر تغييره هنا في شريط عنوان URL أيضًا.
بوم
قضية أخرى التي تأتي في كثير من الأحيان هي هذه الفكرة التي تحصل عليها،
ما سنسميه، شخصيات غريبة.
واحد من الأسباب رقم واحد
لهذا يحدث هو المفضلة القديمة، نسخ ولصق.
كلما أعطيك رمز وكنت تبحث في ذلك من خلال
بويربوانت، والمشكلة هي عند نسخها ولصقها، والكثير من الشخصيات لا تترجم
بالضبط الطريقة التي كنت تأمل لهم، وتحصل على ما نسميه أحرف غريبة.
الجاني رقم واحد هو الاقتباسات.
لذلك كلما كنت تكتب ولديك نوع من الأشياء الغريبة التي لا
تتوقعها، عد إلى الداخل وحاول كتابة التعليمات البرمجية باليد.
لذلك لقد أظهرت لك كيفية إنشاء ملف وتحريره في Sublime.
ولكن أريد أن أتأكد من أن الجميع لديه فرصة لمعرفة
كيف يمكنني إنشاء ملفات باستخدام المحررين الذين لديهم على جهاز الكمبيوتر الخاص بهم.
لذلك أنا أيضا سوف تظهر لك مثال في تكستديت وأيضا في المفكرة.
آمل حقا عندما تشاهد هذه الأمثلة، سيكون لديك جهاز الكمبيوتر الخاص بك،
وسوف تكتب جنبا إلى جنب معي.
تفضل وقفة، أوقف الأمور، لا تمضي قدما في الفيديو حتى تشعر
بالثقة أنك في النقطة التي وصلت إلى نفسي.
مرحباً بالجميع
الآن نحن ستعمل المضي قدما وجعل ملف مع تكستديت.
وإذا أردت أن أكون شريرًا، فسأذهب
وأظهر لك مثالًا سريعًا وبسيطًا جدًا لصنع ملف في TextEdit.
ولكن بدلا من ذلك، سأكون صادقا جدا معك واعترف أن الأمر استغرق مني حوالي
15 أو 20 دقيقة لمعرفة كيفية جعل ملف بسيط حقا في TextEdit.
لذلك أولا، اسمحوا لي أن أريكم ما الخطأ الذي فعلته.
حَسَناً؟
أنا ستعمل المضي قدما ولصق في بلدي التعليمات البرمجية لصفحتي بسيطة جدا.
حسناً، دعنا نتخلص من هذا
ها نحن ذا لقد حصلنا للتو على رأسنا ومحتوياتنا
لذلك، يمكنك كتابة هذا في ونحن على طول، أو يمكنك الانتظار.
لذلك حان الوقت بالنسبة لي لحفظ الملف.
وما أحتاج إلى القيام به هو أنني بحاجة للتأكد من أنني حفظ في المجلد المناسب
مع اسم الملف.
لذلك أنا ذاهب للمضي قدما واستدعاء هذا FirstPage
وأنا ذاهب للذهاب إلى أسفل هنا وأريد أن أتأكد من أن حفظ هذا كصفحة ويب.
لذلك واحد من الخيارات هو .html، لذلك أنا ذاهب إلى النقر على هذا.
وأنا أعلم أن بلدي firstpage.html،
انها في المجلد الذي أريد وأنا حقا أشعر أننا يجب أن تكون جيدة للذهاب.
لذلك أنا ذاهب إلى المضي قدما وحفظ ذلك.
الآن، سأذهب إلى هنا إلى مجلد صفحات الويب الخاص بي، أفتحه.
وسيفتح في Chrome.
لذلك، دعونا نرى كيف تسير الأمور.
ليس هذا ما كنت آمل عندما كنا أول تسجيل هذا الجزء،
واستغرق مني وقتا طويلا حقا لمعرفة ما كان يجري.
أول شيء ذهبت للتحقق، اسمحوا لي أن أغلق هذا،
هو أريد أن أتأكد من أن ملحق الملف الخاص بي كان بالفعل .html.
وكان، لم يكن هناك. txt أو. rtf بعد ذلك.
الشيء التالي الذي ذهبت إليه
وفحصته هو أن جميع اقتباسات بلدي كانت تسير في الطريق الصحيح.
لذلك دعونا نمضي قدما ونضع هذه في، لأنه إذا كنت تتذكر،
أنا أقول لكم دائما أن النسخة واللصق يمكن أن تعطيك أحيانا اقتباسات سيئة.
حتى نتمكن من العودة مرة أخرى.
ما زال لا حظ
إذا كنت ستستخدم TextEdit، فستحتاج بالفعل إلى الدخول
وإجراء بعض التغييرات على برنامج TextEdit.
لا علاقة له بما تكتبه
له علاقة ببرنامج TextEdit.
لذا أنا سَأَمْضي قُدماً، نسخ هذا فقط في حالة فَقدتُه، وأَنْظرُ خارج.
وسأذهب إلى TextEdit، حدد التفضيلات،
ويمكنك أن ترى أن لدينا خيارين.
مستندات جديدة، وفتح وحفظ.
لذا واحدة من أول الأشياء التي سأقولها هي مهلا،
كلما حصلت على وثيقة جديدة، أود أن تكون في نص عادي.
لا رتف، أو نص غني، ولكن نص عادي.
الشيء الثاني الذي تريد القيام به هو الذهاب إلى هنا لفتح.
انظر عرض ملفات هتمل هو رمز هتمل؟
نحن ذاهبون للمضي قدما وانقر على ذلك.
ثم أخيرا أهم شيء هو عند حفظ الملفات الخاصة بك،
ونحن نريد لحفظها كما utf8.
لذلك أنا ذاهب إلى وقفة هنا لمدة ثانية،
فقط ثانية، في حين تنظر إلى القائمة TextEdit الخاصة بك.
تريد التأكد من أن لديك هذه المربعات محددة
وقمت بتغييرها إلى unicode، utf8.
حسناً؟
إذا كنت قد أفسدت الأمور، فانتقل لاستعادة جميع الإعدادات الافتراضية وحاول مرة أخرى.
سأغلق هذا
أنا ستعمل المضي قدما والقيام نيو، لصق رمز بلدي في.
أوه، هذا صغير جدا بالنسبة لك، ولكن لا بأس.
قم بملف > حفظ.
ودعونا نسميها FirstPage2.html.
يمكنك أن ترى على الفور تقول، هل تريد استخدام ملحق HTML أو
النص النقطي؟
وأنا ستعمل اقول ذلك، استخدم HTML.
قبل أن أنقر على هذا على الرغم من أنني أريد أن أشير
إلى أنه هنا، فإنه يظهر أنه سيتم حفظ كما unicode utf.8.
يمكنني التخلص من هذا التحذير، إذا كنت أرغب في ذلك، عن طريق إلغاء النقر على هذا،
إذا لم يتم توفير ملحق، استخدم.txt.
لذلك نحن ستعمل استخدام أتش تي أم أل.
دعونا نذهب إلى هنا، دعونا نعبر أصابعنا، دعونا نأمل في الأفضل.
والآن لدي صفحة ناجحة.
لذلك إذا كنت ستستخدم TextEdit، فليس هناك الكثير مما عليك القيام به،
باستثناء المرة الأولى التي تقوم بإعداده.
تأكد من الذهاب إلى التفضيلات.
من هناك يمكنني الآن الدخول، إجراء تغييرات، فعلنا ذلك.
حفظ، وتحديث.
لذا نأمل الآن أن تتمكن من حفظ ملف وتحريره بنجاح.
حسنًا، لنفترض أنك تستخدم جهاز كمبيوتر لإنشاء ملفاتك.
ما تريد القيام به هو أنك ربما تريد استخدام Notepad في البداية
لأنها النسخة المجانية من المحرر الموجود بالفعل على جهازك.
أول شيء فعلته،
هو أنني قمت بعمل مجلد على سطح المكتب حيث يمكنني الاحتفاظ بملفاتي.
أعلم أنه صغير، ربما لا يمكنك رؤيته، لكنه يسمى صفحات الويب.
إذا كنت لا تعرف كيفية إنشاء مجلد، فقط حتى
تعرف، يمكنك النقر بزر الماوس الأيمن على سطح المكتب، انتقل إلى جديد وإنشاء مجلد.
بمجرد إنشاء المجلد حيث تريد حفظ الملفات الخاصة بك، وأنا،
الحق قبالة الخفافيش، والذهاب إلى المضي قدما ويقول ملف> حفظ،
وأنا ذاهب إلى تسمية هذا firstpage.html.
من المهم جدًا أن تقوم بتضمين.html.
إذا لم تقم بتضمين ذلك،
فسيعتقد الكمبيوتر أنك تعمل فقط على أي نوع قديم آخر من الملفات.
لذا سأنزل إلى هنا وأغيّرها من وثائق نصية إلى جميع الملفات.
المضي قدما ووفر.
عفوا، انها موجودة بالفعل، ولكن سأقول حسنا.
الآن، حان الوقت بالنسبة لي لوضع بعض المحتوى.
أنا ستعمل الغش قليلا هنا ومجرد نسخ ولصق في المحتوى الخاص بي،
على الرغم من أنك ستعمل إلى كتابته شيئا فشيئا.
لذلك مرة أخرى، لدي نوع المستند الخاص بي، لغة HTML الخاصة بي تساوي الإنجليزية،
تساوي حرف التعريف UTF-8، عنواني والمحتوى الخاص بي.
فقط لأكون آمنة، أنا ستعمل المضي قدما في هنا ووضع اقتباسات بلدي مرة أخرى في.
لأن الاقتباسات تجعلني دائمًا متوترة عندما أقوم بنسخها ولصقها، ربما أضع
نوعًا من الشخصيات التي لن يتعرف عليها محرري.
الآن بعد أن أنا سعيد جدا وتأكد من أنني قد حصلت على الأشياء التي أريد في
ملفي، وأنا ذاهب إلى المضي قدما حفظه مرة أخرى،
انتقل إلى المجلد الخاص بي، وانقر على FirstPage.
وها نحن ذا
حتى الآن، في كل مرة كنت ذاهب لتغيير الملف الخاص بك يمكنك فقط إبقاء
كلا النوافذ مفتوحة إذا كان لديك الغرفة.
قم بتغييراتك (
جوب)، لدي ملف
حفظ.
وأعد التحميل
أحسنت صنعاً
لقد قمت بإنشاء ملف باستخدام «المفكرة».