دوستان و اساتید محترم و محترمه خسته نباشید
یه مقدار وقتم باز تر شده میخواستم چند تا از اون سایت های خوب خوب و اسکریپت های مفید و کابردی رو اینجا معرفی کنید مفیوض بگردیم
انگلیسی باشن بهتره:10::11:
دوستان و اساتید محترم و محترمه خسته نباشید
یه مقدار وقتم باز تر شده میخواستم چند تا از اون سایت های خوب خوب و اسکریپت های مفید و کابردی رو اینجا معرفی کنید مفیوض بگردیم
انگلیسی باشن بهتره:10::11:
به سلام آقا داریوش!
سایت برای آموزش می خوای، یا چندتا از این framework ها معرفی کنیم؟؟
راستی، مثلا در چه زمینه هایی می خوای باشن؟
البته چیز زیادی تو دستو بالم نیست، ولی خب تا اونجایی که بتونم معرفی می کنم...
سلام امین جان گل
والا آموزش اونطوری که تکی به کارم نمیاد
بیشتر سایت تو مایه های همون jquery و نمیدونم تو همین مایه ها میخواستم که هم فایلشون رو برایه دانلود بده و هم آموزش ها و موارده لازم و کارهایی که میکنه رو نوشته باشه
زمینه ی خاصی ملاک نیست
میخوام تا اونجا که میتونم احتکار!!! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] کنم که وقتی که به بعضی هاشون تو فلان سایت احتیاج داشتم از صفر شروع نکنم و یه چیزایی داشته باشم [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
چند تا ار اون سایت های خوبی که خودت میدونی و چند بار هم معرفی کردی اینور اونور [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
بسی ممنان
انشالله فرصت بشه جبران کنیم همی
راستی تا مقادیره زیادی هم مشکلم با بلاگ فا حل شده
از سره ناچاری با هزار مصیبت فایل ها رو تو box.net اپلود کردم
راستی تاپیک در مورده silverlight به کجا رسید؟ [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
خوب فریم ورک برای چه منظوری
الان به اندازه موهای سرت فریم ورک داریم
اگر منظورت فریم ورک های جاوا اسکریپته. به نظر من jquery یاد بگیری از همش بهتره. مثلا تو سایت pixeldesign.ir یه سری اموزش براش هست. یادگیریش هم خیلی سادست. منبع انگلیسی هم براش خیلی زیاده. سه تا کتاب هم به زبان انگلیسی براش منتشر شده که روی وب موجوده
خوب با جاوااسکریپت شروع کنیم:
من سه تا شو میشناسم و باهاشون کار میکنم. البته همونطور که امیر عباس جان گفتن jquery بیشتر بدردم خورده و کاراتره پلاگین هم تا دلت بخواد براش هست.
1- JQuery
2- MooToolsکد:http://www.jquery.com
3- ProtoTypeکد:http://mootools.net/
کد:http://prototypejs.org/
ممنون دوستان مخصوصا پیمان جانه گل
همون بیشتر منظورم تو جاوااسکریپت بود
دوستان فقط یه سواله کوچیک و مبتدی
یه مقدار میتونید فرق های عباراته framework و library و ... رو تویه این کدها برایه من توضیح بدید تا مقادیری منور بشم؟
خواهش میکنمنقل قول:
تا اونجایی که اطلاعات من قد میده فریم وورکها اسکلت کلی نرم افزار هستن که میشه سفارشیشون کرد و نسبت به نیاز برنامه نویس قابل customize و تغییر هستن. در قالب فرم وورکها میشه انواع اقسام کارها رو انجام داد. در واقع قالب کلی هستن که میشه براحتی بهشون اجزایی رو اضافه کرد و یا تغییر داد. از مهمترین فریم وورکهای PHP هم من CodeIgniter و Zend Framework که جدید هست رو میشناسم.
دیدی بعضیها یه سری وب سایت آماده مینویسن و همیشه از اون استفاده میکنن و فقط یه جاهایی رو به نسبت نیاز تغییر میدن. یه چیزی مثل CMS ها.
ولی library ها یه مجموعه از توابع مفیدن که انجام دادن یه سری از کارها رو راحت میکنن.
امیدوارم تونسته باشم منظورمو منتقل کنم.
سلام.نقل قول:
منم با گفته های پیمان موافقم...
----------------------------------------
فریم ورکها که منم فقط همین سه تایی که پیمان معرفی کرد رو می شناسم، حداقل می شه گفت معروف ترینشون همین سه تا هستن، البته یکی دیگه هم من می شناسم ولی خب هرگر به پای این سه تا نمی رسه!:27:
البته نمی شه گفت بهترینه! هر کدوم واسه یه کاری بدرد می خورن، که کاربر بسته به نیازش از اون استفاده می کنه...نقل قول:
اگر منظورت فریم ورک های جاوا اسکریپته. به نظر من jquery یاد بگیری از همش بهتره.....
اگر اینطوری نبود پس منم می گفتم Prototype بهترینه!!!!:31:
---------------------------------------
خب حالا نوبت به library ها می رسه که از نظر تعداد خیلی بیشتر از فریم ورکها هست!
من فعلا دوتاش رو معرفی می کنم، شاید بعدا هم بیشتر معرفی کردم، البته اگه یادم بیاد!
کد:http://dojotoolkit.org/
http://extjs.com/
ممنون دوست جون ها
فعلا که فقط 3 تا فایله js اونایی که پیمان جان داد رو گرفتم حالا باید آموزش هاش زو هم بگیرم
راستی میتونید راهنمایی کنید که تو کدوم قسمت بهتره برم؟
samples
tutorials
docs
با این انترنته تر تری نمیشه زیاد ویراژ داد!
ممنون بابته توضیحاتتون هم
مقادیری روشن شدم
مرسی امین جان
اینا رو هم سره فرصت خدمتشون میرسم
راستی این animate.js که فرانت پیج داره
این library هست یا framework
البته بیشتر بهش میخوره library باشه
سلام.نقل قول:
اگه می خوای مستنداتش رو بخونیو یه چیزهایی ازش بفهمی بهتره بری doc ش، اون دوتای دیگه هم که نیازی به گفتن نداره...
----------------
باور کن من در تمام عمرم اگه تمام وقتهایی که فرانت پیج رو باز کرده باشم، و اینها رو با هم جمع بزنیم، شاید به زور 1 ساعت بشه!:18::31:
نمی دونم والا شایدم باشه....:11:
فکر نمیکنم اون فریم وورک باشه یعنی از مایکروسافت بعیده همچین چیزی.نقل قول:
مطمئن باش library هست ولی اگه برای انیمیشن جاوااسکریپت میخوای همون jquery خیلی بهتر کارتو راه میندازه. دنبال فرانت پیج اصلا نرو که راهش به ترکستانه.
نه پیمان جان
اوووووووووووووووووه
من 4-5 سال پیش با اونا کار میکردم و خداییش هم جالب بودن و راحت
الان که دگه اینقد چیزایه دیگه اومده که کسی به این چیزا نگاه نمیکنه
مرسی
***********************************
امین بابا بی خیال
من بیشتر از همه با فرانت پیج 2003 کار کردم و میکنم
راستی رفتم خونه بچه ها publisher رو هم دیدم
ولی هر کاری کردم ازش نتونستم سر در بیارم سر و تهش کجاس!
میگما همین frontpage و dream weaver هیچی نمیشه
البته باز فرانت پیج بهتره چون با فارسی هم همچین مشکل نداره
من که 4-5 سالی میشه ازش استفاده میکنم ازشم راضیم
در حال حاضر با توجه به شرایطی که جی کوئری داره میشه گفت بهترینه. اول اینکه حجمش از فریم ورک های مشابه مثل prototype خیلی کمتره. مورد دیگه اینکه برای انتخاب عناصر صفحه از selector های CSS استفاده می کنه که این بهترین نو آوریشه. از نظر سرعت هم در حال حاضر از تمامی فریم ورک های دیگه به غیر از dojo سریعتره. آینجا می تونید تست کنیدنقل قول:
البته نمی شه گفت بهترینه! هر کدوم واسه یه کاری بدرد می خورن، که کاربر بسته به نیازش از اون استفاده می کنه...
اگر اینطوری نبود پس منم می گفتم Prototype بهترینه!!!!
در مورد کد نویسی هم کسی تو این مورد شک نداره که کد نویسی برای jQuery از تمامی فریم ورک های دیگه ساده ترهکد:http://mootools.net/slickspeed/#
سلام.نقل قول:
آقا من کم آوردم اساسی!!!:19:
قبلا جسته و گریخته توی فرومهای دیگه گفته بودی که زیاد جاوااسکریپت کار نمی کنی، ولی الان که می بینم، اینطوری نیست!:10:
ممنون که روشنم کردی:11:
الان هم جاوا اسکریپت کار نمی کنم. یه خورده جی کوئری یاد گرفتم. الان هم دارم یکی از کتاب های جی کوئری رو می خونم. خیلی خیلی سادست. شاید با خوندن یه کتاب بتونید اینقدر از جی کوئری یاد بگیرید که هم جلوه های خیلی جذاب به طرحتون اضافه کنید و هم از قابلیت های Ajax اش استفاده کنید
امیر جان اون کتابه رو هم لینکی چیزی میزاری ازش
منم نم نم دارم شروع میکنم jquery رو از تو سایتش
از اینجا دانلود کن
کد:http://rapidshare.com/files/65666967/1847192505.zip
داریوش جان اون 4 پنج سال پیش کدهایی که فرانت پیج میساخت رو با بقیه مرورگرها تست کرده بودی؟؟نقل قول:
بعید میدونم کدهاش توی بقیه مرورگرها کار کنه.
بهرحال ادیترها یه ابزار شخصی هستن و بستگی به سلیقه برنامه نویس دارن. من خودم نمیتونم از Aptana و Eclipse دل بکنم. هرکاری کردم نتونستم ترک کنم با اینکه هیچ کد آماده ای بهت نمیدن ولی اونقدر راحتن که نمیشه دل ازش کند.
نقل قول:منم با امیرعباس عزیز موافقمنقل قول:
جی کوئری سبکترین ، سریعترین ، آسونترین و کاراترین فریم وورک جاوااسکریپتیه که تا حالا دیدم. هر کاری میشه باهاش انجام داد. داره میشه یه چیزی مثل Drupal توی CMS ها. البته Mootools هم بنظرم فریم وورک خوبیه ولی یه مقدار سنگینه.
همونطور که امیرعباس جان گفتن الگو گرفتن از سلکتورهای CSS و حتی پیشبرد اونها و تعمیم دادنشون به همه مرورگها از شاهکارهای JQuery بوده. مثلا شما توی CSS نمیتونین سلکتورهایی که با Property های تگها کار میکنن رو به IE بفهمونین ولی JQuery این کار رو میکنه. یا مشکل Transparency رو توی IE حل کرده و خیلی کارهای دیگه.
کار کردن با توابع ایجکسش اونقدر ساده و راحته که حد نداره. بعضی وقتها واقعا از خود جاوااسکریپت سریعتره:18:
سلام.
من درباره این سایت هیچ چیز بهتون نمی گم!!! فقط این رو می گم که من این یکی رو خیلی قبول دارم!
کد:http://dean.edwards.name/
:11:ٌWoWنقل قول:
امیرجان دستت درد نکنه
بچه ها واقعا کتابه جالبی هست اگه نگرفتید بگیریدش حتما
البته من فعلا اصلا فرصت نکردم بخونم ولی با یه نگاهه کلی تا اونجا که فهمیدم اینه که از مقدمه شروع کرده تا ....:10:
مرسی پیماننقل قول:
پس باید خیلی جلب! باشه:46:
مرسی امین جاننقل قول:
نخبه ی خوبی باید باشه
****************************************
دوستانی که با این jquery کار کردن یه نمه بیشتر من و دیگر دوستان رو راهنمایی میکنن در حده یه چایی خوردن سرپایی:20:
خودمم یه چیزایی دستگیرم شد میام اینجا publish!!! میکنم هی!:46:
خوبه؟ اینطوری یه مقدار فک کنم تاپیک باره آموزشیش هم بره بالا
تا اونجا که من الان نخونده!!! فهمیدم موضوع از این قرار که این فایله نود و اندی کیلو بایتیه jquery رو تو سرور آپلود میکنیم و تمامیه عناصر و آبجکت های سایت را با کلاس و ... به اون و المنت های داخله اون و افکت ها و ... مربوط میکنیم
حالا اگه خدایی نکرده لود نشد چی؟ مشکلی براش پیش اومد و ...
سایت سکته مغزی میزنه یا اینکه باز کار میکنه تا حدودی
راستی اگه تونستید یه کده ساده ی چند خطی درباره یکی از کارکرداش میزارین برای نمونه؟
فایل jquery سه تا فرمت داره. یکیش حالت فشرده نشده که حدود 97 کیلوبایته. از این فایل فقط برای آموزش و دیدن کد جی کوئری استفاده می کنن و برای سایت ازش استفاده نمیشه چون حجمش خیلی زیاده.
یه فایل pack داره که حجمش 30 کیلو بایته
و یه فایل minified داره که اگر از gzip سرور استفاده کنی حجمش میشه 16 کیلوبایت که خوب خیلی مناسبه. شما فایل PACK رو دانلود کن
بالای صفحه اینطوری لینکش کن به صفحت
حالا یه فایل js خالی درست کن که دستورات جی کوئری رو داخل اون بنویسی. اسمش رو هم هر چی دوست داری بذار مثلاکد:<script src="jquery-126.pack.js" type="text/javascript"></script>
حالا داخل این فایل دستورات رو می نویسی. اولین چیزی که باید بنویسی اینهکد:<script src="amir.js" type="text/javascript"></script>
این یعنی به محض اینکه ساختار کلی صفحه ( فقط کدهای HTML ) روی سیستم کاربر دانلود شد باید دستورات اجرا بشن. همه دستورات جی کوئری باید اون وسط نوشته بشن در غیر این صورت اجرا نمی شنکد:$(document).ready(function(){
});
شیوه کار جی کوئری هم اینطوری که داخل کد HTML جستجو میکنه و اون تگ مورد نظر شما رو پیدا می کنه و اون کاری که شما می خواید رو با اون تگ انجام میده. مثلا شما یه تگ <h3> بساز و توش یه چیزی بنویس. بعد یه div درست کن و id مثلا amir بهش بده و یه متنی هم توش بنویس. اینطوری
حالا ما می خوایم کدی بنویسیم که وقتی طرف روی h3 کلیک کرد اون div ما جمع بشه و هر وقت دوباره روی h3 کلیک کرد اون div دوباره باز بشهکد:<h3>امیر عباس </h3>
<div id="amir">
<p>داریوش جان اون 4 پنج سال پیش کدهایی که فرانت پیج میساخت رو با بقیه مرورگرها تست کرده بودی؟؟
بعید میدونم کدهاش توی بقیه مرورگرها کار کنه.
بهرحال ادیترها یه ابزار شخصی هستن و بستگی به سلیقه برنامه نویس دارن. من خودم نمیتونم از Aptana و Eclipse دل بکنم. هرکاری کردم نتونستم ترک کنم با اینکه هیچ کد آماده ای بهت نمیدن ولی اونقدر راحتن که نمیشه دل ازش کند.</p>
</div>
کدش اینطوری می نویسیم
خط اولش که مشخصه و گفتم همیشه باید باشهکد:$(document).ready(function(){
$("h3").click(function(){
$("#amir").slideToggle(1300);
});
});
خط دوم با $ شروع میشه. هر چیزی رو بخوایم تو صفحه سرچ کنیم باید با $ شروع کنیم و اون تگ یا کلاس یا ایدی مورد نظرمون رو بذاریم تو پرانتز (البته باید بین علامت های " باید قرارشون بدیم و علامت های > و < رو باید حذف کنیم. الان من نوشتم که هر چی h3 تو صفحه هست رو پیدا کنه. بعد فانکشن کلیک رو بهش متصل کردم که هر کس روی اون h3 کلیک کرد یه فانکشن خاصی اجرا باشه. تو خط سوم هم نوشته شده که هر تگی که ایدی amir داره رو انتخاب کن و فانکشن slide رو بهش اختصاص بده و زمان رو هم روی 1300 میلی ثانیه تنظیم کن.
حالا هر کس روی h3 کلیک کنه. جی کوئری تو کد میگرده و هر تگی که کلاس amir داشته باشه رو پیدا می کنه. می بینه اگر جمع شده باشه که بازش میکنه و اگر باز باشه جمعش می کنه. باز شدن و جمع شدن هم یک ثانیه و 3 صدم ثانیه زمان میبره
خودتون میتونید این کد رو امتحان کنید تا یه کم جی کوئری یاد بگیرید
WoW
مرسی امیر جان
ممنون که وقت گزاشتی و خیلی خوب توضیح دادی
در نگاهه کلی:
طراح باید تا حدوده زیادی به متغیر ها و بعضا کدهای جاوا اسکریپت آشنایی داشته باشه
یعنی خیلی هم easy to use نیست
هموننطور که تو این کتابه هم نوشته کاربر باید html و css و بعضی syntax ها رو بلد باشه
ولی در کل چیزه جالبیه و همینطور باید ساده باشه یه مقدار باهاش کار کنیم
این کتابه هم دستت درد نکنه قشنگ با مثال و ... رفته جلو
البته هنوز وقت نکردم شروعش کنم
یه مقدار کارایه وبلاگه و قالبش رو به یه جایی برسونم شروع میکنمش
راستی! پیمان چند پست پیش گفته بود که مشکله trasnparent در ie6 هم حل شده توش
اگه فعلا فقط همین فایله jquery رو لینک کنم به صفحه این موضوع لود میشه یا نه باید یه فایله js دیگه درست کنم و کدهای لازم رو بزارم؟
راستی امیر جان لینکی چیزی هم از نمونه هاش و sample هاش در زمینه های مختلفی مثله کتابه دانلودی سراغ داری؟ [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
سلام.نقل قول:
راستی امیر جان لینکی چیزی هم از نمونه هاش و sample هاش در زمینه های مختلفی مثله کتابه دانلودی سراغ داری؟
با اجازه اساتید...
توی این دوتا سایت، اکثرا از هر نوع فریم ورکی استفاده شده، و می تونه چیزه خوبی باشه:
کد:http://www.ajaxdaddy.com/
http://www.ajaxrain.com/
عجب جونوریه jQuery!
من قبلاً از هیچ فریم ورکی استفاده نمیکردم ولی این تاپیک اغفالم کرد یه سرکی به jQuery کشیدم
راستش ازش خوشم اومده. فکر میکنم بیشتر تو کارای بعدیم از ش استفاده کنم
ولی منم با داریوش موافقم. انقدرها هم کار کردن باهاش آسون نیست. باید تا حدی (کم و زیادش بماند) با جاوا اسکرپت آنا باشی تا بتونی خوب از jQuery استفاده کنی
به به بهنقل قول:
امین اینجا امین اونجا امین همه جا!:31:
مرسی اولی یاده خدا بیامرز daddy yunki میندازه منو!
عجب لینکایی داری ها امین
واجب شد که یه وبلاگ بزنی و بزاریشون اونجا منم هی مفیوض بشم
راستی یادم بشه شد بی زور نشد به زور favorite ]ات رو هم بگیرم:10:
اره واقعا کارش خیلی خوبهنقل قول:
ولی یه مقدار باید کار کنه آدم تا لمش بیاد دستش
ولی کدها و ... اش یکی دوبار کار کنی راحت میفهمی
:46:
برای حل مشکل png هم باید اول خود جی کوئری رو به صفحه لینک کنید
بعد این پلاگین رو به صفحه لینک کنید
بعد تو اون فایل js خودتون که دستورات رو توش می نویسین باید این رو قرار بدینکد:http://plugins.jquery.com/files/pngFix_6.zip
همین !کد:$(document).ready(function(){
$(document).pngFix();
});
حالا هر جا عکس png داشته باشید خود به خود بعد از لود شدن جاوا اسکریپت درست میشه
منتها یه محدودیت داره
اگر بخواید عکس رو با css تو پس زمینه قرار بدید نمی تونید عکس رو تکرارش کنید. مثلا repeat-x یا repeat-y براش کار نمی کنه. فقط repeat خالی کار میکنه تازه اون هم عکس رو تکرار نمی کنه بلکه اینقدر بزرگش میکنه که کل پس زمینه اون عنصر مورد نظر شما رو بپوشونه
من با پلاگین round corners canvas خیلی حال کردم.
ولی یه مشکل داره اونم توی IE6 روی المنتهایی که راست به چپ باشند کار نمیکنه!
اینجوری مجبورم برای هر المنت که میخوام گوشه گرد داشته باشه یه المنت نگهدارنده بزارم!
آیا پلاگین دیگه ای هم برای گرد کردن گوشه ها برای jquery وجود داره؟
این یکی رو امتحان کن شاید این کار کنه
کد:http://blue-anvil.com/jquerycurvycorners/test.html
WoW
مرسی امیر جان!
ولی سخته بابا! این همه دم و تشکیلات که فقط یه دونه png رو برای ie6 نشون بدیم بعدهم اون همه مشکل داشته باشیم
نمیارزه!
اتفاقا من چند جا از اینا استفاده کزدم و احتمالا بازم استفاده میکنم!نقل قول:
اگر بخواید عکس رو با css تو پس زمینه قرار بدید نمی تونید عکس رو تکرارش کنید. مثلا repeat-x یا repeat-y براش کار نمی کنه. فقط repeat خالی کار میکنه تازه اون هم عکس رو تکرار نمی کنه بلکه اینقدر بزرگش میکنه که کل پس زمینه اون عنصر مورد نظر شما رو بپوشونه
پس با این تفاضیل حالا حالا ها مونده تا کامل بشه!
سلام.نقل قول:
:31::31:
چیزی نیست که، یه چندتا تیکه کلمه است که اینور و اونورش می کنم، یه چیزی در می یاد!!:18:
وبلاگ حالا حالاها بماند!!!
بی زور می شه، نیاز به با زور نیست!:27::10:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ]i ahksd nhvl
از وقتی این کتاب رو گرفتم اینقد موضعاته دیگه پیش اومد که هنوز تو چند صفحه ی اولش موندم!