يمكن أن يكون بناء موقع ويب من الألف إلى الياء مجزية. ومع ذلك ، يمكن أن يبدو تعلم إنشاء المرء شاقة في البداية. ستحتاج إلى معرفة HTML و CSS و JavaScript. يجب أن يكون لديك أيضًا بعض المعرفة بتصميم الواجهة لإنشاء تنقل أسهل لموقعك.
يفترض الكثير من الناس أن تعلم هذه المهارات سيتطلب قراءة رمز مكثفة ، أو مشاهدة البرامج التعليمية الفنية على YouTube ، أو أخذ دورات حول كل موضوع. كل طرق التعلم هذه فعالة ، لكن الكثير من الناس ، بمن فيهم أنا ، يجدون أنه من الصعب التعامل معهم. ويرجع ذلك إلى عدم وجود تدريب عملي مع هذه الأساليب.
وهو ما يقودني إلى اقتراح طريقة فريدة للتعلم يمكن أن تجعلها أكثر تفاعلية ، “gaming”. ممارسة الألعاب لممارسة مواضيع مختلفة ، مثل التصميم والبرمجة ، يمكن أن تساعد في الحفظ. يمكن أن يعزز الاستعداد أيضًا عند تطبيق معرفتك على سيناريوهات العالم الحقيقي. لهذا السبب أستكشف خمس مباريات قد تساعدك على معرفة المهارات اللازمة لبناء مواقع الويب.
5
اذهب في مغامرات مع Codédex!
أحد الأشياء الأولى التي ستحتاج إلى تعلمها لإنشاء مواقع الويب هي لغة البرمجة ، HTML ، والتي تعني “لغة ترميز النص التشعبي”. تشكل هذه اللغة الطريقة التي يتم بها وضع النص والصور والوسائط الأخرى رقميًا. عادةً ما يتم تقديم HTML بمساعدة CSS و JavaScript ، والتي سأغطيها لاحقًا في هذه المقالة.
بالرغم من Codédex يغطي العديد من اللغات ، إنها واحدة من الموارد القليلة التي تعلم برمجة HTML في شكل لعبة. في هذا البرنامج ، ستلعب ألعابًا مختلفة تسمى “أسئلة” لـ EXP. لقد جعلت المهام تكتب رمزًا على برنامج نصي في وسط الشاشة ، مع وجود ضجة لوصف مفهوم التمرين على يسار الكود. على اليمين عبارة عن محطة ستعرض نتيجة البحث ، وهو إخراج الكود الذي كتبته. مع كل مسعى ، يمكنك إكماله بنجاح ، فكلما زاد عدد الأجزاء التي يمكن استخدامها لإلغاء تأمين أسئلة أكثر تقدماً لمفاهيم HTML الأكثر تعقيدًا.
لقد وجدت أن تصميم هذه اللعبة يدعو إلى العناصر الثلاثة من “التفسير” و “البرنامج النصي” و “الإخراج” كلها على نفس الشاشة. أنا أستمتع أيضًا بنهج الاستعداد للتعلم ، حيث يمكنك الحصول على EXP في وتيرتك الخاصة دون أي “عقوبات” تُعطى لشخصيتك لعدم كتابة الرمز بشكل صحيح. تمنح هذه الطبيعة المتسامح إلى حد ما Codédex شعوراً “مريحًا” بها ، حيث يمكنك أن تأخذ وقتك في تعلم الموضوعات داخلها.
4
يمنحك DesignerCize تحديات تصميم ممتعة
“التصميم” هو واحد من أهم الاعتبارات التي تحصل عليها أثناء بناء موقع ويب. كل موقع ويب شهير له مظهر فريد من نوعه. على سبيل المثال ، من السهل العثور على معلومات في محرك البحث من تخطيط النص الأساسي لنتائجها ، حيث تكون الرؤوس أكبر من نص وصف إدخالاتها. الطريقة التي تصمم بها ما يراه المستخدمون أكثر أهمية عندما تريد المزيد من الاحتفاظ بالمستخدم على موقعك.
التصميم ليست لعبة عبر الإنترنت تتفاعل معها مثل الإدخالات الأخرى في هذه القائمة ؛ ومع ذلك ، فقد تم تصميمه ليكون قالبًا لإنشاء ألعاب/تمارين عملية من. يولد الموقع تحديات تتبع المواصفات ، مثل الصعوبة والوقت ، لإثباتك إلى تصميم صفحات الويب على مواضيع محددة لمساعدة التركيبة السكانية المختلفة. يتم إنشاء “التصميم” و “ل” و “لمساعدة” الإدخالات بشكل عشوائي ، مما يجعل من القابل للتنبؤ بمعرفة ما ستحصل عليه بعد ذلك.
يمكن تطبيق التصميم البسيط للتصميم في العديد من المواقف. يمكن أن يكون الممارسة الذاتية لمهاراتك الخاصة ، أو التحدي بين الأصدقاء ، أو حتى التحدي الذي يجب تقديمه للمرشحين المحتملين للتوظيف. الطبيعة المفتوحة لاستخدامها تجعلني أوصي بشدة بهذا التطبيق لكل من المبتدئين والخبراء في تصميم موقع الويب.
3
تعرف على كيفية عدم تصميم موقع ويب مع مستخدم inyerface
واجهة المستخدم (UI) معقدة ، لكنها تبدو بسيطة بشكل مخادع. واجهة المستخدم هي تصميم كيفية تفاعل المستخدمين مع تطبيق ما. مكان النقر ، ما هو موجود للنظر فيه ، وكيف تتحرك الأشياء ، ويتم تغطية العديد من الأسئلة القائمة على الإجراءات في هذا المجال. في رأيي ، هذا هو أصعب شيء يجب تعلمه في تطوير الويب بسبب كيفية عدم التوقع من المستخدمين.
على الرغم من عدم القدرة على التنبؤ ، هناك العديد من الأشياء التي يجب عليك تجنبها في تصميم واجهة المستخدم التي يمكن أن تزعج المستخدمين. يتم عرض العديد من الأمثلة على هذه العناصر في اللعبة inyerface المستخدم. تظهر هذه التجربة الرقمية معطلة في البداية ، ولكن أثناء التنقل عبر موقع الويب ، ستتعلم أن “الأخطاء” هي حسب التصميم. الأزرار القابلة للنقر التي لا تفعل أي شيء ، والمنبثقة العشوائية التي تأخذك بعيدا عن المهمة التي تقوم بها ، والقوائم المنسدلة مع التنقل الرهيب ليست سوى أمثلة قليلة على التحديات التي يواجهها موقع الويب بالنسبة لك.
بقدر ما يؤلمني هذا الموقع ، أوصي بشدة بتجربته مرة واحدة على الأقل لفهم ماذا لا للقيام بذلك أثناء تطوير واجهة المستخدم لموقعك. يجب تذكر الأشياء التي تكافحها في هذه اللعبة عند تنفيذ ميزات مماثلة لمواقع الويب الخاصة بك. من خلال الإحباط ، يعلمك User Inyerface لماذا سيجعل واجهة المستخدم الوظيفية موقع الويب الخاص بك أكثر متعة للمستخدمين.
2
صياغة طلاقة JavaScript الخاصة بك مع ملحمة المصعد
بالعودة إلى لغات البرمجة المستخدمة في تطوير الويب ، دعنا نتحدث عن ماهية JavaScript (JS). يتم استخدام JS لتطوير سلوك المحتوى الديناميكي على مواقع الويب مثل نقل النص ، ومقاطع الفيديو ، وما إلى ذلك ، نظرًا لجملة معقدة ومقدار المعلومات المطلوبة دون مساعدة عبر الإنترنت ، تعتبر هذه اللغة هي الأكثر صعوبة في معرفة ثلاثية تطوير الويب.
إن التحدي الذي يواجهه “gamify” هذه اللغة التي يصعب التعلم ملحمة المصعد. تدعوك لعبتهم إلى إيجاد حلول للأسئلة التي تتبع الهيكل العام لـ: “نقل X الأشخاص في X Seconds أو أقل” في محاكاة المصعد البصري. الطريقة الوحيدة لحل هذه الأسئلة هي كتابة رمز JS. هذا لا يتطلب بعض المعرفة بناء الجملة للعب. لا تخف ، لأن اللعبة توفر لك رمز البرنامج الأساسي وواجهة برمجة التطبيقات التي توفر أوامر مفيدة للنظر في استخدامها.
أكثر ما يعجبني حول ملحمة المصعد هو المجتمع الذي تشكل من أجله. في منتديات اللعبة ، يشارك المستخدمون الآخرون حلولهم للأسئلة ومحاولة إيجاد الطريقة الأكثر كفاءة لإكمال مطالباتهم. أجد نفسي أكثر متعة في رؤية ما تمكن الآخرون من اكتشافه في هذه اللعبة أكثر من برمجة الحلول الخاصة بي.
متعلق ب
6 قصاصات JavaScript لتلميع موقعك
انتصارات سريعة وسهلة لأي موقع تقوم ببناءه.
1
بناء قصة باستخدام رمز في ترميز الخيال
لإنهاء هذا المقال ، أردت إلقاء نظرة على CSS ، والتي تعني “أوراق أسلوب متتالية”. يتم استخدام CSS لتصميم ظهور رمز HTML على صفحات الويب. يمكّنك ذلك من جعلها تبدو أكثر نظافة وتخصيص مظهر النص على صفحات الويب. من السهل التعلم ويعتبر حجر الزاوية في تطوير شبكة الويب العالمية.
للمساعدة في تعلم CSS ، أوصي بشدة ببعض ألعاب المغامرة من ترميز الخيال. في ألعاب الأدوار الخاصة بهم (RPG) ، تكتب رمز CSS لنقل حزبك إلى التحرك عبر خريطة البلاط ومهاجمة الأعداء. في مرونة مربع المغامرة، أنت تلعب دور الملك آرثر الذي يقاتل ضد الثلاثي من الإخوة الشر. بينما في لعبة CSS الأخرى ، هجوم الشبكة، تذهب في مسعى نبيل لإنقاذ العالم. كلتا المباراتين قد استخدمت “قوى شبكة CSS” لهزيمة الأعداء وإنجاز المهام.
هذه الألعاب المغامرة اللطيفة هي وسيلة ممتعة لتعلم CSS من خلال نوع آر بي جي. يأتي نهجه السهل من جمهور الموقع المقصود من المتعلمين الأصغر سناً ، لكنني أعتقد أنه لا يزال من الممكن أن يلعب كبار السن من كبار السن من كبار السن الذين يرغبون في تعلم كيفية تطوير مواقع الويب بطريقة حنين.
بناء مواقع الويب مفيدة للغاية للنمو الشخصي والمهني. ومع ذلك ، قد يكون تطوير هذه المهارات أمرًا صعبًا ، خاصة بالنسبة لأولئك الذين ليس لديهم خلفية في البرمجة. لكن نأمل أن تجعل تجربة هذه الألعاب الخمسة عملية التعلم أسهل وأكثر متعة!