معرفی کامل سرفصلهای آموزشی دوره متخصص طراحی وب سون لرن
آنچه در انتظار شماست
Toggleصفر تا صد دوره متخصص طراحی وب جامع و پروژه محور
اگر در دنیای برنامهنویسی تازهوارد هستید, یادگیری طراحی وب برای شما دوست داشتنی و نسبتا ساده است, برای کسبوکارهای بزرگ, طراحی سایت با استفاده از زبانهای برنامهنویسی وب جذابیت و اهمیت زیادی دارد, بنابراین با یک جستجوی ساده در بین آگهیهای استخدامی متوجه داغ بودن بازار این حوزه و نیاز شرکتها به طراح وب حرفهای میشویم, در چنین شرایطی, یادگیری طراحی وب نویدبخش کسب درآمد بالا و حتی همکاری با شرکتهای خارجی و کسب درآمد ارزی خواهد بود.
دوره متخصص طراحی وب با هدف تدریس تمامی مباحث و سرفصلهای لازم برای تسلط و آمادگی دانشجویان جهت ورود به بازار کار ارائه شده است, در این دوره کاملترین سرفصلهای طراحی وب به صورت غیرحضوری تدریس میشوند.
مدرس دوره, بنیانگذار وب سایت کافه آموزش بیش از ۱۰ سال سابقه برنامه نویسی تحت وب ۹ سال سابقه تدریس حرفهای در حوزه برنامه نویسی وب توسعهدهنده اپلیکیشنهای تحت وب برنامه نویس وردپرس, جاوااسکریپت و PHP تدریس بیش از ۷۰۰۰ هزار نفر, ساعت دوره و کارگاه حضوری در مجموعه سون لرن تولید و بیش از ۲۰۰۰ هزار ساعت آموزش و محتوای ویدیویی در حوزه برنامه نویسی وب توسعه دهنده دورکار PHP درشرکت آی تی ترکیه برنامه نویس دورکار وردپرس در شرکت Lemon Technologies عمان است.
دوره آموزش طراحی سایت مناسب چه افرادی نیست؟
این دوره آموزش طراحی وب سایت به دلیل اینکه هیچ پیشنیازی ندارد و از صفر شروع میشود مناسب همه افراد است اما باید این نکته را توجه کنید که اگر فردی هستید که قصد استمرار در این حوزه را ندارید و دوست دارید صرفا این آموزش را فرا بگیرید و سریعا به درآمد میلیونی برسید, این دوره مناسب شما نیست.
سرفصلهای دوره متخصص طراحی وی سون لرن شامل چه مباحثی است؟
۱. مقدمات شروع طراحی وب و کدنویسی
- جلسه اول, آشنایی با ابزارهای مورد نیاز یک طراحی وب و معرفی انواع مرورگرهای محبوب
- جلسه دوم, آشنایی با امکانات مرورگرهای 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 )
۳. آموزش جامع 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 – کدنویسی بخش مقالات۲
- جلسه نهم, پروژه طراحی قالب رسپانسیو توسط css و html – کدنویسی منوی آکاردئونی
- جلسه دهم, پروژه طراحی قالب رسپانسیو توسط css و html – کدنویسی منوی آکاردئونی۲
- جلسه یازدهم, پروژه طراحی قالب رسپانسیو توسط css و html – کدنویسی بخش فوتر – بخش اول
- جلسه دوازدهم, پروژه طراحی قالب رسپانسیو توسط css و html – کدنویسی بخش فوتر – بخش دوم
- جلسه سیزدهم, پروژه طراحی قالب رسپانسیو توسط css و html – مباحث تکمیلی
۷. مروری بر جی کوئری و معرفی کاربردیترین افزونه های آن
- معرفی کتابخانه جی کوئری و بررسی ساختار آن
- سلکتورها در جی کوئری
- eventها در جی کوئری
- افکتها در جی کوئری
- افکت animate در جی کوئری
- دستکاری محتوای عناصر سند ( DOM Manipulation )
- اعمال و حذف المانها توسط add و remove
- کار با کلاسهای css در جی کوئری
- کار با ابعاد عناصر در جی کوئری ( Elements Dimention )
- پیمایش عناصر در جی کوئری ( Traversing ) بخش اول
- پیمایش عناصر در جی کوئری ( Traversing ) بخش دوم
- پیمایش عناصر در جی کوئری ( Traversing ) بخش سوم
- پیمایش عناصر در جی کوئری ( Traversing ) بخش چهارم
- پیمایش عناصر در جی کوئری ( Traversing ) بخش پنجم
- شماره ۱ – پیاده سازی accordion menu
- پروژه شماره ۲ – پیاده سازی Scroll To Top
- پروژه شماره ۳ – پیاده سازی Modal Box
- پروژه شماره ۴ – پیاده سازی Add Dynamic Inputs
- پلاگینهای کاربردی جی کوئری – پلاگین شماره ۱ – sweet alert
- پلاگینهای کاربردی جی کوئری – پلاگین شماره ۲ – owl carousel
- پلاگینهای کاربردی جی کوئری – پلاگین شماره ۳ – slick carousel
- پلاگینهای کاربردی جی کوئری – پلاگین شماره ۴ – AOS animate
- پلاگینهای کاربردی جی کوئری – پلاگین شماره ۵ – zoomy slider
- پلاگینهای کاربردی جی کوئری – پلاگین شماره ۶ – countdown timer
- پلاگینهای کاربردی جی کوئری – پلاگین شماره ۷ – google map
- پلاگینهای کاربردی جی کوئری – پلاگین شماره ۸ – date picker
- پلاگینهای کاربردی جی کوئری – پلاگین شماره ۹ – video js
- پلاگینهای کاربردی جی کوئری – پلاگین شماره ۱۰ – 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
- جلسه دوم, ۲D-transform در css
- جلسه سوم, ۳D-transform در css
- جلسه چهارم, transition در css
- جلسه پنجم, keyframeها در انمیشنها در css
- جلسه ششم, پروژه شماره ۱ – loading
- جلسه هفتم, پروژه شماره ۲ – flip card
- جلسه هشتم, پروژه شماره ۳ – ماشین متحرک – بخش اول
- جلسه نهم, پروژه شماره ۳ – ماشین متحرک – بخش دوم
- جلسه دهم, پروژه شماره ۳ – ماشین متحرک – بخش سوم
- جلسه یازدهم, پروژه شماره ۳ – ماشین متحرک – بخش چهارم
- جلسه دوازدهم, پروژه شماره ۳ – ماشین متحرک – بخش پنجم
- جلسه سیزدهم, پروژه شماره ۳ – ماشین متحرک – بخش ششم
- جلسه چهاردهم, پروژه شماره ۳ – ماشین متحرک – بخش هفتم
- جلسه پانزدهم, پروژه شماره ۳ – ماشین متحرک – بخش هشتم
- جلسه شانزدهم, پروژه شماره ۳ – ماشین متحرک – بخش نهم
- جلسه هفدهم, پروژه شماره ۳ – ماشین متحرک – بخش دهم
- جلسه هجدهم, پروژه شماره ۳ – ماشین متحرک – بخش یازدهم
۱۴. پروژههای کاربردی توسط 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
- معرفی و مروری بر فریم ورک بوت استرپ ۴
- نصب و راه اندازی فریم ورک 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ها
- 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 برای خودکار سازی اجرای تمام تسکها در ورژن ۳ و ۴ gul
۱۸. آموزش جامع 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 و تایپوگرافی
- جلسه دوازدهم بررسی جداول و تصاویر
- جلسه سیزدهم بررسی فرمها – بخش اول
- جلسه چهاردهم بررسی فرمها – بخش دوم
- جلسه پانزدهم بررسی فرمها – بخش سوم
از مزایای ثبت نام در این دوره متخصص طراحی وب اکادمی سون لرن میتوان به :
آموزش مهارت محور
از مدرسین متخصص و با تجربه در بهترین شرکتهای ایران مهارت مورد نیاز بازار کار را یاد میگیرید.
جامعه برنامه نویسی فعال
پشتیبانی و پاسخ به سوالات خود را در جامعه برنامه نویسی فعال سون لرن دریافت میکنید.
ارزیابی فنی و امتیازدهی
برای فعالیتها و آزمونهای خود، امتیازات مختلفی برای ارزیابی مهارت دریافت میکنید.
معرفی برترینها به بازار کار
دانشجویان فعالی که مستمر و منظم محتوای دورهها را دنبال میکنند, در اولویت معرفی به بازار کار هستند.
۱۲ ماه پشتیبانی پس از خرید
تا ۱۲ ماه پس از ثبت نامتان, در جامعه برنامه نویسی سون لرن, پشتیبانی ویژه دریافت میکنید.
دسترسی راحت و همیشگی
در صورتی که در یک سال اول دوره را تکمیل نمایید, دسترسی محتوای دوره برای شما همواره باز خواهد بود.
سوالات متداول کاربران متخصص طراحی وب
پیش نیاز یادگیری طراحی وب چیست؟
پیش نیاز یادگیری طراحی وب صرفا آشنایی با کامپیوتر, نحوه نصب برنامهها روی کامپیوتر و کار با مرورگرهاست, سایر موارد به صورت جامع از صفر آموزش داده میشود.
بهترین منبع آموزش طراحی وب چیست؟
به نسبت سالهای گذشته منابع آموزشی رایگانی مثل یوتیوب در اختیار ما است که به راحتی قابل استفاده است, اما منابع آموزشی رایگان معمولا دو ضعف بزرگ دارند:
اکثر محتواهای آموزشی به زبان انگلیسی هستند و شما باید به طور متوسط به این زبان مسلط باشید.
اکثر محتواهای آموزشی رایگان کامل نیستند.
و نکته دیگر اینکه در محتوا رایگان است مدرس هیچ تعهدی به شما ندارد و اگر در طی آموزش برای شما سوالی پیش بیاید پاسخگوی سوال شما نیست و خودتان باید چالشهایی که برایتان پیش میآید را رفع کنید.
اما در دورههای غیررایگان که جامع هستند و شامل پشتیبانی توسط مدرس هم هست, در حین یادگیری, مدرس یا منتورهای دوره پاسخگوی سوال دانشجو است.
طبق تجربه من در صورت استفاده از دورههای جامع غیررایگان و پشتیبانی بازدهی دانشجو و سرعت یادگیریاش ۳ برابر استفاده از محتواهای رایگان پراکنده و بدون پشتیبانی است و دانشجو سریعتر میتواند وارد بازار کار شود.
دوره متخصص طراحی وب سون لرن هم یک دوره جامع و پشتیبانی منتور و مدرس دوره است که دانشجو بعد از ثبتنام, شروع یادگیری, تمرین مستمر مباحث, در مدت ۶ ماه الی یکسال آماده ورود به بازار کار است.
آیا با گذراندن دوره طراحی وب میتوانم به درآمد برسم؟
اگر تازه وارد دنیای برنامه نویسی شدهاید باید بدانید که کسب درآمد بعد از یادگیری هر مهارتی به فاکتورهای متعددی وابسته است:
یک راه تقویت رزومه این است که دانشجوها برای خودشان پروژه تعریف کنند و آنها را پیادهسازی کنند که به عنوان نمونه کار بتوانند به شرکتها ارائه بدهند, هر چند در ابتدای کار در تمامی فیلدهای برنامه نویسی ممکن است شرکتها شما را به عنوان کارآموز استخدام کنند, تا بتوانند توانایی شما را محک بزنند, اما بعد از مدت کارآموزی و اثبات توانایی شما, استخدام میشوید, پیشنهاد من برای پیدا کردن فرصتهای شغلی بهتر این است که بعد از یادگیری مباحث این دوره جاوااسکریپت و React را هم یاد بگیرید.
آیا محتوای این دوره آپدیت است؟
بله در حال حاضر محتوای این دوره آپدیت است و در صورتی که در مبحثی تغییرات گستردهای ایجاد شود مجدد دوره آپدیت میشود.
پشتیبانی و رفع اشکال این دوره به چه صورت و از چه طریق میباشد؟
بعد از ثبتنام, پرسش و پاسخ این دوره فقط از طریق وب سایت سونلرن انجام میشود, در صورتی که دانشجو در هر جلسه سوالی داشته باشد زیر ویدیوی همان جلسه سوالش را ثبت میکند سپس مدرس و منتور دوره در کمتر از ۲۴ ساعت به آن سوال پاسخ میدهند.
دیدگاهتان را بنویسید