دسته بندی :
تاریخ انتشار : ۲۸ دی ۱۳۹۴
گردآوری و تالیف : حسام موسوی

کارمو با طراحی گرافیکی شروع کردم و حدود 2 سال طراحی گرافیکی میکردم بعد به طراحی وب علاقه پیدا کردم و همراه طراحی وب عاشق کدنویسی شدم به PHP | sass | css | Jquery | javaScript تسلط کامل دارم . در بین فریم ورک های PHP اول با CodeIgniter کار کردم اما به laravel علاقه مند شدم و دارم بطور حرفه ای دنبالش میکنم . امید من اینکه بتونم کاربرهای ایرانی رو به دنیای بیرون متصل کنم تا بتونن از فناوری های تازه آگاهی داشته باشن

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

خب ! 

طراح وب ؟ يا برنامه نويس Back-end ؟ يا اصلا هر دوش ؟ از کجا بايد شروع کرد؟ ، چي رو بايد ياد گرفت؟ اين موضوعاتيه که، افرادي که ميخوان اين کارو شروع کنن باهاش مواجه ميشن و سعي ميکنن بفهممن فرق اينا چيه و برای طراح وب يا توسعه دهنده وب شدن بايد چه کارهاي کرد . خيلي این مسئله رو برای خودتون سخت نکنيد من هر کدوم رو تعريف ميکنم و بعد نکاتي در مورد هر کدوم میگم . 

طراح وب

اين افراد کارشون اينکه رابط کاربري يک وبسايت ، که کاربر نهايي باهاش کار ميکنه رو بسازن ! يعني ميان چهره يه سايتو درست ميکنن ! البته اين افراد بازم به بخش های مختلفي تقسيم ميشن چون کسايي هم هستن که فکر ميکنن کار طراحي وب در ابزاري مثل فتوشاپ با تبديل کردن به کدهای Html ، css يا javascript  خلاصه میشه . اما من قبل از اين که يک طراح وب باشم ، يک طراح گرافيک بودم .

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

همونطور که در بالا گفتم خودم قبل از اين که يک طراح وب باشم يک طراح گرافيکي بودم و بعد به اين حوضه کشيده شدم و الان عاشق طراحی وب هستم یعی از زماني که يک سايت رو داخل فتوشاپ طراحي ميکنم تا زمانی که کدهاشو مینویسم از لذت بخش ترین زمان های زندگیمه ! باید بگم رنگ بندهاي هر بخش برام خيلي مهمه چون اون طرح قراره زنده بشه و خيليها ازش استفاده کنن . براي همين زمان کمي رو صرفش نمي کنم و هميشه سعي ميکنم با حوصله و دقت زیاد پيش برم چون اگه قدم اول رو خوب برداريد کارتون در Html و css خيلي ساده ميشه . البته اينجا شما مياد ميگيد که کار طراحي در فتوشاپ رو ميدم يکي ديگه و ميگيد وقتش رو ندارم و يا اصلا حوصله اش رو ندارم شايد حق داشته باشيد براي کسايي که به اين کار يعني طراحي در فتوشاپ علاقه نداشته باشن يک دقيقه اش هم براتون عذاب آور ميشه براي همين ترجيح ميدين که ديگران براتون طراحي کنن . اما به نظرتون ديگران اونطوري که شما ميخوايد براتون طراحي ميکنن يا ايده هاي که شما تو ذهنتون براي پياده سازي دارين رو روي طرح ميارن ؟ جواب من شايد اره شايدم نه ! بستگي به طراح وب داره . این موضوع اصلا چیز ثابتی نیست !

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

بعد از اينکه طراحي در فتوشاپ رو ياد گرفتيد بايد برين سراغ HTML و CSS و javascript که دوتاي آخري داراي فريمورک ها و کتابخونه هاي زيادي هستن اگر با کلمه فريمورک آشنا نيستين ، بايد بگم اينها ابزاري هستن که با استفاده ازشون کارتون سريع تر ، بهتر و در کمترين زمان پيش ميره . مثل bootstrap براي css  و jquery براي javascirpt . براي شروع هم بايد HTML ياد بگيريد و بعد css و در نهايت javascirpt ، که براي يک طراح وب حرفه اي و کاربلد شدن بايد وقت زيادي براشون بزاريد چون هر کدوم يک دنيا براي خودشون دارن .

فک کنم متوجه شده باشيد که يک طراح وب ، برنامه نويس هم هست چون بايد با چيزهاي مثل HTML و CSS و javascirpt سرو کله بزنه که دشواري هاي خودشونو دارن. به اين افراد اصطلاحا Front-end کار هم ميگن چون ميان چيزي که کاربرنهايي اون رو ميبينه رو ميسازن فک کنم تا اينجا با يک طراح وب آشنا شده باشيد اما يک برنامه نويس Back-end کيه و کارش چيه ؟ 

برنامه نويس Back-end

برنامه نویسی Back-end اصلا چی هست اگه بخوام خیلی ساده براتون تعریفش کنم باید بگم شما یک وبلاگ رو در نظر بگیرید که داخلش هر چند روز یک پست قرار میدید و یک سری اطلاعاتی که به راحتی با پرکردن یک فیلد ، بخ کاربرهاتون نمایش داده میشن یعنی اطلاعاتی که شما داخل پنل مدیریت میفرستید داخل دیتابیس ذخیره میشه و در نهایت به کاربر نشون داده میشه ، اگه هیچ کدوم اینا نباشه ، شما یه سایت استاتیک خالی دارید که برای تغییر متن ها و قرار دادن پست ها باید کدهای html رو تغییر بدید که این یک کار واقعا زمان بره فکر کنید شما 200 پست دارید اونم بطور استاتیک ! اووووه اصلا فکرشم ادمو دیونه میکنه ! بعد بخواید یک قسمت از صفحه پست ها رو تغییر بدید پس مجبورید برین به هر 200 صفحه کد و تغییرات یکسانی رو اعمال کنید . من که عمرا همچین کاری کنم !! اما اگه شما یک back-end کار باشید میتونید هر چیزی رو بسازید از فروشگاهی مثل دیجی کالا گرفته تا سایت های خبری که هر روز باهاش سروکار دارید . دیگه لازم نیست 200 تا صفحه رو ادیت کنید فقط کافیه یک صفحه بسازید و اطلاعات رو اونجا نمایش بدید و اگرم به تغییرات برای اون صفحه نیاز داشتید فقط اون صفحه رو تغییر بدید !

همین ! کدومش راحتتره ؟ امیدوارم متوجه شده باشید که کار یک برنامه نویس back-end چیه . 

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

برای اینکه یک برنامه نویس Back-end بشین با دنیایی از زبان های این حوزه مواجه این ، مثل PHP , ASP.NET , Ruby , python و .... که تعدادشونم هم کم نیست . مطمئنم همون اول گیر میکنید که کدوم رو باید انتخاب بکنید ؟ و زمانی که از هرکی میپرسید چه زبانی رو انتخاب کنم اون یا زبانی رو میگه که داره باهاش کار میکنه یا زبانی رو میگه که دوسش داره از این دو حالت خارج نیست تعداد افرادی که بیان بطور اصولی بگن چی بهتره خیلی کمه چون همه به این اعتقاد دارن ، زبانی که باهاش کار میکنن عالیه ! یه جور پایین اومدن کلاسه اگه بگن اینی که من دارم کار میکنم خیلی خوب نیست . 

اما به نظرم واقعیت اینکه هر یک از این زبان ها ویژگی های خودشونو دارن اما در ایران چون زبان های ++C و #C در دانشگاهها تدریس میشه و افراد آشنایی اولیه با اونا دارن ! برای همین زبان های ASP.NET و PHP برای شروع خوب به نظر میان البته این حرفم به معنی این نیست که این دوتا زبان چیز کمتری از بقیه دارن ولی با پیش زمینه ای که گفتم انتخاب خوبی به حساب میان .

طراح وب یا برنامه نویس Back-end یا هر دوش ؟ انتخاب آخر با خودتونه زمانی که یکی از اونها رو شروع کنید با دنیای متفاوتی مواجه میشین که هرچقدرهم به عمقش فرو برید میبینید بازم چیزی هست که یاد بگیرید . 

امیدوارم این پست مورد استفاده اتون قرار گرفته باشه منتظر نظرات خوبتون هستم .

دیدگاه های مخاطبین

ثبت دیدگاه شما
  • mehdi

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

    • admin

      مرسی از نظرتون بله
      آموزش php
      و طراحی وب سایت هم بزودی قرار خواهد گرفت

  • mehdi

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

    • admin

      با سلام
      حتما
      موفق باشید

  • سعید نعیمی

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

  • hannanstd

    سلام . جدیدا نمیتونم هر روز به سایتتون سر نزنم !!!!
    این پست هم عالی بود ولی اون قسمت که گفتید طراح وب برنامه نویس هم هست رو قبول نکردم !

    • admin

      سلام مرسی از نظرتون
      خوب این نظر من بود که طراح وب ، تقریبا یه برنامه نویس هم هست چون در front با javascirpt و کتابخونه ها و فریمورک هاش سروکار داره که این خودش یه زبانه در اصل منظورم از طراح وب اینجا کسی نیست که فقط بیاد ظاهر سایت رو در فتوشاپ بسازه

  • مجتبی

    عالی بود.

  • یوسف

    خیلی عالی بود.
    خسته نباشید

    • admin

      ممنون از نظرتون

  • [Mr.mm]

    بسیار زیبا و عالی

    • admin

      ممنون از نظرتون

  • vahid mehr

    تشکر
    برای اطلاع و شروع و آگاه سازی مسیر کار توضیحات خوبی دادید

    • admin

      مرسی از نظرتون

  • web

    نظرتون در مورد node js برای سمت سرور چیه من تازه باهاش آشنا شدم یه توضیح هم در مورد اون بدید

    • admin

      Node js به عنوان یک زبان سمت سرور شناخته میشه که بر اساس V8 JavaScript اجرا میشه که مقیاس پذیری عالی داره . انشالله در پستی بطور مفصل در موردش صحبت میکنم

  • میلاد

    خیلی خب بود. من اولای کارم که مشکل داشتم با این قضیه ها همیشه که فرقشون چیه و چکاری میکنه , در ضمن ASP درسته نه ACP

    • admin

      مرسی بابت نظرتون ! بله اشتباه تایپی بود اصلاح شد

پیشنهاد میکنیم این مطالب رو هم مطالعه کنید :