تالار گفتمان مانشت
پرسش و پاسخ در خصوص برنامه نویسی تحت وب:) - نسخه‌ی قابل چاپ

صفحه‌ها: ۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲
RE: آموزش برنامه نویسی تحت وب - ویژه مانشت - مازیار صفایی - ۰۶ اسفند ۱۳۹۰ ۰۴:۰۳ ب.ظ

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


RE: آموزش برنامه نویسی تحت وب - ویژه مانشت - baziramzi.ir - 06 اسفند ۱۳۹۰ ۰۴:۱۹ ب.ظ

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

مثلا این سایت بسیار ساده رو با طراحی بسیار ابتدایی در نظر بگیرید :
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.


در این سایت فقط از html که پایه صفحات وب و ۳ خط php برای تشخیص جواب درست یا غلط استفاده شده است و یه کوچولو css که در یه قسمتهایی زیبایی داده مثل فاصله خطوط و گرد کردن لبه ها .و اصلا از جاوا اسکریپت و آجاکس و دیتابیس استفاده نشده است.

آموزش برنامه نویسی تحت وب - ویژه مانشت - admin - 06 اسفند ۱۳۹۰ ۰۴:۲۳ ب.ظ

(۰۶ اسفند ۱۳۹۰ ۰۴:۰۳ ب.ظ)باد نوشته شده توسط:  فهمیدم به جای سریال سازی فرم، input ها را سریال کنم.... اما select ها که input نبودند....! پس باید آنها را در hidden input ها کپی می کردم و یک تراژدی....
یک مرورگر می تواند این بلا را به سر شما بیاورد....
برای چویر همین مشکل رو داشتم. ولی ۶ روز دیگه طول نکشید!!

RE: آموزش برنامه نویسی تحت وب - ویژه مانشت - مازیار صفایی - ۰۶ اسفند ۱۳۹۰ ۰۴:۲۵ ب.ظ

(۰۶ اسفند ۱۳۹۰ ۰۴:۲۳ ب.ظ)admin نوشته شده توسط:  
(06 اسفند ۱۳۹۰ ۰۴:۰۳ ب.ظ)باد نوشته شده توسط:  فهمیدم به جای سریال سازی فرم، input ها را سریال کنم.... اما select ها که input نبودند....! پس باید آنها را در hidden input ها کپی می کردم و یک تراژدی....
یک مرورگر می تواند این بلا را به سر شما بیاورد....
برای چویر همین مشکل رو داشتم. ولی ۶ روز دیگه طول نکشید!!

صفحه ای ازش یاد بردم یBig Grinک صفحه خیلی خیلی پیچیده بود و یک عالمه اتفاقات عجیب غریب در پشت صحنش می افتاد! و من تازه ۳ ماه بود که از jQuery استفاده می کردم.... یک سال و ۶ ماه پیش....
بیشتر شکم روی قسمت های دیگه بود، بعدا فهمیدم اینه!
(۰۶ اسفند ۱۳۹۰ ۰۴:۱۹ ب.ظ)baziramzi.ir نوشته شده توسط:  و گرد کردن لبه ها ....

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

آموزش برنامه نویسی تحت وب - ویژه مانشت - admin - 06 اسفند ۱۳۹۰ ۰۴:۳۶ ب.ظ

می‌گم باد عزیز یه قسمت چویر رو باید بدم دستت بزنی طراحی کنیSmile
سیستم کنکور چویر داره تموم می‌شه. خیلی چیز جالب و مهیجی شده.
کاملاً AJAX بدون هیچ postbackای.
یعنی با خیال راحت طرف فقط کنکور می‌ده Big Grin

آموزش برنامه نویسی تحت وب - ویژه مانشت - lvlina_r - 06 اسفند ۱۳۹۰ ۰۴:۴۵ ب.ظ

سلام، من یه پروژه دارم ولی تو فاز اول و تحلیل سیستم دچار مشکل شدم، اصلا با مفاهیمه uml آشنا نیستم، خیلی تو وب گشتم، ولی چیزی که از صفر شروع کرده باشه پیدا نکردم، می شه از صفر بگید من چی کار کنم، ممنون .....
از مهندسی نرم افزار یک هیچی یاد نگرفتم، یعنی استاد نداشتیم که چیز یاد بگیریم، بهترین پروژه را نوشتیم، ولی دریغ از یه چیز کاربردیه به درد بخور... Sad

RE: آموزش برنامه نویسی تحت وب - ویژه مانشت - مازیار صفایی - ۰۶ اسفند ۱۳۹۰ ۰۵:۲۷ ب.ظ

(۰۶ اسفند ۱۳۹۰ ۰۴:۳۶ ب.ظ)admin نوشته شده توسط:  می‌گم باد عزیز یه قسمت چویر رو باید بدم دستت بزنی طراحی کنیSmile
سیستم کنکور چویر داره تموم می‌شه. خیلی چیز جالب و مهیجی شده.
کاملاً AJAX بدون هیچ postbackای.
یعنی با خیال راحت طرف فقط کنکور می‌ده Big Grin

انصافا آژاکس jQuery قدرت خیلی بالایی داره. و بسیار منطف. هر کاری بخوای می تونی باهاش انجام بدی..... من تا به حال کاری نبوده که نتونسته باشم باهاش انجام بدم....

خوشحال می شم کمی کرده باشم. عید و تعطیلات فرصت خیلی خوبیه.
اسم کلاس های CSS و صفحات استاتیک نمونه داشته باشم می شه انجام داد
سورسش هم نمی خوادBig Grin
(۰۶ اسفند ۱۳۹۰ ۰۴:۴۵ ب.ظ)lvlina_r نوشته شده توسط:  سلام، من یه پروژه دارم ولی تو فاز اول و تحلیل سیستم دچار مشکل شدم، اصلا با مفاهیمه uml آشنا نیستم، خیلی تو وب گشتم، ولی چیزی که از صفر شروع کرده باشه پیدا نکردم، می شه از صفر بگید من چی کار کنم، ممنون .....
از مهندسی نرم افزار یک هیچی یاد نگرفتم، یعنی استاد نداشتیم که چیز یاد بگیریم، بهترین پروژه را نوشتیم، ولی دریغ از یه چیز کاربردیه به درد بخور... Sad

من به UML آشنایی دارم.
سوالاتتون رو بپرسید تا جایی که بدونم راهنمایی می کنم.

آموزش برنامه نویسی تحت وب - ویژه مانشت - ssjj - 06 اسفند ۱۳۹۰ ۰۶:۵۹ ب.ظ

سلام و تشکر از باد عزیز
مطالبی که میذارید واقعا مفید هست
اما یه انتقاد دارم
من تازه میخوام برنامه نویسی تحت وب رو یاد بگیرم و یجورایی صفر هستم
اما مطالب شما همون قدر که کامل هست منو گیج کرده
شما فرمودین ابتدا html و css رو یاد بگیرین و photo shop
و بعد راجب به سازگاری وبی که طراحی میکنیم با انواع مرورگرها گفتین
بهتر نیست از همون ابتدا راجب چجور استفاده کردنهphoto shop با html و css بگین؟
ببخشید این مطلبو گفتم چون میدونم خیلیا مثل من میخوان تازه شروع کنن
بازم واقعا ممنون واسه تاپیک واقعا عالیتون

آموزش برنامه نویسی تحت وب - ویژه مانشت - blackhalo1989 - 06 اسفند ۱۳۹۰ ۰۸:۱۴ ب.ظ

منم نمیفهمم نقش فوتوشاپ این وسط چیه؟

RE: آموزش برنامه نویسی تحت وب - ویژه مانشت - مازیار صفایی - ۰۶ اسفند ۱۳۹۰ ۰۹:۰۰ ب.ظ

(۰۶ اسفند ۱۳۹۰ ۰۸:۱۴ ب.ظ)blackhalo1989 نوشته شده توسط:  منم نمیفهمم نقش فوتوشاپ این وسط چیه؟

به دکمه "تشکر"، "پاسخ" و.... مانشت توجه کنید. اینها از کجا آمدند؟!
چه کسی آن ها را در چه نرم افزاری طراحی کرده است؟

فکر کنم در فتوشاپ توسط دکترBig Grin

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

شما با فتوشاپ طراحی می کنید.... با HTML صفحات را می سازید و با CSS به بهینه ترین شکل ممکن طراحی خود را کامل می کنید.

مثال:
قسمت فتوشاپ را که گفتم
در اینجا یک تگ DIV در HTML برای قسمت منو در نظر گرفته شده است.
و توسط CSS خصوصیات اینکه بک گراند آن آبی کم رنگ باشد و نوشته از سمت چپ باشد و.... الحاق شده است....
(۰۶ اسفند ۱۳۹۰ ۰۶:۵۹ ب.ظ)ssjj نوشته شده توسط:  سلام و تشکر از باد عزیز
مطالبی که میذارید واقعا مفید هست
اما یه انتقاد دارم
من تازه میخوام برنامه نویسی تحت وب رو یاد بگیرم و یجورایی صفر هستم
اما مطالب شما همون قدر که کامل هست منو گیج کرده
شما فرمودین ابتدا html و css رو یاد بگیرین و photo shop
و بعد راجب به سازگاری وبی که طراحی میکنیم با انواع مرورگرها گفتین
بهتر نیست از همون ابتدا راجب چجور استفاده کردنهphoto shop با html و css بگین؟
ببخشید این مطلبو گفتم چون میدونم خیلیا مثل من میخوان تازه شروع کنن
بازم واقعا ممنون واسه تاپیک واقعا عالیتون

سعی خودم را می کنم که یک طراحی ساده را با مثال بیان کنم.

آموزش برنامه نویسی تحت وب - ویژه مانشت - blackhalo1989 - 06 اسفند ۱۳۹۰ ۰۹:۱۷ ب.ظ

چه الزامی به استفاده از فوتوشاپ هست؟ مثلا برای همین دکمه ها ساده تر نبود اونها رو با استفاده از نرم افزار های برای کار های برداری طراحی کرد؟

RE: آموزش برنامه نویسی تحت وب - ویژه مانشت - مازیار صفایی - ۰۶ اسفند ۱۳۹۰ ۰۹:۲۰ ب.ظ

(۰۶ اسفند ۱۳۹۰ ۰۹:۱۷ ب.ظ)blackhalo1989 نوشته شده توسط:  چه الزامی به استفاده از فوتوشاپ هست؟ مثلا برای همین دکمه ها ساده تر نبود اونها رو با استفاده از نرم افزار های برای کار های برداری طراحی کرد؟

بحث بر سر فتوشاپ و یا هر نرم افزار گرافیکی دیگر نیست.
بر بحث لزوم استفاده از یکی از این هاست.... مانشت زیباست.... این ها کوچک اند و شاید به نظر نرسند ولی در بازدید کننده تاثیر مثبت می گذارند......

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

حداقل برای هر کاری یک Header که لازم است!

آموزش برنامه نویسی تحت وب - ویژه مانشت - موج - ۰۶ اسفند ۱۳۹۰ ۱۰:۰۱ ب.ظ

(۰۶ اسفند ۱۳۹۰ ۰۸:۱۴ ب.ظ)blackhalo1989 نوشته شده توسط:  منم نمیفهمم نقش فوتوشاپ این وسط چیه؟

برعکس من بهترین چیزی که این وسط میشناسمش و میفهممش همینه Smile

RE: آموزش برنامه نویسی تحت وب - ویژه مانشت - miaad - 06 اسفند ۱۳۹۰ ۱۱:۱۷ ب.ظ

شما فرمودین ابتدا html و css رو یاد بگیرین و photo shop
و بعد راجب به سازگاری وبی که طراحی میکنیم با انواع مرورگرها گفتین
بهتر نیست از همون ابتدا راجب چجور استفاده کردنهphoto shop با html و css بگین؟
ببخشید این مطلبو گفتم چون میدونم خیلیا مثل من میخوان تازه شروع کنن

دوست عزیز گفته دوست عزیزمون آقای باد کاملا درسته ولی شما اگه css خوب یاد بگیرید و با استفاد از اون میتونید واسه مرورگر های متفاوت قالب رو اصلاح کنید پس اصلا جای نگرانی نیست بهتره الان انرژتون بزارید و در ابتدا html , css رو کار کنید و وقتی به مرحله ای رسیدی که حس کردید درکتون از html , css خوب هستش بعد به سراغ فتوشاپ برید و قالب رو در فتوشاپ طراحی و با html , css پیاده سازی کنید در مرحله طراحی و پیاده سازی هر کمکی بتونم می کنم.

آموزش برنامه نویسی تحت وب - ویژه مانشت - blackhalo1989 - 06 اسفند ۱۳۹۰ ۱۱:۳۷ ب.ظ

من الان firebug رو نصب کردم. خیلی آموزنده است. یه add-on هست برای firefox . خیلی کارها میکنه از نشون دادن request response های http تا نشون دادن و تغییر css html و خیلی کار های دیگه. مخصوصا یه امکان داره به اسم inspect element که عالیه. البته کد ها معمولا سمت سرور هستند و ما ترجمشونو میبینیم.
یه add-on دیگه هم هست به اسم web developer که اونم خوبه.