صفحه اصلی / گام های شما برای تبدیل شدن به یک طراح سایت |  برای برنامه نویسان وب

گام های شما برای تبدیل شدن به یک طراح سایت |  برای برنامه نویسان وب

  خرداد ۴, ۱۳۹۸  

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

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

بنابراین با دید باز گام های مناسب برای هر پروژه را انتخاب کنید.

گام اول طراحی سایت برای یک طراح سایت آماتور

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

مشکلات را حل کنید.

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

مشکلات را حل کنید، یعنی آنکه شما باید به مشکلات زیادی بر بخورید! مشکلات زیاد! بله.

 

انتخاب CMS در طراحی سایت

 

شما باید مشکلات زیادی را در روبروی خود ببینید. یک سایت یا یک اپ به شما تحویل داده شده که باید آن را پیاده سازی کنید.

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

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

سپس هر کدام از این مشکلات کوچک را بقدری ریز کنیم که تنها یک راه حل ساده برای آنها وجود داشته باشد.

مشکل اول: با چه زبانی برنامه نویسی کنیم؟

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

شما باید یک راه حل ساده برای مشکل خود بیابید و یا مشکل خود را کوچکتر کنید. راه حل ساده برای  انتخاب زبان برنامه نویسی:

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

 

انتخاب زبان برنامه نویسی در طراحی سایت

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

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

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

طراحی گرافیک سایت را به گام های زیر تقسیم کنید

  • طراحی مدل خطی از سایت با کمک قلم و کاغذ و یا نرم افزارهای کامپیوتری
  • طراحی سایت با فتوشاپ بصورت لایه لایه.
  • انتخاب پلفترم هایی مورد نیاز برای گرافیک سایت مانند انتخاب اسلایدر و اسکرول بار و غیره
  • پیاده سازی سایت طراحی شده با یک پلتفرم ui مانند بوت استرپ

گام سوم طراحی سایت | تبدیل شدن به یک فول استک Full stack کار

شما ممکن است تعاریف زیادی از سیستم های تحت PHP شنیده باشید. اما نباید فراموش کرد که سیستم های تحت JS در سیستم های فول استک Full stack بسیار موفقتر عمل کرده اند.

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

آنگولار Angular، ری اکت React ، فلاتر flutter سیستم هایی هستند که امکانات برنامه نویسی برای پلتفرم های مختلف را به شما میدهند.

گام چهارم طراحی سایت | آنالیز حرفه ای سایت

آنالیز سایت یکی از پیچیده ترین، خسته کننده ترین و پولسازترین کارهایی است که در زمینه طراحی سایت میتوان سراغ گرفت.

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

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

گام پنجم طراحی سایت | به کارگیری تکنولوژی های جدید در سایت

هر روز تکنولوژی به طراحی سایت اضافه می شود. سولات خود را بی جواب نگذارید. مطمئن باشید که برای هر سوالی جوابی هست.

طراحی سایت با PHP زمانبر است؟ از کتابخانه های آماده استفاده کنید.

طراحی سایت با ری اکت React و آنگولار دشوار است؟ کدهای خود را طوری بنویسید که در پروژه بعدی کاربرد داشته باشند.

تکنولوژی هایی مانند SCSS و  SASS و LESS را فرا بگیرید.

 

انتخاب SAss یا less

گام پنجم طراحی سایت از نرم افزارهای آمارگیری در سایت خود بهره بگیرید

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

گام ششم طراحی سایت به کارگیری API ها در سایت

سایت شما باید بتواند با نرم افزارها و سایت های مختلف ارتباط داشته باشد. برای این منظور شما به API نیاز خواهید داشت.

مطمئن شوید سایت مشتریان خود را به API مجهز می کنید.

گام ۷ – ابزار مناسبی برای کد نویسی انتخاب کنید

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

بیشتر برنامه نویسان بزرگ در ایران و دنیا نرم افزار Sublim text را برای کد نویسی انتخاب می کنند. ولی من با اولین تجربه کد نویسی با این IDE آن را کنار گذاشتم و سالها از Notpad++ استفاده کردم. که اصلاً یک IDE نیست و درواقع یک Text editor است.

تفاوت IDE و Text editor در امکانات پیشرفته تر IDE برای پیشبینی عبارت تایپ شده و رفع خطای شما است.

من در خانه با آپتانا Aptana studio کار می کنم و در شرکت با Visual code ولی بسیاری از دوستان و همکارانم Web storm را برای کد نویسی ترجیح میدهند.

PHP storm هم بسیار پر طرفدار است. در نهایت این شما هستید که باید ابزار کد نویسی خود را انتخاب کنید.

اگر علاوه بر وب برای اندروید هم کد نویسی می کنید. ابزارهایی مانند Visual code و یا Web storm برای شما بسیار جذاب خواهند بود. قابلیت برنامه نویسی مستقیم برای اندروید در intellij idea  و عدم نیاز به نصب اندروید استودیو، جذابیت بالایی برای بسیاری از کد نویسان وب دارد.

گام ۸ – کمی درباره اصول سئو تحقیق کنید

بعنوان یک برنامه نویس وب مسئولیت سئو بیس بودن کدهای سایت با شما است. بنابراین باید اصول اولیه سئو را بدانید.

سئو و مطالب آن برای یک برنامه نویس بسیار ساده و دم دستی است. و این موضوع اغلب مشکل اساسی شرکت های برنامه نویسی با برنامه نویسانش است.

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

بنابراین در این بازار دانش سئو برای شما میتواند به معنی بدست آوردن کاری باشد که در آن مهارت برنامه نویسی کمتری از رقبا دارید.

گام ۹ – مدام خود را در جریان اخبار طراحی سایت بگذارید

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

مثلاً انتخاب بین اندروید استویو و ابزارهایی مانند ionic و یا react native و یا حتی Flutter

گام ۱۰ – چرا اصلاً طراح سایت شویم

سایت sarasoueidan طراحی سایت مسلمان از کشور عربستان را چک کنید. حداقل دستمزد او برای طراحی سایت شما، آن هم فقط برای طراحی UI مبلغی حدود ۷۰۰۰ دلار است.

این مبلغ چیزی حدود ۹۰ میلیون تومان برای طراحی یک سایت میباشد. فراموش نکنید که مشتریان او تازه باید مبلغی بابت برنامه نویسی طرح های او بدهند. و او فقط UI سایت را طراحی می کند.

حداقل ۹۰ میلیون تومان برای طراحی یک سایت. اگر شما شغل پر درآمدتری سراغ دارید. خوش بحال شما!

Categorised in: