معمولا هر کسی که میخواهد وارد حوزه وب شود اولین سوالی که می پرسد این است: برای طراحی وب از کجا شروع کنم ؟ یا میخوام طراحی سایت یاد بگیرم از کجا شروع کنم. در این مقاله میخواهم توضیحاتی در مورد طراح وب شدن و شروع کار دهم تا کسانی که میخواهند وارد این حوزه شوند دچار سردرگمی نشوند. پس اگر میخواهید به جواب سوالتون برسید و بدونید برای طراحی وب از کجا شروع کنید پیشنهاد میکنم این مقاله رو تا انتها مطالعه کنید.
برای طراحی وب از کجا شروع کنم
دوستان عزیز قبل از اینکه شروع به یادگیری کنید باید بدونید میخواهید در کدام بخش فعالیت داشته باشید بعد شروع کنید. در این مطلب سعی میکنم بخش های مختلف طراحی وب رو مورد بررسی قرار دهم تا شما بعد از اینکه آشنا شدید شروع به یادگیری و آموزش کنید. طراحی وب به دو بخش اصلی فرانت اند و بک اند تقسیم می شود. البته در مقاله فرانت اند و بک اند در طراحی سایت از سایت آموزش وردپرس، وردپرسی شو به صورت کامل در مورد فرانت اند و بک اند صحبت شده است.
فرانت اند (Frontend) چیست:
در ابتدا میخوام در مورد فرانت اند (Frontend) صحبت کنم اول بگم که این مفهوم از دو کلمه تشکل شده و نحوه نوشتن درست آن به شکل Front-end هستش و میدونید Front یعنی جلو ، پس خیلی راحت متوجه شدیم در مورد چیزی هست که مربوط به ظاهر و جلو صحنه هست و اگر دقیق بخوایم بگیم منظور آن بخشی است که قابل دیدن است و با آن تعامل می کنیم. در واقع در مورد قسمتی از وب صحبت میکنیم که برای شما قابل مشاهده است.
فرانت اند شامل دو بخش است :
- طراحی وب
- توسعه رابط کاربری
طراحی وب یا همان طراح گرافیکی سایت که توسط شخصی که به نرم افزار فتوشاپ تسلط دارد انجام می شود یعنی داخل نرم افزار فتوشاپ صفحات سایت یا همون ظاهر سایت رو به صورت گرافیکی طراحی میکند.
توسعه رابط کاربری یا برنامه نویس فرانت اند (Frontend) یعنی کسی که فایل طراحی شده (یعنی PSD سایت) توسط گرافیست رو برنامه نویسی یا به اصطلاح کد نویسی می کند و مسلط به زبان های HTML ، CSS ، جاوااسکریپ و JQuery هست یعنی چیزی رو کدنویسی میکنند که کاربر میبیند منظور همون ظاهر سایت می باشد.
در کل بخوایم فرانت اند را تعریف کنیم یعنی تمام چیزی که شما (کاربر) در یک وب سایت می بینید، مجموعه ای است از HTML، CSS و جاوااسکریپت که تماما با مرورگر وب شما کنترل می شوند. مانند صفحات، منو ها، دکمه ها، فونتها، فرم های تماس و … .
بک اند (Backend) چیست :
مفهوم بک اند (Backend) از دو بخش شکل گرفته که مثل فرانت اند نوشته میشود یعنی به شکل Back-end که کلمه ابتدایی آن یعنی پشت ، یعنی هر چیزی که مربوط به پشت صحنه می شود و چیزهایی که برای کاربران سایت قابل مشاهده نیست چون مستقیما با سرور در ارتباط است مثل پایگاه داده های سایت و خود سرور و راه های ارتباطی آنها.
تکنولوژی های بک اند عموما شامل زبانهای برنامه نویسی مانند PHP، ASP.Net ، Python و غیره می باشند. همچنین برای اینکه این تکنولوژی ها آسان تر نیز شوند گاهی از فریم ورک هایی مانند Ruby on Rails، Cake PHP و … برای سرعت دادن به توسعه برنامه استفاده می شود.
میخوام طراحی سایت یاد بگیرم از کجا شروع کنم
بعد از اینکه متوجه شدیم طراحی وب به چه بخش هایی تبدیل می شود حال باید جواب سوال برای طراحی وب از کجا شروع کنم رو دهیم. شما باید اول حوزه کاری خود رو انتخاب کنید بعد شروع کار رو بزنید. سعی کنید ابتدا مفاهیم اولیه طراحی وب رو یاد بگیرید بعد از اینکه مفاهیم ابتدایی رو یاد گرفتید به سراغ یادگیری HTML بروید. اگر نمی دونید HTML چی هستش جای هیچ نگرانی نیست میتوانید مقالات html چیست و مدت زمان یادگیری html را مطالعه کنید.
بعد از اینکه HTML رو کامل فرا گرفتید به سراغ CSS بروید. اگر اطلاعاتی در مورد CSS ندارید پیشنهاد میکنم مقالات css چیست و مدت زمان یادگیری css را مطالعه کنید در این دو مقاله به صورت کامل با CSS و مدت زمان یادگیری آن آشنا می شوید. برای یادگیری HTML و CSS میتوانید از مطالب زیر استفاده کنید.
جلسات رایگان دوره آموزش جامع و پروژه محور HTML و CSS
(بیش از ۲ ساعت فیلم آموزشی، کل دوره بیش از ۹٫۵ ساعت) :
جلسه یک | جلسه دو | جلسه سه | جلسه چهارم | جلسه پنجم | جلسه ششم
پیشنهاد میکنم بعد از اینکه HTML و CSS رو یاد گرفتید فریم ورک بوت استرپ رو هم کار کنید. اگر در مورد بوت استرپ چیزی نمیدونید مقالات بوت استرپ چیست و مدت زمان یادگیری بوت استرپ را مطالعه کنید. اگر هم میخواهید بوت استرپ یاد بگیرید پیشنهاد میکنم به پکیج آموزش طراحی سایت با بوت استرپ – طراحی دو وبسایت نگاهی بندازید.
بعد از اینکه HTML و CSS رو یاد گرفتید میتوانید یک زبان برنامه نویسی برای طراحی سایت انتخاب کنید. در این حوزه مطالب زیادی در سایت منتشر شده است. مثلا می توانید ASP.NET رو یاد بگیرید البته زبان های مختلفی وجود دارد که سعی میکنیم به مرور زمان معرفی کنیم و منابع آموزشی رو برای در سایت قرار دهیم. اگر نمیدونید ASP.NET چی هستش پیشنهاد میکنم مقالات ای اس پی دات نت چیست، مدت زمان یادگیری ASP.Net و تاریخچه زبان برنامه نویسی ASP.Net را مطالعه کنید. اگر میخواهید در مورد زبان برنامه نویسی PHP بدونید پیشنهاد میکنم مقالات PHP چیست و زمان لازم برای یادگیری php را بخوانید. یک مقاله عالی در زمینه مقایسه ASP.NET و PHP داخل سایت قرار دادیم با عنوان بازار کار PHP یا ASP.Net که به نظرم میتوانید به شما در زمینه انتخاب زبان کمک کند.
منابع خوبی هم داخل سایت موجود است برای یادگیری ASP.NET که میتوانید از آنها استفاده کنید.
جلسات رایگان دوره آموزش طراحی وب با ASP.Net MVC
(بیش از ۲۰ ساعت فیلم آموزشی، کل دوره بیش از ۷۵ ساعت):
جلسه یک | جلسه دو | جلسه سه | جلسه چهار | جلسه پنج | جلسه شش | جلسه هفت | جلسه هشت | جلسه نه | جلسه ده | جلسه یازده | جلسه دوازده | جلسه سیزده | جلسه چهارده | جلسه پانزده | جلسه شانزده | جلسه هفده | جلسه هجده و نوزده | جلسه بیست
جلسات رایگان دوره آموزش طراحی وب با ASP.Net Core1
(بیش از ۴ ساعت فیلم آموزشی، کل دوره بیش از ۳۳ ساعت):
جلسه یک | جلسه دو | جلسه سه | جلسه چهار | جلسه پنج | جلسه شش
دیدگاه کاربران
تعداد دیدگاه های کاربران : ۰ دیدگاه