این مقاله شما را از طریق ایجاد متوالی یک آزمون تمرینی راهنمایی می کند. اگر نمی‌خواهید در مورد برنامه‌نویسی مطالعه کنید، مستقیماً به بخش دستورالعمل‌های نحوه تغییر تست بروید و آن را دانلود کنید.

ایجاد یک تست ساده

توسعه فناوری اطلاعاتو آموزش از راه دور منجر به نیاز به ایجاد آزمون های آموزش الکترونیکی می شود. بسیاری از معلمان و مربیان با چالش ایجاد آزمون های برنامه درسی مواجه هستند. مشکل اصلی در حل این مشکل این است که ایجاد چنین مواد الکترونیکی نیاز به دانش HTML و جاوا اسکریپت دارد.

چگونه این مسئله را می توان حل کرد. معلم می تواند استفاده کند سازنده آنلاینتست کنید یا سعی کنید خودتان یک تست بر اساس استفاده از یک الگو ایجاد کنید. این دومین گزینه ای است که در این مقاله بررسی خواهیم کرد.

ما یک الگوی ساده ایجاد می کنیم که می تواند در چندین فایل ضرب شود و هر کدام را به یک تست جداگانه تبدیل کنیم.

فرض کنید یک آزمون ریاضی ساده دارید که از چندین مسئله ریاضی تشکیل شده است:

1. 4*12 +7 =
2. 7-8*2 =
3. 34*2 + 17 =

نمونه ها باید روی صفحه نمایش داده شوند و به دانش آموز فرصت داده شود تا پاسخ را وارد کند، سپس پاسخ را با پاسخ صحیح مقایسه کرده و درصد تکالیف را به دانش آموز نشان دهد که به درستی انجام شده است.

ابتدا بیایید کد HTML را برای وظایف ایجاد کنیم:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

بررسی

در مقابل هر تکلیف آزمون آزمایشی یک فیلد برای وارد کردن متن قرار داده ایم. اطلاعات بیشتر در مورد فیلدهای مختلف در HTML را در مقاله اینجا بخوانید. در انتها دکمه ای اضافه کردیم که با کلیک بر روی آن باید بررسی شود که دانش آموز در متن تایپ کرده است.

به شناسه های “z_1”، “z_2” و “z_3” توجه کنید. اگر می خواهید وظیفه 4 را اضافه کنید، فقط باید آخرین خط را با کار کپی کنید، شرط را جایگزین کنید و "z_4" را در قسمت شناسه بنویسید.

در خط آخر نتیجه کارها را پس از بررسی نشان خواهیم داد.

در مرحله بعد، باید کد جاوا اسکریپت ایجاد کنید که آنچه دانش آموز تایپ کرده با پاسخ های صحیح مقایسه می کند و درصد وظایف تکمیل شده را محاسبه می کند.

pr_otv_zadachi_1 = 55;
pr_otv_zadachi_2 = -9;
pr_otv_zadachi_3 = 85;

سه خط اول شامل پاسخ های صحیح خواهد بود. مسئله چهارم و بعدی با کپی کردن سطر آخر با پاسخ و جایگزینی عدد 4 به جای 3 و نشان دادن پاسخ صحیح به آزمون اضافه می شود.

اکنون باید بدانید که دانش آموز چه چیزی را در پاسخ ها وارد کرده است. برای این کار از کد زیر استفاده می کنیم.

otv_uch_1 = document.getElementById ('z_1'). value;
otv_uch_2 = document.getElementById ('z_2'). value;
otv_uch_3 = document.getElementById ('z_3'). value;

تکلیف چهارم معنی خواهد داشت خط جدیدبا جایگزینی اعداد 3 به 4.

توپ = 0;
توپ + = 1;
}
توپ + = 1;
}
توپ + = 1;
}

برای اضافه کردن کار 4، باید سه خط آخر را کپی کرده و اعداد موجود در آنها را با 4 جایگزین کنید.

vsego_zadach = 3

در این خط نشان می دهیم که در آزمون نمونه چند مشکل وجود دارد. اگر بیشتر اضافه کردید، باید این رقم را اصلاح کنید.

سپس باید پاسخ را روی صفحه نمایش دهید.

document.getElementById ('rezultat'). innerHTML = "کارها به درستی انجام شده اند" + procent_vip + "%.";

همین. حالا بیایید همه کدها را در یک صفحه HTML ترکیب کنیم.

تکالیف آزمون را کامل کنید:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

بررسی

این همه کد برای آزمون آموزشی با پاسخ های HTML است. در ادامه می توانید این فایل را دانلود کنید. استفاده کنید این راهنمابه منظور افزایش یا کاهش تعداد کارها.

دانلود قالب تست. گزینه ساده

دانلود فایل: (دانلود: 593)

در زیر می توانید نسخه توسعه یافته آزمون را دانلود کنید.

جداسازی سوالات آزمون. اضافه کردن دکمه سوال بعدی

باید مطمئن شویم که هر بار فقط یک سوال نمایش داده می شود. و برای تغییر به سوال بعدی، باید دکمه "سوال بعدی" را فشار می دادید.

برای این کار، هر قسمت پرسش و پاسخ را برای جداسازی اضافه کنید بلوک های div... و برای سوال دوم و سوم، پارامتر "display: none" را اضافه کنید تا آنها را پنهان کنید. برای اول، پارامتر "display: block" را مشخص می کنیم. و برای هر بلوک شماره سوالات را امضا می کنیم.

ما همچنین کد دکمه بعدی سوال را اضافه می کنیم.

سوال بعدی

تابع sled_vopr () (اگر (document.getElementById ("vopros2"). Style.display == "block") (document.getElementById ("vopros2"). Style.display = "هیچ"؛ document.getElementById ("vopros3" ) .style.display = "block"؛ document.getElementById ("kn_sl"). style.display = "هیچ"؛ document.getElementById ("kn_pr"). style.display = "block";) if (document.getElementById ("vopros1"). style.display == "block") (document.getElementById ("vopros1"). style.display = "هیچ"؛ document.getElementById ("vopros2"). style.display = "block"; ))

در شرط اول، بررسی می کنیم که آیا سوال دوم نمایش داده می شود یا خیر، اگر چنین است، باید آن را مخفی کنیم و سوال سوم را نمایش دهیم، همچنین باید دکمه جابجایی بین سوالات آزمون را مخفی کنیم و دکمه "بررسی" را نشان دهیم. این سوال آخرین سوال است در شرط دوم بررسی می کنیم که آیا سوال تست اول نمایش داده شده است یا خیر. اگر چنین است، پس باید آن را پنهان کنید و سوال دوم را نشان دهید.

در نتیجه، آزمایش ما به این صورت است:

اما در این صورت اضافه کردن سوالات جدید به آزمون دشوارتر خواهد بود.

انتقال سوالات و پاسخ های آزمون به یک فایل جاوا اسکریپت جداگانه

برای سهولت در جایگزینی سؤالات، باید آنها و پاسخ ها را منتقل کنید فایل جداگانه... سپس لازم نیست این داده ها را در فایل اصلی جستجو کنید. اگر برنامه نویس نیستید، این جستجو دشوار خواهد بود. بنابراین ما ایجاد می کنیم فایل جدید data.js و آن را به main وصل کنید فایل htmlآزمون ما در مرحله بعد چندین متغیر با سوال و چندین متغیر با پاسخ به آن اضافه می کنیم (پاسخ ها را از فایل اصلی منتقل می کنیم).

Vopros_1 = "4 * 12 + 7 ="; vopros_2 = "7-8 * 2 ="; vopros_3 = "34 * 2 + 17 ="; pr_otv_zadachi_1 = 55; pr_otv_zadachi_2 = -9; pr_otv_zadachi_3 = 85;

و کد جاوا اسکریپت را برای تنظیم متن سوالات از متغیرها پس از بارگذاری صفحه تجویز می کنیم.

Document.addEventListener ("DOMContentLoaded"، تابع () (document.getElementById ("v_1"). InnerHTML = vopros_1؛ document.getElementById ("v_2"). InnerHTML = vopros_2; document.getElementById). ;));

همین. حال برای جایگزینی متن سوالات تستی و پاسخ آن فقط باید فایل data.js را ویرایش کنید. بیایید نام آزمون را به همین ترتیب اضافه کنیم:

تست Var = "ضرب";

رمزگذاری پاسخ های آزمایشی

یک اشکال در آزمون برنامه درسی وجود دارد که ما گرفتیم. اگر دانش آموز فایل "data.js" را باز کند، نه تنها متن سوالات، بلکه پاسخ ها را نیز می بیند. بنابراین باید پاسخ ها را رمزگذاری کنیم تا دانش آموز نتواند آنها را تشخیص دهد.

برای این کار از تابع kodirov استفاده می کنیم. به نظر می رسد این است:

تابع kodirov (stroka) (var b64ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg" + "hijklmnopqrstuvwxyz0123456789 + / ="; var b64enc = ""; var ch1, ch2, ch; > 2; en2 = ((چ1 و 3)<< 4) | (ch2 >> << 2) | (ch3 >>

به همین ترتیب، سؤال دوم و سوم را رمزگذاری می کنیم. پس از رمزگذاری، محتوای فایل data.js به شکل زیر است:

Var vopros_1 = "4 * 12 + 7 ="; var vopros_2 = "7-8 * 2 ="; var vopros_3 = "34 * 2 + 17 ="; var pr_otv_zadachi_1 = "NTU ="; var pr_otv_zadachi_2 = "LTk ="; var pr_otv_zadachi_3 = "ODU =";

همانطور که می بینید، پاسخ ها رمزگذاری شده اند و مجموعه ای از کاراکترها را نشان می دهند.

در فایل اصلی، باید قبل از بررسی، آنچه دانش آموز نوشته است را رمزگذاری کنید.

Otv_uch_1 = document.getElementById ("z_1"). otv_uch_1 = kodirov (otv_uch_1); otv_uch_2 = document.getElementById ("z_2"). value; otv_uch_2 = kodirov (otv_uch_2); otv_uch_3 = document.getElementById ("z_3"). value; otv_uch_3 = kodirov (otv_uch_3);

در نتیجه برنامه پاسخ های رمزگذاری شده را بررسی می کند و دانش آموز نمی تواند پاسخ سوالات آزمون آموزشی را پیدا کند.

نمایش نتیجه پاسخ به هر سوال

خروجی های آزمایشی ما نتیجه کلیدر درصد ما آن را طوری انجام می دهیم که نتایج برای هر سؤال نیز جداگانه نمایش داده شود. بنابراین، امکان انجام کارهای بیشتری وجود خواهد داشت تجزیه و تحلیل دقیقدانش آموزانی که در آزمون شرکت می کنند

برای انجام این کار، باید عملکرد بررسی پاسخ های دانش آموزان را تغییر دهید.

تابع proverit () (otv_uch_1 = document.getElementById ("z_1"). مقدار؛ otv_ucgenika_1 = otv_uch_1؛ otv_uch_1 = kodirov (otv_uch_1)؛ otv_uch_2 = document.getdotElement zugen2 = otv_uch_3، documenty ارزش (otv_uch_2) ; otv_ucgenika_3 = otv_uch_3; otv_uch_3 = kodirov (otv_uch_3); ball = 0؛ if (otv_uch_1 pr.) شما درست پاسخ دادید. + otv_ucgenika_1;) if (otv_uch_2 == pr_otv_zadachi_2) (توپ + = 1; otveti + ="
سوال 2. شما درست پاسخ دادید. پاسخ شما: "+ otv_ucgenika_2;) other (otveti + ="
سوال 2. شما اشتباه پاسخ دادید. پاسخ شما: "+ otv_ucgenika_2;) اگر (otv_uch_3 == pr_otv_zadachi_3) (توپ + = 1; otveti + ="
سوال 3. شما درست پاسخ دادید. پاسخ شما: "+ otv_ucgenika_3;) else (otveti + ="
سوال 3. شما اشتباه پاسخ دادید. پاسخ شما: "+ otv_ucgenika_3;) vsego_zadach = 3; procent_vip = ball / vsego_zadach * 100; document.getElementById (" rezultat "). InnerHTML =" مشاغل به درستی در "+ procent_vip +" تکمیل شدند.

"+ otveti;)

در نتیجه تغییر این عملکرد، نشان داده می شود که آیا دانش آموز پاسخ صحیح داده است یا خیر و همچنین پاسخ او روی صفحه نمایش داده می شود. معلم می تواند پاسخ دانش آموز را با پاسخ صحیح مقایسه کند و همچنین کار آموزشی را تحلیل کند.

بنابراین، ما یک آزمون آموزشی کامل دریافت کردیم که می توانید از آن استفاده کنید فعالیت های یادگیری... برای راحتی بیشتر، فایل data.js را به آن منتقل کردم پوشه جداگانه... می توانید فایل data.js را در هر کدام ویرایش کنید ویرایشگر متنبه عنوان مثال دفترچه یادداشت.

پس از آخرین تغییرات، افزایش فونت ها، افزودن رنگ به پاسخ ها، نسخه اصلی زیر را دریافت می کنیم کد htmlفایل:

نتیجه اجرای تست با خطا در کار سوم در شکل زیر نشان داده شده است. من همچنین یک تابع گرد کردن "toFixed ()" اضافه کردم.

در زیر می توانید این برنامه را دانلود کنید.

دانلود قالب تست

دانلود فایل: (دانلود: 93)
دانلود فایل: (دانلود: 102)
دانلود فایل: (دانلود: 120)

شما می توانید پاسخ های آزمون را در وب سایت ما رمزگذاری کنید.

افزودن تصاویر به سوالات تستی

طبیعتاً برای بسیاری از سؤالات، هنگام ایجاد یک آزمون، باید تصاویر را اضافه کنید. اغلب لازم است به جای متن سوال یک تصویر اضافه شود. اجرا می کنیم این فرصتهمچنین از طریق data.js. من بزرگترین آزمون 15 سوالی را ویرایش خواهم کرد. بنابراین، برای هر سوال یک متغیر جداگانه اضافه می کنم و در آن نشان می دهم: اگر تصویری وجود دارد، - "بله"، در غیر این صورت - "نه".

Var vopros_ris_1 = "بله"; var vopros_ris_2 = "نه"; var vopros_ris_3 = "نه"; var vopros_ris_4 = "بله"; var vopros_ris_5 = "نه"; var vopros_ris_6 = "نه"; var vopros_ris_7 = "بله"; var vopros_ris_8 = "نه"; var vopros_ris_9 = "نه"; var vopros_ris_10 = "نه"; var vopros_ris_11 = "نه"; var vopros_ris_12 = "نه"; var vopros_ris_13 = "نه"; var vopros_ris_14 = "نه"; var vopros_ris_15 = "بله";

توجه شما را به این نکته جلب می کنم که متن سوال را در صورت وجود تصویر کاملا حذف کردم.

Var vopros_1 = ""; var vopros_2 = "7-8 * 2 ="; var vopros_3 = "34 * 2 + 17 ="; var vopros_4 = ""; var vopros_5 = "36 * 2 + 4 ="; var vopros_6 = "37 * 8 + 7 ="; var vopros_7 = ""; var vopros_8 = "39 * 12 + 19 ="; var vopros_9 = "40 * 2 + 16 ="; var vopros_10 = "41 * 4 + 3 ="; var vopros_11 = "42 * 8 - 7 ="; var vopros_12 = "43 * 6 - 5 ="; var vopros_13 = "4 * 62 - 6 ="; var vopros_14 = "45 * 9 - 9 ="; var vopros_15 = "";

اما می توانید هم تصویر و هم متن سوال اضافه کنید.

V در این مورداشاره کردم که سوالات شماره 1،4،7 و 15 دارای تصویر هستند. بنابراین من باید این تصاویر را به پوشه "داده" اضافه کنم. نام آنها باید (از جمله معنی دار) با شماره سوالات مطابقت داشته باشد: "01.jpg"، "04.jpg"، "07.jpg" و "15.jpg".

V کد برنامهدر فایل اصلی، شرایطی را اضافه کردم که متغیرها را بررسی می کند. اگر تصویری وجود داشته باشد، در سوال تستی آپلود می شود. نمونه ای از چنین کدهایی برای سوال اول: if (vopros_ris_1 == "بله") (vopros_1 = "

"+ vopros_1; document.getElementById (" v_1 "). innerHTML = vopros_1;) other (document.getElementById ("v_1"). innerHTML = vopros_1;)

دانلود فایل: (دانلود: 57)

سوالات آزمون را به ترتیب تصادفی مخلوط کنید

در شرایطی که آزمون توسط چند دانش آموز کلاس که به طور همزمان در کنار من نشسته اند انجام می شود، زمانی که برخی نگاه می کنند به آنچه که دیگران در کنار من نشسته اند، با مشکل مواجه می شوم. این اولین دلیل سردرگمی سوالات است. دومی فقط خلقت است تعداد زیادیانواع مشابه تست

این دستکاری ها تا حدودی برنامه را پیچیده می کند. این کار مستلزم ایجاد یک آرایه، قرار دادن تمام سؤالات، تصاویر و پاسخ ها در آن و سپس به هم زدن همه چیز به ترتیب تصادفی است.

در عین حال فایل "data.js" را ویرایش نکردم.
متغیر حاوی آرایه به این صورت است: voprosi = [,,,,,,,,,,,,,,];

Peremeshat_vse_voprosi (voprosi);

من یک متغیر جدید به فایل data.js اضافه می‌کنم، که در آن می‌توانم مشخص کنم که سؤالات به هم ریخته شوند یا نه ("بله" یا "خیر").

Var peremeshat_voprosi = "بله";

نمونه ای از خروجی یک سوال در یک فایل html:

Document.getElementById ("v_1") InnerHTML = voprosi;

شما می توانید آزمون با قابلیت زدن سوالات را از لینک زیر دانلود کنید.

از آنجایی که سوالات مختلط هستند، خروجی نه تنها پاسخ های دانش آموز، بلکه متن سوالات را نیز به نتیجه کار برنامه اضافه کردم. من همه اینها را در یک جدول ترکیب کردم.

دانلود قالب تست با تصاویر

دانلود فایل: (دانلود: 59)

طراحی بصری برنامه تست

تمام توابع اولیه به آزمون اضافه شده است. حال به سراغ طراحی برنامه آزمون آموزشی می رویم. برای کوتاه کردن زمان طراحی، استفاده می کنم کتابخانه رایگانبوت استرپ

کلاس های کتابخانه ای اضافه شد و تقریباً همه ویژگی ها را برای طراحی سؤالات آزمون و جدول خروجی نتیجه جایگزین کرد.
بنابراین، خود آزمون به این صورت است:

و جدول پاسخ به این شکل است:

توجه داشته باشید که من همچنین یک مقیاس با استفاده از کتابخانه بوت استرپ اضافه کرده ام تا درصد کارهای آزمایشی را به درستی انجام شده است.

بنابراین، آخرین نسخه(روی این لحظه) آزمونی که به صورت تصویری طراحی شده است را می توانید از لینک زیر دانلود کنید.

دانلود نسخه کاملقالب تست

دانلود فایل: (دانلود: 246)

شما می توانید پاسخ های آزمون را در وب سایت ما رمزگذاری کنید.

اکنون سایت برای تست دانش در مورد موضوعات زیر در دسترس است: Html, CSS, جاوا اسکریپت, PHP, SQL.

هر آزمون شامل 10سوالات در مورد یک موضوع خاص در هر سؤال، سعی کردم به متنوع ترین زمینه های کاربرد یک زبان خاص اشاره کنم تا سطح دانش شما را تا حد امکان با دقت بررسی کنم.

البته همه تست های رایگانو هر کسی می تواند از آنها عبور کند.

روش تست:

1. لینک را دنبال کنید " شروع به تست کنید"در آزمون مربوطه.
2. با انتخاب به سوالات مطرح شده پاسخ دهید تنهاگزینه صحیح
3. پس از اتمام تست خواهید دید امتیاز شما, تعداد اشتباهات، همچنین تجزیه و تحلیل هر سوالاز خمیر

توجه!شما نمی توانید به سوال قبلی برگردید، پس قبل از پاسخ دادن فکر کنید.

تست های موجود در حال حاضر

1. Html

   • کل آزمون قبولی: 67354 نفر
   • میانگین امتیاز: امتیاز 2.85 از 5نکته ها.

   تست پایه Html... شما باید اصول اولیه را بدانید تگ های HTMLو همچنین استفاده شایسته از آنها. همچنین درک ویژگی های استاندارد ضروری است. XHTML 1.1.

2. CSS

   • کل آزمون قبولی: 29039 نفر
   • میانگین امتیاز: امتیاز 3.38 از 5نکته ها.

   این آزمون دانش پایه را آزمایش می کند CSS... برای گذراندن موفقیت آمیز آزمون، باید انواع اصلی انتخابگرها (سینتکس آنها) را بشناسید، ویژگی های اصلی و آنها را بدانید. مقادیر ممکنو همچنین هدف از محبوب ترین شبه عناصر را بدانید.

3. جاوا اسکریپت

   • کل آزمون قبولی: 22972 نفر
   • میانگین امتیاز: امتیاز 3.3 از 5نکته ها.

   این آزمون دانش شما را از جاوا اسکریپت... سوالات آزمون حوزه های مختلف کاربردی را پوشش می دهد از این زبان... سوالات زیادی در مورد درک تفاوت های ظریف "کوچک" وجود دارد. برای بقیه، شما باید چیزهای اساسی را بدانید: کار با متغیرها، پایه توابع جاوا اسکریپت، اولویت های عملیات و غیره.

4. PHP

   • کل آزمون قبولی: 31651 نفر
   • میانگین امتیاز: امتیاز 3.03 از 5نکته ها.

   این آزمون دانش شما را از زبان پی اچ پی... شما ملزم به دانستن اصول اولیه هستید ساختارهای PHP، کار با متغیرها، جلسات، اجرای تغییر مسیر و سایر موارد استاندارد.
   جدی ترین درخواست:این آزمون شامل سوالات بسیاری از نوع: "خروجی اسکریپت چه خواهد شد؟" درخواست بزرگ، نیازی به کپی کردن و بررسی آن نیست. با خودت صادق باش.

5. SQL

   • کل آزمون قبولی: 17168 نفر
   • میانگین امتیاز: امتیاز 3.29 از 5نکته ها.

   این آزمون دانش شما را از زبان مورد آزمایش قرار می دهد پرس و جوهای SQL... سوالات فقط بیشترین تاثیر را دارند دانش عمومیاز این زبان، بدون هیچ تعمیق. شما باید ابتدایی ترین پرس و جوهای SQL را بشناسید و عاقلانه از آنها استفاده کنید.

ما جستجو کردیم، فایلی را که شما مشخص کردید جستجو کردیم، اما هرگز پیدا نکردیم. این می تواند در یکی از دو مورد باشد:

1. کار اشتباهی کردی
2. ما کار اشتباهی کردیم.

به طوری که دفعه بعد به آن نیفتید یک وضعیت مشابهلطفا گوش کنید سخنرانی کوتاه، توضیح می دهد که چگونه و چرا صفحه خطای 404 ظاهر می شود.

چگونه و چرا صفحه خطای 404 ظاهر می شود

البته شما اغلب از خود می پرسیدید که چرا هنگام تایپ یک آدرس صفحه یا کلیک بر روی یک پیوند خاص، چیزی کاملاً متفاوت از آنچه انتظار می رود ظاهر می شود، اما یک صفحه مرموز و غیرقابل درک حاوی اطلاعاتی است که ما مطلقاً به آن نیاز نداریم. ما نه تنها ناامید می شویم، زیرا به جای آنچه ما می خواهیم، ​​به ما "ساختگی" می دهند، بلکه معمولاً این صفحه با بنرهایی پوشانده می شود ، گویی فقط همه از آن بازدید می کنند.

بنابراین، یک صفحه خطای 404 در نتیجه شرایط زیر رخ می دهد. و از آنجایی که شما در حال خواندن این متن هستید، به این معنی است که شما در یکی از آنها هستید.

1. آدرس صفحه با خطا تایپ شده است

خوب، اشتباه، برای کسی اتفاق نمی افتد. با دقت نگاه کنید و آدرس را دوباره تایپ کنید. اگر مطمئن هستید که همه چیز را به درستی تایپ کرده اید، به نقطه بعدی بروید.

2. صفحه توسط مدیر سایت منتقل یا حذف شده است

یک صفحه وجود داشت، اما از بین رفت. شاید آن را حذف کردند، شاید نامش را تغییر دادند، شاید آن را منتقل کردند، یا شاید ... بله، هر چیزی می تواند. چون ادمین هر کاری دلش می خواهد در سایت انجام دهد. برای همین مدیر است! در این صورت، فقط می ماند که او را در گوشه ای تاریک بگیریم و مودبانه بگوییم: «چطور! صفحه کارها کجاست، برای آخرین بار می پرسم، صفحه، چون مال شما اینطور است، کجا می روید؟ دوباره سر جایش بگذار!" پس از آن، هر عاقلی که به عمق توهم و ناتوانی کامل خود پی می برد، از آدرس تغییر مسیر می دهد. صفحه قدیمیبه آدرس جدید و ما خوشحالیم، می توانیم آدرس معمول را دوباره تایپ کنیم، دیگر نگران درست بودن یا نبودن آن نباشیم.

3. توسعه دهنده آدرس لینک را اشتباه مشخص کرده است

بار دیگر تاریخ با زاویه ای تاریک تکرار می شود. فقط این بار توسعه دهنده ای را می گیریم که سایت را ساخته و روی آن پیوند ایجاد کرده است. و باز هم با لحنی مودبانه بازی با یک جسم سرد و تیز نزدیک قسمت های نرم بدنش از شما می خواهیم که همه کارها را درست انجام دهید. پس از چنین درخواست معصومانه ای نمی توان مقاومت کرد.

شاید پس از مطالعه، تصور کردید که در این صفحه صرفاً به خاطر تقصیر نویسنده این سایت هستید. من جرات دارم به شما اطمینان دهم که اینطور نیست. پاراگراف اول را بخوانید، همه چیز در آنجا نوشته شده است.

اگر می خواهید مهارت های توسعه خود را بهبود بخشید، راه بهتربه کمال - تمرین. در اینجا منابعی برای آزمایش دانش شما از HTML / CSS وجود دارد.

به همین دلیل است که پیدا کردن مهم است روش های مختلفتمرین کنید و نقاط قوت خود را شناسایی کنید و نقاط ضعف.
تجربه عملی به شما کمک می کند تا شکاف های موجود در دانش خود را به طور منطقی ارزیابی کنید و به طور مستمر مهارت های خود را بهبود بخشید. علاوه بر این، آزمایش دانش شما را مطمئن نگه می دارد که در صدر آخرین روندها در زمینه خود قرار دارید.

بنابراین، در اینجا ده راه برای شما وجود دارد که می توانید دانش خود را در مورد HTML و CSS آزمایش کنید و به یک توسعه دهنده وب حرفه ای تبدیل شوید.

پروژه خود را شروع کنید

متخصص بودن در تئوری عالی است، اما اگر ندانید چگونه دانش گسترده خود را در عمل به کار ببرید، بعید است که به ارتفاعات عالی برسید. به همین دلیل است که شروع یک پروژه - بهترین طرحاقدام برای شما در فرآیند توسعه، به عنوان مثال، وب سایت خود، می توانید پیشرفت را علامت گذاری کنید و دستیابی به اهداف خود را ارزیابی کنید.

رقابت کنید

بهترین راه برای آزمایش خود، شرکت در مسابقات برنامه نویسی واقعی، به عنوان مثال در جامعه است. CodeWars... به عنوان یک بازی، شما با دیگران رقابت می کنید مردم واقعیاز اشتباهات خود درس می گیرند اما تنها زمانی منطقی است که منصفانه بازی کنید.

به جامعه بپیوندید

اگر رقابت خیلی زیاد است انتخاب دشواربرای شما، به خصوص اگر کاملا مبتدی هستید، گزینه خوببرای آزمایش و یادگیری بیشتر به انجمن می پیوندد. در فرآیند ارتباط، شناسایی نقاط قوت و ضعف خود و کار بر روی آنها بسیار آسان تر است.

در عین حال، جامعه مجموعه ای از افراد با استعداد است که به شما فرصت و انگیزه ای برای پیشرفت می دهند. با شرکت در بحث ها، می توانید با خیال راحت سوال بپرسید و اطلاعات مورد نیاز خود را دریافت کنید.

در جعبه شنی ورزش کنید

این ابزار کد شما را اجرا می کند و به شما اجازه می دهد تا نتیجه اجرای آن را ببینید. پروژه ها در یک مرورگر اجرا می شوند و می توانند در مسابقات و مسابقات شرکت کنند، که نشان می دهد چقدر انتظارات بالایی می توانند برآورده کنند.

این منبع شامل بسیاری از پروژه های باز برای مطالعه است که به شما امکان می دهد نحوه کار آنها را درک کنید و دانش به دست آمده را در عمل خود به کار ببرید. هر از گاهی برای ایجاد انگیزه در شرکت کنندگان، مسابقاتی در سایت برگزار می شود که در آن می توانید قدرت خود را با سایر برنامه نویسان با فرصتی برای گرفتن موقعیت های بالا در جدول امتیازات و برنده شدن جوایز بسنجید.

پازل و نظرسنجی را امتحان کنید

تعداد بی‌شماری از پرسشنامه‌ها و بازی‌های پازل به صورت آنلاین موجود است که HTML، CSS و سایر زبان‌های برنامه‌نویسی را پوشش می‌دهند. آنها معمولا در سایت های پولی به عنوان مکمل دوره های آموزشی یافت می شوند. همچنین می توانید با یک مربی با تجربه تر تمرین کنید.

بازی

بر کسی پوشیده نیست که اگر به طور ناگهانی تصمیم گرفتید کمی سرگرم شوید، می توانید از این نوع آموزش بیشتر از تئوری خشک و حل تمرین بهره ببرید. در حین بازی، همراه با مهارت های برنامه نویسی، لذت، بار برداشت های مثبت و سطح بالارضایت از نتایج بازی باعث می شود کارهای در حال ظهور زنده تر و جالب تر شود و بنابراین تخیل و تفکر خلاق را به کار می گیرد.

سایتی با تست های تعاملی پیدا کنید

بیشترین به روشی سادهبرای ارزیابی عینی مهارت های برنامه نویسی، بازدید از سایت برای آزمایش است. آزمون ها فرصتی برای کار روی انواع سؤالات و تمرین خوب فراهم می کند. شما می توانید سطح خود را قبل و بعد از قبولی در هر آزمون یا دوره ای از آزمون ها ارزیابی کنید.

خودت را منضبط کن

بخش مهمی از فرآیند یادگیری و آزمایش دانش خود، شناسایی بیشتر است بهترین راهدستیابی به حداکثر بهره وری می توانید در فعالیت هایی شرکت کنید که به شما در یافتن این راه کمک می کند. برای مثال، کدگذارهای پاکسایتی است که این فرصت را از طریق فیلم های آموزشی حرفه ای فراهم می کند. علاوه بر این، این ویدیوها بسیار جالب هستند، بنابراین نگران تمرکز نباشید، از همان دقایق اول جذب خواهید شد.

نگاهی به دنیای اطراف بیندازید

خود را در کنار توسعه دهندگان از سراسر جهان قرار دهید. وجود دارد شبکه اجتماعی، که به شما امکان می دهد با برنامه نویسان آزاد از بیش از صد کشور در سراسر جهان تماس بگیرید. شما افراد با استعداد زیادی پیدا خواهید کرد و همچنین فرصتی برای ارزیابی توانایی های خود و یادگیری چیزهای جدید خواهید داشت.