{"id":1957,"date":"2017-03-23T19:45:40","date_gmt":"2017-03-23T14:15:40","guid":{"rendered":"https:\/\/www.wikitechy.com\/technology\/?p=1957"},"modified":"2017-03-28T16:48:22","modified_gmt":"2017-03-28T11:18:22","slug":"php-javascript-difference-client-side-server-side-programming","status":"publish","type":"post","link":"https:\/\/www.wikitechy.com\/technology\/php-javascript-difference-client-side-server-side-programming\/","title":{"rendered":"PHP – JAVASCRIPT – What is the difference between client-side and server-side programming"},"content":{"rendered":"

What is a Client side programming language?<\/strong><\/span><\/h4>\n
    \n
  • Client side programming has mostly to do with the user interface, with which the user interacts.<\/li>\n
  • In web development it\u2019s the browser, in the user\u2019s machine, that runs the code, and it\u2019s mainly done in javascript, flash, etc.<\/li>\n
  • This code must run in a variety of browsers.<\/li>\n<\/ul>\n

    What is a server side programming language?<\/span><\/strong><\/h4>\n
      \n
    • Server-side scripting is a technique used in web development which involves employing scripts on a web server which produce a response customized for each user\u2019s (client\u2019s) request to the website.<\/li>\n
    • The alternative is for the web server itself to deliver a static web page.<\/li>\n<\/ul>\n[ad type=\u201dbanner\u201d]\n

      Background:<\/strong><\/span><\/h4>\n

      Web development is all about communication. In this case, communication between two (2) parties, over the HTTP protocol:<\/p>\n

        \n
      • The Server \u2013 This party is responsible for serving pages.<\/li>\n
      • The Client \u2013 This party requests pages from the Server, and displays them to the user. In most cases, the client is a web browser.<\/li>\n
      • The User \u2013 The user uses the Client in order to surf the web, fill in forms, watch videos online, etc.<\/li>\n<\/ul>\n

        Each side\u2019s programming, refers to code which runs at the specific machine, the server\u2019s or the client\u2019s.<\/p>\n

        Programming:<\/b><\/span><\/h4>\n

        Server-side Programming<\/span><\/h4>\n
          \n
        • Server-side programming, is the general name for the kinds of programs which are run on the Server.<\/li>\n
        • Server side programming is all about generating dynamic content. Most of the web pages are not static, therefore they need search a database in order to show the user personalized information.<\/li>\n
        • Server-side programming can be done in a lot of languages: PHP, ASP, Java and Jsp, Phyton, etc.<\/li>\n
        • This code has to do with: Querying the database, encoding the data into html, inserting and updating information in the database.<\/li>\n<\/ul>\n

          Uses<\/b><\/span><\/h4>\n
            \n
          • Process user input.<\/span><\/li>\n
          • Display pages.<\/span><\/li>\n
          • Structure web applications.<\/span><\/li>\n
          • Interact with permanent storage (SQL, files).<\/span><\/li>\n<\/ul>\n

            Example Languages<\/b><\/span><\/h4>\n
              \n
            • PHP<\/span><\/li>\n
            • Python<\/span><\/li>\n
            • ASP.Net in C#, C++, or Visual Basic.<\/span><\/li>\n
            • Nearly any language (C++, C#, Java). These were not designed specifically for the task, but are now often used for application-level web services.<\/span><\/li>\n<\/ul>\n[ad type=\u201dbanner\u201d]\n

              Client-side programming<\/span><\/strong><\/h4>\n
                \n
              • Much like the server-side, Client-side programming is the name for all of the programs which are run on the Client.<\/li>\n
              • Client side\u00a0programming has to do with the user interface, with\u00a0which\u00a0the user interacts.<\/li>\n
              • It\u2019s main tasks are: interacting with the server \u2013\u00a0sending requests and retrieving data from it,\u00a0validating input,\u00a0animation,\u00a0manipulating UI elements,\u00a0applying styles, etc.<\/li>\n
              • An example of client-side programming is Javascript. Javascript can be used to run checks on form values and send alerts to the user\u2019s browser.<\/li>\n<\/ul>\n

                Uses:<\/b><\/span><\/h4>\n
                  \n
                • Make interactive webpages.<\/span><\/li>\n
                • Make stuff happen dynamically on the web page.<\/span><\/li>\n
                • Interact with temporary storage, and local storage (Cookies, localStorage).<\/span><\/li>\n
                • Send requests to the server, and retrieve data from it.<\/span><\/li>\n
                • Provide a remote service for client-side applications, such as software registration, content delivery, or remote multi-player gaming.<\/span><\/li>\n<\/ul>\n

                  Example languages:<\/b><\/span><\/h4>\n
                    \n
                  • JavaScript (primarily)<\/span><\/li>\n
                  • HTML*<\/span><\/li>\n
                  • CSS*<\/span><\/li>\n
                  • Any language running on a client device that interacts with a remote service is a client-side language.<\/span><\/li>\n<\/ul>\n

                    *HTML and CSS aren\u2019t really \u201cprogramming languages\u201d per-se. They are markup syntax by which the Client renders the page for the User.<\/p>\n[ad type=\u201dbanner\u201d]\n

                    Security<\/b><\/span><\/h4>\n
                      \n
                    • In terms of Security, server-side scripts are more secure than client-side scripts.<\/li>\n
                    • For example, when a user accesses his bank account online, the server side-script communicates with the client using encryption.<\/li>\n
                    • A client-side script consists of plain text and runs on the client\u2019s browser allowing hackers to take a peek at the the code and steal private information from the user\u2019s computer.<\/li>\n<\/ul>\n

                      Compatibility<\/b><\/span><\/h4>\n
                        \n
                      • In terms of Compatibility, the main issue with client-side scripts are the problems with OS\u2019s and web browsers compatibility.<\/span><\/li>\n
                      • Programming a website involves users having multiple computer software, so bugs in the code or compatibility issues with browsers may occur.<\/span><\/li>\n
                      • Server-side scripts being run on the server reduces the number of bugs and compatibility issues since the code is run on a single server using a single language and hosting software.<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

                        What is a Client side programming language? Client side programming has mostly to do with the user interface, with which the user interacts. In web development it\u2019s the browser, in the user\u2019s machine, that runs the code, and it\u2019s mainly done in javascript, flash, etc. This code must run in a variety of browsers. What […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[275,25],"tags":[4191,4192,4198,4194,4197,4193,4196,4195,4189,4190],"class_list":["post-1957","post","type-post","status-publish","format-standard","hentry","category-javascript","category-php","tag-ajax-server-side-and-client-side-confusion-clarification-needed","tag-building-web-pages-on-the-server-side-or-client-side","tag-can-a-programming-language-be-both-client-and-server-side","tag-how-to-make-javascript-to-be-compatible-with-both-client-and-server-side","tag-passing-the-asp-classic-html-as-a-string-from-client-side-to-server-side","tag-processing-data-server-side-vs-client-side","tag-server-side-and-client-side-when-can-we-place-php-inside-javascript","tag-server-side-or-client-side-for-fetching-tweets","tag-what-are-the-main-concerns-when-generating-client-side-javascript-from-the-server","tag-what-is-the-difference-between-call-and-apply"],"_links":{"self":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/posts\/1957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/comments?post=1957"}],"version-history":[{"count":0,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/posts\/1957\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/media?parent=1957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/categories?post=1957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/tags?post=1957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}