سال جدید😍 دوره‌های جدید😍 ۳۵٪ تخفیف به همراه ۵ میلیون تومان هدیه 👈 (کلیک کنید)
۰ ثانیه
۰ دقیقه
۰ ساعت
متخصص طراحی وب

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

جامع و پروژه‌محور؛ از پایه تا رسیدن به کسب درآمد
طول دوره بیش از ۷۰ ساعت
پشتیبانی ۱۲ ماهه در جامعه برنامه‌نویسی سون‌لرن
وحید صالحی
مدرس: وحید صالحی برنامه نویس، مدرس ارشد سون لرن
متخصص طراحی وب متخصص طراحی وب به جامعه متخصصین سون‌لرن بپیوندید...

آشنایی با دوره متخصص طراحی وب

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

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

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

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

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

آیا این دوره آموزش طراحی وب سایت حرفه ای از 0 تا 100 است؟

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

نمایش بیشتر
سرفصل‌های دوره
مقدمات شروع طراحی وب و کدنویسی ۸ جلسه
  • جلسه اول آشنایی با ابزارهای مورد نیاز یک طراحی وب و معرفی انواع مرورگر‌های محبوب ۲۸ دقیقه
  • جلسه دوم آشنایی با امکانات مرورگر‌های chrome و firefox - بخش اول ۱۸ دقیقه
  • جلسه سوم آشنایی با امکانات مرورگر‌های chrome و firefox - بخش دوم ۱۹ دقیقه
  • جلسه چهارم آشنایی با امکانات مرورگر‌های chrome و firefox - بخش سوم ۲۷ دقیقه
  • جلسه پنجم معرفی محبوب‌ترین IDE و EDITOR‌ها برای کدنویسی رابط‌های کاربری ۱۳ دقیقه
  • جلسه ششم نصب و پیکربندی vscode - بخش اول ۱۸ دقیقه
  • جلسه هفتم معرفی و نصب اکستنشن‌های کاربردی vscode در طراحی وب - بخش اول ۱۹ دقیقه
  • جلسه هشتم معرفی و نصب اکستنشن‌های کاربردی vscode در طراحی وب - بخش دوم ۱۸ دقیقه
آموزش جامع 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 - دوم ۱۶ دقیقه
آموزش جامع 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 ) ۱۲ دقیقه
تایپوگرافی و واحد‌های اندازه گیری در وب ۶ جلسه
  • جلسه اول اول - تایپوگرافی در طراحی وب - قسمت اول ۴۳ دقیقه
  • جلسه دوم دوم - تایپوگرافی در طراحی وب - قسمت دوم ۲۰ دقیقه
  • جلسه سوم سوم - تایپوگرافی در طراحی وب - قسمت دوم ۳۰ دقیقه
  • جلسه چهارم چهارم - تایپوگرافی در طراحی وب - قسمت چهارم ۴۱ دقیقه
  • جلسه پنجم پنجم - تایپوگرافی در طراحی وب - قسمت پنجم ۳۱ دقیقه
  • جلسه ششم ششم - تایپوگرافی در طراحی وب - قسمت ششم ۴۸ دقیقه
آموزش طراحی رسپانسیو توسط CSS3 بدون نیاز به فریم ورک ۹ جلسه
  • جلسه اول معرفی سر فصل طراحی رسپانیسو در CSS3 ۲ دقیقه
  • جلسه دوم اول - آشنایی با طراحی رسپانسیو ۴۲ دقیقه
  • جلسه سوم دوم معرفی مدیا کوئری‌ها در css3 ۲۴ دقیقه
  • جلسه چهارم سوم - معرفی سیستم grid در طراحی رسپانسیو ۳۶ دقیقه
  • جلسه پنجم چهارم - پیاده سازی grid system اختصاصی - شروع طراحی مینی فریم ورک css - بخش اول ۴۸ دقیقه
  • جلسه ششم پنجم - پیاده سازی grid system اختصاصی - شروع طراحی مینی فریم ورک css - بخش دوم ۳۰ دقیقه
  • جلسه هفتم ششم - پیاده سازی grid system اختصاصی - شروع طراحی مینی فریم ورک css - بخش سوم ۳۶ دقیقه
  • جلسه هشتم هفتم- مینی پروژه - بخش اول ۳۸ دقیقه
  • جلسه نهم هشتم- مینی پروژه - بخش پایانی ۳۴ دقیقه
پروژه HTML5 و CSS3 و طراحی رسپانسو بِدون استفاده از فریم ورک ۱۳ جلسه
  • جلسه اول اول - پروژه طراحی قالب رسپانسیو توسط 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 ۱۷ دقیقه
پروژه‌های کاربردی توسط CSS3 و جی کوئری ۱۵ جلسه
  • جلسه اول اول پروژه اول - 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 ۴۹ دقیقه
انواع لایه بندی در طراحی وب ۹ جلسه
  • جلسه اول اول - بررسی و پیاده سازی لایه بندی تک ستونه ( 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 در CSS3 ۶ جلسه
  • جلسه اول اول - flexbox در css - آشنایی با flex در css ۲۹ دقیقه
  • جلسه دوم دوم - flexbox در css - ساختار ردیف و ستون ۲۸ دقیقه
  • جلسه سوم سوم - flexbox در css - تراز المان‌ها در راستای عرض و ارتفاع سند ۴۲ دقیقه
  • جلسه چهارم چهارم - flexbox در css - تنظیم عرض عناصر و نحوه ترتیب چینش آنها ۳۵ دقیقه
  • جلسه پنجم پنجم - flexbox در css - تراز المان‌ها فرزند در راستای عرض و ارتفاع والد ۱۷ دقیقه
  • جلسه ششم ششم- flexbox در css - مینی پروژه ۴۸ دقیقه
آموزش پیشرفته CSSGRID در 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 ۲ دقیقه
  • جلسه دوم اول - 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 و معرفی کتابخانه‌های کاربردی آن ۱۹ جلسه
  • جلسه اول اول- پروژه اول - منو افقی ۲۹ دقیقه
  • جلسه دوم دوم - پروژه دوم - منوی عمودی تمام صفحه ۱ ساعت و ۱۳ دقیقه
  • جلسه سوم سوم - پروژه سوم - منوی تمام صفحه ۴۲ دقیقه
  • جلسه چهارم چهارم - پروژه چهارم - سایدبار منو ( 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 و چرایی استفاده از آن ۱۸ دقیقه
  • جلسه دوم نصب و شروع کار با گیت ۳۱ دقیقه
  • جلسه سوم کانفیگ کردن 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 و نمایش محصول - بخش دوم ۳۲ دقیقه
  • جلسه چهل و هشتم چهل و هشتم - پروژه - جلسه بیست و چهارم - پیاده سازی صفحه محصول - مشخصات محصول - بخش اول ۲۴ دقیقه
  • جلسه چهل و نهم چهل و نهم - پروژه - جلسه بیست و پنجم - پیاده سازی صفحه محصول - مشخصات محصول - بخش دوم ۴۳ دقیقه
  • جلسه پنجاهم پنجاه - پروژه - جلسه بیست و ششم - پیاده سازی صفحه محصول - مشخصات محصول - بخش سوم ۳۵ دقیقه
  • جلسه پنجاه و یکم پنجاه و یکم - پروژه - جلسه بیست و هفتم - پیاده سازی صفحه محصول - مشخصات محصول - بخش چهارم ۳۵ دقیقه
  • جلسه پنجاه و دوم پنجاه و دوم - پروژه - جلسه بیست و هشتم - پیاده سازی صفحه محصول - مشخصات محصول - بخش پنجم ۲۹ دقیقه
  • جلسه پنجاه و سوم پنجاه و سوم - پروژه - جلسه بیست و نهم - ایجاد تغیرات و بهینه سازی پروژه ۲۸ دقیقه
  • جلسه پنجاه و چهارم پنجاه و چهارم ( پایانی ) - پروژه - جلسه سی ام - پیاده سازی اسلایدر تصاویر محصول با قابلیت بزرگ نمایی تصویر محصول ۲۵ دقیقه
آموزش جامع GULP.JS ۹ جلسه
  • جلسه اول جلسه اول - معرفی و مروی بر GULP.JS ۲۳ دقیقه
  • جلسه دوم جلسه دوم - نصب و راه اندازی GULP ۱۵ دقیقه
  • جلسه سوم جلسه سوم - شروع کار با GULP ۲۰ دقیقه
  • جلسه چهارم جلسه چهارم - انتقال فایل‌ها و بهینه سازی تصاویر ۱۸ دقیقه
  • جلسه پنجم جلسه پنجم - فشرده سازی فایل‌های جاوااسکریپت ۲۲ دقیقه
  • جلسه ششم جلسه ششم - کامپایل فایل‌های sass به css ۲۲ دقیقه
  • جلسه هفتم جلسه هفتم - فشرده سازی فایل‌های css ۲۳ دقیقه
  • جلسه هشتم جلسه هشتم - کامپایل فایل‌های PUG , پیاده سازی default task و ادغام فایل‌های js ۲۱ دقیقه
  • جلسه نهم جلسه نهم - پیاده سازی تسک watch برای خودکار سازی اجرای تمام تسک‌ها در ورژن 3 و 4 gulp ۲۴ دقیقه
آموزش جامع PUG ۷ جلسه
  • جلسه اول اول - شروع کار با pug - نصب و راه اندازی ۲۲ دقیقه
  • جلسه دوم دوم - کار با فرم‌ها و استایل‌ها در pug ۲۲ دقیقه
  • جلسه سوم سوم - کار با external css در pug ۱۷ دقیقه
  • جلسه چهارم چهارم - کار با حلقه‌ها در pug ۱۱ دقیقه
  • جلسه پنجم پنجم - conditional statement در pug ۲۱ دقیقه
  • جلسه ششم ششم - case statement در pug ۱۲ دقیقه
  • جلسه هفتم هفتم - ماژولار کردن فایل‌های html در pug ۱۸ دقیقه
آموزش جامع پیش پردازنده SASS ۲۰ جلسه
  • جلسه اول مقدمه - معرفی وکاربرد پیش پردازنده SASS ۱۸ دقیقه
  • جلسه دوم اول - نصب و راه اندازی SASS ۱۵ دقیقه
  • جلسه سوم دوم - متغیرها و کاربرد آنها در SASS ۱۹ دقیقه
  • جلسه چهارم سوم - بررسی مفهوم nesting در SASS و بررسی کاربرد آن ۲۶ دقیقه
  • جلسه پنجم چهارم - بررسی مفهوم mixin‌ها در SASS - بخش اول ۲۲ دقیقه
  • جلسه ششم پنجم - بررسی مفهوم mixin‌ها در SASS - بخش دوم ۳۲ دقیقه
  • جلسه هفتم ششم - بررسی مفهوم و ساختار extend در SASS ۱۳ دقیقه
  • جلسه هشتم هفتم - بررسی ساختار حلقه‌ها در SASS ۱۴ دقیقه
  • جلسه نهم هشتم - بررسی conditional statement‌ها در SASS ۱۳ دقیقه
  • جلسه دهم پروژه - جلسه اول - آماده سازی ساختار پروژه و پیاده سازی متغیرهای اولیه ۳۲ دقیقه
  • جلسه یازدهم پروژه - جلسه دوم - پیاده سازی منو - بخش اول ۳۰ دقیقه
  • جلسه دوازدهم پروژه - جلسه سوم - پیاده سازی منو - بخش دوم ۲۵ دقیقه
  • جلسه سیزدهم پروژه - جلسه چهارم - پیاده سازی hero header - بخش اول ۲۵ دقیقه
  • جلسه چهاردهم پروژه - جلسه پنجم - پیاده سازی hero header - بخش دوم ۱۴ دقیقه
  • جلسه پانزدهم پروژه - جلسه ششم - پیاده سازی بخش دوره‌های آموزشی - بخش اول ۴۰ دقیقه
  • جلسه شانزدهم پروژه - جلسه هفتم - پیاده سازی بخش دوره‌های آموزشی - بخش دوم ۲۶ دقیقه
  • جلسه هفدهم پروژه - جلسه هشتم - پیاده سازی بخش مسیر آموزشی ۲۰ دقیقه
  • جلسه هجدهم پروژه - جلسه نهم- پیاده سازی بخش مطالب ۴۶ دقیقه
  • جلسه نوزدهم پروژه - جلسه دهم - پیاده سازی بخش فوتر ۴۰ دقیقه
  • جلسه بیستم پروژه - جلسه یازدهم - ماژولار کردن فایل‌های استایل پروژه و مباحث تکمیلی ۱۴ دقیقه
فتوشاپ برای طراحان وب ۵ جلسه
  • جلسه اول اول - حذف پس زمینه از تصاویر در فتوشاپ ۲۹ دقیقه
  • جلسه دوم دوم - بررسی کاربرد و پیاده سازی action‌ها در فتوشاپ ۲۳ دقیقه
  • جلسه سوم سوم - بهینه سازی تصاویر برای وب در فتوشاپ ۲۱ دقیقه
  • جلسه چهارم چهارم - تصویر سازی ( illustration ) در فتوشاپ - بخش اول ۳۶ دقیقه
  • جلسه پنجم پنجم - تصویر سازی ( illustration ) در فتوشاپ - بخش دوم ۴۳ دقیقه
آپدیت شماره یک - آموزش فریم ورک bootstrap 5 ۲۵ جلسه
  • جلسه اول مروری بر بوتسترپ ۵ و آماده سازی ۲۰ دقیقه
  • جلسه دوم بررسی سیستم گرید - بخش اول -بررسی شبکه بندی‌های یکسان ۳۸ دقیقه
  • جلسه سوم بررسی سیستم گرید - بخش دوم - بررسی ترازبندی ستون ها ۳۲ دقیقه
  • جلسه چهارم بررسی سیستم گرید - بخش سوم - media query‌ها و شبکه بندی غیر یکسان - بخش اول ۲۷ دقیقه
  • جلسه پنجم بررسی سیستم گرید - بخش چهارم- media query‌ها و شبکه بندی غیر یکسان - بخش دوم ۲۴ دقیقه
  • جلسه ششم بررسی سیستم گرید - بخش پنجم - media query‌ها و شبکه بندی غیر یکسان - بخش سوم ۴۰ دقیقه
  • جلسه هفتم مینی پروژه - پیاده سازی layout - بخش اول ۱۶ دقیقه
  • جلسه هشتم مینی پروژه - پیاده سازی layout - بخش دوم ۲۹ دقیقه
  • جلسه نهم مینی پروژه - پیاده سازی layout - بخش سوم ۳۰ دقیقه
  • جلسه دهم مینی پروژه - پیاده سازی layout - بخش چهارم ۱۷ دقیقه
  • جلسه یازدهم بررسی reboot elements و تایپوگرافی ۳۲ دقیقه
  • جلسه دوازدهم بررسی جداول و تصاویر ۲۳ دقیقه
  • جلسه سیزدهم بررسی فرم‌ها - بخش اول ۴۳ دقیقه
  • جلسه چهاردهم بررسی فرم‌ها - بخش دوم ۳۵ دقیقه
  • جلسه پانزدهم بررسی فرم‌ها - بخش سوم ۲۲ دقیقه
  • جلسه شانزدهم بررسی کامپوننت‌ها - بخش اول ۴۵ دقیقه
  • جلسه هفدهم بررسی کامپوننت‌ها - بخش دوم ۲۶ دقیقه
  • جلسه هجدهم بررسی کامپوننت‌ها - بخش سوم ۳۳ دقیقه
  • جلسه نوزدهم بررسی کامپوننت‌ها - بخش چهارم ۴۱ دقیقه
  • جلسه بیستم بررسی کامپوننت‌ها - بخش پنجم ۴۱ دقیقه
  • جلسه بیست و یکم بررسی کامپوننت‌ها - بخش ششم ۲۸ دقیقه
  • جلسه بیست و دوم بررسی helper ها ۳۳ دقیقه
  • جلسه بیست و سوم بررسی utility‌ها - بخش اول ۲۹ دقیقه
  • جلسه بیست و چهارم بررسی utility‌ها - بخش دوم ۳۶ دقیقه
  • جلسه بیست و پنجم بررسی utility‌ها - بخش سوم ۲۸ دقیقه
نمایش بیشتر
با خیال راحت آموزش ببینید
ضمانت بازگشت وجه
ضمانت بازگشت وجه خرید و ثبت نام شما در دوره‌های بلندمدت سون لرن بدون ریسک مالی خواهد بود
آموزش مهارت محور
آموزش مهارت محور از مدرسین متخصص و با تجربه در بهترین شرکت‌های ایران مهارت مورد نیاز بازار کار را یاد می‌گیرید
رفع اشکالات و پشتیبانی فنی
جامعه برنامه نویسی فعال پشتیبانی و پاسخ به سوالات خود را در جامعه برنامه نویسی فعال سون لرن دریافت می‌کنید
ارزیابی فنی و رتبه بندی
ارزیابی فنی و امتیازدهی برای فعالیت‌ها و آزمون‌های خود، امتیازات مختلفی برای ارزیابی مهارت دریافت می‌کنید (از آذر 1402)
معرفی برترین‌ها به بازار کار
معرفی برترین‌ها به بازار کار دانشجویان فعالی که مستمر و منظم محتوای دوره‌ها را دنبال می‌کنند، در اولویت معرفی به بازار کار هستند
۱ سال پشتیبانی پس از خرید
۱۲ ماه پشتیبانی پس از خرید تا ۱۲ ماه پس از ثبت نامتان، در جامعه برنامه نویسی سون لرن، پشتیبانی ویژه دریافت می‌کنید
دسترسی دائمی و بدون محدودیت
دسترسی راحت و همیشگی در صورتی که در یک سال اول دوره را تکمیل نمایید، دسترسی محتوای دوره برای شما همواره باز خواهد بود
نتایج دوره‌های متخصص

در ۱۷ سال اخیر بیش از ۳۵ هزار نفر در سون لرن به صورت تخصصی آموزش برنامه نویسی دیده اند و هزاران نفر از این عزیزان در شرکت‌های مختلف استخدام شده اند.

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

اسنپ دیجی کالا علی بابا تخفیفان کافه بازار ژاکت
+ ده‌ها شرکت مطرح دیگر
مدرس و منتورهای دوره
وحید صالحی وحید صالحی برنامه نویس، مدرس ارشد سون لرن رزومه و نمونه تدریس
بنیان‌گذار وب سایت کافه آموزش بیش از 10 سال سابقه برنامه نویسی تحت وب 9 سال سابقه تدریس حرفه‌ای در حوزه برنامه نویسی وب توسعه‌دهنده‌ اپلیکیشن‌های تحت وب برنامه نویس وردپرس، جاوااسکریپت و PHP تدریس بیش از ۷۰۰۰ هزار نفر/ ساعت دوره و کارگاه حضوری در مجموعه سون لرن تولید بیش از ۲۰۰۰ هزار ساعت آموزش و محتوای ویدیویی در حوزه برنامه نویسی وب توسعه دهنده دورکار PHP درشرکت بیلیک آی تی ترکیه برنامه نویس دورکار وردپرس در شرکت Lemon Technologies عمان
منتورهای دوره دوستان زیر منتور متخصص طراحی وب هستند و در طول دوره به سوالات شما پاسخ میدن و همراهتون هستند.
نازنین کریمی مقدم
نازنین کریمی مقدم
ویدیو‌های نمونه تدریس دوره

ثبت‌نام در متخصص طراحی وب

سرمایه‌گذاری روی مهارت‌هایتان، یک تصمیم هوشمندانه است!
زمان را از دست ندهید جامع و پروژه‌محور؛ از پایه تا رسیدن به کسب درآمد
۰ ثانیه
۰ دقیقه
۰ ساعت
5.9 ۳.۸۳۵ میلیون تومان
ثبت نام می‌کنم
کمپین نوروز شروع شد!
۰ ثانیه
۰ دقیقه
۰ ساعت
  • بیش از ۷۰ ساعت
  • ۱۲ ماه پشتیبانی در جامعه برنامه‌نویسان
  • گارانتی بازگشت کامل وجه
  • با تدریس وحید صالحی ، برنامه نویس، مدرس ارشد سون لرن
  • آموزش منطبق بر نیاز بازار کار
35٪ تخفیف
در کنار شما هستیم مشاوره ثبت‌نام در دوره متخصص طراحی وب

سوالات متداول متخصص طراحی وب

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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