متخصص طراحی وب

جامع و پروژه‌محور؛ از پایه تا رسیدن به کسب درآمد

با تدریس   وحید صالحی

بیش از ۹۰ ساعت
۲۹۱ جلسه
۱ سال پشتیبانی
گارانتی بازگشت ۱۰۰ درصدی وجه

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

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



چرا طراحی وب یاد بگیرم؟

  • درحال حاضر بسیاری از شرکت‌ها نیازمند طراح وب هستند.
  • این دوره پیش‌نیاز خاصی ندارد و در آغاز مسیر با زبان‌های راحتی مانند Html و CSS کار می‌کنید.
  • همه وب سایت‌های دنیا به طراحی رابط کاربری نیاز دارند.
  • طراحی وب امکان دریافت پروژه فریلنسری را برای شما فراهم می‌کند. اگر در شهرهایی که امکانات کمتری نسبت به تهران دارند زندگی می‌کنید طراحی وب گزینه خوبی برای فعالیت در حوزه برنامه‌نویسی و کسب درآمد است.


این دوره
برای چه کسانی
مناسـب اسـت؟

  • کسانی که علاقه‌مند به یادگیری برنامه‌نویسی و مبتدی هستند.
  • کسانی که به فعالیت در حوزه برنامه‌نویسی سایت علاقه دارند.
  • برنامه‌نویسان Back-End که می‌خواهند با یادگیری طراحی وب، فول استک شوند.
  • کسانی که به فریلنسینگ و کار پروژه‌ای بیشتر از قراردادی علاقه دارند.

این دوره
برای چه کسانی
مناسـب نیست؟

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

ویژگی های دوره

آموزش مهارت‌محور به این معنی‌ست که در طول دوره و باتوجه به میزان پیچیدگی هر مبحث آموزشی تمرین‌، آزمون و پروژه‌های مختلفی برای شما در نظر گرفته شده است تا یادگیری خود را تکمیل کنید. همچنین برگزاری وبینارهای متعدد و عضویت در گروه تلگرامی دوره امکان ارتباط با اساتید، منتورها و سایر دانشجویان را برای شما فراهم می‌کند. وضعیت آموزشی هر دانشجو برای منتورهای دوره قابل رصد و ارزیابی‌ست زیرا منتورها از بین دانشجویان برتر انتخاب شده‌اند و به‌خوبی با فرایند آموزشی و چالش‌های دوره آشنایی دارند. پایبندی به این متد آموزشی علاوه‌بر ارتقا سطح مهارتی که دارید، شما را با چالش هاى فنى و نحوه مدیریت آن‌ها آشنا مى كند و اين همان چيزى‌ست كه برای حضور در بازار كار به آن نياز داريد.

هزینه‌ای که بابت دوره پرداخت می‌کنید تا 1 ماه در اختیار خودِ شماست. اگر پس از خرید دوره به‌صورت جامع، به هر دلیلی از شرکت در آن منصرف شدید تا ١ ماه پس از خريد امكان انصراف و بازگشت كامل وجه برای شما درنظر گرفته شده است. برای انصراف از دوره لازم است در بازه زمانی تعیین شده درخواست خود را با پشتیبانی مطرح کرده و حداکثر 25% از دوره را مشاهده کرده باشید. پس از انصراف همواره منتظر نظرات و پیشنهادات شما برای بهبود کیفیت دوره و نحوه ارائه آن‌ها هستیم و امیدواریم در حوزه موردنظر خود به موفقیت و فرصت‌های بزرگی دست پیدا کنید.

هیچ سوالی بی‌جواب نخواهد ماند. پس از ورود به دوره امكان پرسش و پاسخ و رفع اشكال براى شما فراهم است. شما می‌توانید در هر ساعتی از شبانه روز سوالات خود را مطرح کنید و اساتید یا منتورهای دوره در سريع‌ترين زمان ممكن به شما پاسخ خواهند داد. حضور در این فضای تعاملی و همراهی با دیگران می‌تواند در ارتقای مهارت‌های نرم دانشجویان و ایجاد یک رقابت سالم نقش موثری داشته باشد.

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

هرساله شرکت‌های معتبری از سراسر ایران اقدام به جذب نیرو در حوزه تکنولوژی می‌کنند و بسیاری از این مجموعه‌ها از سون‌لرن درخواست معرفی نیروی متخصص دارند. در این شرایط سون‌لرن خود را موظف می‌داند تا افراد برتر هر دوره را اعتبارسنجی کرده و به شرکت‌های متقاضی جهت استخدام معرفی کند. سایر دانشجویان نیز درصورت بهره‌مندی کامل از محتوای دوره و تکمیل مهارت‌های خود به‌راحتی قادر به اشتغال و فعالیت در زمینه موردنظر خود خواهند بود.

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

محتوای دوره‌ها همواره در اختیار شماست و لازم نیست نگران منقضی شدن آن و یا از بین رفتن پروفایل کاربری خود باشید چرا که بدون محدودیت زمانی و مکانی به آن دسترسی دارید. درضمن هر زمان که برخی مباحث آموزشی تغییر کرده و نیازمند به‌روزرسانی باشند، محتوای به‌روزشده سرفصل‌هایی که خریداری کرده‌اید در پنل کاربری شما در سایت 7learn.com قرار خواهد گرفت.

دانشجویان سابق متخصص سون لرن کجا استخدام شدند؟

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

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

و ده ها
شرکت دیگر

سرفصل های دوره

آموزش html و CSS مقدماتی

  • آشنایی با ابزارهای مورد نیاز یک طراحی وب و معرفی انواع مرورگر های محبوب ۲۹ دقیقه
  • آشنایی با امکانات مرورگر های chrome و firefox - بخش اول ۱۹ دقیقه
  • آشنایی با امکانات مرورگر های chrome و firefox - بخش دوم ۲۰ دقیقه
  • آشنایی با امکانات مرورگر های chrome و firefox - بخش سوم ۲۸ دقیقه
  • معرفی محبوب ترین IDE و EDITOR ها برای کدنویسی رابط های کاربری ۱۴ دقیقه
  • نصب و پیکربندی vscode - بخش اول ۱۹ دقیقه
  • معرفی و نصب اکستنشن های کاربردی vscode در طراحی وب - بخش اول ۲۰ دقیقه
  • معرفی و نصب اکستنشن های کاربردی vscode در طراحی وب - بخش دوم ۱۹ دقیقه
  • معرفی پلاگین emmet ۱۸ دقیقه
  • css reset و فشرده سازی فایل های css ۲۱ دقیقه

  • آموزش HTML5 - قسمت اول - مقدمات و آشنایی با HTML ۳۱ دقیقه
  • آموزش HTML5 - قسمت دوم - بررسی ساختار اسناد html و پیاده سازی چارچوب اولیه یک سند ۳۷ دقیقه
  • HTML5 - قسمت سوم - بررسی مفهوم المان های block level و inline level و معرفی تگ های قالب دهی ۳۲ دقیقه
  • HTML5 - قسمت چهارم - بررسی تگ های جدول , نقل قول و استناد ۳۸ دقیقه
  • جلسه HTML5 - قسمت پنجم - بررسی تگ های تصویر و قالب دهی کد ۴۲ دقیقه
  • جلسه HTML5 - قسمت ششم - بررسی تگ های مالتی مدیا در HTML5 ۲۶ دقیقه
  • جلسه HTML5 - قسمت هفتم- بررسی انواع تگ های input در HTML5 ۳۷ دقیقه
  • جلسه HTML5 - قسمت هشتم- بررسی انواع اتریبیوت ها برای input ها در HTML5 ۲۲ دقیقه
  • جلسه HTML5 - قسمت نهم- بررسی انواع تگ های مفهومی ( semantic web elements ) در HTML5 - اول ۲۰ دقیقه
  • جلسه HTML5 - قسمت دهم- بررسی انواع تگ های مفهومی ( semantic web elements ) در HTML5 - دوم ۱۷ دقیقه

  • معرفی - مقدمات و آشنایی با CSS ۲۳ دقیقه
  • جلسه اول قواعد نوشتاری و مفهوم Selector ۳۴ دقیقه
  • دوم مفهوم box model در CSS ۴۲ دقیقه
  • سوم استایل دهی به متن در CSS - بخش اول ۳۲ دقیقه
  • چهارم استایل دهی به متن در CSS - بخش دوم ۳۹ دقیقه
  • پنجم فونت ها در طراحی ۴۹ دقیقه
  • ششم - کار با پس زمینه ( background ) در css ۴۱ دقیقه
  • هفتم - فونت آیکون ها در css ۳۲ دقیقه
  • هشتم - لیست ها ( list ) و نمایش المان ها ( display ) ۴۳ دقیقه
  • نهم - شبه کلاس ها ( seudo classes ) و position - بخش اول ۴۶ دقیقه
  • دهم - تکمیل مینی پروژه منو ۳۷ دقیقه
  • یازدهم - شبه کلاس ها ( seudo classes ) و position - بخش دوم ۵۹ دقیقه
  • دوازدهم - شبه عناصر ( seudo elements ) ۴۲ دقیقه
  • سیزدهم - gradient و border image در CSS ۴۴ دقیقه
  • چهاردهم - filter , root و ماژولار نویسی css ۴۷ دقیقه
  • پانزدهم - شناور سازی عناصر ( float ) ۳۹ دقیقه
  • شانزدهم - combinator و attribute سلکتور ها - بخش اول ۳۹ دقیقه
  • هفدهم - شانزدهم - combinator و attribute سلکتور ها - بخش دوم ۱۸ دقیقه
  • هجدهم - object-fit و vertically element center در css ۵۸ دقیقه
  • نوزدهم - مقادیر اولیه و ارث بری عناصر فرزند - ( initial-inherit ) ۱۳ دقیقه

  • اول - تایپوگرافی در طراحی وب - قسمت اول ۴۴ دقیقه
  • دوم - تایپوگرافی در طراحی وب - قسمت دوم ۲۱ دقیقه
  • سوم - تایپوگرافی در طراحی وب - قسمت دوم ۳۱ دقیقه
  • چهارم - تایپوگرافی در طراحی وب - قسمت چهارم ۴۲ دقیقه
  • پنجم - تایپوگرافی در طراحی وب - قسمت پنجم ۳۲ دقیقه
  • ششم - تایپوگرافی در طراحی وب - قسمت ششم ۴۹ دقیقه

  • معرفی سر فصل طراحی رسپانیسو در CSS3 ۳ دقیقه
  • اول - آشنایی با طراحی رسپانسیو ۴۳ دقیقه
  • دوم معرفی مدیا کوئری ها در css3 ۲۵ دقیقه
  • سوم - معرفی سیستم grid در طراحی رسپانسیو ۳۷ دقیقه
  • چهارم - پیاده سازی grid system اختصاصی - شروع طراحی مینی فریم ورک css - بخش اول ۴۹ دقیقه
  • پنجم - پیاده سازی grid system اختصاصی - شروع طراحی مینی فریم ورک css - بخش دوم ۳۱ دقیقه
  • ششم - پیاده سازی grid system اختصاصی - شروع طراحی مینی فریم ورک css - بخش سوم ۳۷ دقیقه
  • هفتم- مینی پروژه - بخش اول ۳۹ دقیقه
  • هشتم- مینی پروژه - بخش پایانی ۳۵ دقیقه

  • اول - پروژه طراحی قالب رسپانسیو توسط css و html - ساختار پروژه ۵۲ دقیقه
  • دوم - پروژه طراحی قالب رسپانسیو توسط css و html - منوی رسپانسیو ۵۱ دقیقه
  • سوم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی هدر ۳۸ دقیقه
  • چهارم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی بخش دوره ها ۴۶ دقیقه
  • پنجم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی بخش دربارما ۴۱ دقیقه
  • ششم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی بخش مدرسین ۳۱ دقیقه
  • هفتم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی بخش مقالات ۳۷ دقیقه
  • هشتم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی بخش مقالات2 ۳۸ دقیقه
  • نهم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی منوی آکاردئونی ۴۶ دقیقه
  • دهم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی منوی آکاردئونی2 ۲۷ دقیقه
  • یازدهم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی بخش فوتر - بخش اول ۴۴ دقیقه
  • دوازدهم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی بخش فوتر - بخش دوم ۳۰ دقیقه
  • سیزدهم - پروژه طراحی قالب رسپانسیو توسط css و html - مباحث تکمیلی ۲۰ دقیقه

آموزش جی کوئری

  • اول - معرفی کتابخانه جی کوئری و بررسی ساختار آن ۲۸ دقیقه
  • دوم - سلکتورها در جی کوئری ۲۶ دقیقه
  • سوم - event ها در جی کوئری ۳۲ دقیقه
  • چهارم - افکت ها در جی کوئری ۲۶ دقیقه
  • پنجم - افکت animate در جی کوئری ۲۸ دقیقه
  • ششم - دستکاری محتوای عناصر سند ( DOM Manipulation ) ۳۰ دقیقه
  • هفتم - اعمال و حذف المان ها توسط add و remove ۲۶ دقیقه
  • هشتم - کار با کلاس های css در جی کوئری ۱۸ دقیقه
  • نهم - کار با ابعاد عناصر در جی کوئری ( Elements Dimention ) ۲۳ دقیقه
  • دهم - پیمایش عناصر در جی کوئری ( Traversing ) بخش اول ۳۳ دقیقه
  • یازدهم - پیمایش عناصر در جی کوئری ( Traversing ) بخش دوم ۱۳ دقیقه
  • دوازدهم - پیمایش عناصر در جی کوئری ( Traversing ) بخش سوم ۱۴ دقیقه
  • سیزدهم - پیمایش عناصر در جی کوئری ( Traversing ) بخش چهارم ۲۳ دقیقه
  • چهاردهم - پیمایش عناصر در جی کوئری ( Traversing ) بخش پنجم ۳۰ دقیقه
  • پانزدهم - پروژه شماره 1 - پیاده سازی accordion menu ۲۷ دقیقه
  • شانزدهم - پروژه شماره 2 - پیاده سازی Scroll To Top ۳۰ دقیقه
  • هفدهم - پروژه شماره 3 - پیاده سازی Modal Box ۲۶ دقیقه
  • هجدهم - پروژه شماره 4 - پیاده سازی Add Dynamic Inputs ۲۹ دقیقه
  • نوزدهم - پلاگین های کاربردی جی کوئری - پلاگین شماره 1 - sweet alert ۲۸ دقیقه
  • بیستم - پلاگین های کاربردی جی کوئری - پلاگین شماره 2 - owl carousel ۲۸ دقیقه
  • بیست و یکم - پلاگین های کاربردی جی کوئری - پلاگین شماره 3 - slick carousel ۱۸ دقیقه
  • بیست و دوم - پلاگین های کاربردی جی کوئری - پلاگین شماره 4 - AOS animate ۲۸ دقیقه
  • بیست و سوم - پلاگین های کاربردی جی کوئری - پلاگین شماره 5 - zoomy slider ۱۵ دقیقه
  • بیست و چهارم - پلاگین های کاربردی جی کوئری - پلاگین شماره 6 - countdown timer ۲۱ دقیقه
  • بیست و پنجم - پلاگین های کاربردی جی کوئری - پلاگین شماره 7 - google map ۱۳ دقیقه
  • بیست و ششم - پلاگین های کاربردی جی کوئری - پلاگین شماره 8 - date picker ۱۷ دقیقه
  • بیست و هفتم - پلاگین های کاربردی جی کوئری - پلاگین شماره 9 - video js ۲۰ دقیقه
  • بیست و هشتم - پلاگین های کاربردی جی کوئری - پلاگین شماره 10 - CKEditor ۱۸ دقیقه

  • اول پروژه اول - sidebar menu ۴۸ دقیقه
  • پروژه دوم - uploader button ۴۳ دقیقه
  • پروژه سوم - count up ۳۲ دقیقه
  • پروژه چهارم - dimensional social media button ۴۱ دقیقه
  • پروژه پنجم - show/hidden password button ۴۲ دقیقه
  • پروژه ششم - card ۴۹ دقیقه
  • پروژه هفتم - corner animation menu ۵۲ دقیقه
  • پروژه هشتم - toast ۴۴ دقیقه
  • پروژه نهم - star Rating ۵۸ دقیقه
  • پروژه دهم - tab ۳۷ دقیقه
  • پروژه یازدهم - responsive animation card ۵۹ دقیقه
  • پروژه دوازدهم - image gallery ۲۱ دقیقه
  • پروژه سیزدهم - accordion menu ۳۹ دقیقه
  • پروژه چهاردهم - full width search box ۵۳ دقیقه
  • پروژه پانزدهم - split page ۵۰ دقیقه

html و CSS پیشرفته

  • اول - بررسی و پیاده سازی لایه بندی تک ستونه ( one columns layout ) ۲۴ دقیقه
  • دوم - بررسی و پیاده سازی لایه بندی دو ستونه ( two columns layout ) ۱۹ دقیقه
  • سوم - بررسی و پیاده سازی لایه بندی سه ستونه ( three columns layout ) ۱۶ دقیقه
  • چهارم - بررسی و پیاده سازی لایه بندی ( sidebar layout ) ۲۲ دقیقه
  • پنجم - بررسی و پیاده سازی لایه بندی ( two sidebar layout ) ۱۲ دقیقه
  • ششم - بررسی و پیاده سازی لایه بندی ستون های نابرابر ( unequal column layout ) ۱۵ دقیقه
  • هفتم - بررسی و پیاده سازی لایه بندی کاشی کاری ( tile column layout ) ۱۵ دقیقه
  • هشتم - بررسی و پیاده سازی لایه بندی زیگ زاگ ( zig zag layout ) ۱۵ دقیقه
  • نهم - لایه بندی ترکیبی ( mix layout ) ۳۷ دقیقه

  • اول - flexbox در css - آشنایی با flex در css ۳۰ دقیقه
  • دوم - flexbox در css - ساختار ردیف و ستون ۲۹ دقیقه
  • سوم - flexbox در css - تراز المان ها در راستای عرض و ارتفاع سند ۴۳ دقیقه
  • چهارم - flexbox در css - تنظیم عرض عناصر و نحوه ترتیب چینش آنها ۳۶ دقیقه
  • پنجم - flexbox در css - تراز المان ها فرزند در راستای عرض و ارتفاع والد ۱۸ دقیقه
  • ششم- flexbox در css - مینی پروژه ۴۹ دقیقه

  • اول - grid در css - آشنایی با css grid ۲۹ دقیقه
  • دوم - grid در css - مفاهیم css grid ۱۸ دقیقه
  • سوم - grid در css - ایجاد سطرها و ستون ها توسط css grid ۲۸ دقیقه
  • چهارم - grid در css - تراز المان ها در css grid ۳۰ دقیقه
  • پنجم - grid در css - بخش بندی المان ها در css grid - بخش اول ۴۱ دقیقه
  • ششم - grid در css - بخش بندی المان ها در css grid - بخش دوم ۲۴ دقیقه
  • هفتم - grid در css - بخش بندی المان ها توسط مفهوم naming در css grid ۴۷ دقیقه
  • هشتم - grid در css - مفهوم fraction و توابع در css grid ۱۸ دقیقه
  • نهم - grid در css - پروژه ۳۰ دقیقه

  • اول - بررسی اصول طراحی فرم ها - بخش اول ۲۶ دقیقه
  • دوم - بررسی اصول طراحی فرم ها - بخش دوم ۲۳ دقیقه
  • سوم - بررسی اعتبار سنجی فرم ها سمت client - بخش اول ۲۹ دقیقه
  • چهارم - بررسی اعتبار سنجی فرم ها سمت client - بخش دوم ۲۵ دقیقه
  • پنجم - بررسی اعتبار سنجی فرم ها سمت client - بخش سوم ۳۰ دقیقه
  • ششم - پروژه شماره یک - فرم ثبت نام ۵۲ دقیقه
  • هفتم - پروژه شماره دو - فرم ثبت نام همراه با تصویر ۴۰ دقیقه
  • هشتم - پروژه شماره سه - فرم مدرن ورود و ثبت نام همراه با انیمیشن - بخش اول ۵۱ دقیقه
  • نهم - پروژه شماره سه - فرم مدرن ورود و ثبت نام همراه با انیمیشن - بخش دوم ۶۲ دقیقه
  • دهم - پروژه شماره چهارم - فرم پشرفته همراه با انیمیشن - بخش اول ۴۲ دقیقه
  • یازدهم - پروژه شماره چهارم - فرم پشرفته همراه با انیمیشن - بخش دوم ۳۵ دقیقه

  • معرفی سر فصل انیمیشن ها در CSS3 ۳ دقیقه
  • اول - 2D-transform در css ۲۵ دقیقه
  • دوم - 3D-transform در css ۳۲ دقیقه
  • سوم - transition در css ۴۳ دقیقه
  • چهارم - keyframe ها در انمیشن ها در css ۴۳ دقیقه
  • پنجم - پروژه شماره 1 - loading ۱۲ دقیقه
  • ششم - پروژه شماره 2 - flip card ۳۲ دقیقه
  • هفتم - پروژه شماره 3 - ماشین متحرک - بخش اول ۳۲ دقیقه
  • هشتم - پروژه شماره 3 - ماشین متحرک - بخش دوم ۳ دقیقه
  • هشتم - پروژه شماره 3 - ماشین متحرک - بخش سوم ۳ دقیقه
  • هشتم - پروژه شماره 3 - ماشین متحرک - بخش چهارم ۳ دقیقه
  • هشتم - پروژه شماره 3 - ماشین متحرک - بخش پنجم ۳ دقیقه
  • هشتم - پروژه شماره 3 - ماشین متحرک - بخش ششم ۵ دقیقه
  • هشتم - پروژه شماره 3 - ماشین متحرک - بخش هفتم ۴ دقیقه
  • هشتم - پروژه شماره 3 - ماشین متحرک - بخش هشتم ۴ دقیقه
  • هشتم - پروژه شماره 3 - ماشین متحرک - بخش نهم ۴ دقیقه
  • هشتم - پروژه شماره 3 - ماشین متحرک - بخش دهم ۲ دقیقه
  • هشتم - پروژه شماره 3 - ماشین متحرک - بخش یازدهم ۳ دقیقه

  • اول- پروژه اول - منو افقی ۳۰ دقیقه
  • دوم - پروژه دوم - منوی عمودی تمام صفحه ۷۴ دقیقه
  • سوم - پروژه سوم - منوی تمام صفحه ۴۳ دقیقه
  • چهارم - پروژه چهارم - سایدبار منو ( canvas menu ) ۵۶ دقیقه
  • پنجم - پروژه پنجم- اسلایدر تصاویر - بخش اول ۳۸ دقیقه
  • ششم - پروژه پنجم - اسلایدر تصاویر - بخش دوم ۴۲ دقیقه
  • هفتم - پروژه ششم - dropdown menu ۵۳ دقیقه
  • هشتم - پروژه هفتم - split page with menu - بخش اول ۳۲ دقیقه
  • نهم - پروژه هفتم - split page with menu - بخش دوم ۴۳ دقیقه
  • دهم - پروژه هشتم - dropdown menu یا accordion menu ۴۰ دقیقه
  • یازدهم - پروژه نهم - انمیشن متحرک - بخش اول ۳۱ دقیقه
  • دوازدهم - پروژه نهم - انمیشن متحرک - بخش دوم ۳۳ دقیقه
  • سیزدهم - پروژه دهم - page scroller - بخش اول ۳۰ دقیقه
  • چهاردهم - پروژه دهم - page scroller - بخش دوم ۳۸ دقیقه
  • پانزدهم - پروژه یازدهم - کتابخانه animate.css ۲۸ دقیقه
  • شانزدهم -- پروژه دوازدهم - کتابخانه hover.css ۱۷ دقیقه
  • هفدهم - پروژه سیزدهم - کتابخانه imagehover.css ۲۱ دقیقه
  • هجدهم - پروژه چهاردهم - کتابخانه ihover ۱۳ دقیقه
  • نوزدهم - پروژه پانزدهم - کتابخانه button.css ۲۶ دقیقه

  • آشنایی با Git و چرایی استفاده از آن ۱۹ دقیقه
  • نصب و شروع کار با گیت ۳۲ دقیقه
  • کانفیگ کردن git ۸ دقیقه
  • آشنایی با وضعیت فایل ها و LifeCycle در git ۱۲ دقیقه
  • ایجاد و مدیریت انشعاب ها در پروژه (Git Branches) ۳۲ دقیقه
  • رفع تداخل ها (Fix Conflicts) ۱۹ دقیقه
  • مدل برنچینگ بهینه (Git Flow) ۱۶ دقیقه
  • ثبت و نمایش تغیرات در git ۱۲ دقیقه
  • برگردوندن و ریست کردن پروژه به یک کامیت خاص ۱۰ دقیقه
  • آموزش Stashing در git ۱۶ دقیقه
  • معرفی، کانفیگ و استفاده از GitLab ۴۷ دقیقه
  • آشنایی با فایل gitignore و اهمیت اون ۳۰ دقیقه

آموزش جامع فریم ورک BOOTSTRAP

  • جلسه اول - معرفی و مروری بر فریم ورک بوت استرپ 4 ۳۳ دقیقه
  • جلسه دوم - نصب و راه اندازی فریم ورک bootstrap 4 ۲۲ دقیقه
  • جلسه سوم - سیستم گرید بخش اول - container و row ۳۶ دقیقه
  • جلسه چهارم - سیستم گرید بخش دوم - col ها ۲۳ دقیقه
  • جلسه پنجم- سیستم گرید بخش سوم - مینی پروژه - پیاده سازی layout ۳۸ دقیقه
  • جلسه ششم - سیستم گرید بخش چهارم - column ordering و offset ۳۹ دقیقه
  • جلسه هفتم - سیستم گرید بخش پنجم - alignment و flex ۳۶ دقیقه
  • جلسه هشتم - کامپوننت ها - بخش اول - alert , badge و beardcrumb ۳۹ دقیقه
  • جلسه نهم - کامپوننت ها - بخش دوم - دکمه ها و دکمه های گروهی ۳۸ دقیقه
  • جلسه دهم - کامپوننت ها - بخش سوم - card ها بخش اول ۳۰ دقیقه
  • جلسه یازدهم - کامپوننت ها - بخش چهارم - card ها - بخش دوم ۳۹ دقیقه
  • جلسه دوازدهم - کامپوننت ها - بخش چهارم - carousel ( اسلایدر تصاویر ) ۲۹ دقیقه
  • جلسه سیزدهم - کامپوننت ها - بخش پنجم - collapse ( آکاردین منو ) و dropdown menu ۳۱ دقیقه
  • جلسه چهاردهم - کامپوننت ها - بخش ششم - form ها ۳۳ دقیقه
  • جلسه پانزدهم - کامپوننت ها - بخش هفتم - input group ها و list group ها ۴۰ دقیقه
  • جلسه شانزدهم - کامپوننت ها - بخش هشتم- media object ها , pagination و progress bar ها ۳۰ دقیقه
  • جلسه هفدهم - کامپوننت ها - بخش نهم - modal و tooltip ۳۳ دقیقه
  • جلسه هجدهم - کامپوننت ها - بخش دهم- nav , tabs و sppiner ۳۷ دقیقه
  • جلسه نوزدهم - کامپوننت ها - بخش یازدهم - navbar ( منو ) ۳۶ دقیقه
  • جلسه بیستم- کامپوننت ها - بخش دوازدهم - popover ,toast و scroll spy ۲۸ دقیقه
  • جلسه بیستم و یکم - utility ها - بخش اول - border , clearfix, color, display و embed ۲۷ دقیقه
  • جلسه بیستم و دوم - utility ها - بخش دوم - flex , screen reader , image replacement و interactions ۲۵ دقیقه
  • جلسه بیستم و سوم - utility ها - بخش سوم - shadow, sizing , spacing , stretched link , vertical align ,text و visibility ۲۷ دقیقه
  • جلسه بیستم و چهارم - content - تایپوگرافی , reboot , code, images , tables و figures ۲۶ دقیقه
  • بیست و پنجم - پروژه - جلسه اول - پیاده سازی بخش جستجو و سبد خرید بخش اول ۴۲ دقیقه
  • بیست و ششم- پروژه - جلسه دوم - پیاده سازی بخش جستجو و سبد خرید - بخش دوم ۲۷ دقیقه
  • بیست و هفتم - پروژه - جلسه سوم - پیاده سازی مگا منو - بخش اول ۳۵ دقیقه
  • بیست و هشتم - پروژه - جلسه چهارم - پیاده سازی مگا منو - بخش دوم ۲۷ دقیقه
  • بیست و نهم - پروژه - جلسه پنجم - پیاده سازی مگا منو - بخش سوم ۲۱ دقیقه
  • سی - پروژه - جلسه ششم - پیاده سازی اسلایدر محصولات - بخش اول ۳۷ دقیقه
  • سی و یکم - پروژه - جلسه هفتم - پیاده سازی اسلایدر محصولات - بخش دوم ۴۲ دقیقه
  • سی و دوم - پروژه - جلسه هشتم - پیاده سازی بنر ها و دسته بندی محصولات ۳۸ دقیقه
  • سی و سوم- پروژه - جلسه نهم - پیاده پیشنهادات ویژه محصولات - بخش اول ۳۵ دقیقه
  • سی و چهارم - پروژه - جلسه دهم - پیاده پیشنهادات ویژه محصولات - بخش دوم ۲۷ دقیقه
  • سی و پنجم - پروژه - جلسه یازدهم - پیاده سازی پیشنهادات ویژه محصولات - بخش سوم ۳۷ دقیقه
  • سی و ششم - پروژه - جلسه دوازدهم - پیاده سازی پیشنهادات ویژه محصولات - بخش چهارم ۴۳ دقیقه
  • سی و هفتم - پروژه - جلسه سیزدهم - پیاده سازی پیشنهادات ویژه محصولات - بخش پنجم ۲۹ دقیقه
  • سی و هشتم - پروژه - جلسه چهاردهم - نمایش محصولات دسته بندی های متفاوت در قالب اسلایدر تصویر - بخش اول ۳۴ دقیقه
  • سی و نهم - پروژه - جلسه پانزدهم - نمایش محصولات دسته بندی های متفاوت در قالب اسلایدر تصویر - بخش دوم ۳۲ دقیقه
  • چهل - پروژه - جلسه شانزدهم - نمایش بنر محصولات ۳۲ دقیقه
  • چهل و یکم - پروژه - جلسه هفدهم - پیاده سازی اسلایدر برندها و پرفروش ترین محصولات دسته ای خاص ۲۳ دقیقه
  • چهل و دوم - پروژه - جلسه هجدهم - پیاده سازی فوتر - بخش اول ۴۰ دقیقه
  • چهل و سوم - پروژه - جلسه نوزدهم - پیاده سازی فوتر - بخش دوم ۳۷ دقیقه
  • چهل و چهارم - پروژه - جلسه بیستم- پیاده سازی فرم لاگین - بخش اول ۴۳ دقیقه
  • چهل و پنجم - پروژه - جلسه بیست و یکم - پیاده سازی فرم لاگین - بخش دوم ۱۱ دقیقه
  • چهل و ششم - پروژه - جلسه بیست و دوم- پیاده سازی صفحه محصول - breadcrumb و نمایش محصول - بخش اول ۳۶ دقیقه
  • چهل و هفتم - پروژه - جلسه بیست و سوم - پیاده سازی صفحه محصول - breadcrumb و نمایش محصول - بخش دوم ۳۳ دقیقه
  • چهل و هشتم - پروژه - جلسه بیست و چهارم - پیاده سازی صفحه محصول - مشخصات محصول - بخش اول ۲۵ دقیقه
  • چهل و نهم - پروژه - جلسه بیست و پنجم - پیاده سازی صفحه محصول - مشخصات محصول - بخش دوم ۴۴ دقیقه
  • پنجاه - پروژه - جلسه بیست و ششم - پیاده سازی صفحه محصول - مشخصات محصول - بخش سوم ۳۶ دقیقه
  • پنجاه و یکم - پروژه - جلسه بیست و هفتم - پیاده سازی صفحه محصول - مشخصات محصول - بخش چهارم ۳۶ دقیقه
  • پنجاه و دوم - پروژه - جلسه بیست و هشتم - پیاده سازی صفحه محصول - مشخصات محصول - بخش پنجم ۳۰ دقیقه
  • پنجاه و سوم - پروژه - جلسه بیست و نهم - ایجاد تغیرات و بهینه سازی پروژه ۲۹ دقیقه
  • پنجاه و چهارم ( پایانی ) - پروژه - جلسه سی ام - پیاده سازی اسلایدر تصاویر محصول با قابلیت بزرگ نمایی تصویر محصول ۲۶ دقیقه

ابزارهایی قدرتمند برای افزایش سرعت و کیفیت کار

  • جلسه اول - معرفی و مروی بر GULP.JS ۲۴ دقیقه
  • جلسه دوم - نصب و راه اندازی GULP ۱۶ دقیقه
  • جلسه سوم - شروع کار با GULP ۲۱ دقیقه
  • جلسه چهارم - انتقال فایل ها و بهینه سازی تصاویر ۱۹ دقیقه
  • جلسه پنجم - فشرده سازی فایل های جاوااسکریپت ۲۳ دقیقه
  • جلسه ششم - کامپایل فایل های sass به css ۲۳ دقیقه
  • جلسه هفتم - فشرده سازی فایل های css ۲۴ دقیقه
  • جلسه هشتم - کامپایل فایل های PUG , پیاده سازی default task و ادغام فایل های js ۲۲ دقیقه
  • جلسه نهم - پیاده سازی تسک watch برای خودکار سازی اجرای تمام تسک ها در ورژن 3 و 4 gulp ۲۵ دقیقه

  • اول - شروع کار با pug - نصب و راه اندازی ۲۳ دقیقه
  • دوم - کار با فرم ها و استایل ها در pug ۲۳ دقیقه
  • سوم - کار با external css در pug ۱۸ دقیقه
  • چهارم - کار با حلقه ها در pug ۱۲ دقیقه
  • پنجم - conditional statement در pug ۲۲ دقیقه
  • ششم - case statement در pug ۱۲ دقیقه
  • هفتم - ماژولار کردن فایل های html در pug ۱۹ دقیقه

  • مقدمه - معرفی وکاربرد پیش پردازنده SASS ۱۹ دقیقه
  • اول - نصب و راه اندازی SASS ۱۶ دقیقه
  • دوم - متغیرها و کاربرد آنها در SASS ۲۰ دقیقه
  • سوم - بررسی مفهوم nesting در SASS و بررسی کاربرد آن ۲۷ دقیقه
  • چهارم - بررسی مفهوم mixin ها در SASS - بخش اول ۲۳ دقیقه
  • پنجم - بررسی مفهوم mixin ها در SASS - بخش دوم ۳۳ دقیقه
  • ششم - بررسی مفهوم و ساختار extend در SASS ۱۴ دقیقه
  • هفتم - بررسی ساختار حلقه ها در SASS ۱۵ دقیقه
  • هشتم - بررسی conditional statement ها در SASS ۱۴ دقیقه
  • پروژه - جلسه اول - آماده سازی ساختار پروژه و پیاده سازی متغیرهای اولیه ۳۳ دقیقه
  • پروژه - جلسه دوم - پیاده سازی منو - بخش اول ۳۱ دقیقه
  • پروژه - جلسه سوم - پیاده سازی منو - بخش دوم ۲۶ دقیقه
  • پروژه - جلسه چهارم - پیاده سازی hero header - بخش اول ۲۶ دقیقه
  • پروژه - جلسه پنجم - پیاده سازی hero header - بخش دوم ۱۵ دقیقه
  • پروژه - جلسه ششم - پیاده سازی بخش دوره های آموزشی - بخش اول ۴۱ دقیقه
  • پروژه - جلسه هفتم - پیاده سازی بخش دوره های آموزشی - بخش دوم ۲۷ دقیقه
  • پروژه - جلسه هشتم - پیاده سازی بخش مسیر آموزشی ۲۱ دقیقه
  • پروژه - جلسه نهم- پیاده سازی بخش مطالب ۴۷ دقیقه
  • پروژه - جلسه دهم - پیاده سازی بخش فوتر ۴۱ دقیقه
  • پروژه - جلسه یازدهم - ماژولار کردن فایل های استایل پروژه و مباحث تکمیلی ۱۵ دقیقه

  • اول - حذف پس زمینه از تصاویر در فتوشاپ ۳۰ دقیقه
  • دوم - بررسی کاربرد و پیاده سازی action ها در فتوشاپ ۲۴ دقیقه
  • سوم - بهینه سازی تصاویر برای وب در فتوشاپ ۲۲ دقیقه
  • چهارم - تصویر سازی ( illustration ) در فتوشاپ - بخش اول ۳۷ دقیقه
  • پنجم - تصویر سازی ( illustration ) در فتوشاپ - بخش دوم ۴۴ دقیقه

  • معرفی و نحوه اجرای آزمون جامع ۲ دقیقه

از چه کسی یاد میگیری؟

تصویر وحید صالحی
وحید صالحی طراح و برنامه نویس ، مدرس ارشد سون لرن
  • توسعه‌دهنده‌ی اپلیکیشن‌های تحت وب
  • برنامه نویس وردپرس, جاوااسکریپت وPHP
  • تدریس بیش از 600 ساعت دوره‌ی آنلاین
  • تدریس دوره‌های تخصصی طراحی و برنامه‌نویسی وب با بیش از 4000 دانشجو
  • برگزارکننده‌ی بیش از 11 دوره‌ی آموزش حرفه‌ای آنلاین

همین الان ثبت نام کن

تخفیف ۷۱۰ هزار تومانی پرداخت کامل
۷۱۰ هزار تومان تخفیف پرداخت نقدی
۳.۷ میلیون تومان
۲.۹۹ میلیون تومان
پرداخت اقساطی در ۳ قسط  ( به صورت ماهانه)
پرداخت ۳ قسط ۱.۲۳۳ میلیون تومانی ، به صورت ماهانه (مجموعا ۳.۷ میلیون تومان)
مبلغ قسط اول
۱.۲۳۳ میلیون تومان

درخواست مشاوره

برای مشاوره تخصصی روی ما حساب کنید!

۰۲۱-۲۸۴۲۷۷۵۰