ویرگول
ورودثبت نام
شایان کمندی - Shayan Kamandi
شایان کمندی - Shayan Kamandi
خواندن ۴ دقیقه·۳ سال پیش

طراحی وب (سایت) چیست؟

سلام بچه ها
بعد 5 ماه دوباره استارت مقاله نوشتن رو تو ویرگول استارت زدم:)

اگر علاقه مند به حوزه وب باشید، تا الان به طور مکرر، گوش هایتان با واژه ای به نام طراحی وب، برخورد کرده است.
آیا گوش هایتان به واژه برنامه نویسی وب هم، برخورده کرده است؟
تو این مقاله، "طراحی وب" رو زیر ذره بین کلمات میبریم، تا ببینیم چقدر در برابر کلمات ما، دوام میاورد :)

طراحی وب چیست؟
طراحی وب چیست؟


طراحی وب چیست؟

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

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

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

آیا طراحی وب، همان برنامه نویس وب هست؟!

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

طراح وب کیست و وظایف آن چیست؟

طراح وب و یا Front-End Developer با استفاده از زبان های نشانه گذاری و زبان اسکریپتی، سایت را طراحی میکند و به هیچ عنوان به کد های پشت مانیتور (صحنه)، کاری ندارد.

شاید برایتان سوال پیش آمده است که Front-End چیست؟ و نقطه مقابل آن یعنی Back-End Developer به چه معناست؟ سوال بسیار خوب و به جایی است، ولی باید یک هفته صبر کنید تا در مقاله بعدی در مورد فرانت اند و بک اند دولوپر باهم گپ بزنیم :)
تفاوت فرانت اند دولوپر (Front-End Developer) و بک اند دولوپر (Back-End Developer) به صورت فان ?
تفاوت فرانت اند دولوپر (Front-End Developer) و بک اند دولوپر (Back-End Developer) به صورت فان ?


زبان های طراحی وب

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

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

  • HTML (زبان نشانه گذازی)
  • CSS (زبان نشانه گذازی)
  • JavaScripts (زبان اسکریپتی)

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

جواب من: خیر!!
به دلیل اینکه شما باید با فریمورک(Framework) و کتابخانه های(Library) این زبان ها هم آشنا بشوید، تا بتوانید به یک طراح عالی تبدیل بشوید. ولی شما با یادگیری زبان های بالا حدود 70 درصد یک طراح را نیز پیش رفته اید.


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


فریمورک (Framework) چیست؟

فریمورک متشکل از Frame و Work میباشد. Frame به زبان انگلیسی، به معنی چارچوب است، که به طور مثال، اگر یک تابلو 3 در 4 را فرض کنیم، نقاشی که میتوانیم داشته باشیم برای این تابلو، 3 در 4 است، نه بزرگتر و نه کوچکتر!
معنی آن در برنامه نویسی هم به همین شکل نیز می باشد؛ تو باید براساس یک چارچوبی که یک زبان (برنامه نویسی، نشانه گذاری، اسکریپتی) به تو میدهد، بتوانی به بهترین شکل، کد بزنی. اگر یک تعریف فنی تر در مورد فریمورک را بخواهیم بگوییم؛
از نظر من؛ فریمورک یک ساختار واقعی یا مفهومی است که قصد دارد به عنوان پشتیبان یا راهنمای یا میانبر یک چیزی باشد، که ساختار را به چیزی مفید گسترش دهد.

شما میتوانید با مراجعه به پیج اینستاگرام و چنل یوتیوب من، یک ویدئو 10 دقیقه ای و کامل در مورد فریمورک ها(Framework) مشاهده کنید.

لایبری ها (Libraries) چیست؟

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

امیدوارم این مقاله مفید واقع شده باشه برای شما دوستان عزیزم :)
جمعه هفته دیگه یادت نره، یک مقاله دیگه از من میاد تو ویرگول :)
................................................

میتونی با من بیشتر آشنا بشی، با ورود به :

Instagram: https://www.instagram.com/shayan_dev_/

Youtube: https://www.youtube.com/channel/UCXSflmKXcRcX5uH0_yDViNQ

طراحی وببرنامه نویسیبرنامه نویسسایتآموزش
برنامه نویسی که هیچی نمی داند، ولی هر روز شوق یادگیری دارد
شاید از این پست‌ها خوشتان بیاید