بایگانی دسته: برنامه نویسی و توسعه وب

فرم دریافت نیازمندی های یک وب سایت از کارفرما

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

requirements-gathering

مزایای استفاده از این فرم

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

برای خواندن ادامه مطلب کلیک کنید

دانلود کتاب “کلید موفقیت در رشته کامپیوتر را فشار دهید” به صورت رایگان

کتاب در یک نگاه

این کتاب “راهنمای آنچه در دانشگاه به شما نمی آموزند!” لقب گرفته و تلاش دارد خلاء ها و ضعف های موجود که یک دانشجو و فارغ التحصیل رشته کامپیوتر با آن مواجه می شود را مورد بررسی قرار داده و راهکارهایی برای آن ارائه دهد. این کتاب به صورت رایگان در انتهای همین نوشته قابل دانلود است.

اطلاعات بیشتر در مورد کتاب

با توجه به آمار بالای فارغ‌التحصیلان و دانشجویان کلیه گرایش های مرتبط با کامپیوتر و فن آوری اطلاعات و تعدد دانشگاه‌ها و مؤسسات آموزش عالی مجری دوره‌های مرتبط و همچنین نابسامانی های موجود پیرامون مسائل اشتغال‌زایی و ضعف مهارت های دانش‌آموختگان، بر آن شدم تا با مطالعه و تحقیق و بهره‌گیری از تجارب شخصی در مورد وضع کنونی و امکان‌سنجی و یافتن فرصت‌ها و تهدیدها، راهنمایی کارگشا و بومی‌شده را در نقش یک نوشتار مکمل برای آنچه در دانشگاه‌ها و مؤسسات تدریس می‌شود تهیه نمایم.

هدف از انتشار این کتاب رایگان چیست؟

هدف این راهنما آن است که ضمن افزایش شانس دانشجویان و فارغ‌التحصیلان مقطع کارشناسی کلیه گرایش های مرتبط با کامپیوتر و فن آوری اطلاعات در یافتن فرصت شغلی مناسب، راهگشای پر کردن خلأ های احتمالی ناشی از ضعف سیستم آموزشی و یا خود شخص دانشجو و یا فارغ‌التحصیل نیز باشد.

3DCover

جهت مشاهده ادامه مطلب کلیک کنید…

نگاهی به درآمد طراحان و توسعه دهندگان وب

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

Can-a-Web-Developer-Also-be-a-Web-Designer-1

منبع عکس : http://www.adhamdannaway.com

اگر سری به مراجع و منابع آماری بین المللی بزنید و در مورد برترین شغل های سال های اخیر جستجو کنید خواهید دید که مشاغل حوزه فن آوری اطلاعات (IT) و در یک کلام شغل های تخصصی کامپیوتری دارای جایگاه هایی برتر و قابل توجه هستند. شتاب پیشرفت بشر در کلیه علوم در کنار نیازهای ارتباطاتی کی یکی از ارکانش بهره گیری به موقع از خدمات کامپیوتر ها و شبکه های ارتباطی هست فرصت های بیشماری رو در اختیار متخصصان فن آوری اطلاعات برای پاسخگویی به نیازها قرار داده. گروه شاخصی از این متخصصان حوزه فن آوری اطلاعات طراحان و توسعه دهندگان وب هستند. این دسته از متخصصین با طراحی و برپا کردن وب سایت ها و سرویس های تحت وب حضور چشمگیری در تمام بخش ها دارند و همین حضور متضمن درآمدهای هنگفتی است که جایگاه این مشاغل را متمایز ساخته.

برای خواندن ادامه مطلب کلیک کنید

برای یادگیری طراحی و توسعه وب از کجا شروع کنم؟

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

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

زمان تخمینی من برای مطالعه منابع گفته شده چیزی بین ۱۵ تا ۲۴ ماه هست. زمانی در حد گرفتن مدرک کاردانی! هزینه ریالی هم که باید برای تهیه این منابع بپردازید با هزینه های بی فایده رفتن به خیلی از دانشگاه های کشور مقایسه کنید.

تفاوت طراحی وب با توسعه وب

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

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

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

یه طراح وب دانش گرافیک کامپیوتری داره، می دونه که کاربردپذیری و قابلیت استفاده چی هست، سواد هنری داره، دید هنری و زیبایی شناختی داره، رنگ ها رو درک می کنه، با ساختار وب آشناس، تایپوگرافی رو آموخته و الگوهای طراحی رو میشناسه. از در طرف دیگه توسعه دهنده وب با کدنویسی سر و کار داره (دونستن و تسلط بر زبان های مبتنی بر وب)، سواد کامپیوتری خوبی داره، ساختار وب رو بهتر و بیشتر می شناسه، الگوهای پذیرفته شده برنامه نویسی رو بلده و یک کلام اینکه مهندسی نرم افزار می دونه.

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

بخش اول – طراحی وب

گام اول – فراگیری HTML/CSS با کتاب Build Your Own Website The Right Way

با مطالعه این کتاب شما به خوبی با اصول HTML آشنا خواهید شد و در ادامه مباحث CSS به روند آموزشی با مثال های عملی اضاف خواهد شد. این کتاب کاملا مناسب افراد مبتدی است و مسائل رو با بیانی شیوا و روان برای مخاطب خودش بیان می کنه. در خاتمه کتاب شما تا سطح متوسط بالا خواهید اومد و توانمندی انجام کارهای خوبی رو خواهید داشت.

کتاب Build Your Own Website The Right Way

کتاب Build Your Own Website The Right Way

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

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

برای خواندن ادامه مطلب کلیک کنید

روش ساخت منوی پایین افتادنی با کمک CSS3

دشواری : مبتدی
زمان تکمیل آموزش : ۲۰ دقیقه
منبع اصلی آموزش به زبان انگلیسی : http://designmodo.com/css3-dropdown-menu
مترجم و تهیه کننده مطلب : حمید رضا کاظمی – www.hamidoffice.com

مرحله ی اول – کدنویسی HTML

ما در ابتدا یک unordered list همراه آیتم های آن و تگ لینک خواهیم ساخت . برای ساخت زیر منو یا همان Sub Menu در درون لیست خود یک unordered list خواهیم نوشت.

[sourcecode language=”html”]
<ul class="menu">
<li><a href="#">My dashboard</a></li>
<li><a href="#">Likes</a></li>
<li><a href="#">Views</a>
<ul>
<li><a href="#" class="documents">Documents</a></li>
<li><a href="#" class="messages">Messages</a></li>
<li><a href="#" class="signout">Sign Out</a></li>
</ul>

</li>
<li><a href="#">Uploads</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Documents</a></li>
</ul>
[/sourcecode]

نتیجه ی کار تا اینجا به صورت زیر می باشد :

تصویر شماره یک

برای خواندن ادامه مطلب کلیک کنید