campaign-Ghorban-to-Ghadir

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

۸۳ رای ۹.۳

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

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

notifications_active کمپین تخفیفی عید تا عید سون لرن رو حتما دنبال کنید!
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پاسخ

آقا در یه جمله میتونید توضیح بدید فرق Foundation با Bootstrap دقیقا چیه؟!
برای یه پروژه جدید کدوم رو استفاده کنیم بهتره؟

وحید صالحی

کار جفتوشن یکیه و برای طراحی قالب ها رسپاسو هست و هر دو کامل هستند انتخابشون بیشتر سبسقه ای هست و بوتسترپ محبوب تره و بیشتر جا افتاده

امیرجلالی replyپاسخ

بسیارخوب

Erwin Maleki replyپاسخ

سلام این فاندیشن نسخه جدید خیلی فرق کرده اونو هم لحاظ کردید؟

وحید صالحی

آخرین نسخه همین نسخه هست که هر تغییری داشته درش آموزش داده شده

Erwin Maleki replyپاسخ

سلام با توجه به اینکه در فاندیشن جدید از فلکس باکس استفاده شده و تقریبا خیلی از متد ها تغییر یا اضافه شده ایا این موردم لحاظ کردید؟ تو دوره یا خیر

وحید صالحی

بطور محض درش استفده نشده بلکه به عنوان یه قابلیت بهش اضافه شده که هر طراحی اگر تمایل داشت می تونه از حالت flexbox درش استفاده کنه اما اجباری در استفاده ازش نیست که اگر از مبحث flex استفاده نکنید یا بلد نباشید نشه از فاندیش اسفاده کرد حالات عادی رو هم داره

dariosh babaii replyپاسخ

با سلام
استاد عزیز بنده یک اسلایدر را به صورت دو اسلایدر کنار هم مانند سایت سون لرن بنا کردم .ولی اسلایدر کوچک سمت راست ارتفاع عکسها نصف می باشد در تمام مدیا ها ایاباید ارتفاع خاصی به عکسها بدهیم .چون همان عکس در اسلایدر سمت راستی که بزرگتر است ارتفاع تنظیم است.

وحید صالحی

بله برای تمام تصاویرتون یه ارتفاع مشابه باید در نظر بگیرید

dariosh babaii replyپاسخ

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

وحید صالحی

خاصیت display تگ ul رو در فایل css برابر inline-block یا inline تنها قرار بدید بصورت زیر
display:inline-block; dh fh یا با inline تنها

مریم امیدیان فر replyپاسخ

با عرض پوزش، مشکل دیگه ای هم برای من پیش اومده
این که وقتی برای حالات switch-active و switch- inactiveها متن قرار میدم هردو یک قسمت یعنی سمت راست سوییچ قرار میگیرند در صورتی ک متن هایی ک شما قرار میدین در فیلم دقیقا سر جاشون هستند، مشکل از کجا میتونه باشه؟

وحید صالحی

سلام فایل هاتون رو به همراه توضیح مشکلتون برام ایمیل کنید تا بررسی کنم

مریم امیدیان فر replyپاسخ

سلام آقای صالحی عزیز
خسته نباشید
با تشکر از دوره بسیار عالیتون
من این دوره رو تا همین قسمت دیدم، فقط تو شبکه بندی بعضی اوقات به مشکل میخورم:
1.فاصله چپ و راست rowهایی که تعریف میکنم خیلی زیاد هست!!
2.الان تو اسلایدرها مشکلی که واسم پیش اومده از راست هیچ فاصله ای ندارم البته در مدیای medium به پایین
و از چپ به همون اندازه معمول فاصله هست.
3.در مرورگر فایرفاکس همه چیز نظمش رو از دست میده 🙁
ممنون میشم راهنماییم کنید.

وحید صالحی

فایل هاتون رو برام با ذکر مشکلتون ایمیل کنید تا بررسی بشه

حمید replyپاسخ

slm
khaste nabashid

man mikhastam bedonam
vase baz shodan tabs-contetn chetori mishe animation gozasht

masalan man mikham ba fadeIn biad va ba fadeOut bere

وحید صالحی

برای این کار باید به جاوااسکریپ و جی کوئری آشنا باشید البته خود فریم ورک ابزار های مشابهی مثل collapse ها داره که مین کار رو میکنه جلوتر بهش میرسد

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

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

مریم امیدیان فر replyپاسخ

دوباره دانلود میکنم ببینم مشکل حل میشه یا نه
تشکر

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

سلام اگر منظورتون همین جلسه ای هست که درش کامنت گذشتید(جلسه 1-معرفی فریم ورک فاندیشن – اهدافو مرور کلی دوره) بررسی شد و مشکلی نداره حجم فایلش 151 مگابایت هست ببنید فایلی که دانلود کردید هم همین حجم رو داره اگر داشت با نرم افزار vlc یا kmplayer مشاهده کنید اگر باز هم مشکل داشت بهتره مجددا دانلود کنید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
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