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

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

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

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

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

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

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

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

این دوره آموزش طراحی وب سایت به دلیل اینکه هیچ پیشنیازی ندارد و از 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 - قسمت پنجم - بررسی تگ‌های تصویر و قالب دهی کد ۴۱ دقیقه
  • جلسه هفتم تمرین ایجاد Image Map ۰ دقیقه
  • جلسه هشتم جلسه 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 - بخش اول ۴۵ دقیقه
  • جلسه سیزدهم تمرین طراحی sidebar ۰ دقیقه
  • جلسه چهاردهم دهم - تکمیل مینی پروژه منو ۳۶ دقیقه
  • جلسه پانزدهم تمرین طراحی منو سایت ۰ دقیقه
  • جلسه شانزدهم یازدهم - شبه کلاس‌ها ( seudo classes ) و position - بخش دوم ۵۸ دقیقه
  • جلسه هفدهم دوازدهم - شبه عناصر ( seudo elements ) ۴۱ دقیقه
  • جلسه هجدهم سیزدهم - gradient و border image در CSS ۴۳ دقیقه
  • جلسه نوزدهم تمرین طراحی button با استفاده از گرادینت ۰ دقیقه
  • جلسه بیستم چهاردهم - filter , root و ماژولار نویسی css ۴۶ دقیقه
  • جلسه بیست و یکم پانزدهم - شناور سازی عناصر ( float ) ۳۸ دقیقه
  • جلسه بیست و دوم شانزدهم - combinator و attribute سلکتور‌ها - بخش اول ۳۸ دقیقه
  • جلسه بیست و سوم هفدهم - شانزدهم - combinator و attribute سلکتور‌ها - بخش دوم ۱۷ دقیقه
  • جلسه بیست و چهارم تمرین استایل‌دهی با استفاده از combinator selectors و attribute selectors ۰ دقیقه
  • جلسه بیست و پنجم هجدهم - object-fit و vertically element center در css ۵۷ دقیقه
  • جلسه بیست و ششم نوزدهم - مقادیر اولیه و ارث بری عناصر فرزند - ( initial-inherit ) ۱۲ دقیقه
  • جلسه بیست و هفتم تمرین اپلیکیشن آب و هوا ۰ دقیقه
تایپوگرافی و واحد‌های اندازه گیری در وب ۷ جلسه
  • جلسه اول اول - تایپوگرافی در طراحی وب - قسمت اول ۴۳ دقیقه
  • جلسه دوم دوم - تایپوگرافی در طراحی وب - قسمت دوم ۲۰ دقیقه
  • جلسه سوم سوم - تایپوگرافی در طراحی وب - قسمت دوم ۳۰ دقیقه
  • جلسه چهارم چهارم - تایپوگرافی در طراحی وب - قسمت چهارم ۴۱ دقیقه
  • جلسه پنجم پنجم - تایپوگرافی در طراحی وب - قسمت پنجم ۳۱ دقیقه
  • جلسه ششم ششم - تایپوگرافی در طراحی وب - قسمت ششم ۴۸ دقیقه
  • جلسه هفتم تمرینات پایان فصل ۰ دقیقه
آموزش طراحی رسپانسیو توسط CSS3 بدون نیاز به فریم ورک ۱۰ جلسه
  • جلسه اول معرفی سر فصل طراحی رسپانیسو در CSS3 ۲ دقیقه
  • جلسه دوم اول - آشنایی با طراحی رسپانسیو ۴۲ دقیقه
  • جلسه سوم دوم معرفی مدیا کوئری‌ها در css3 ۲۴ دقیقه
  • جلسه چهارم سوم - معرفی سیستم grid در طراحی رسپانسیو ۳۶ دقیقه
  • جلسه پنجم چهارم - پیاده سازی grid system اختصاصی - شروع طراحی مینی فریم ورک css - بخش اول ۴۸ دقیقه
  • جلسه ششم پنجم - پیاده سازی grid system اختصاصی - شروع طراحی مینی فریم ورک css - بخش دوم ۳۰ دقیقه
  • جلسه هفتم ششم - پیاده سازی grid system اختصاصی - شروع طراحی مینی فریم ورک css - بخش سوم ۳۶ دقیقه
  • جلسه هشتم هفتم- مینی پروژه - بخش اول ۳۸ دقیقه
  • جلسه نهم هشتم- مینی پروژه - بخش پایانی ۳۴ دقیقه
  • جلسه دهم تمرین پیاده‌سازی layout وبسایت به کمک مدیا کوئری‌ها ۰ دقیقه
پروژه 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 در جی کوئری ۲۷ دقیقه
  • جلسه هشتم تمرین متد animate ۰ دقیقه
  • جلسه نهم ششم - دستکاری محتوای عناصر سند ( DOM Manipulation ) ۲۹ دقیقه
  • جلسه دهم تمرین تغییر محتوای عناصر سند ۰ دقیقه
  • جلسه یازدهم هفتم - اعمال و حذف المان‌ها توسط add و remove ۲۵ دقیقه
  • جلسه دوازدهم تمرین اعمال و حذف المان‌ها ۰ دقیقه
  • جلسه سیزدهم هشتم - کار با کلاس‌های css در جی کوئری ۱۷ دقیقه
  • جلسه چهاردهم تمرین کار با کلاس‌ها در جی کوئری ۰ دقیقه
  • جلسه پانزدهم نهم - کار با ابعاد عناصر در جی کوئری ( Elements Dimention ) ۲۲ دقیقه
  • جلسه شانزدهم دهم - پیمایش عناصر در جی کوئری ( Traversing ) بخش اول ۳۲ دقیقه
  • جلسه هفدهم یازدهم - پیمایش عناصر در جی کوئری ( Traversing ) بخش دوم ۱۲ دقیقه
  • جلسه هجدهم دوازدهم - پیمایش عناصر در جی کوئری ( Traversing ) بخش سوم ۱۳ دقیقه
  • جلسه نوزدهم سیزدهم - پیمایش عناصر در جی کوئری ( Traversing ) بخش چهارم ۲۲ دقیقه
  • جلسه بیستم چهاردهم - پیمایش عناصر در جی کوئری ( Traversing ) بخش پنجم ۲۹ دقیقه
  • جلسه بیست و یکم پانزدهم - پروژه شماره 1 - پیاده سازی accordion menu ۲۶ دقیقه
  • جلسه بیست و دوم تمرین ساخت Accordion menu ۰ دقیقه
  • جلسه بیست و سوم شانزدهم - پروژه شماره 2 - پیاده سازی Scroll To Top ۲۹ دقیقه
  • جلسه بیست و چهارم تمرین Scroll to top ۰ دقیقه
  • جلسه بیست و پنجم هفدهم - پروژه شماره 3 - پیاده سازی Modal Box ۲۵ دقیقه
  • جلسه بیست و ششم تمرین طراحی Modal box ۰ دقیقه
  • جلسه بیست و هفتم هجدهم - پروژه شماره 4 - پیاده سازی Add Dynamic Inputs ۲۸ دقیقه
  • جلسه بیست و هشتم نوزدهم - پلاگین‌های کاربردی جی کوئری - پلاگین شماره 1 - sweet alert ۲۷ دقیقه
  • جلسه بیست و نهم تمرین نمایش پیغام success message ۰ دقیقه
  • جلسه سی‌ام بیستم - پلاگین‌های کاربردی جی کوئری - پلاگین شماره 2 - owl carousel ۲۷ دقیقه
  • جلسه سی و یکم تمرین اسلایدر تصویر ۰ دقیقه
  • جلسه سی و دوم بیست و یکم - پلاگین‌های کاربردی جی کوئری - پلاگین شماره 3 - slick carousel ۱۷ دقیقه
  • جلسه سی و سوم بیست و دوم - پلاگین‌های کاربردی جی کوئری - پلاگین شماره 4 - AOS animate ۲۸ دقیقه
  • جلسه سی و چهارم بیست و سوم - پلاگین‌های کاربردی جی کوئری - پلاگین شماره 5 - zoomy slider ۱۴ دقیقه
  • جلسه سی و پنجم بیست و چهارم - پلاگین‌های کاربردی جی کوئری - پلاگین شماره 6 - countdown timer ۲۰ دقیقه
  • جلسه سی و ششم تمرین 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 ۵۱ دقیقه
  • جلسه دهم تمرین Corner 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 ) ۳۶ دقیقه
  • جلسه دهم تمرین طراحی 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 ۰ دقیقه
  • جلسه دهم نهم - grid در css - پروژه ۲۹ دقیقه
  • جلسه یازدهم تمرین Image Gallery ۰ دقیقه
اصول طراحی فرم‌های حرفه ای و مدرن همراه با پروژه ۱۲ جلسه
  • جلسه اول اول - بررسی اصول طراحی فرم‌ها - بخش اول ۲۵ دقیقه
  • جلسه دوم دوم - بررسی اصول طراحی فرم‌ها - بخش دوم ۲۲ دقیقه
  • جلسه سوم سوم - بررسی اعتبار سنجی فرم‌ها سمت client - بخش اول ۲۸ دقیقه
  • جلسه چهارم چهارم - بررسی اعتبار سنجی فرم‌ها سمت client - بخش دوم ۲۴ دقیقه
  • جلسه پنجم پنجم - بررسی اعتبار سنجی فرم‌ها سمت client - بخش سوم ۲۹ دقیقه
  • جلسه ششم ششم - پروژه شماره یک - فرم ثبت نام ۵۱ دقیقه
  • جلسه هفتم هفتم - پروژه شماره دو - فرم ثبت نام همراه با تصویر ۳۹ دقیقه
  • جلسه هشتم هشتم - پروژه شماره سه - فرم مدرن ورود و ثبت نام همراه با انیمیشن - بخش اول ۵۰ دقیقه
  • جلسه نهم نهم - پروژه شماره سه - فرم مدرن ورود و ثبت نام همراه با انیمیشن - بخش دوم ۱ ساعت و ۱ دقیقه
  • جلسه دهم دهم - پروژه شماره چهارم - فرم پشرفته همراه با انیمیشن - بخش اول ۴۱ دقیقه
  • جلسه یازدهم یازدهم - پروژه شماره چهارم - فرم پشرفته همراه با انیمیشن - بخش دوم ۳۴ دقیقه
  • جلسه دوازدهم تمرین طراحی فرم پیشرفته ۰ دقیقه
آموزش پیشرفته انیمیشن سازی در CSS3 ۲۳ جلسه
  • جلسه اول معرفی سر فصل انیمیشن‌ها در CSS3 ۲ دقیقه
  • جلسه دوم اول - 2D-transform در css ۲۴ دقیقه
  • جلسه سوم دوم - 3D-transform در css ۳۱ دقیقه
  • جلسه چهارم تمرین transform ۰ دقیقه
  • جلسه پنجم سوم - transition در css ۴۲ دقیقه
  • جلسه ششم تمرین transition ۰ دقیقه
  • جلسه هفتم چهارم - 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 ۳۷ دقیقه
  • جلسه ششم تمرین طراحی layout وبسایت با استفاده از Bootstrap ۰ دقیقه
  • جلسه هفتم جلسه ششم - سیستم گرید بخش چهارم - column ordering و offset ۳۸ دقیقه
  • جلسه هشتم تمرین طراحی بخش نظرات کاربران با استفاده از Bootstrap ۰ دقیقه
  • جلسه نهم جلسه هفتم - سیستم گرید بخش پنجم - 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 ۲۵ دقیقه
  • جلسه بیست و هفتم تمرین طراحی یک layout ساده با استفاده از Bootstrap ۰ دقیقه
  • جلسه بیست و هشتم بیست و پنجم - پروژه - جلسه اول - پیاده سازی بخش جستجو و سبد خرید بخش اول ۴۱ دقیقه
  • جلسه بیست و نهم بیست و ششم- پروژه - جلسه دوم - پیاده سازی بخش جستجو و سبد خرید - بخش دوم ۲۶ دقیقه
  • جلسه سی‌ام بیست و هفتم - پروژه - جلسه سوم - پیاده سازی مگا منو - بخش اول ۳۴ دقیقه
  • جلسه سی و یکم بیست و هشتم - پروژه - جلسه چهارم - پیاده سازی مگا منو - بخش دوم ۲۶ دقیقه
  • جلسه سی و دوم بیست و نهم - پروژه - جلسه پنجم - پیاده سازی مگا منو - بخش سوم ۲۰ دقیقه
  • جلسه سی و سوم سی - پروژه - جلسه ششم - پیاده سازی اسلایدر محصولات - بخش اول ۴۰ دقیقه
  • جلسه سی و چهارم سی و یکم - پروژه - جلسه هفتم - پیاده سازی اسلایدر محصولات - بخش دوم ۴۱ دقیقه
  • جلسه سی و پنجم سی و دوم - پروژه - جلسه هشتم - پیاده سازی بنر‌ها و دسته بندی محصولات ۳۷ دقیقه
  • جلسه سی و ششم سی و سوم- پروژه - جلسه نهم - پیاده پیشنهادات ویژه محصولات - بخش اول ۳۴ دقیقه
  • جلسه سی و هفتم سی و چهارم - پروژه - جلسه دهم - پیاده پیشنهادات ویژه محصولات - بخش دوم ۲۷ دقیقه
  • جلسه سی و هشتم سی و پنجم - پروژه - جلسه یازدهم - پیاده سازی پیشنهادات ویژه محصولات - بخش سوم ۳۶ دقیقه
  • جلسه سی و نهم سی و ششم - پروژه - جلسه دوازدهم - پیاده سازی پیشنهادات ویژه محصولات - بخش چهارم ۴۲ دقیقه
  • جلسه چهلم سی و هفتم - پروژه - جلسه سیزدهم - پیاده سازی پیشنهادات ویژه محصولات - بخش پنجم ۲۸ دقیقه
  • جلسه چهل و یکم سی و هشتم - پروژه - جلسه چهاردهم - نمایش محصولات دسته بندی‌های متفاوت در قالب اسلایدر تصویر - بخش اول ۳۳ دقیقه
  • جلسه چهل و دوم سی و نهم - پروژه - جلسه پانزدهم - نمایش محصولات دسته بندی‌های متفاوت در قالب اسلایدر تصویر - بخش دوم ۳۱ دقیقه
  • جلسه چهل و سوم چهل - پروژه - جلسه شانزدهم - نمایش بنر محصولات ۳۱ دقیقه
  • جلسه چهل و چهارم چهل و یکم - پروژه - جلسه هفدهم - پیاده سازی اسلایدر برندها و پرفروش‌ترین محصولات دسته ای خاص ۲۲ دقیقه
  • جلسه چهل و پنجم چهل و دوم - پروژه - جلسه هجدهم - پیاده سازی فوتر - بخش اول ۳۹ دقیقه
  • جلسه چهل و ششم چهل و سوم - پروژه - جلسه نوزدهم - پیاده سازی فوتر - بخش دوم ۳۷ دقیقه
  • جلسه چهل و هفتم چهل و چهارم - پروژه - جلسه بیستم- پیاده سازی فرم لاگین - بخش اول ۴۲ دقیقه
  • جلسه چهل و هشتم چهل و پنجم - پروژه - جلسه بیست و یکم - پیاده سازی فرم لاگین - بخش دوم ۱۰ دقیقه
  • جلسه چهل و نهم چهل و ششم - پروژه - جلسه بیست و دوم- پیاده سازی صفحه محصول - 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 ۱۸ دقیقه
  • جلسه هشتم تمرین PUG ۰ دقیقه
آموزش جامع پیش پردازنده SASS ۲۵ جلسه
  • جلسه اول مقدمه - معرفی وکاربرد پیش پردازنده SASS ۱۸ دقیقه
  • جلسه دوم اول - نصب و راه اندازی SASS ۱۵ دقیقه
  • جلسه سوم دوم - متغیرها و کاربرد آنها در SASS ۱۹ دقیقه
  • جلسه چهارم تمرین متغیر‌ها در SASS ۰ دقیقه
  • جلسه پنجم سوم - بررسی مفهوم nesting در SASS و بررسی کاربرد آن ۲۶ دقیقه
  • جلسه ششم تمرین طراحی فرم ثبت نام با استفاده از SASS ۰ دقیقه
  • جلسه هفتم چهارم - بررسی مفهوم mixin‌ها در SASS - بخش اول ۲۲ دقیقه
  • جلسه هشتم پنجم - بررسی مفهوم mixin‌ها در SASS - بخش دوم ۳۲ دقیقه
  • جلسه نهم تمرین اعمال استایل به المان با استفاده از mixinها ۰ دقیقه
  • جلسه دهم ششم - بررسی مفهوم و ساختار extend در SASS ۱۳ دقیقه
  • جلسه یازدهم تمرین اعمال استایل به آلمان با استفاده از دستور extend ۰ دقیقه
  • جلسه دوازدهم هفتم - بررسی ساختار حلقه‌ها در SASS ۱۴ دقیقه
  • جلسه سیزدهم هشتم - بررسی conditional statement‌ها در SASS ۱۳ دقیقه
  • جلسه چهاردهم پروژه - جلسه اول - آماده سازی ساختار پروژه و پیاده سازی متغیرهای اولیه ۳۲ دقیقه
  • جلسه پانزدهم پروژه - جلسه دوم - پیاده سازی منو - بخش اول ۳۰ دقیقه
  • جلسه شانزدهم پروژه - جلسه سوم - پیاده سازی منو - بخش دوم ۲۵ دقیقه
  • جلسه هفدهم پروژه - جلسه چهارم - پیاده سازی hero header - بخش اول ۲۵ دقیقه
  • جلسه هجدهم پروژه - جلسه پنجم - پیاده سازی hero header - بخش دوم ۱۴ دقیقه
  • جلسه نوزدهم پروژه - جلسه ششم - پیاده سازی بخش دوره‌های آموزشی - بخش اول ۴۰ دقیقه
  • جلسه بیستم پروژه - جلسه هفتم - پیاده سازی بخش دوره‌های آموزشی - بخش دوم ۲۶ دقیقه
  • جلسه بیست و یکم پروژه - جلسه هشتم - پیاده سازی بخش مسیر آموزشی ۲۰ دقیقه
  • جلسه بیست و دوم پروژه - جلسه نهم- پیاده سازی بخش مطالب ۴۶ دقیقه
  • جلسه بیست و سوم پروژه - جلسه دهم - پیاده سازی بخش فوتر ۴۰ دقیقه
  • جلسه بیست و چهارم پروژه - جلسه یازدهم - ماژولار کردن فایل‌های استایل پروژه و مباحث تکمیلی ۱۴ دقیقه
  • جلسه بیست و پنجم تمرین طراحی Music player ۰ دقیقه
فتوشاپ برای طراحان وب ۵ جلسه
  • جلسه اول اول - حذف پس زمینه از تصاویر در فتوشاپ ۲۹ دقیقه
  • جلسه دوم دوم - بررسی کاربرد و پیاده سازی action‌ها در فتوشاپ ۲۳ دقیقه
  • جلسه سوم سوم - بهینه سازی تصاویر برای وب در فتوشاپ ۲۱ دقیقه
  • جلسه چهارم چهارم - تصویر سازی ( illustration ) در فتوشاپ - بخش اول ۳۶ دقیقه
  • جلسه پنجم پنجم - تصویر سازی ( illustration ) در فتوشاپ - بخش دوم ۴۳ دقیقه
آپدیت شماره یک - آموزش فریم ورک bootstrap 5 ۲۵ جلسه
  • جلسه اول مروری بر بوتسترپ ۵ و آماده سازی ۲۰ دقیقه
  • جلسه دوم بررسی سیستم گرید - بخش اول -بررسی شبکه بندی‌های یکسان ۳۸ دقیقه
  • جلسه سوم بررسی سیستم گرید - بخش دوم - بررسی ترازبندی ستون ها ۳۲ دقیقه
  • جلسه چهارم بررسی سیستم گرید - بخش سوم - media query‌ها و شبکه بندی غیر یکسان - بخش اول ۲۷ دقیقه
  • جلسه پنجم بررسی سیستم گرید - بخش چهارم- media query‌ها و شبکه بندی غیر یکسان - بخش دوم ۰ دقیقه
  • جلسه ششم بررسی سیستم گرید - بخش پنجم - media query‌ها و شبکه بندی غیر یکسان - بخش سوم ۰ دقیقه
  • جلسه هفتم مینی پروژه - پیاده سازی layout - بخش اول ۰ دقیقه
  • جلسه هشتم مینی پروژه - پیاده سازی layout - بخش دوم ۰ دقیقه
  • جلسه نهم مینی پروژه - پیاده سازی layout - بخش سوم ۱ دقیقه
  • جلسه دهم مینی پروژه - پیاده سازی layout - بخش چهارم ۰ دقیقه
  • جلسه یازدهم بررسی reboot elements و تایپوگرافی ۰ دقیقه
  • جلسه دوازدهم بررسی جداول و تصاویر ۱ دقیقه
  • جلسه سیزدهم بررسی فرم‌ها - بخش اول ۱ دقیقه
  • جلسه چهاردهم بررسی فرم‌ها - بخش دوم ۰ دقیقه
  • جلسه پانزدهم بررسی فرم‌ها - بخش سوم ۱ دقیقه
  • جلسه شانزدهم بررسی کامپوننت‌ها - بخش اول ۰ دقیقه
  • جلسه هفدهم بررسی کامپوننت‌ها - بخش دوم ۱ دقیقه
  • جلسه هجدهم بررسی کامپوننت‌ها - بخش سوم ۰ دقیقه
  • جلسه نوزدهم بررسی کامپوننت‌ها - بخش چهارم ۰ دقیقه
  • جلسه بیستم بررسی کامپوننت‌ها - بخش پنجم ۰ دقیقه
  • جلسه بیست و یکم بررسی کامپوننت‌ها - بخش ششم ۰ دقیقه
  • جلسه بیست و دوم بررسی helper ها ۱ دقیقه
  • جلسه بیست و سوم بررسی utility‌ها - بخش اول ۰ دقیقه
  • جلسه بیست و چهارم بررسی utility‌ها - بخش دوم ۰ دقیقه
  • جلسه بیست و پنجم بررسی utility‌ها - بخش سوم - جلسه پایانی ۰ دقیقه
آپدیت شماره دو - آموزش فریم ورک tailwind ۳۴ جلسه
  • جلسه اول جلسه اول - مروری بر فریم ورک tailwind ۲۰ دقیقه
  • جلسه دوم جلسه دوم - نصب و راه اندازی ۳۶ دقیقه
  • جلسه سوم جلسه سوم - سفارشی سازی هسته فریم ورک بخش اول - media query ۲۸ دقیقه
  • جلسه چهارم جلسه چهارم - سفارشی سازی هسته فریم ورک بخش دوم - colors ۳۵ دقیقه
  • جلسه پنجم جلسه پنجم - سفارشی سازی هسته فریم ورک بخش سوم - spacing ۲۱ دقیقه
  • جلسه ششم جلسه ششم- سفارشی سازی هسته فریم ورک بخش چهارم - plugins - typography ۴۴ دقیقه
  • جلسه هفتم جلسه هفتم- سفارشی سازی هسته فریم ورک بخش پنجم - plugins - forms ۳۷ دقیقه
  • جلسه هشتم جلسه هشتم - افزودن فونت‌های دلخواه و بررسی تنظیمات آن ۱۳ دقیقه
  • جلسه نهم جلسه نهم - طراحی رسپانسیو و نحوه پیاده سازی سیستم شبکه بندی ( grid system ) - بخش اول ۲۷ دقیقه
  • جلسه دهم جلسه دهم - طراحی رسپانسیو و نحوه پیاده سازی سیستم شبکه بندی ( grid system ) - بخش دوم ۱۹ دقیقه
  • جلسه یازدهم جلسه یازدهم - طراحی رسپانسیو و نحوه پیاده سازی سیستم شبکه بندی ( grid system ) - بخش سوم ۲۱ دقیقه
  • جلسه دوازدهم جلسه دوازدهم - مینی پروژه شماره یک - animation card - بخش اول ۳۰ دقیقه
  • جلسه سیزدهم جلسه سیزدهم - مینی پروژه شماره یک - animation card - بخش دوم ۳۷ دقیقه
  • جلسه چهاردهم جلسه چهاردهم - مینی پروژه شماره دو - card - بخش اول ۳۰ دقیقه
  • جلسه پانزدهم جلسه پانزدهم - مینی پروژه شماره دو - card - بخش دوم ۳۸ دقیقه
  • جلسه شانزدهم جلسه شانزدهم - مینی پروژه شماره سوم - buttons ۱۴ دقیقه
  • جلسه هفدهم جلسه هفدهم - مینی پروژه شماره چهارم - alerts ۱۸ دقیقه
  • جلسه هجدهم جلسه هجدهم - بررسی مفهوم directive‌ها و function‌ها و نحوه ایجاد کامپونت‌ها توسط layer components directive ۳۶ دقیقه
  • جلسه نوزدهم جلسه نوزدهم - مروری بر flowbite و نحوه اضافه کردن کامپوننت‌های جاوااسکریپتی ۳۲ دقیقه
  • جلسه بیستم پروژه - پیاده سازی مگا منو - بخش اول ۳۳ دقیقه
  • جلسه بیست و یکم پروژه - پیاده سازی مگا منو - بخش دوم ۳۲ دقیقه
  • جلسه بیست و دوم پروژه - پیاده سازی مگا منو - بخش سوم ۳۷ دقیقه
  • جلسه بیست و سوم پروژه - پیاده سازی header - بخش اول - بررسی نحوه استفاده از pseudo before and after در تیلویند ۲۶ دقیقه
  • جلسه بیست و چهارم پروژه - پیاده سازی header - بخش دوم ۳۶ دقیقه
  • جلسه بیست و پنجم پروژه - سفارشی سازی container و compponents layer ۱۵ دقیقه
  • جلسه بیست و ششم پروژه - کار با container سفارشی و بررسی hover state و مفهوم group ۳۴ دقیقه
  • جلسه بیست و هفتم پروژه - پیاده سازی card و بخش نمایش دورها ۳۱ دقیقه
  • جلسه بیست و هشتم پروژه - پیاده سازی سیستم شبکه بندی پیچیده‌تر و درک بهتر انعطاف پذیری css grid در طراحی رسپانسیو ۴۲ دقیقه
  • جلسه بیست و نهم پروژه - پیاده سازی tab توسط vanilla javascript - بخش اول ۳۳ دقیقه
  • جلسه سی‌ام پروژه - پیاده سازی tab توسط vanilla javascript - بخش دوم ۴۱ دقیقه
  • جلسه سی و یکم پروژه - پیاده سازی فرم سفارشی ۲۱ دقیقه
  • جلسه سی و دوم پروژه - پیاده سازی footer - بخش اول ۱۹ دقیقه
  • جلسه سی و سوم پروژه - پیاده سازی footer - بخش دوم ۳۳ دقیقه
  • جلسه سی و چهارم نکات تکمیلی - بررسی مفاهیم Ad-hoc و Native Child Selectors ۱۸ دقیقه
نمایش بیشتر
با خیال راحت آموزش ببینید
ضمانت بازگشت وجه
ضمانت بازگشت وجه خرید و ثبت نام شما در دوره‌های بلندمدت سون لرن بدون ریسک مالی خواهد بود
آموزش مهارت محور
آموزش مهارت محور از مدرسین متخصص و با تجربه در بهترین شرکت‌های ایران مهارت مورد نیاز بازار کار را یاد می‌گیرید
رفع اشکالات و پشتیبانی فنی
جامعه برنامه نویسی فعال پشتیبانی و پاسخ به سوالات خود را در جامعه برنامه نویسی فعال سون لرن دریافت می‌کنید
ارزیابی فنی و رتبه بندی
ارزیابی فنی و امتیازدهی برای فعالیت‌ها و آزمون‌های خود، امتیازات مختلفی برای ارزیابی مهارت دریافت می‌کنید (از آذر 1402)
معرفی برترین‌ها به بازار کار
معرفی برترین‌ها به بازار کار دانشجویان فعالی که مستمر و منظم محتوای دوره‌ها را دنبال می‌کنند، در اولویت معرفی به بازار کار هستند
دسترسی دائمی و بدون محدودیت
دسترسی راحت و همیشگی شما بعد از تهیه دوره به محتوای دوره و آپدیت‌های محتوایی دسترسی خواهید داشت
نتایج دوره‌های متخصص

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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