‫اکادمی آموزشی مبتکر‬

‫‪Innovative Learning Academy‬‬

‫‪Computer deportment‬‬
‫‪Web development course policy‬‬
‫نام مضمون‪WEB DEVELOPMENT :‬‬ ‫کود مضمون‪COM01:‬‬
‫استاد مدرس‪:‬‬
‫شماره تماس‪:‬‬
‫ایمیل آدرس‪:‬‬
‫زمان برگذاری صنف‪:‬‬
‫ساعت درسی‪:‬‬

‫‪1.1‬شیوه نمره دهی و ارزیابی‪:‬‬

‫اساینمنت‬
‫ارزیابی‬
‫نمره‬ ‫نمره‬ ‫ها و پروژه‬ ‫نمره‬ ‫امتحان‬ ‫شماره‬
‫صنفی‬
‫های عملی‬
‫‪10‬‬ ‫‪10‬‬
‫‪x‬‬ ‫‪x‬‬ ‫‪60‬‬ ‫پروژه نهایی‬ ‫‪1‬‬
‫‪20‬‬ ‫پروژه وسط‬ ‫‪2‬‬
‫سمستر‬
 ‫‪2.1‬اهداف دوره آموزشی‪:‬‬
‫تسلط بر اصول پایه ای ‪ HTML‬و ‪ CSS‬و توانایی طراحی و استایل دهی صفحات وب ساده‪.‬‬ ‫‪‬‬
‫تسلط بر برنامه نویسی با ‪ JavaScript‬شامل متغیرها‪ ،‬توابع‪ ،‬شرط ها و حلقه ها‪.‬‬ ‫‪‬‬
‫آشنایی و تسلط بر کتابخانه ‪ JQuery‬برای تسهیل تعامالت با ‪.HTML‬‬ ‫‪‬‬
‫تسلط بر اصول توسعه ‪ Back-end‬با استفاده از ‪.MongoDB‬‬ ‫‪‬‬
‫توانایی ساخت و مدیریت ‪ API‬های ‪.RESTful with Node.js and Express‬‬ ‫‪‬‬
‫توانایی اجرایی یک پروژه کامل و عملی شامل تمام جنبه های ‪ Front-End‬و ‪.Back-End‬‬ ‫‪‬‬
‫‪3.1‬چگونگی برخورد با دانش آموزان غیر حاضر‪:‬‬
‫ارسال یک هشدار رسمی به دانشجو که در آن وضعیت غیبت او و اهمیت حضور فعال توضیح داده شود‪.‬‬ ‫‪‬‬
‫ارتباط با والدین دانشجو و آگاه شدن از دلیل غیبت وی‪.‬‬ ‫‪‬‬
‫کاهش نمره های مشارکت یا ارزیابی های مربوط به حضور‪.‬‬ ‫‪‬‬
‫تعیین وظایف خانگی اضافی یا جبرانی برای پوشش مطالب از دست رفته‪.‬‬ ‫‪‬‬
‫محدود کردن دسترسی به برخی منابع آموزشی یا امکانات پلتفرم‪.‬‬ ‫‪‬‬
‫در صورت دوام غیبت اخراج اجباری از پلتفارم‪.‬‬ ‫‪‬‬
 ‫‪4.1‬روش های تدریس‪:‬‬
‫این دوره با استفاده از نرم افزار ‪ Google Meet‬و میتود های آموزشی ذیل تدریس میشود‪:‬‬
‫پروژه محور ‪Project-Based learning‬‬ ‫‪‬‬
‫تدریس تعاملی ‪interactive Teaching‬‬ ‫‪‬‬
‫تدریس عملی ‪Hands-on Teach‬‬ ‫‪‬‬
‫روش های یادگیری معکوس ‪flipped classroom‬‬ ‫‪‬‬
‫تدریس فرد محور ‪personalized Tea‬‬ ‫‪‬‬

‫‪5.1‬تقویم درسی‪:‬‬
‫ماه اول‬
‫‪HTML and CSS‬‬
‫منابغ اضافی‬ ‫اهداف یادگیری‬ ‫تمرینات عملی‬ ‫موضوعات آموزشی‬ ‫هفته‬
‫درک ساختار اساسی ‪MDN Web Docs-‬‬ ‫طراحی یک صفحه وب ساده‬ ‫آشنایی با ‪( HTML‬تگ ها و‬ ‫اول‬
‫‪HTML‬‬ ‫صفحات وب‬ ‫شامل متن و تصویر‪.‬‬ ‫ساختار صفحه)‬
‫‪W3School-HTML‬‬
‫‪MDN Web‬‬ ‫توانایی ایجاد فرم و‬ ‫ساخت فرم ها ورود و جداول دیتا‬ ‫‪HTML‬پیشرفته (فرم ها و‬ ‫دوم‬
‫‪Doce-HTML‬‬ ‫جداول تعاملی‬ ‫ها‬ ‫جداول)‬
‫‪Forms [HTML‬‬
‫‪Tables-‬‬
‫]‪W3School‬‬
‫‪MDN Web‬‬ ‫تلسط بر استایل دهی‬ ‫طراحی قالب ساده برای یک‬ ‫آشنایی با ‪(CSS‬استایل دهی‬ ‫سوم‬
‫‪Doce-CSS‬‬ ‫با ‪CSS‬‬ ‫صفحه وب‬ ‫به صفحات وب)‬
‫‪CSS Tricks‬‬
‫‪Bootstrap‬‬ ‫توانایی طراحی‬ ‫ایجاد یک صفحه وب ریسپانسیو‬ ‫آشنایی با ‪Bootstrap‬‬ ‫چهارم‬
‫‪Documentation‬‬ ‫صفحات وب واکنش‬ ‫با استفاده از ‪Bootstrap‬‬
‫‪W3School-‬‬ ‫گرا(‪Responsive‬‬
‫‪Bootstrap‬‬ ‫‪)Design‬‬
‫ماه دوم‬
‫‪JavaScript and DOM‬‬
‫‪MDN Web Docs-‬‬ ‫درک مبانی برنامه‬ ‫نوشتن اسکریپت ساده برای‬ ‫اول‬
‫‪JavaScript‬‬ ‫نویسی با ‪JavaScript‬‬ ‫تعامل با کاربر‬ ‫اصول ‪( JavaScript‬متغیر ها‪،‬‬
‫‪W3School-‬‬ ‫توابع‪،‬داده ها)‬
‫‪JavaScript‬‬
‫‪JavaScript‬‬ ‫تسلط بر عملیات‬ ‫نوشتن یک اسکریپت شامل‬ ‫دوم‬
‫‪Conditional‬‬ ‫منطقی و کنترول در‬ ‫شرط ها و حلقه ها‬ ‫شرط ها و حلقه هادر‬
‫‪JavaScript loops‬‬ ‫‪JavaScript‬‬ ‫‪JavaScript‬‬
‫‪MDN Web Docs-‬‬ ‫توانایی تعامل با‬ ‫تغییر محتوایی ‪ HTML‬از طریق‬ ‫آشنایی با ‪DOM(Document‬‬ ‫سوم‬
‫‪DOM‬‬ ‫عناصر ‪ HTML‬از‬ ‫‪JavaScript‬‬ ‫)‪object Mood‬‬
‫طریق ‪DOM‬‬
‫‪JavaScript‬‬ ‫توانایی ایجاد تعامالت‬ ‫افزودن انمیشن ها ساده به وب‬ ‫ایجاد انیمیشن ها و تعامالت‬ ‫چهارم‬
‫‪Animation‬‬ ‫پویا با ‪JavaScript‬‬ ‫سابت‬ ‫با ‪DOM‬‬
‫ماه سوم‬
‫کتابخانه و فریمورک ها‬
‫‪JQuery‬‬ ‫ساده سازی کد نویسی با استفاده از‬ ‫استفاده از ‪ JQuery‬برای تغییر‬ ‫معرفی ‪JQuery‬‬ ‫اول‬
‫‪Documentation‬‬ ‫‪JQuery‬‬ ‫محتوای ‪HTML‬‬
‫‪W3School-‬‬
‫‪Jquery‬‬
‫‪AJAX With‬‬ ‫تسلط برتعامالت‬ ‫ایجاد یک فرم که با استفاده از ‪ AJAX‬دیتا را‬ ‫تعامل با ‪ AJAX‬و ‪JQuery‬‬ ‫دوم‬
‫‪JQuery‬‬ ‫بدون بارگذاری مجدد‬ ‫بدون بارگذاری مجدد صفحه‬
‫صفحه‍ ‬ ‫ارسال و دریافت کند‪.‬‬
‫‪React‬‬ ‫یادگیری ساختار های‬ ‫ایجاد یک اپلیکیشن ساده با‬ ‫آشنایی با ‪(React‬معماری‬ ‫سوم‬
‫‪Documentation‬‬ ‫کامپونتت بیناد در‬ ‫استفاده از ‪React‬‬ ‫کامپونیتی)‬
‫‪W3Schools-‬‬ ‫‪React‬‬
‫‪React‬‬
‫‪React State and‬‬ ‫مدیریت دیتا در برنامه‬ ‫ایجاد کامپونینت های پویا با‬ ‫مدیریت داده ها با ‪State,‬‬ ‫چهارم‬
‫‪props‬‬ ‫های ‪React‬‬ ‫استفاده از ‪State , Props‬‬ ‫‪Props‬در ‪React‬‬
‫ماه چهارم‬
‫‪Backend Development‬‬
‫‪Node.js‬‬ ‫درک اصول ‪Back-End‬‬ ‫نصب ‪ Nose.js‬و اجرایی اسکریپت های‬ ‫آشنایی با ‪Node.js‬‬ ‫اول‬
‫‪Documentation‬‬ ‫با ‪Node.js‬‬ ‫ساده‬
‫‪W3School-‬‬
‫‪Node.js‬‬
‫‪Express‬‬ ‫ایجاد سرور های‪HTTP‬‬ ‫ساخت یک سرور ساده با‬ ‫دوم ‪(Express.js‬فریمورک‪)Node.js‬‬
‫‪Documentation‬‬ ‫با استفاده از ‪.Express‬‬ ‫استفاده از ‪Express.js‬‬
‫‪Mongo DB‬‬ ‫توانایی کار با پایگاه‬ ‫نصب ‪ MongoDB‬و انجام عملیات‬ ‫آشنایی با پایگاه داده ها‬ ‫سوم‬
‫‪Documentation‬‬ ‫‪ DRUD(Create,Read.Update,Dela‬داده های در ‪back-End‬‬ ‫‪MongoDB‬‬
‫)‪te‬‬
‫‪MongoDB with‬‬ ‫مدیریت داده ها با‬ ‫اتصال اپلیکیشن ‪ Node.js‬به‬ ‫ارتباط بین سرور و پایگاه‬ ‫چهارم‬
‫‪Node.js‬‬ ‫استفاده از پایگاه داده‬ ‫‪ MongoDB‬و ایجاد اپلیکیشن‬ ‫داده(‪)MongoDB,Node.js‬‬
‫های ‪NoSQL‬‬ ‫کامل‪.‬‬
‫ماه پنجم‬
‫‪ API‬و امنیت‬
‫‪RESTFul API‬‬ ‫توانایی ساخت ‪API‬‬ ‫ایجاد ‪ API‬برای ارسال و دریافت‬ ‫ساخت ‪ RESTFul API‬با‬ ‫اول‬
‫‪Express‬‬ ‫قابل مقیاس‪.‬‬ ‫داده ها‪.‬‬ ‫‪ Node.js‬و ‪Express‬‬
‫‪JWT‬‬ ‫یادگیری امنیت و‬ ‫پیاده سازی احراز هویت ‪ JWT‬در‬ ‫آشنایی با ‪JWT,JSON,Web‬‬ ‫دوم‬
‫احراز هویت‬ ‫اپلیکیشن ‪.Node.js‬‬ ‫‪ Tokens‬برای احراز هویت‬
‫‪API Security‬‬ ‫حفاظت از ‪API‬ها در‬ ‫افزودن مکانیزم های امنیتی به‬ ‫سوم پیاده سازی امنیت در ‪ API‬ها‬
‫برابر حمالت‬ ‫‪ API‬ها‬
 ‫‪OAuth‬‬ ‫استفاده از پروتوکل‬ ‫پیاده سازی ‪ OAuth‬در اپلیکیشن‬ ‫استفاده از ‪ OAuth‬برای احراز‬ ‫چهارم‬
‫‪Documentation‬‬ ‫های امنیتی مانند‬ ‫های وب‬ ‫هویت‬
‫‪OAuth‬‬

‫ماه ششم‬
‫پروژه نهایی‬
‫استفاده‬ ‫تسلط بر فرایند‬ ‫اجرای یک پروژه عملی با‬ ‫کار بر روی پروژه نهایی( وب‬ ‫چهار‬
‫ازتمام منابع‬ ‫توسعه کامل دوره(‬ ‫استفاده از تمام مفاهیم آموخته‬ ‫سایت یا اپلیکیشن کامل)‪.‬‬ ‫هفته‬
‫پیشین جهت‬ ‫‪)Full-Stack‬‬ ‫شده‪.‬‬ ‫در این ماه دانشجویان باید‬ ‫مکمل‬
‫تکمیل پروژه‬ ‫یک پروژه کامل و قابل ارایه‬
‫نهایی‪.‬‬ ‫از ابتدا تا انتها بسازند‪ ،‬این‬
‫پروژه باید شامل ‪Front-‬‬
‫‪End(HTML,CSS)Back-‬‬
‫‪end(Nodee.js,Java‬‬
‫)_‪Script,Express,MongoDB‬‬
‫باشد‬