پروژه های CSS و جاوا اسکریپت پیشرفته

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

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

بررسی دوره

با پروژه‌ های پیشرفته و عملی که تئوری را زنده می‌ کنند، به CSS و جاوا اسکریپت می پردازید. از ایجاد طرح‌ های خیره‌ کننده با CSS تا افزودن قابلیت‌ های پویا با جاوا اسکریپت، مهارت‌ های ضروری برای توسعه وب فرانت اند را تمرین خواهید کرد. (بعلاوه ما برخی از مهارت‌ های بک اند را نیز در اختیار داریم.)

آنچه یاد خواهید گرفت:

• چگونه وب سایت های واکنش گرا را با استفاده از CSS و کوئری های رسانه ایجاد کنید؟
• دستکاری محتوای پویا با تعاملات جاوا اسکریپت و DOM
• طراحی و استایل دهی عناصر رابط کاربری مدرن با CSS
• ساخت ویژگی‌ های تعاملی مانند آزمون‌ ها و ردیاب‌ هزینه
• واکشی و استفاده از داده لایو با یکپارچه سازی API
• ذخیره و بازیابی داده با ذخیره سازی محلی
• استقرار اپلیکیشن های فول استک با پلتفرم هایی مانند Vercel و Render
• مصورسازی داده با ابزارهایی مانند Chart.js برای نمودارهای پویا

بیایید پروژه های فرانت اند بسازیم.

در این دوره شما با پروژه های عملی و پیشرفته ای که تئوری را زنده می کند، به CSS و جاوا اسکریپت خواهید پرداخت.

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

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

این دوره شامل چه مواردی می شود؟

این دوره شما را با طیف گسترده ای از مهارت ها و فناوری ها مجهز می کند که برای توسعه وب مدرن ضروری هستند.

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

طراحی واکنش گرا و تم سازی یکی دیگر از تمرکزهای مهم دوره است. شما نحوه ایجاد جداول واکنش گرا و پیاده سازی تغییر dark mode و light mode با استفاده از متغیرهای CSS و جاوا اسکریپت را بررسی خواهید کرد. این تکنیک ها دسترس پذیری را بهبود می بخشد و اپلیکیشن های شما را با تنظیمات و دستگاه های مختلف کاربر سازگار می کند.

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

یکپارچه سازی API و منطق بازی در ماژول بازی آژمون بیان می شوند. شما با استفاده از APIs، سوالات را به صورت پویا واکشی می‌ کنید و ورودی کاربر و امتیازها را از طریق API پروکسی بک اند مدیریت می‌ کنید. این ماژول درک شما را از مدیریت غیرهمزمان داده و منطق جاوا اسکریپت که برای وب اپلیکیشن های پویا ضروری است، عمیق تر می کند.

در نهایت، این دوره توسعه فول استک را با پروژه پلیر پادکست معرفی می کند. شما از نود جی اس و Express برای ایجاد اپلیکیشن کامل که با APIs یکپارچه می شود و ذخیره سازی محلی را مدیریت می کند، استفاده خواهید کرد. با استقرار اپلیکیشن روی پلتفرمی مانند Render، همچنین در استقرار و نگهداری وب اپلیکیشن ها تجربه کسب کرده و سفر خود را به سمت توسعه فول استک تکمیل می کنید.

نتیجه چیست؟

این دوره پروژه های فرانت اند، شما را از مبتدی به ده درصد توسعه دهندگان برتر فرانت اند می برد.

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

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

آنچه خواهید ساخت:

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

اپلیکیشن تست تایپینگ

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

جدول حرفه ای (Dark Mode، واکنش گرایی + موارد دیگر)

شما یک جدول واکنش گرا با قابلیت تغییر تم طراحی می کنید. شما از متغیرهای CSS و جاوا اسکریپت برای پیاده سازی light Mode و Dark Mode استفاده کرده و از خوانایی و دسترس پذیری بهینه در هر دستگاهی اطمینان حاصل کنید.

ردیاب هزینه

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

بازی آزمون با یکپارچه سازی API

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

پلیر فول استک پادکست

شما با استفاده از نود جی اس و Express یک پلیر فول استک پادکست ایجاد می کنید. شما با یکپارچه‌ سازی API، ذخیره‌ سازی محلی و استقرار اپلیکیشن ها در پلتفرم‌ هایی مانند Render آشنا می شوید و اپلیکیشنی می سازید که تجربه کاربری یکپارچه را ارائه دهد.