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

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

1.معرفی

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

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

سرور یک کامپیوتر همیشه روشن و متصل به اینترنت است که منابع مختلفی مانند رم، فضای ذخیره‌سازی، پردازنده و … را برای سرویس‌گیرنده‌های داخل شبکه آماده می‌کند.

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

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

Frontend(فرانت)

بخش فرانت یک سایت همان بخشی است که با مشتری، کاربر یا بازدیدکننده سایت در ارتباط است. تمام چیزی که شما در یک وبسایت می بینید، مجموعه ای است ازcss، html، جاوا اسکریپت و Jquery که با مرورگر وب شما کنترل می شود.اگر شما از کسانی هستید که به دیزاین اهمیت میدهید و دارای ذوق و خلاقیت در این زمینه می باشید پیشنهاد ما به شما برنامه نویسی سمت کلاینت می باشد.

اگر زمینه انتخابی شما فرانت است باید مهارت های زیر را یاد بگیرید:

1) کد نویسی html

2) کد نویسی css

3)زبان جاوا اسکریپت

4)فریم ورک‌های فرانت اند /p>

5)نرم افزارهای گرافیکی

6)سلیقه و خلاقیت

7)آشنایی با اصول تجربه کاربری

Backend(بک)

بک ،عموما از سه بخش تشکیل می شود: یک سرور، یک برنامه و یک دیتا بیس. اگر به عنوان مثال قصد خرید یک بلیت از وب سایتی را داشته باشید، معمولا سایت را باز میکنید و با فرانت اند "Frontend" تعامل می کنید. زمانی که اطلاعات را وارد کردید، برنامه آن اطلاعات را در پایگاه داده هایی که روی سرور قرار دارد ذخیره می کند.

تکنولوژی های بک اند عموما شامل زبانهای برنامه نویسی مانند PHP، Ruby، Python و غیره می باشند. همچنین برای اینکه این تکنولوژی ها آسان تر نیز شوند گاهی از فریم ورک هایی مانند Ruby on Rails، Cake PHP و ... برای سرعت دادن به توسعه برنامه استفاده می شود.

مسئولیت برنامه نویس Back End شامل نوشتن API، نوشتن کد برای تعامل با یه پایگاه داده، ایجاد کتابخانه‌ها، کار روی فرآیندهای تجاری و معماری داده ها می باشد. البته این مسئولیت‌ها تا حدی هم به فعالیت‌های هدف شرکت مربوط است.

اگر شما کسی هستید که علاقه مند به کارکردن با ریاضیات می باشید برنامه نویسی بک به شما پشنهاد می شود. مهارت های لازم برای برنامه نویسی بک در زیر لیست شده است:

1(java

2(php

3).net و c#

4(Ruby

5(python

6(sql

7(javascript

نقطه شروع

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

این سایت هم فضای آموزش وکوئیز دارد و هم فضایی برای خروجی گرفتن و تغییر کد های آموزشی. سایت w3schools منبع معتبری برای یادگیری می باشد . فضای مناسب برای تمرین کد نویسی می تواند notepad++ و visual studio باشد.

جمع بندی

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