آموزش فاندیشن - Foundation (پایه تا پیشرفته)

۸۳ رای ۹.۳

access_time طول دوره ۴۲ ساعت
event_seat تعداد جلسات ۳۲ جلسه
people دانشجویان ۱۸۰ نفر
headset_mic پشتیبانی دوره۳ ماه
file_downloadسرفصل های دوره دانلود

قیمت : ۹۷ هزار تومان

schedule 48 ساعت آموزش ویدیویی - 5 گیگابایت محتوای آموزشی
description توضیحات دوره list جلسات دوره speaker_notes دیدگاه ها
list لیست جلسات دوره
  1. دوره مجازی فاندیشن (جلسه 1) - معرفی فریم ورک فاندیشن - اهداف و مرور کلی این دوره play_circle_outlined
  2. دوره مجازی فاندیشن (جلسه 2) - پیشنیازها و آماده سازی محیط کار play_circle_outlined
  3. دوره مجازی فاندیشن (جلسه 3) - معرفی و بررسی سیستم شبکه بندی-قسمت اول play_circle_outlined
  4. دوره مجازی فاندیشن (جلسه 4) - معرفی و بررسی سیستم شبکه بندی-قسمت دوم play_circle_outlined
  5. دوره مجازی فاندیشن (جلسه 5) - معرفی و بررسی سیستم شبکه بندی-قسمت سوم play_circle_outlined
  6. دوره مجازی فاندیشن (جلسه 6) - معرفی و بررسی سیستم شبکه بندی-قسمت چهارم play_circle_outlined
  7. دوره مجازی فاندیشن (جلسه 7) - نحوه کنترل نمایش المان ها و شناور سازی آنها play_circle_outlined
  8. دوره مجازی فاندیشن (جلسه 8) - کار با متون - Typography play_circle_outlined
  9. دوره مجازی فاندیشن (جلسه 9) - کامپوننت ها - فرم ها play_circle_outlined
  10. دوره مجازی فاندیشن (جلسه 10) - کامپوننت ها - کنترل ها - بخش اول play_circle_outlined
  11. دوره مجازی فاندیشن (جلسه 11) - کامپوننت ها - کنترل ها - بخش دوم play_circle_outlined
  12. دوره مجازی فاندیشن (جلسه 12) - کامپوننت ها - منوها - بخش اول play_circle_outlined
  13. دوره مجازی فاندیشن (جلسه 13) - کامپوننت ها - منوها - بخش دوم play_circle_outlined
  14. دوره مجازی فاندیشن (جلسه 14) - کامپوننت ها - منوها - بخش سوم play_circle_outlined
  15. دوره مجازی فاندیشن (جلسه 15) - کانتینرها - بخش اول play_circle_outlined
  16. دوره مجازی فاندیشن (جلسه 16) - کانتینرها - مدال ها - بخش دوم play_circle_outlined
  17. دوره مجازی فاندیشن (جلسه 17) - کانتینرها - off canvas - بخش سوم play_circle_outlined
  18. دوره مجازی فاندیشن (جلسه 18) - مدیاها - slider - بخش اول play_circle_outlined
  19. دوره مجازی فاندیشن (جلسه 19) - مدیاها - بخش دوم play_circle_outlined
  20. دوره مجازی فاندیشن (جلسه 20) - پلاگین ها - بخش اول play_circle_outlined
  21. دوره مجازی فاندیشن (اطلاعیه) : شرکت در نظرسنجی و دریافت اعتبار هدیه play_circle_outlined
  22. دوره مجازی فاندیشن (جلسه 21) - پلاگین ها - بخش دوم play_circle_outlined
  23. دوره مجازی فاندیشن (جلسه 22) - پروژه نهایی - بخش اول play_circle_outlined
  24. دوره مجازی فاندیشن (جلسه 23) - پروژه نهایی - بخش دوم play_circle_outlined
  25. دوره مجازی فاندیشن (جلسه 24) - پروژه نهایی - بخش سوم play_circle_outlined
  26. دوره مجازی فاندیشن (جلسه 25) - پروژه نهایی - بخش چهارم play_circle_outlined
  27. دوره مجازی فاندیشن (جلسه 26) - پروژه نهایی - بخش پنجم play_circle_outlined
  28. دوره مجازی فاندیشن (جلسه 27) - پروژه نهایی - بخش ششم play_circle_outlined
  29. دوره مجازی فاندیشن (جلسه 28) - پروژه نهایی - بخش هفتم play_circle_outlined
  30. دوره مجازی فاندیشن (جلسه 29) - پروژه نهایی - بخش هشتم play_circle_outlined
  31. دوره مجازی فاندیشن (جلسه 30) - پروژه نهایی - بخش نهم play_circle_outlined
  32. دوره مجازی فاندیشن (جلسه 31) - پروژه نهایی - بخش دهم - پایانی play_circle_outlined

آموزش حرفه ای فاندیشن

امروزه با توجه به پیشرفت سریع تکنولوژی ,مبحث طراحی رسپانسیو و یا به عبارتی واکنشگرا در زمینه وب جز یکی از موارد اجتناب ناپذیر برای طراحان وب می باشد که در کنار چندین فاکتور اساسی و پایه ای دیگر، از مواردی به شمار می رود که نیاز است قبل از هر چیز و شروع پروژه توجه ویژه ای به آن شود و به عنوان یکی از ارکان اصلی پیاده سازی سایت های اینترنتی در بخش UI (رابط کاربری) و همچنین UX (تجربه کاربری) مد نظر قرار گیرد و توجه ویژه ای به آن شود چرا که عدم توجه به آن می تواند منجر به شکست و زیان دهی پروژه گردد. طبق آمار تا پایان سال ۲۰۱۵ بیش از ۹۱ درصد از مردم دنیا دارایی تلفن همراه هستند و و ۶۰ درصد از این جامعه آماری دارای تلفن های هوشمند در مدل های مختلف هستند و از آن برای اتصال به اینترنت و وبگردی استفاده می کنند حال با توجه به طیف وسیعی از کاربرانی که دارای تلفن های هوشمند در ابعاد و اندازه های مختلف هستند طراحان وب ملزم به طراحی UI و رعایت اصول استاندارد UX در طرح های خود می باشند تا کاربران هدف شان که درصد بالایی در جامعه آماری ذکر شده را تشکیل می دهند بتوانند با هر دستگاهی و در هر اندازه ای به راحتی و بدون دردسر و به هم ریختگی در ظاهر و قالب یک سایت آن را مشاهد و مورد کاوش قرار دهند و تجربه لذت بخشی از وبگردی در سایت مورد نظرشان داشته باشند. از این رو و برای راحتی و سرعت بخشیدن به این نوع طراحی (طراحی واکنشگرا) در کنار رعایت استاندارهای لازم، سالانه فریم ورک های مختلفی در این زمینه طراحی و تولید می شوند و به رقابت با سایر رقبای خود در این زمینه می پردازند. به همین دلیل بر آن شدیم تا یکی از فریم ورک های فوق العاده قدرتمند و با سابقه و محبوب در بین طراحان حرفه ای را به صورت اصولی و از پایه تا پیشرفته در قالب مثال های مختلف و متنوع آموزش دهیم. در پایان نیز با کدنویسی 0 تا 100 یک پروژه کاملا حرفه ای و مدرن، به صورت عملی و کاربردی از این فریمورک حرفه ای استفاده خواهیم کرد. لازم به ذکر است که قالب کنونی وب سایت سون لرن هم بر پایه فریم ورک فاندیشن پیاده سازی و طراحی شده است. در این دوره آخرین نسخه فریمورک فاندیشن (نسخه 6) تدریس خواهد شد و شما به روزترین آموزش این فریمورک را در وب فارسی خواهید داشت. امیدواریم این دوره نیز مورد توجه و استقبال علاقمندان قرار گرفته و مفید واقع گردد...

دموی پروژه نهایی طراحی و کدنویسی شده در این دوره

 

دانلود PDF سرفصل های کامل دوره Foundation

:: سرفصل های دوره جامع آموزش فریم ورک فاندیشن 6

فصل 1 :  معرفی فریم ورک فاندیشن , پیشنیاز ها و آماده سازی محیط کار

فصل 2 :  سیستم شبکه بندی (Grid System) - مروری بر چارچوب کلی و اساس طراحی ریسپانسو تحت فریم ورک فاندیشن

فصل 3 : ایجاد عناصر واکنش گرا در فاندیشن - توسعه و طراحی توسط اجزا,ابزار و کامپونت های فاندیشن 

فصل 4 : : معرفی پلاگین های کاربردی موجود در هسته فاندیشن

فصل 5 : تعامل جاوا اسکریپت و css  در فاندیشن CSS

فصل 6 : سفارشی سازی فاندیشن

فصل 7 : پیاده سازی آنچه آموخته ایم در قالب پروژه ی کاربردی

فصل 8 : جمع بندی، معرفی منابع و توصیه های مهم و تکمیلی

سهیل محمدی replyپاسخ

استاد صالحی عزیز و دوست داشتنی !!
تا اینجای کار خیلی از تدریستون و بیان نکات جزیی راضی بودم . بنده از ته دل شما و جناب آوند رو دعا میکنم که اینقدر دلسوزانه تجربیات خودتون رو در اختیار ما میزارید. بسیار ممنونم
فقط یه سوال استاد صالحی …. من تا اینجای کار متوجه شدم در پروژه هایی که تحت این فریم ورک هست ما دو تا فایل css داریم ! میخاستم بدونم توی تبدیل پروژه در اخر سر به وردپرس و وردپرسی کردن اون مشکل ساز نیس ؟ اخه من شنیدم برای تبدیل به قالب وردپرس ما باید فقط یک فایل style.css داشته باشیم حتی باید نامش هم به این شکل باشه . شاید هم بنده اشتباه میکنم … از شما میخوام بگین جریان چیه و اینجوری با دو تا فایل css در تبدیل به وردپرس مشکلی خواهیم داشت یا خیر ؟
ببخشید اگه طولانی شد 😀

وحید صالحی

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

رضا الطافی replyپاسخ

باعرض سلام و خسته نباشید خدمت استاد عزیز جناب آقای صالحی
دوره خیلی مفید ، خوب و جامعی بود و بسیار ممنونم از زحمات شما ! استاد یک سوالی هست که بنده چندماهی هست جوابش رو پیدا نکردم. اگرچه ارتباطی هم به فریم ورک فاندیشن نداره اما چون ارادت خاصی به شخص شما دارم دوست دارم از شما بپرسم.
در برخی از سایت ها و همچنین آخرین بار در سایت شما دیدم که به عنوان مثال یه چیزی شبیه ( مدال ) روی صفحه ظاهر میشه و مثلا بعدی رو که میزنیم یه مدال دیگه ظاهر میشه که مثلا قسمت پایین هست و صفحه خودش به صورت خودکار به پایین هدایت میشه. دوباره روی بعدی که میزنیم یه مدال دیگه باز میشه که صفحه خودکار به بالا هدایت میشه. خواستم بدونم چطور باید این کارو کنیم ؟ در قسمت ” دوره های ویژه ” سون لرن همچین چیزی وجود داره

وحید صالحی

سلام آقا رضا خواهش می کنم و خوشحالیم که مفید واقع شده این مورد رو که اشاره کردید توسط پلاگین های تور ایجاد میشه که در بخش معرفی پلاگین های دوره یکی از بهترین هاش رو که پلاگین joyride بود و خود فاندیشن هم پیشنهاد کرده بود رو معرفی و نحوه استفاده ازش رو آموزش دادیم همچنین در جلسه پایانی و 31 دوره هم برای پروژمون پیاده سازی کردیم و مبحث سفارشی سازی رو هم روش اعمال کردیم و آموزش دادیم که می تونید جلسات رو که اشاره شد مشاهده کنید برای درک بهتر هم یک بار دیگه دموی پروزه که بروزرسانی شده رو در صفحه ثبت نام دوره مشاهده کنید
موفق باشید

ali rahmanian replyپاسخ

بیصبرانه منتظر دوره بعدی شما هستیم

Hoom@n replyپاسخ

جناب صالحی عزیز، به شما خسته نباشید میگم و منتظر دوره های آموزشی بعدی شما هستم.

پیشنهادی که دارم اینه که اگه ممکنه هر زمان خواستید دوره بعدی رو شروع کنید چند موضوع رو انتخاب کنید و رای گیری بگذارید تا کاربران هم بتونن در انتخاب دوره بعدی سهیم باشند.

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

لقمان آوند

سلام
دوره بعدی انتخاب شده. ایشالله از اواخر تابستون این کارو می کنیم حتما …

ali rahmanian replyپاسخ

سلام.آقای صالحی دوره بعدی شما چه چیزی تدریس میکنید؟
تدریس شما عالیه…اگر آنگولار شروع کنید بینهایت خوشحال میشیم

وحید صالحی

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

رضا الطافی replyپاسخ

ممنون تشکر از پاسختون.حالا یه سوال دیگه هم دارم ( ببخشید خیلی سوال میکنم )
در پروژه نهایی که در دوره قرار داده بودید اسلایدر در رزولوشن 1500 و حتی بیشتر ( هر رزولوشنی ) تمام عرض صفحه رو به خودش اختصاص داده اما در اسلایدری که پیاده سازی کردید ، در رزولوشنی که از عرض تصویر بیشتر باشه ، اسلایدر به هم میریزه و به سمت راست هدایت میشه. من از کلاس های row و expanded و collapse هم استفاده کردم برای حل این مشکل اما درست نشد.
خواستم بپرسم در دموی پروژه که انجام دادید ، چطور عرض رو در تمام رزولوشن ها تطبیق دادید

وحید صالحی

سلام خواهش می کنم به تصاویر اسلایدر کلاس orbit-image رو اضافه کنید این مورد رو فراموش کردیم که در پایان طراحی اسلایدر اشاره کردیم و اضافه هم کردیم

رضا الطافی replyپاسخ

سلام جناب صالحی خسته نباشید
یه سوالی داشتم که خیلی برام مهمه…شما در این دوره ریسپانسیو کردن یک سایت رو کاملا توضیح دادید اما چیزی که برای من مبهمه اینه که اگه یک سایتی که 0 تا 100 طراحی شده رو به ما تحویل بدن و بگن حالا این رو ریسپانسیو کنید اون موقع چگونه باید عمل کنیم ؟ مثلا با اضافه کردن یه سری کلاس های شبکه بندی مثل ROW و اینا… باعث نمیشه که قالب به هم بریزه ؟
یا مثلا برای ریسپانسیو کردن منوی سایت ، مجبوریم یه سری کلاس هایی که شخص تعیین کرده رو حذف کنیم و یه سری کلاس هارو به کل محتوای سند اضافه کنیم. این موارد باعث نمیشه کلا سایت به هم بریزه و به مشکلات زیادی بخوریم ؟

وحید صالحی

سلام یه مقدار کار مشکل میشه و بر طرف کردن ایم مورد نیاز به صرف زمان بیشتری هست و هم اینکه شما تسلط کافی رو فریم ورک مورد نظر و همچنین css رو باید داشته باشید و در بعضی مواقع نیاز هست که کلا قسمت هایی از قالب مجددا کدنویسی بشه تحت فریم ورک این مورد در زبان های برنامه نویسی هم صدق می کنه مثلا بخواهیم یک سایتی که بصورت رویه ای نوشته شده در قالب یه فریم ورک برنامه نویسی بخواهید پیاده سازی کنید که هم دشوار میشه کار و هم یه قسمت هایی نیاز هست که تغییر کنه به خاطر همین توصیه میشه که این نوع پروژه ها رو قبول نکنید چون دردسر زیادی داره یا اگر هم قبول کردید از اول اگر تسط کافی رو روی مباحث ندارید کدنویسی کنید بنده خودم به شخصه ترجیح می دم از اول کدنویسی کنم چون نسبت به زمان انرزی که صرف باید بشه اصلا ارزش کار نداره

مهدی چینی چی replyپاسخ

با سلام
استاد چند جلسه مونده تا دوره کامل بشه

وحید صالحی

سلام آقا مهدی 3 جلسه دیگه

رضا الطافی replyپاسخ

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

وحید صالحی

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

رضا الطافی replyپاسخ

استاد لطفا پروژه رو به 3 یا 4 قسمت یک ساعته تقسیم کنید تا دیدنش آسون تر باشه. مرسی

وحید صالحی

بله حتما همین کار رو خواهیم کرد آقا رضا اما چون حجمش مباحث بالاست 1 ساعت کم هست و هر جلسه احتمالا حداقل 1.5 ساعت خواهد بود که پروژه زیاد هم طولانی نشه

وحید صالحی replyپاسخ

بله این مورد تا حدودی درسته البته در بعضی مواقع که حجم سایر فایل هایی هم که import میشه زیاد باشه اما برای یک دو فایل موردی نداره و میشه استفاده کرد اما بهتر هست که این کار انجام نشه و همه موارد در یک فایل باشه تا تعداد رخواست بالا تر نره و بجاش از کامنت گذاری برای جدا سازی فایل ها استفاده کنید…

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3
مدرس و آمار دوره
Course-Teacher
وحید صالحی
مدرس و نویسنده ارشد سون لرن، فارغ التحصیل مهندسی نرم افزار با 4 سال سابقه نویسندگی و فعالیت های آموزشی حرفه ای. دارای 6 سال سابقه فعالیت در زمینه مباحث مبتنی بر وب (UI-Web Development) و گرافیک
library_books
۵۰۸ مقاله تخصصی
school
۱۰ دوره برگزار شده
۳۹۴۱ علاقمندfavorite
۳۵۸۳ دانشجوpeople
۷۰۰ رایstar
٪ ۹۲.۶ میانگین رضایت از مدرس
پیشنیاز های دوره
آشنایی با html و css پیشنیازهای این دوره می باشد. برای یادگیری این موارد می توانید دوره طراحی وب سون لرن را بگذرانید.
پشتیبانی فنی دوره
مدرس دوره و تیم پشتیبانی سون لرن به مدت 3 ماه پس از خرید دوره در بخش نظرات مطالب دوره ، پاسخگوی تمامی سوالات و ابهامات شما در مورد این دوره خواهند بود.
مشاوره پیش از خرید
در صورتی که در مورد هر کدام از دوره های سون لرن سوال و یا ابهامی در ذهن شما هست، می توانید همین حالا با ما در تماس باشید و از مشاوره رایگان قبل از خرید دوره ها استفاده نمایید.
contact_phone شماره تماس : ۰۲۱۴۴۰۲۰۴۸۲
email ایمیل : support@7Learn.com