توسعه یا برنامه نویسی وب اصطلاحی مبهم است که برای شرح دادن، ایجاد یا نگهداری وب سایت های میزبانی شده در اینترنت استفاده می شود.
من از کلمه “مبهم” استفاده می کنم زیرا زبان های برنامه نویسی، فریم ورک ها و ابزارهای زیادی برای توسعه وب وجود دارد.
توسعه یا برنامه نویسی وب می‌تواند به یک صفحه وب ساخته شده با HTML و CSS اشاره کند که ممکن است حاوی چند صد خط کد باشد.
یا در آن سوی دیگر می تواند به وب سایتی مانند فیس بوک اشاره کند که ظاهراً شامل حدود ۶۰ میلیون خط کد است(زبان برنامه‌نویسی وبگاه‌های بزرگ).
معرفی
من کاملاً با شما صادق هستم: من طرفدار متعصب توسعه وب نیستم.
در مورد من اشتباه نکنید:من برنامه نویسی وب زیادی انجام داده ام
اما در مقایسه با توسعه برنامه های دسکتاپ یا برنامه های موبایل، توسعه وب… خوب … پیچیده تر است.
چه بخواهید و چه نخواهید ، به عنوان یک توسعه دهنده نرم افزار حداقل باید در مورد اصول و دستاورد اولیه آن بدانید.
در حقیقت، اکثر توسعه دهندگان نرم افزار امروزه توسعه دهندگان وب هستند.
این جمله درسته؛ توسعه وب جهان را در بر گرفته است، این پادشاه پلت فرم های در حال توسعه است.
در گذشته رایانه رومیزی و توسعه دهندگان معمولی بودند، اما امروزه برنامه های کاربردی بیشتری به وب منتقل شده و همچنان این کار را انجام می دهند.
حتی با رشد سریع توسعه موبایل، توسعه وب همچنان مهم است زیرا:
با قدرتمندتر شدن موبایل و تبلت، ساختن برنامه های کراس پلتفرم با ایجاد برنامه های وب که در مرورگر اجرا می شوند، آسان تر می شود.
این بدان معناست که:
چه قصد داشته باشید یک توسعه دهنده وب باشید یا خیر حداقل باید با توسعه وب، نحوه عملکرد وب و فناوری های اصلی مرتبط آشنا باشید.
در این مقاله، ما قصد داریم برخی از اصول اولیه را پوشش دهیم.
توسعه وب چیست؟
توسعه وب فرآیند ایجاد وب سایت ها و برنامه های کاربردی برای اینترنت یا برای یک شبکه خصوصی معروف به اینترانت است.
توسعه وب به طراحی وب سایت مربوط نمی شود.
بلکه همه چیز مربوط به کد نویسی و برنامه نویسی است که عملکرد وب سایت را تقویت می کند.
از ساده ترین و ثابت ترین صفحات وب گرفته(بدون داینامیک سازی) تا بسترها و برنامه های رسانه های اجتماعی
از وب سایت های تجارت الکترونیک گرفته تا سیستم های مدیریت محتوا (CMS)؛
همه ابزارهایی که ما روزانه از طریق اینترنت استفاده می کنیم توسط برنامه نویسان وب ساخته شده است.
توسعه وب را می توان به سه لایه تقسیم کرد: برنامه نویسی سمت سرویس گیرنده (frontend)، برنامه نویسی سمت سرور (backend) و فناوری پایگاه داده.
بیایید هر یک از این لایه ها را با جزئیات بیشتری بررسی کنیم.
سمت کلاینت
در توسعه وب، “سمت کلاینت” به هر آنچه در برنامه وب نشان داده می‌شود یا نتیجه نهایی که روی دستگاه کاربر نشان داده می شود، اشاره دارد.
اسکریپت نویسی سمت کلاینت یا توسعه پیش فرض به همه چیزهایی اشاره می کند که کاربر نهایی به طور مستقیم تجربه می‌کند.
کد سمت کلاینت در یک مرورگر وب اجرا می شود و مستقیماً با آنچه مردم هنگام بازدید از یک وب سایت مشاهده می کنند، ارتباط دارد.
مواردی مانند طرح بندی، فونت ها، رنگ ها، منوها و فرم های تماس همگی توسط توسعه دهنده frontend هدایت می شوند.
سمت سرور
اسکریپت نویسی سمت سرور یا توسعه backend درباره همه آن چیزی است که در پشت صحنه می گذرد.
backend اساساً بخشی از یک وب سایت است که کاربر در واقع آن را نمی بیند.
وظیفه ذخیره و سازماندهی داده ها را بر عهده دارد و اطمینان حاصل می‌کند که همه چیز در سمت سرویس گیرنده بدون مشکل اجرا می‌شود.
این کار را با ارتباط با لایه frontend انجام می دهد.
هر زمان که اتفاقی در سمت سرویس گیرنده رخ می دهد-مثلاً کاربر یک فرم را پر می کند-مرورگر درخواستی را به سمت سرور ارسال می‌کند.
سمت سرور با اطلاعات مربوطه در قالب کد پیش نمایش “پاسخ” می‌دهد که مرورگر می‌تواند تفسیر و نمایش دهد.
بیشتر بدانید: تفاوت بین frontend و backend چیست؟
فناوری پایگاه داده
وب سایت ها همچنین به فناوری پایگاه داده متکی هستند.
پایگاه داده شامل تمام فایل ها و محتوای لازم برای عملکرد وب سایت است و آن را به گونه ای ذخیره می کند که بازیابی، سازماندهی، ویرایش و ذخیره آن آسان شود.
پایگاه داده بر روی سرور اجرا می شود و اکثر وب سایت ها معمولاً از نوعی سیستم مدیریت پایگاه داده رابطه ای (RDBMS) استفاده می‌کنند.
به طور خلاصه: frontend، backend و فناوری پایگاه داده همه با هم برای ساختن و اجرای یک وب سایت یا برنامه کاملاً کاربردی کار می کنند و این سه لایه پایه توسعه وب را تشکیل می دهند.
تفاوت بین توسعه وب و طراحی وب
ممکن است اصطلاحات توسعه و طراحی وب را به جای یکدیگر بشنوید، اما این دو چیز بسیار متفاوت هستند.
تصور کنید یک طراح وب و توسعه دهنده وب برای ساختن یک ماشین با هم کار می کنند:
توسعه دهنده از تمام اجزای عملکردی مانند موتور، چرخ ها و چرخ دنده ها مراقبت می کند.
در حالی که طراح مسئول هر دو جنبه بصری و چگونگی ظاهر ماشین است:
طرح داشبورد، طراحی صندلی ها و هر چیزی که برای تجربه کاربری توسط خودرو ارائه شده که ببیند آیا رانندگی دلنواز است یا خیر.
طراحان وب، ظاهر وب سایت را طراحی می کنند.
آنها از طرح بندی وب سایت الگوبرداری می‌کنند و مطمئن می‌شوند که منطقی، کاربر پسند و خوشایند برای استفاده است.
آنها همه عناصر بصری مختلف را در نظر می‌گیرند:
- از چه رنگ بندی و فونت هایی استفاده می شود؟
- چه دکمه ها، منوهای کشویی و نوارهای پیمایش باید شامل شوند و کجا؟
- کاربر با کدام نقاط تماس تعاملی تعامل دارد تا از نقطه A به B برسد؟
طراحی وب همچنین معماری اطلاعات وب سایت را در نظر می‌گیرد
و مشخص می کند که چه محتویاتی باید در آن قرار گیرد و کجا باید در آن قرار گیرد.
طراحی وب یک زمینه بسیار گسترده است و اغلب به نقشهای خاص تری تقسیم می شود مانند:
- طراحی تجربه کاربر
- طراحی رابط کاربری
- و معماری اطلاعات
وظیفه توسعه دهندگان وب است که این طرح را توسعه دهند و به یک وب سایت زنده و کاملاً کاربردی تبدیل کند.
یک توسعه دهنده frontend طرح بصری را که طراح وب ارائه کرده است، می گیرد
و با استفاده از زبان های کد نویسی مانند HTML ،CSS و JavaScript می سازد.
یک توسعه دهنده backend عملکرد پیشرفته تری از سایت را ایجاد می کند، مانند:
عملکرد پرداخت در یک سایت تجارت الکترونیکی.
به طور خلاصه، طراح وب معمار است، در حالی که توسعه دهنده وب سازنده یا مهندس است.
مهدی شیخی _ گروه نرم افزاری رامان صفر و یک
۱۰ دیدگاه. ارسال دیدگاه جدید
استاد خیلی خوب بود کاش این ها رو در قالب یک ویدیو توضیح میدادید.
چشم
استاد با حلوا حلوا گفتن دهن شیرین نمیشه
😂😂😂😂😂
گر صبر کنی ز حلوا آبغوره سازم!😂
مهندس چطوری در کوتاه ترین زمان ممکن یه برنامه نویس حرفه ای بشیم ؟
سوالاتی که درباره بازه زمانی یادگیری پرسیده میشه کمی بی جوابه، به دو علت:
اولا که ما در برنامه نویسی بابت زمان کارکردمون پول نمیگیریم از کارفرما بلکه براساس مهارت و نتیجه کار پول میگیرم.
دوما برای دریافت پروژه های حرفه ای تر و ماندن در رقابت با دیگر توسعه دهنده ها دائما به خودمون یاد آوری میکنیم که پیاده سازی امکانات بروز یادبگیریم، پس حتی برنامه نویس های حرفه ای هم همچنان در حال یادگیری هستند.
یجورایی جواب این سوال میشه همه عمر(بهترین سایت در سال ۲۰۱۰ بدون بروزرسانی الان یک سایت درجه ۳ حساب میشه).
سلام. ممنون از مطالب مفیدی که قرار دادید. برای ورود به این عرصه کاری غیر از فتوشاپ و ایلاستریتور چه دانش های پایه ای باید داشت؟!
سلام و درود
مهارتهای فنی شامل:
برنامه نویسی فرانت اند – HTML ، CSS ، Javascript ، jQuery ، Dreamweaver
برنامه نویسی بک اند – .net ، XML/XSLT ، ASP ، PHP ، Python ، Django
طراحی و گرافیک – InDesign ، Illustrator ، Photoshop ، Flash
سیستم مدیریت محتوا (CMS) – وردپرس ، Adobe Business Catalyst ، دروپال ، جوملا ، Ektron ، Zope.
با این حال، ویژگی های مورد انتظار از شما بسته به کارفرما، سطح فنی طراحی وب در شغلی که متقاضی آن هستید و سطح نقش شغلی که برای آن درخواست می کنید متفاوت خواهد بود.
سلام من برنامه نویس موبایلم و با فلاتر کد میزنم الان قصد دارم تا یاد بگیرم سمت سرورو هم خودم هندل کنم.
با کدوم تکنولوژی سمت سرورمو پیاده سازی کنم که خیالم از امنیت و کارایی اپلیکیشن هام راحت باشه ؟
از سایت بسیار زیبای رامان صفر و یک بی نهایت سپاس گزارم
با سلام و عرض خدا قوت
باید بگم بستگی به نیازت از پروژه داره و فرقی نمیکنه از چه زبانی استفاده کنی!
شاید نیاز پیدا کنی از چند زبان در کتار هم استفاده کنی!
فقط دوتا توصیه میتوانم بهت داشته باشم:
یک آموزش پروژه محور تهیه کن تا یادبگیری چجوری از زبان های مختلف در کنار هم استفاده کنی!
دو از هر زبانی که استفاده کردی بعد از اون باید فریمورک یا تکنولوژی را انتخاب کنی که پر طرفدار در ایران باشه تا بعدا به راحتی حمایت تخصصی و معنوی از دیگر توسعه دهنده ها بشی!
Python – Django, Flask
JavaScript – Express.js, Spring
PHP – Laravel, CakePHP
Ruby – Ruby on Rails
Elixir – Phoenix