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

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

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

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

آموزش طراحی وب سایت حرفه ای

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

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

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

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

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


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

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

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

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

نظرات دانشجویان دانشجویان سابق دوره چه می گویند؟

amirhossein mokhtari

amirhossein mokhtari | ‏ ۹۴۰ روز با سون لرن
دانشجوی دوره متخصص طراحی وب

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

P_007

P_007 | ‏ ۱۳۹۰ روز با سون لرن
دانشجوی دوره متخصص طراحی وب

بهترین دوره‌ای بوده که تا حالا شرکت کردم، دوره‌های زیادی رو از وب سایت های دیگه شرکت کردم ولی اصلاً نتونسته بودم در مباحث طراحی وب دیپ بشم و فقط سطحی یاد گرفته بودم اما توی این دوره تونستم یکبار برای همیشه مباحث html و css و bootstrap و jquery رو به صورت عمیق یاد بگیرم. من واقعاً از دوره راضیم قصدم اینه آقای وحید صالحی هر دوره‌ای که برگزار کنن شرکت کنم چون واقعاً موضوع رو به طور مفصل با مثال و پروژه توضیح می‌دن.

دموی جلسات و پروژه های دوره

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

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

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

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

فعالیت‌های آموزشی تعریف شده در دوره مانند مشاهده جلسات، تمرین، آزمون، پروژه، پاسخ دادن به سوال دیگران و غیره با شاخصی به‌نام 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 منتشر نشده ۲۱ دقیقه

در این دوره بطور کامل با زبان HTML و HTML5 آشنا خواهیم شد و تمام امکانات مهم و ضروری این زبان را فرا خواهیم گرفت.

  • آموزش 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 و CSS3 آشنا خواهیم شد و تمام امکانات مهم و ضروری این زبان را فرا خواهیم گرفت.

  • معرفی - مقدمات و آشنایی با 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 ) منتشر شده ۱۳ دقیقه

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

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

در این دوره با مفهوم بسیار کاربردی ودیا کوئری ها در CSS آشنا خواهیم شد و با توجه به آنچه که تا این لحظه فرا گرفتیم یک قالب لندینگ کاملا واکنشگرا صرفا توسط مدیا کوئری ها بدون استفاده از فریم ورک کدنویسی خواهیم کرد

  • معرفی سر فصل طراحی رسپانیسو در 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 - کدنویسی بخش مقالات منتشر شده ۳۷ دقیقه
  • هشتم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی بخش مقالات2 منتشر شده ۳۸ دقیقه
  • نهم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی منوی آکاردئونی منتشر شده ۴۶ دقیقه
  • دهم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی منوی آکاردئونی2 منتشر شده ۲۷ دقیقه
  • یازدهم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی بخش فوتر - بخش اول منتشر شده ۴۴ دقیقه
  • دوازدهم - پروژه طراحی قالب رسپانسیو توسط css و html - کدنویسی بخش فوتر - بخش دوم منتشر شده ۳۰ دقیقه
  • سیزدهم - پروژه طراحی قالب رسپانسیو توسط css و html - مباحث تکمیلی منتشر شده ۲۰ دقیقه

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

در این دوره با جی کوئری برای کنترل رفتار المان ها در صفحات وب اشنا خواهیم شد و کار با 10 پلاگین کاربردی و مهم جی کوئری رو فرا خواهیم گرفت.

  • اول - معرفی کتابخانه جی کوئری و بررسی ساختار آن منتشر شده ۲۸ دقیقه
  • دوم - سلکتورها در جی کوئری منتشر شده ۲۶ دقیقه
  • سوم - 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 منتشر شده ۱۸ دقیقه

قرار خودمون رو محک بزنیم و متوجه بشیم که تا اینجای این دوره اگر خوب تمرین کرده باشیم می تونیم پروژه های خیلی خفنی رو کدنویسی کنیم در این دوره هم 15 پروژه جذاب رو آموزش خواهیم داد.

  • اول پروژه اول - 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 پیشرفته

در این دوره با انواع لایه بندی و چارچوب کلی صفحات وب آشنا خواهیم شد و در انتهای دوره یکی از انواع لایه بندی ها به عنوان پروژه بصورت layout خام پیاده سازی خواهیم کرد.

  • اول - بررسی و پیاده سازی لایه بندی تک ستونه ( 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 آشنا خواهیم شد بطور کامل مشکلاتی که با تراز کردن المانها و جانمایی آنها در صفحات وب رو داشتیم به دست فراموشی خواهیم سپرد.

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

در این دوره با یه ماژول قدرتمند دیگه برای ترازهای عمودی و افقی در CSS3 آشنا خواهیم شد و نحوه استفاده از اون رو فرا خواهیم گرفت.

  • اول - 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 بطور کامل آشنا خواهیم شد بطوری که پس از این دوره دید تازه ای نسبت به قابلیت های CSS3 خواهیم داشت.

  • معرفی سر فصل انیمیشن ها در 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 - ماشین متحرک - بخش یازدهم منتشر شده ۳ دقیقه

در این دوره با توجه با آنچه که از دوره های گذشته فرا گرفتیم مخصوصا دوره  انیمیشن سازی در CSS3 به پیاده سازی 15 پروژه کاربردی توسط  css و کتابخانه های آنخواهیم  پرداخت و لذت طراحی وب رو بیشتر از گذشته خواهیم چشید.

  • اول- پروژه اول - منو افقی منتشر شده ۳۰ دقیقه
  • دوم - پروژه دوم - منوی عمودی تمام صفحه منتشر شده ۷۴ دقیقه
  • سوم - پروژه سوم - منوی تمام صفحه منتشر شده ۴۳ دقیقه
  • چهارم - پروژه چهارم - سایدبار منو ( 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 یک سیستم کنترل ورژن یا version control system می باشد که توسط لینوس توروالدز، خالق هسته لینوکس طراحی شده است. هدف اصلی این سرویس فراهم کردن محیطی برای برنامه نویسان بود تا بتوانند به صورت گروهی روی یک پروژه مشترک کار کنند. به کمک Git می توانید یک پروژه نرم افزاری ایجاد کنید که به راحتی توسط خودتان و دیگران قابل تغییر می باشد. اطلاعات پروژه شما می تواند توسط دیگران هم قابل ردیابی یا تغییر باشد. Git این اطلاعات را تحت ساختاری به نام Repository یا مخزن ذخیره می کند. پس Repository یک محیط در Git ...

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

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

در این دوره بطور کامل با فریم ورک بوتسترپ 4 آشنا خواهیم شد و اصول طراحی قالب های رسپانسو رو در قالب پروژه کاربردی فرا خواهیم گرفت.

  • جلسه اول - معرفی و مروری بر فریم ورک بوت استرپ 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 و نمایش محصول - بخش دوم منتشر شده ۳۳ دقیقه
  • چهل و هشتم - پروژه - جلسه بیست و چهارم - پیاده سازی صفحه محصول - مشخصات محصول - بخش اول منتشر شده ۲۵ دقیقه
  • چهل و نهم - پروژه - جلسه بیست و پنجم - پیاده سازی صفحه محصول - مشخصات محصول - بخش دوم منتشر شده ۴۴ دقیقه
  • پنجاه - پروژه - جلسه بیست و ششم - پیاده سازی صفحه محصول - مشخصات محصول - بخش سوم منتشر شده ۳۶ دقیقه
  • پنجاه و یکم - پروژه - جلسه بیست و هفتم - پیاده سازی صفحه محصول - مشخصات محصول - بخش چهارم منتشر شده ۳۶ دقیقه
  • پنجاه و دوم - پروژه - جلسه بیست و هشتم - پیاده سازی صفحه محصول - مشخصات محصول - بخش پنجم منتشر شده ۳۰ دقیقه
  • پنجاه و سوم - پروژه - جلسه بیست و نهم - ایجاد تغیرات و بهینه سازی پروژه منتشر شده ۲۹ دقیقه
  • پنجاه و چهارم ( پایانی ) - پروژه - جلسه سی ام - پیاده سازی اسلایدر تصاویر محصول با قابلیت بزرگ نمایی تصویر محصول منتشر شده ۲۶ دقیقه

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

در این دوره با مفهوم task runner ها آشنا خواهیم شد و کار با یکی از محبوب ترین اون ها رو در قالب مثال های متنوع فرا خواهیم گرفت

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

در این دوره با مفهوم template engine های html آشنا خواهیم شد و یکی از محبوب ترین هاش رو آموزش خواهیم داد.

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

در این دوره با مفهوم پیش پردازنده های css آشنا خواهیم شد و نحوه استفاده از یکی از محبوب ترین هاش رو در قالب پروژه لندینگ وب سایت آموزشی آموزش خواهیم داد.

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

در این دوره قرار کاربردی ترین مسائلی که فتوشاپ کمکمون می کنه تا روند طراحی بهینه تر بشه رو آموزش خواهیم داد مواردی مثل جداسازی تصاویر پس زمینه ,بهینه سازی حجم تصاویر کار با اکشن ها برای جلوگیری از کارها تکراری و مسائل کاربردی دیگه

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

تاریخ برگزاری : 1 تیرماه 1400ساعت شروع: 21 شبساعت پایان: 22 شببازه زمانی آزمون فقط 1 ساعت می باشد و خارج از آن قابل دسترسی نیست.پیش بینی قطع برق را انجام دهید و در صورت لزوم از تلفن همراه خود برای ادامه ازمون استفاده نمایید.این آزمون برای همه دانشجویان دوره طراحی وب در دسترس است. منتهی عزیزانی که در 3 ماه اخیر ثبت نام کرده اند و تمام محتوای دوره را مشاهده نکردند به این نکته دقت نمایند که آزمون جامع دوره هر 6 ماه یکبار مجددا برگزار می شود و دانشجویان می توانند برای قبولی و یا ارتقای سطح گواهینامه ...

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

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

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

وحید صالحی

برنامه نویس، مدرس ارشد سون لرن

  • بنیان‌گذار وب سایت کافه آموزش
  • بیش از 10 سال سابقه برنامه نویسی تحت وب
  • 9 سال سابقه تدریس حرفه ای در حوزه برنامه نویسی وب
  • توسعه‌دهنده‌ی اپلیکیشن‌های تحت وب
  • برنامه نویس وردپرس, جاوااسکریپت وPHP
  • تدریس بیش از 7000 هزار نفر/ ساعت دوره و کارگاه حضوری در مجموعه سون لرن
  • تولید بیش از 2000 هزار ساعت آموزش و محتوای ویدیویی در حوزه برنامه نویسی وب
  • توسعه دهنده دورکار PHP درشرکت بیلیک آی تی ترکیه
  • برنامه نویس دورکار وردپرس در شرکت Lemon Technologies عمان

رزومه و نمونه تدریس

منتورهای دوره دوستان زیر منتور دوره متخصص طراحی وب هستند و در طول دوره به سوالات شما پاسخ میدن و همراهتون هستند.

تصویر نازنین کریمی مقدم

نازنین کریمی مقدم
منتور

مدیر پشتیبانی سون لرن رزومه

سوالات متداول

پیش نیاز یادگیری طراحی وب چیست؟

پیش نیاز یادگیری طراحی وب چیست؟

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

بهترین منبع آموزش طراحی وب چیست؟

بهترین منبع آموزش طراحی وب چیست؟

به نسبت سال‌های گذشته منابع آموزشی رایگانی مثل یوتیوب در اختیار ما است. که به راحتی قابل استفاده است. اما منابع آموزشی رایگان معمولا دو ضعف بزرگ دارند:

  • اکثر محتواهای آموزشی به زبان انگلیسی هستند و شما باید به طور متوسط به این زبان مسلط باشید.
  • اکثر محتواهای آموزشی رایگان کامل نیستند.

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

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

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

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

آیا با گذراندن دوره طراحی وب می‌توانم به درآمد برسم؟

آیا با گذراندن دوره طراحی وب می‌توانم به درآمد برسم؟

اگر تازه وارد دنیای برنامه نویسی شده‌اید باید بدانید که کسب درآمد بعد از یادگیری هر مهارتی به فاکتورهای متعددی وابسته است:

  • در یادگیری استمرار و نظم داشته باشید.
  • با نمونه کار بیشتر رزومه‌تان را تقویت کنید.

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

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


چرا در این دوره جاوااسکریپت آموزش داده نشده است؟

چرا در این دوره جاوااسکریپت آموزش داده نشده است؟

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

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

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

  • ادغام این دو دوره و افزودن آموزش جامع جاوااسکریپت (که بیش از 50 ساعت زمان مفید آموزش نیاز دارد) باعث افزایش حجم محتوا و عدم تمرکز دانشجو روی مفاهیم طراحی وب و به تناسب آن افزایش قیمت دوره تا دو برابر خواهد شد.
  • طبق اطلاعات جمع‌آوری شده از دانشجویان قبلی دوره تعداد زیادی از دانش آموختگان دوره طراحی وب (نزدیک به ۵۰٪) تمایلی به مسلط شدن و عمیق‌تر شدن در جاوااسکریپت ندارند و طبیعتا جداسازی این دو مبحث به آنها حق انتخاب و صرفه‌جویی در هزینه پرداختی خواهد داد. (نیازی به پرداخت اضافه برای محتوایی که نیاز ندارند، نخواهند داشت).

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

قدم بعدی بعد از گذراندن دوره طراحی وب چیست؟

قدم بعدی  بعد از گذراندن دوره طراحی وب چیست؟

قدم بعدی شما بعد از این دوره بستگی به هدف شما دارد اگر به برنامه نویسی بک اند علاقه دارید می توانید به سراغ یادگیری یکی از زبان های برنامه نویسی php یا پایتون یا NodeJS بروید که قطعا این دوره برای شما کافی است.

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

چه مدت زمان برای یادگیری طراحی وب لازم است؟

چه مدت زمان برای یادگیری طراحی وب لازم است؟

قطعا هر چه شما زمان بیشتری برای یادگیری بگذارید سریع‌تر به نتیجه می‌رسید. اما به طور کلی اگر:

  • در روز ۲ تا ۳ ساعت زمان مفید بگذارید.
  • بعد از دیدن ویدیوهای دوره خودتان هم کدنویسی کنید.
  • استمرار و نظم در یادگیری داشته باشید
  • فاصله استراحت تا یادگیری را زیاد نکنید.

مفاهیم را بهتر یاد می‌گیرید. و در مدت زمان ۶ ماه تا یکسال بر مفاهیم طراحی وب مسلط می‌شوید.

آیا برای یادگیری طراحی وب باید زبان انگلیسی بلد باشم؟

آیا برای یادگیری  طراحی وب باید زبان انگلیسی بلد باشم؟

یادگیری زبان انگلیسی در هر مهارتی به شما کمک می‌کند. در برنامه نویسی هم اگر شما زبان انگلیسی را بلد باشید:

  • زمانی که در پروژه‌ها برایتان سوالی پیش بیاید خیلی راحت با یک جستجوی ساده می‌توانید به جواب برسید.
  • به راحتی می‌توانید آموزش‌های جدید را ببینید و دانش‌تان را به‌روز نگه دارید.
  • می‌توانید پروژه‌های خارجی بگیرید و درآمد دلاری داشته باشید.

اما منظور این نیست که اگر زبان انگلیسی را بلد نیستید این دوره را شروع نکنید، چون این دوره کاملا به زبان فارسی است. و تمامی مباحث به شما آموزش داده می‌شود.

بعد از این دوره به سراغ برنامه نویسی فرانت اند بروم یا بک اند؟

بعد از این دوره به سراغ برنامه نویسی فرانت اند بروم یا بک اند؟

این موضوع کاملا بستگی به علاقه شما دارد. اگر به حل مسئله و الگوریتم و معماری نرم افزار و الگوهای طراحی و ... علاقه دارید. می‌توانید بک اند را انتخاب کنید. در غیر این صورت می‌توانید فرانت اند را انتخاب کنید. که هر دو حوزه بازار کار خوبی دارد. البته شما می‌توانید هر دو مهارت را یاد بگیرید که در این صورت شما اصطلاحا یک برنامه نویس فول استک (full stack developer) هستید و قطعا فرصت های شغلی بهتری برای شما هست.

آیا محتوای این دوره آپدیت است؟

آیا  محتوای این دوره آپدیت است؟

بله در حال حاضر محتوای این دوره آپدیت است و در صورتی که در مبحثی تغییرات گسترده‌ای ایجاد شود مجدد دوره آپدیت می‌شود.

پشتیبانی و رفع اشکال این دوره به چه صورت و از چه طریق می باشد؟

پشتیبانی و رفع اشکال این دوره به چه صورت و از چه طریق می باشد؟

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

چه سوالاتی در مصاحبه کاری برنامه نویسی پرسیده می‌شود؟

چه سوالاتی در مصاحبه کاری برنامه نویسی پرسیده می‌شود؟

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

آیا این مسئله طبیعی است که کدهای برنامه نویسی را فراموش کنم؟

آیا این مسئله طبیعی است که کدهای برنامه نویسی را فراموش کنم؟

بله این کاملا طبیعی است که شما کدها یا تگ‌ها را فراموش کنید و این مسئله برای اکثر افراد پیش می‌آید.

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

بعد از اتمام دوره بهتر است استخدام شوم یا به صورت فریلنسری کار کنم؟

بعد از اتمام دوره بهتر است استخدام شوم یا به صورت فریلنسری کار کنم؟

توصیه من این است که در ابتدای کار ۲ تا ۳ سال در شرکتی استخدام شوید چون شما در کنار همکارانی که قطعا سطح بالاتری از شما دارند بیشتر یاد می‌گیرید سریع‌تر رشد می‌کنید و اگر به مشکلی برخوردید به کمک همکاران‌تان سریع‌تر می‌توانید مشکلات را رفع کنید. در حالی اگر در ابتدا فریلنسر باشید این شرایط برای شما فراهم نیست و رشد شما کندتر است.

اما بعد از سپری کردن مدت ۲ الی ۳ سال کارمندی و کسب تجربه و افزایش ارتباطات می‌توانید با تجربه بیشتر تیم سازی کنید و با تیم خود پروژه‌های فریلنسری انجام بدهید.

بهترین روش یادگیری برنامه نویسی وب چیست؟

بهترین روش یادگیری برنامه نویسی وب چیست؟

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

همیشه قبل از شروع یادگیری برنامه نویسی این دو سوال مطرح می‌شود:

  • آیا بهتر است به صورت self study یاد بگیریم یا یک مشاور و یک منبع جامع داشته باشیم؟ واقعیت این است هر دو روش شما را به هدف‌تان می‌رساند اما زمان رسیدن متفاوت است. ممکن است یادگیری هر زبان برنامه نویسی به صورت self study بین ۲ تا ۳ سال زمان نیاز داشته باشد. ولی اگر یک منبع آموزشی جامع با مدرس باتجربه داشته باشید که حتی پاسخگوی سوالات شما باشد آن مسیر ۳ ساله می‌تواند به یکسال تبدیل شود. من توصیه می‌کنم که اگر زمان برای شما مهم است مسیر دوم را انتخاب کنید.
  • به چه صورت برای یادگیری برنامه نویسی اقدام کنیم که نتیجه بهتری بگیریم؟ واقعیت این است که برنامه نویس بهتر کسی است که قدرت حل مسئله بهتری دارد. و این توانایی با حل مسئله و چالش‌پذیری به دست می‌آید. پس بهتر است در طول یادگیری تمرین کنید، برای خودتان پروژه تعریف کنید و در قالب پروژه چالش‌هایی را برای خودتان طرح کنید و آن چالش‌ها را در کنار آموز‌ش‌هایی که می‌بینید حل کنید. مواردی که در فرآیند چالش‌ها یاد می‌گیرید محال است که فراموش کنید.

پس اگر با یک مدرس با تجربه و معتبر و تمرین و چالش‌پذیری یادگیری را شروع کنید مطمئن باشید بهترین نتیجه را می‌گیرید.

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

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

نیاز به مشاوره تخصصی دارید؟

متخصص طراحی وب دسترسی سریع به جمع متخصصین بپیوندید ...
نقدی/اقساطی ثبت نام میکنم