اگه می‌خوای وارد دنیای فرانت‌اند بشی، باید یه سری مفاهیم برنامه‌نویسی رو یاد بگیری. دوره آموزش front end مکتب خونه دقیقاً برای همین هدف توسط تیمی متخصص و باتجربه تهیه و تدوین شده. این دوره از مجموعه دوره‌های آموزش برنامه نویسی و آموزش طراحی سایت مکتب خونه، در ۶۶...
آموزش طراحی وب سایت (Front-End) 🎨
اگه می‌خوای وارد دنیای فرانت‌اند بشی، باید یه سری مفاهیم برنامه‌نویسی رو یاد بگیری. دوره آموزش front end مکتب خونه دقیقاً برای همین هدف توسط تیمی متخصص و باتجربه تهیه و تدوین شده. این دوره از مجموعه دوره‌های آموزش برنامه نویسی و آموزش طراحی سایت مکتب خونه، در ۶۶ ساعت آموزشی و قالب پنج فصل ارائه شده که هر فصل خودش سرفصل‌های متنوعی داره. توی این دوره مباحث CSS، HTML و JavaScript پوشش داده می‌شن. نکته جالب اینکه این روزا با تخفیف ویژه هم می‌تونی به این دوره دسترسی داشته باشی.
📋 مشخصات کلی دوره
ویژگی
جزئیات
عنوان دوره
آموزش طراحی وب سایت (Front-End)
مدت زمان
۶۶ ساعت
تعداد فصل‌ها
۵ فصل + پروژه نهایی
سطح
مقدماتی تا پیشرفته
پیش‌نیاز
آشنایی عمومی با کامپیوتر
سبک آموزش
پروژه‌محور
این دوره برای چه کسانی مناسبه؟
دوره آموزش front end برای همه افراد، چه مبتدی و چه حرفه‌ای، مناسبه. این دوره با هدف یادگیری پروژه‌محور توسعه فرانت‌اند تدوین شده و تمام مفاهیم مهم و مقدماتی توسعه فرانت‌اند رو از صفر تا صد پوشش می‌ده. یعنی حتی اگه تا حالا یه خط کد هم ننوشتی، می‌تونی شروع کنی.
پیش‌نیازهای دوره چیه؟
هیچ پیش‌نیاز خاصی برای دوره آموزش front-end وجود نداره. همه افراد چه مبتدی و چه حرفه‌ای می‌تونن توی این دوره آموزش فرانت‌اند شرکت کنن. تنها پیش‌نیاز اصلی این دوره توانایی کار با کامپیوتر، سواد کامپیوتری و قدرت جستجوی بالاست.
بعد از یادگیری چه مهارت‌هایی به دست میاریم؟
پس از پایان دوره و در کنار تلاش و کوشش مناسب، دانشجوها توانایی ایجاد و پیاده‌سازی بخش فرانت‌اند یه وب‌سایت یا پلتفرم رو خواهند داشت. این دوره آموزش فرانت‌اند برای ورود به بازار کار خیلی حائز اهمیته چون در کنار حرفه‌ای بودن و به‌روز بودن، پروژه‌محوره.
اگه قصد داری پروژه‌های طراحی سایت خودت رو در بخش فرانت‌اند پیش ببری یا وارد بازار کار بشی، باید از یه جایی آموزش دیدن رو شروع کنی. این دوره آموزش فرانت‌اند front end مکتب خونه، به‌خاطر اینکه یه دوره مقدماتی تا پیشرفته به‌حساب میاد و به‌صورت عملی مفاهیم رو پوشش داده، گزینه مناسبیه. این دوره آموزش front برای برنامه‌نویسی موبایل و طراحی سایت هم خیلی مناسبه، چون در کنار اینکه یه آموزش کامل فرانت‌انده، قدم به قدم کاربر رو با مفاهیم برنامه‌نویسی فرانت‌اند آشنا می‌کنه.
چرا یادگیری فرانت‌اند مهمه؟
امروزه بیشتر کسب‌وکارها به متخصصین فرانت‌اند نیاز دارن، بنابراین یادگیری مفاهیم و مباحث مربوط به این ترند در برنامه‌نویسی، فرصت خوبی برای ورود به بازار کاره. تصور کن یه فروشگاه اینترنتی داری؛ اگه صفحه‌ات کند لود بشه یا روی موبایل به‌هم بریزه، مشتری سریع می‌پره. اینجاست که یه فرانت‌اند کار حرفه‌ای می‌تونه نجات‌بخش کسبوکار باشه.
فرانت‌اند چیه؟
فرانت‌اند در مورد بخشی از وب‌سایته که شما به‌عنوان کاربر می‌تونی ببینی و با اون تعامل داشته باشی. قسمت فرانت‌اند شامل همه‌چیز از طراحی، ساختار و طرح‌بندی وب‌سایت گرفته تا محتوا رو در بر می‌گیره. وقتی یه بازدیدکننده جدید روی یه وب‌سایت یا اپلیکیشن کلیک می‌کنه، قسمت فرانت‌اند اولین برداشت از یه شرکت یا برند رو می‌سازه، بنابراین طراحی ظاهری کاربرپسند (UX) برای هر وب‌سایت یا پلتفرمی ضروریه.
اجزای فرانت‌اند
چیزهای زیادی برای ساخت قسمت فرانت‌اند لازمه، از جمله معماری پایگاه داده، چارچوب‌ها، راه‌حل‌های مقیاس‌بندی و موارد دیگه. این بخش‌ها شامل موارد زیره:
استایل‌دهی: شامل دکمه‌ها، طرح‌بندی‌ها، ورودی‌ها، متن، تصاویر و موارد دیگه. این بخش ظاهر کلی وب‌سایت رو می‌سازه.
دسترس‌پذیری: ویژگی‌هایی مثل تبدیل متن به گفتار، تشخیص صدا، جریان‌های ساده کاربر و... . این قابلیت استفاده از وب‌سایت‌ها رو آسون‌تر کرده و تجربه کاربری بهتری ارائه می‌ده.
سرعت: بیشتر مردم زیاد منتظر بارگذاری یه وب‌سایت نمی‌مونن. هر چی یه وب‌سایت سریع‌تر کار کنه، بهتره.
کارهای معمول فرانت‌اند چیه؟
توسعه وب فرانت‌اند می‌تونه شامل وظایف مختلفی باشه. نحوه پیاده‌سازی این وظایف توی دوره آموزش front end مکتب خونه آموزش داده می‌شه و شامل موارد زیره:
به‌روزرسانی صفحات وب موجود یا ساخت صفحات جدید
ساخت ایمیل‌های HTML برای کمپین‌های ایمیلی
واکنش‌گرا کردن وب‌سایت‌ها
بهبود عملکرد وب‌سایت با تمیز کردن و تقسیم کد
افزودن و بهبود ویژگی‌های دسترسی
و سایر موارد
فناوری‌های مورد استفاده در فرانت‌اند
برنامه‌نویس‌های فرانت‌اند از سه فناوری اصلی توی توسعه front-end استفاده می‌کنن:
HTML: کارشناسان HTML رو به‌عنوان اسکلت یه صفحه وب توصیف می‌کنن. این برای ساختار محتوای یه صفحه وب استفاده می‌شه و به مرورگر وب می‌گه که چطور اون رو نمایش بده.
CSS: طبق گفته کارشناسان، CSS پوست و لباس صفحه وب‌ه و به صفحات استایل و سبک می‌بخشه.
جاوا اسکریپت: توی صفحات وب چیزهای بیشتری از متن خام وجود داره. زبان برنامه‌نویسی جاوا اسکریپت بهت اجازه می‌ده عناصر پیچیده‌تری مثل نقشه‌های تعاملی و گرافیک‌های متحرک توی صفحات بسازی. جاوا اسکریپت هم توی مرورگر و هم توی سرور اجرا می‌شه و صفحات رو همه‌کاره می‌کنه. به‌صورت کلی، جاوا اسکریپت مسئول تعاملی کردن صفحات وب ساخته‌شده با HTML و CSS هست.
توسعه‌دهنده‌های Front-End از ابزارهای دیگه‌ای هم استفاده می‌کنن، از سیستم‌های مدیریت محتوا (CMS) مثل WordPress و Drupal گرفته تا کتابخانه‌ها و چارچوب‌هایی مثل React، Angular و Vue. کتابخانه‌ها و فریمورک‌ها این امکان رو بهت می‌دن که از یه طرح اولیه برای ساخت عناصر وب مثل دکمه‌ها استفاده کنی، به‌جای اینکه هر بار یه عنصر جدید بسازی. توی دوره آموزش front end ابزارها و عناصر لازم برای توسعه فرانت‌اند به کاربران معرفی می‌شن.
