برنامه نویسی 24480 بازدید

how-to-start-web-programmnig

می خواهم برنامه نویس وب شوم، از کجا باید شروع کنم؟

سؤال بالا، سوالی است که اکثر افراد هنگام شروع به یادگیری مباحث برنامه نویسی وب، با آن مواجه می‌شوند. اما به راستی، اگر بخواهیم برنامه‌نویسی وب را آغاز کنیم، باید از چه زبانی شروع کنیم؟ چه نکاتی باید رعایت شوند؟ ابتدا نیاز است تا چند مفهوم کاربردی را در زمینه برنامه نویسی وب، بررسی کنیم. در کل 2 نوع وب‌سایت داریم، وب‌سایت های استاتیک یا ایستا و وب‌سایت‌های داینامیک یا پویا.

وب‌سایت‌های استاتیک یا ایستا

وبسایت‌های ایستا یا استاتیک، به وبسایت‌هایی گفته می‌شود که محتوا ثابت است و به منظور اضافه کردن محتوای جدید، می‌باست مجدداً کدنویسی کرد. مثلاً شما یک وب‌سایت با 5 صفحه دارید و به منظور اضافه کردن صحفه جدید، باید مجدداً کدنویسی کنید و سایر صفحات را نیز به منظور دسترسی به این صفحه ویرایش کرده و پیوند به این صفحه جدید را ایجاد کنید. به چنین وب‌سایت‌هایی، وب‌سایت ایستا گفته می‌شود.

وب‌سایت‌های داینامیک یا پویا

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

02

HTML، اولین زبان برنامه‌نویسی وب

HTML که سرواژه عبارت Hypertext Markup Language است، یک زبان نشانه‌گذاری محسوب می‌شود که به منظور ایجاد ساختار و  قالب صفحه وب مورد استفاده قرار می‌گیرد. به کمک HTML می‌توانید مشخص کنید که در صفحه وب خود چند بخش دارید و محتوای هر بخش را مشخص کنید. زبان HTML، جزء لاینفک برنامه‌نویسی وب است و شما هر سایتی که بخواهید طراحی کنید، به هر زبانی که باشد می‌بایست با استفاده از HTML ساختار اولیه سایت خود را آماده کرده و سپس با استفاده از سایر زبان‌ها، کدنویسی دیگر بخش‌ها را انجام دهید. به طور مثال می‌خواهید مشخص کنید که سایت شما 4 قسمت با عناوین سربرگ، ستون کناری، کادر محتوا و پاصفحه داشته باشد. می بایست در ابتدای کار با استفاده از HTML این قسمت را ایجاد و تعریف کنید و سپس با استفاده از سایر زبان‌ها، کد‌نویسی‌های دیگر بخش‌ها را انجام دهید.

آموزش‌های پیشنهادی:

04

CSS، زبان مخصوص استایل دهی

هنگامی که زبان HTML ارائه شده، صرفاً به منظور نمایش متن و عکس ارائه شده بود و انتظار نمی‌رفت تا سایت‌های کنونی را بتوان با آن طراحی کرد. همان‌طور که گفتیم، زبان HTML صرفاً ساختار سایت را طراحی می‌کند. یعنی شما فقط می‌توانید مشخص کنید که سایت‌تان چه اسکلتی دارد؛ اما نمی‌توانید مشخص کنید که این اسکلت‌بندی، به چه شکلی باشد. به منظور بهبود سایت‌های طراحی شده و همین طور شکل‌دهی به وب‌سایت‌ها و رفع نواقص زبان HMTL، زبان CSS ارائه شد. CSS که مخفف Cascade Style Sheets است، یکی دیگر از زبان‌های نشانه‌گذاری تحت وب است که به کاربر این امکان را می‌دهد تا مشخص کند که در صفحه وب طراحی شده، هر کدام از اجزای سایت، چه شکل و ابعادی داشته باشند. در واقع زبان CSS به منظور تکمیل طراحی رابط کاربری وب‌سایت ارائه شده است.

آموزش های پیشنهادی:

05

جاوا اسکریپت، نخستین زبان اسکریپت‌نویسی تحت وب

بعد از ارائه زبان‌های HTML و CSS، نیاز شدیدی به یک زبان احساس می‌شد تا به کاربر این امکان را بدهد که بتواند در سمت کاربر بازدید کننده، برنامه‌نویسی خاصی انجام دهد. زبان HTML صرفاً به منظور طراحی ساختار سایت مورد استفاده قرار می‌گیرد؛ اما به منظور انجام برخی امور، مانند اعتبارسنجی فرم‌ها، برقراری ارتباط با سرور و انجام برخی امور سمت کاربر و مواردی از این دست، زبان HTML قدرت کافی را ندارد. به منظور برطرف کردن این مشکل، در سال 1995، زبان برنامه‌نویسی livescript که بعدها به جاوا اسکریپت تغییر نام داد، ارائه گردید. متأسفانه اشتباهی که بیشتر کاربران می‌کنند، این است که این زبان برنامه نویسی را با جاوا اشتباه می‌گیرند و  این برداشت را دارند که این زبان، از مشتقات زبان جاوا است. در صورتی که این‌طور نیست.

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

آموزش های پیشنهادی:

06

jQuery، یکی از مهمترین کتابخانه‌های جاوا اسکریپت

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

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

آموزش‌های پیشنهادی:

11

لایه‌های برنامه‌نویسی

 می‌توان گفت که برنامه‌نویسی در دو لایه کلی انجام می‌شود. لایه فِرانت اِند (Front-End) که برنامه‌نویسی انجام شده در این بخش، مربوط به رابط کاربری است و لایه بک اند (Back-End) که برنامه‌نویسی انجام شده در این بخش، مربوط به پشت صحنه است و کاربر به صورت مستقیم آن را حس نمی‌کند؛ اما نتیجه اجرای کدهای نوشته شده در بک اند، به کاربر نمایش داده می‌شود. به بیان دقیق‌تر، فرانت اند جایی است که کاربر در آنجا کاری را باید انجام دهد. به طور مثال، فرمی را پر می‌کند، این اطلاعات از طریق فرانت‌اند به بک‌اند ارسال شده و در بک‌اند پردازش می‌شوند و نتیجه پردازش به فرانت‌اند بازگشت داده شده و در قالب مشخص شده، به کاربر نمایش داده می شود.

زبان‌هایی که در بالا معرفی شدند، مربوط به کدنویسی قسمت Front-End بودند؛ اما به منظور کدنویسی در Back-End، چند زبان وجود دارند که از مهمترین آن‌ها، PHP و ASP.Net هستند. همچنین به منظور طراحی سایت‌های پویا، می‌بایست از زبان‌های برنامه‌نویسی PHP و Asp.NET و جاوا و پایتون استفاده کرد.

07

PHP، پراستفاده‌ترین زبان برنامه‌نویسی وب

زبان برنامه نویسی PHP را می‌توان پر استفاده‌ترین زبان برنامه‌نویسی تحت وب دانست. تا کنون بیش از 70 درصد وب‌سایت‌ها با استفاده از این زبان برنامه‌نویسی پیاده‌سازی شده‌اند. زبان PHP یک زبان برنامه‌نویسی سمت سرور است. یعنی کدهای نوشته شده بر روی سرور اجرا شده و نتیجه خروجی برای کاربر ارسال می‌شود. زبان برنامه‌نویسی PHP یک زبان متن-باز است که در سال 1995 توسط راسموس لردورف ایجاد شده است. این زبان برنامه‌نویسی به دلیل متن-باز و همین‌طور رایگان بودن، مورد اقبال افراد زیادی قرار گرفت و توسعه‌های فراوانی نیز بر روی این زبان برنامه‌نویسی ارائه شده است.

از این زبان برنامه‌نویسی به منظور توسعه برنامه‌های تحت وب زیادی استفاده شده است که از جمله این برنامه‌ها می‌توان به موارد زیر اشاره کرد:

  1. وردپرس: سیستم مدیریت محتوا
  2. جوملا: سیستم مدیریت محتوا
  3. دروپال: سیستم مدیریت محتوا
  4. اپن کارت: فروشگاه ساز آنلاین
  5. مجنتو: فروشگاه ساز آنلاین

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

مزایای استفاده از PHP در زمینه طراحی وب‌سایت:

  1. یادگیری آسان
  2. شباهت بالای دستورات به زبان C
  3. متن-باز و رایگان بودن
  4. اختصاصی بودن برای طراحی صفحات وب
  5. سرعت اجرای بالا نسبت به سایر زبان‌های برنامه‌نویسی تحت وب
  6. امکان اجرا و استفاده بر روی چند سیستم عامل و پلتفرم مختلف
  7. امکان استفاده از پایگاه داده MySQL که اینکار باعث افزایش امنیت اطلاعات می شود.

آموزش های پیشنهادی:

08

ASP.Net، زبان برنامه نویسی تحت وب مایکروسافت

زبان ASP.net از جمله زبان‌های برنامه نویسی مطرح است که در زمینه برنامه‌نویسی وب کاربرد دارد. این زبان برنامه‌نویسی که نسخه توسعه‌یافته زبان ASP است توسط شرکت مایکروسافت و همینطور در چارچوب نرم افزاری Net. ارائه شده است تا کاربرانی که از زبان‌های برنامه نویسی Net. استفاده می‌کنند، بتوانند با استفاده از همین دستورات و زبان‌ها، وب‌سایت و برنامه‌های تحت وب ایجاد کنند. طراحی وب سایت نیز به زبان برنامه نویسی ASP.Net بسیار ساده است. کافی است تا شما به یکی از زبان‌های برنامه نویسی VB.Net و یا C#.Net آشنایی داشته باشید و همین‌طور به دستورات خود زبان Asp.Net نیز آشنایی داشته باشید.

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

مزایای طراحی وب سایت با استفاده از ASP.Net در زمینه طراحی وب:

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

آموزش‌های پیشنهادی:

09

Django یا جنگو، چارچوب برنامه‌نویسی تحت وب با استفاده از پایتون

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

مزایای استفاده از Django برای طراحی وب:

  • جانگو بر پایه پایتون است و نیاز به یادگیری زبان جدید نیست
  • ساختار یکپارچه و مناسب دارد
  • برنامه های آماده ای برای آن در دسترس است
  • ماژول‌های آماده در دسترس است
  • یادگیری دستورات آسان است
  • ابزار مناسب برای رفع خطا دارد.

10

JSP، نسخه مخصوص جاوا برای برنامه‌نویسی وب

JSP سرواژه کلمات Java Server Page است که توسط شرکت SUN ارائه شده است. با استفاده از این فناوری شما می‌توانید به کمک کلیدواژه های ارائه شده، از قطعه کدهای جاوا در صفحات وب خود استفاده کنید. این کار به شما کمک می کند تا وب‌سایت‌های پویا راه‌اندازی کنید.

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

مزایای استفاده از JSP در زمینه طراحی صفحات وب:

  • قابلیت استفاده از کدهای جاوا در پلتفرم های مختلف همان سیاست یکبار بنویس و چند جا اجرا کن
  • آسان بودن ویرایش فایل‌ها و عدم وابستگی به ویرایشگر خاص. به طور مثال طراحی صفحات ASP.Net وابسته به استفاده از ویرایشگر Visual Studio است.
  • استفاده از کلیدواژه‌ها و برچسب‌های کتابخانه مشترک با XML
  • قابلیت تفکیک کدها به دو دسته کدهای گرافیکی و کدهای پویا، به منظور افزایش سرعت اجرا
  • قابلیت استفاده مجدد اجزا توسط Javabeans and EJB

جمع بندی کلی

بعد از بررسی زبان‌های مطرح شده، متوجه می‌شویم که در حال حاضر نیاز به وب‌سایت‌های ایستا زیاد نیست و 99 درصد وب‌سایت‌ها در قالب وب‌سایت‌های پویا راه اندازی شده اند. اما این به این معنی نیست که شما نیازی به یادگیری زبان های HTML ،CSS، جاوا اسکریپت و jQuery ندارید، بلکه نیاز شما به یادگیری این زبان‌ها همچنان پابرجاست.

در روال طراحی یک سایت، ابتدا ساختار اصلی سایت با استفاده از HTML پیاده‌سازی می شود، سپس با استفاده از CSS، برای این ساختار، مشخص می‌شود که هر کدام از اجزای صفحه با چه شکلی به کاربر نمایش داده شود. به منظور انجام برخی امور مانند اعتبار سنجی تکمیل صحیح فرم‌ها، نیاز است تا کدنویسی جاوا اسکریپت انجام شود و در صورتی که مایل باشید جلوه تصویری و یا تنظیمات انیمیشنی خاصی برای سایت خود پیاده سازی کنید، نیاز است تا با استفاده از jQuery این کار را انجام دهید.

حال رابط کاربری سایت شما آماده است و به منظور تبدیل سایت خود به یک وبسایت پویا، نیاز است تا با استفاده از زبان های برنامه نویسی مانند PHP، ASP.Net،JSP و یا فریمورک جنگو، کدنویسی مورد نظر را انجام دهید.

اگر این نوشته برای شما مفید بوده است، پیشنهاد می‌کنیم موارد زیر را نیز مطالعه نمایید:

==

بر اساس رای 484 نفر

آیا این مطلب برای شما مفید بود؟

برچسب ها :

18 نظر در “چگونه برنامه‌نویسی وب را شروع کنم؟

  1. سلام استادمون یه سایتی از ما خواسته با محیط ویژوال استادیو میخواستم یه راهنمایی کنید چون ما قبلا با محیط drim weaver کارکردیم

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

  3. سلام! بینهایت ممنون وسپاس بابت توضیحات کاملی که در مورد زبانهای مختلف برنامه نویسی وب ارائه دادید!فرادرسیهای بزرگوار ،دست مریزاد!

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

    1. سلام، تشکر از ارائه دیدگاهتان؛

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

نظر شما چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *