کلاس طراحی سایت (فرانت اند) پروژه محور دیجیکالا
ارائه مدرک معتبر
ضمانت بازگشت وجه
0 دانشجو
پشتیبانی
مشاوره رایگان
تومان
۳,۵۰۰,۰۰۰
ثبت نام دوره
خرید اقساطی
70%+
تقاضای برنامه نویسه فرانت اند در بازار کار
بهترین نقطه شروع
برای ورود به حوزه ی طراحی سایت
20 میلیون+
میانگین درآمد برنامه نویسان فرانت اند در سال 1403
پرکاربرد ترین
زبان برنامه نویسی برای توسعه وب سایت
چرا این دوره؟
بازار کار
هدف ما جذب دانشجویان در بازار کار است. افراد برتر هر دوره برای شروع به کار به شرکت های مختلف معرفی می شوند.
مدرک معتبر
پس از اتمام دوره‌های آموزشی، دانشجویان می توانند گواهینامه‌ای معتبر PNLdev و فنی حرفه ای دریافت کنند.
23 دوره موفق
PNLdev با ارائه بیش از 23 دوره آموزشی موفق در زمینه برنامه‌نویسی و هوش مصنوعی و ...، به یکی از پیشروترین مراکز آموزشی تبدیل شده است.
مهارت
پیش نیاز
سرفصل
بررسی
مهارت هایی که در این دوره یاد می گیرید
HTML
CSS
JS
مبانی برنامه نویسی
مبانی فرانت اند
آشنای با editor ها
کار با انواع فریم ورک ها و کتابخانه ها
راه اندازی سایت و انجام پروژه عملی
ورود به بازار کار با مطالب دوره
پیش نیاز
لازم است...
توانایی جستجو و یافتن راه‌حل‌ها.
آشنایی اولیه با کار با کامپیوتر داشته باشید.
لازم نیست...
از ابتدا همه‌ی جزئیات را بدانید.
تجهیزات خاص یا سیستم پیشرفته داشته باشید.
سرفصل ها
1. مقدمه‌ای بر طراحی وب و اصول فرانت‌اند
3 درس
_
آشنایی با مفهوم طراحی وب و نقش فرانت‌اند
_
تفاوت بین فرانت‌اند و بک‌اند
_
مروری بر ابزارها و تکنولوژی‌های مورد استفاده در فرانت‌اند
2. HTML: زبان ساختاردهی صفحات وب
4 درس
_
معرفی HTML و ساختار آن
_
تگ‌ها و عناصر اصلی HTML
_
ساختاردهی محتوا با تگ‌های بخش‌بندی (div، header، footer، section)
_
لینک‌ها، لیست‌ها، جداول و فرم‌ها در HTML
3. CSS: طراحی و استایل‌دهی صفحات وب
5 درس
_
مفهوم CSS و نحوه استفاده از آن
_
استایل‌دهی متن‌ها و عناصر
_
کار با رنگ‌ها، فونت‌ها و پس‌زمینه‌ها
_
استفاده از واحدهای اندازه‌گیری (px، em، rem، % و ...)
_
باکس مدل (Box Model) و مدیریت فاصله‌ها (Margin، Padding، Border)
4. CSS پیشرفته: طراحی حرفه‌ای‌تر
5 درس
_
کار با Grid و Flexbox برای طراحی چیدمان
_
ایجاد انیمیشن‌ها و ترنزیشن‌ها
_
استفاده از Pseudo-classes و Pseudo-elements
_
Media Queries و طراحی صفحات رسپانسیو
_
مدیریت CSS در پروژه‌های بزرگ (BEM، Sass و ...)
5. مبانی جاوااسکریپت: برنامه‌نویسی سمت کلاینت
6 درس
_
معرفی جاوااسکریپت و نقش آن در وب
_
سینتکس اولیه جاوااسکریپت
_
_
متغیرها، عملگرها و انواع داده‌ها
_
شرط‌ها و حلقه‌ها در جاوااسکریپت
_
توابع و مفهوم Scope
6. تعامل با DOM (Document Object Model)
5 درس
_
مفهوم DOM و نحوه استفاده از آن
_
انتخاب عناصر HTML با جاوااسکریپت
_
ایجاد و حذف عناصر DOM
_
مدیریت رویدادها (Events) در جاوااسکریپت
_
انیمیشن‌های ساده با جاوااسکریپت
7. CSS و جاوااسکریپت پیشرفته
4 درس
_
استفاده از Custom Properties (CSS Variables)
_
تعامل CSS و جاوااسکریپت برای استایل‌دهی پویا
_
ایجاد انیمیشن‌های پیشرفته با JavaScript
_
مدیریت زمان و تاخیرها (setTimeout، setInterval)
8. فرم‌ها و اعتبارسنجی داده‌ها
5 درس
_
ساخت و طراحی فرم‌های حرفه‌ای
_
اعتبارسنجی داده‌ها در
_
فرانت‌اند با HTML5 و جاوااسکریپت
_
مدیریت خطاها و پیام‌های کاربری در فرم‌ها
_
ارسال داده‌ها به سرور با Fetch API یا AJAX
9. کار با ابزارها و کتابخانه‌های کاربردی
3 درس
_
معرفی و استفاده از کتابخانه‌های جاوااسکریپت (مثل jQuery)
_
کار با ابزارهای طراحی UI مانند Bootstrap یا Tailwind CSS
_
طراحی آیکون‌ها و المان‌های گرافیکی با Font Awesome یا Material Icons
10. طراحی رسپانسیو و موبایل‌فرندلی
4 درس
_
مفهوم Mobile-First Design
_
استفاده از Media Queries برای دستگاه‌های مختلف
_
طراحی تجربه کاربری (UX) مناسب برای موبایل
_
تست و بهینه‌سازی صفحات وب در دستگاه‌های مختلف
11. مبانی تجربه کاربری (UX) و طراحی رابط کاربری (UI)
4 درس
_
اصول طراحی رابط کاربری (UI)
_
مفهوم تجربه کاربری (UX) و اهمیت آن در فرانت‌اند
_
طراحی مسیر کاربری (User Journey)
_
ابزارهای طراحی وایرفریم و پروتوتایپ
12. کار با فریم‌ورک‌ها و کتابخانه‌های فرانت‌اند
4 درس
_
معرفی فریم‌ورک‌های مدرن (React، Vue.js، Angular)
_
شروع کار با React: مفاهیم JSX، کامپوننت‌ها و Props
_
استفاده از State و مدیریت وضعیت در React
_
اتصال به APIها و کار با داده‌های خارجی
13. نسخه‌بندی و مدیریت پروژه‌ها
3 درس
_
استفاده از Git و GitHub برای مدیریت کد
_
ایجاد و مدیریت مخازن پروژه
_
همکاری تیمی با استفاده از Git
14. تست و بهینه‌سازی وب‌سایت
4 درس
_
تست وب‌سایت در مرورگرهای مختلف
_
بهینه‌سازی سرعت بارگذاری صفحات وب
_
فشرده‌سازی فایل‌های CSS و JS
_
ابزارهای تست وب‌سایت مانند Lighthouse
15. انتشار و میزبانی وب‌سایت
4 درس
_
آشنایی با دامنه و هاست
_
آپلود پروژه روی سرور با استفاده از FTP
_
مدیریت DNS و تنظیمات SSL
_
به‌روزرسانی و نگهداری وب‌سایت
16. ایجاد پروژه عملی و کامل (Portfolio یا وب‌سایت فروشگاهی)
4 درس
_
طراحی و پیاده‌سازی کامل یک پروژه واقعی
_
ایجاد صفحات پویا و تعاملات کاربری
_
ادغام کتابخانه‌ها و APIها
_
تست و انتشار نهایی پروژه
دوره آموزش دیجیتال مارکتینگ
در دوره آموزش دیجیتال مارکتینگ به شما عزیزان نحوه بازایابی آنلاین و فروش اینترنتی را همراه با تمام نکات ریز و درشت مربوطه آموزش خواهیم داد تا زمانی که بازاریابی آنلاین و فروش یک وب سایت فروشگاهی را خواستید شروع کنید، مسیر را گم نکنید!
زیرا گاها در دوره های آموزشی دیجیتال مارکتینگ چندین بخش که با عنوان های درج شماره تماس در برخی نقاط سایت و... گفته می شود، تمام پروسه دیجیتال مارکتینگ نخواهد بود.
در دوره های آموزشی دیجیتال مارکتینگ نکاتی همچون:
- سئو
- بازایابی محتوا
- روش های تقویت زمان ماندگاری کاربر در سایت
- روش های تاثیر گذار بر روی کاربر به جهت اطمینان سازی
- نحوه قیمت گذاری محصولات هدف برای فروش بالاتر
- نحوه استراتژی نویسی فروش آنلاین
و... در اختیار شما عزیزان قرار داده می شود تا بتوانید به اسانی دیجیتال مارکتینگ خود را در سوشیال مدیا و وب سایت خود، به صورت بهینه انجام دهید.
کلاس حضوری و آنلاین دیجیتال مارکتینگ
در کلاس حضوری و آنلاین دیجیتال مارکتینگ، سر فصل ها به صورت اجمالی در اختیار شما قرار می گیرند که همراه با پروسه پروژه محور، شما در هر فصل آموزشی، ارزیابی می کند تا بتوانید تست های خود را همراه با پرسش و پاسخ مستقیم از استاد احسان اسلامی انجام دهید.
مشاهده بیشتر
نوع دوره:
آنلاین
سطح دوره:
مبتدی
درصد تکمیل ظرفیت:
%30
مشاوره رایگان
تومان
۳,۵۰۰,۰۰۰
ثبت نام دوره
خرید اقساطی
کلاس طراحی سایت (فرانت اند) پروژه محور دیجیکالا
دیدگاه و پرسش
ثبت
مهسا
01 اسفند 1403
این دوره واقعا جامع بود و از پایه تا پیشرفته همه چیز را پوشش داد. به خصوص بخش‌های مربوط به React عالی بود
PNLdev
02 اسفند 1403
ممنون از اعتمادتون.
01 اسفند 1403
برای یادگیری فرانت‌اند باید حتما طراحی وب بلد باشیم؟
PNLdev
02 اسفند 1403
سلام خیر، اصا نیازی به بلد بودن طراحی وب ندارید.
ما در این دوره از پایه فرانت اند رو بهتون تدریس میکنیم.
محمد
01 اسفند 1403
دوره خوبی بود، اما ای کاش بیشتر روی پروژه‌های واقعی تمرکز می‌کرد.
PNLdev
02 اسفند 1403
سلام با کمال میل.
دانشجویانی که دوره رو به صورت کامل و سطح مورد نیاز بگذرونن از طرف مجموعه ما وارد بازار کار میشن.
سهیلا
01 اسفند 1403
عالیههههه ممنون از استاد اسلامی
پارسا
01 اسفند 1403
پروژه‌های واقعی دوره به من کمک کرد تا رزومه‌ام را قوی‌تر کنم.
زهرا
01 اسفند 1403
در این دوره بک اند هم آموزشش میدید؟
PNLdev
02 اسفند 1403
سلام بخشی از بک اند بله.
احمد
01 اسفند 1403
پشتیبانی دوره عالی بود و به سوالاتم خیلی سریع پاسخ داده شد.
شیما
01 اسفند 1403
این دوره برای شروع خوب است، اما برای حرفه‌ای شدن باید منابع بیشتری مطالعه کرد.
PNLdev
02 اسفند 1403
سلام مجموعه یک سری دوره پیشرفته تر برای دانشجویانی با سطح بالاتر آماده کرده.
نگین
01 اسفند 1403
این دوره فوق‌العاده بود! همه چیز خیلی واضح توضیح داده شده بود.
مبین
01 اسفند 1403
در این کلاس فریمورک‌هایی مثل React یا Vue هم آموزش داده می‌شود؟
PNLdev
02 اسفند 1403
سلام خیر اما کلاس مختص به react و vue هم در مجموعه ما وجود داره.
رضا
01 اسفند 1403
من از بخش‌های مربوط به CSS و Flexbox خیلی راضی بودم، اما بخش JavaScript نیاز به توضیحات بیشتری داشت.
PNLdev
02 اسفند 1403
سلام ممنون بابت انتقادتون.
حتما با استاد مطرح میشه
زانیار
01 اسفند 1403
قسمت Flexbox خیلی خوب توضیح داده شده بود، واقعاً فهمیدم چطور باید ازش استفاده کنم
لیلا
01 اسفند 1403
چرا مباحث مربوط به ریسپانسیو کردن سایت رو اینقدر خلاصه گفتید؟ انتظار داشتم بیشتر توضیح داده بشه.
PNLdev
02 اسفند 1403
سلام ممنون بابت انتقادتون.
حتما در جلسات بعدی به استاد کلاس اطلاع میدیم بیشتر توضیح بده این مبحث رو.
ثریا
01 اسفند 1403
مطالب خیلی کامل و جامع بود، اما ای کاش منابع بیشتری برای مطالعه‌ی بیشتر معرفی می‌شد.
PNLdev
02 اسفند 1403
سلام وقت بخیر.
منبع بیشتر آموزش های مجموعه ما سایت خودمون یعنی PNLdev هستش.
رضا
01 اسفند 1403
عالیههههه
