{"id":1985,"date":"2024-01-30T15:17:42","date_gmt":"2024-01-30T15:17:42","guid":{"rendered":"https:\/\/leyton.majjane.agency\/ca\/post\/web-development-revisit-the-basics\/"},"modified":"2024-01-30T15:17:42","modified_gmt":"2024-01-30T15:17:42","slug":"web-development-revisit-the-basics","status":"publish","type":"article","link":"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/","title":{"rendered":"Web Development: Revisit the Basics"},"content":{"rendered":"<p>Curious about <strong>web development<\/strong>? In this article, we lay out all the basic portions and notions of web development. At the end of this reading, you will hopefully have a good understanding of the basics of web development, that will set you on your way to gain deeper knowledge and expand your skills.<\/p>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">How to Create a Website?<\/h2>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p>First things first, a <strong><a href=\"https:\/\/leyton.com\/ca\/software-en\/\">website <\/a><\/strong>(such as the one used to host this article) is nothing but a file stored on a sever. <strong>Servers <\/strong>are powerful computers that host (fancy term for \u201cstore\u201d) websites. Servers are connected by the giant network called Internet.<\/p>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p>To create a <a href=\"https:\/\/leyton.com\/ca\/software-en\/\">website<\/a>, two critical portions must be developed:<\/p>\n<ul>\n<li><strong>Front-end:<\/strong> or client-side, is the portion of the website we see and interact with as a user. It is made up of HTML, CSS and JavaScript files. The browser loads these files on the client-side to show the <a href=\"https:\/\/leyton.com\/ca\/software-en\/\">website<\/a>. Although seemingly simple, there is a variety of tools, libraries and frameworks of different depths and complexity levels connected to each of these languages.<\/li>\n<li><strong>Back-end:<\/strong> or server-side, is the portion of the website that handles most of the logic and functionality. Contrary to the front-end where the languages are limited to HTML, CSS and JavaScript (the browsers only understand these languages), the server (back-end) can be configured to understand any language. Three main components make up this portion of a website:<\/li>\n<li><strong>The server<\/strong>: servers are no longer necessary given the abundance of serverless architectures, which are more decentralized. In more complex and traditional settings, the server works to compile the code and convey the result to the browser. <\/li>\n<li><strong>A server-side programming language<\/strong>: such as PHP, Python, Ruby, C#, Java etc. (it is also important to note that Node.js is a runtime environment that can run JavaScript code on the server, making the language a double agent).<\/li>\n<li><strong>A database:<\/strong> is the structure where all the data is stored. Databases come in different types: Key-Value Databases such as Redis or Riak; wide-column databases like Apache Cassandra; Document Database such as MongoDB; Graph Database, such as Neo4j and Relational Database, the most popular data model and most used, such as Microsoft SQL Server, Oracle, MySQL and IBM DB2.<\/li>\n<\/ul>\n<div style=\"height:43px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/leyton.com\/ca\/wp-content\/blogs.dir\/3\/files\/2024\/01\/web-dev.jpg\" alt=\"web development\" class=\"wp-image-27753\" \/><\/figure>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">Web Development: APIs<\/h2>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p>Another popular and crucial portion of web development is understanding <strong>APIs<\/strong>: <strong>Application Programming Interface<\/strong>. These act as a pathway\/route exposing different backend services to the client-side section of the application. APIs are the building blocks of complex programs by defining an independent set of functionalities with a reusable piece of code. An <strong>API<\/strong> can be defined as the code that governs access points to a server.<\/p>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p>APIs process requests via one of two different protocols:<\/p>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<ul>\n<li><strong>REST<\/strong>: Representational State Transfer, is a set of architectural principles attuned to the needs of lightweight web services and mobile applications. When a request for data is sent to a REST API, it\u2019s usually done through HTTP, the API then received the request and returns messages in HTML, XML, plain text or JSON format.<\/li>\n<li><strong>SOAP<\/strong>: simple object access protocol, is a standard protocol that was first designed so that applications with different languages and on different platforms could communicate. When a request for data is sent to a SOAP API, it can be handled by HTTP for browsers, SMTP for email, TCP or other protocols. However, when it is received, return SOAP messages must be returned as XML documents.<\/li>\n<\/ul>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p>While <strong>REST <\/strong>is often viewed as a faster alternative in web-based scenarios, <strong>SOAP <\/strong>web services offer built-in security and transaction compliance that align with enterprise needs.<\/p>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h4 class=\"wp-block-heading\">If you are hoping to grow your business, at <a href=\"https:\/\/leyton.com\/ca\/en\/contact-us\/\"><strong>Leyton<\/strong><\/a>, our experts can help you access funds to fuel your projects without disrupting your day-to-day activities. <\/h4>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h4 class=\"wp-block-heading\">Schedule a <a href=\"https:\/\/leyton.com\/ca\/en\/contact-us\/\"><strong>free consultation<\/strong><\/a> with one of our consultants now!<\/h4>\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/leyton.com\/ca\/en\/contact-us\/\">Contact Us<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Curious about web development? In this article, we lay out all the basic portions and notions of web development. At the end of this reading, you will hopefully have a good understanding of the basics of web development, that will set you on your way to gain deeper knowledge and expand your skills. How to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2736,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2594],"tags":[232,114,590,2322],"expertise":[],"class_list":["post-1985","article","type-article","status-publish","format-standard","has-post-thumbnail","hentry","category-ict","tag-funding","tag-innovation-en","tag-software","tag-software-dev"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.1 (Yoast SEO v28.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Web Development: Revisit the Basics - Leyton Canada<\/title>\n<meta name=\"description\" content=\"Are you interested in web development? Do you need a website for your business? Learn all the basics from our expert including...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Development: Revisit the Basics\" \/>\n<meta property=\"og:description\" content=\"Are you interested in web development? Do you need a website for your business? Learn all the basics from our expert including...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/\" \/>\n<meta property=\"og:site_name\" content=\"Leyton Canada\" \/>\n<meta property=\"og:image\" content=\"https:\/\/leyton.com\/wp-content\/blogs.dir\/3\/files\/2024\/01\/web-dev2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"655\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/en\\\/insights\\\/articles\\\/web-development-revisit-the-basics\\\/\",\"url\":\"https:\\\/\\\/leyton.com\\\/ca\\\/en\\\/insights\\\/articles\\\/web-development-revisit-the-basics\\\/\",\"name\":\"Web Development: Revisit the Basics - Leyton Canada\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/en\\\/insights\\\/articles\\\/web-development-revisit-the-basics\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/en\\\/insights\\\/articles\\\/web-development-revisit-the-basics\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/leyton.com\\\/wp-content\\\/blogs.dir\\\/3\\\/files\\\/2024\\\/01\\\/web-dev2.jpg\",\"datePublished\":\"2024-01-30T15:17:42+00:00\",\"description\":\"Are you interested in web development? Do you need a website for your business? Learn all the basics from our expert including...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/en\\\/insights\\\/articles\\\/web-development-revisit-the-basics\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/leyton.com\\\/ca\\\/en\\\/insights\\\/articles\\\/web-development-revisit-the-basics\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/en\\\/insights\\\/articles\\\/web-development-revisit-the-basics\\\/#primaryimage\",\"url\":\"https:\\\/\\\/leyton.com\\\/wp-content\\\/blogs.dir\\\/3\\\/files\\\/2024\\\/01\\\/web-dev2.jpg\",\"contentUrl\":\"https:\\\/\\\/leyton.com\\\/wp-content\\\/blogs.dir\\\/3\\\/files\\\/2024\\\/01\\\/web-dev2.jpg\",\"width\":1920,\"height\":655,\"caption\":\"Web development\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/en\\\/insights\\\/articles\\\/web-development-revisit-the-basics\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/leyton.com\\\/ca\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development: Revisit the Basics\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/#website\",\"url\":\"https:\\\/\\\/leyton.com\\\/ca\\\/\",\"name\":\"Leyton\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/leyton.com\\\/ca\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/#organization\",\"name\":\"Leyton\",\"url\":\"https:\\\/\\\/leyton.com\\\/ca\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/leyton.com\\\/wp-content\\\/blogs.dir\\\/3\\\/files\\\/2026\\\/01\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/leyton.com\\\/wp-content\\\/blogs.dir\\\/3\\\/files\\\/2026\\\/01\\\/logo.svg\",\"width\":108,\"height\":44,\"caption\":\"Leyton\"},\"image\":{\"@id\":\"https:\\\/\\\/leyton.com\\\/ca\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Development: Revisit the Basics - Leyton Canada","description":"Are you interested in web development? Do you need a website for your business? Learn all the basics from our expert including...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/","og_locale":"en_US","og_type":"article","og_title":"Web Development: Revisit the Basics","og_description":"Are you interested in web development? Do you need a website for your business? Learn all the basics from our expert including...","og_url":"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/","og_site_name":"Leyton Canada","og_image":[{"width":1920,"height":655,"url":"https:\/\/leyton.com\/wp-content\/blogs.dir\/3\/files\/2024\/01\/web-dev2.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/","url":"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/","name":"Web Development: Revisit the Basics - Leyton Canada","isPartOf":{"@id":"https:\/\/leyton.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/#primaryimage"},"image":{"@id":"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/#primaryimage"},"thumbnailUrl":"https:\/\/leyton.com\/wp-content\/blogs.dir\/3\/files\/2024\/01\/web-dev2.jpg","datePublished":"2024-01-30T15:17:42+00:00","description":"Are you interested in web development? Do you need a website for your business? Learn all the basics from our expert including...","breadcrumb":{"@id":"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/#primaryimage","url":"https:\/\/leyton.com\/wp-content\/blogs.dir\/3\/files\/2024\/01\/web-dev2.jpg","contentUrl":"https:\/\/leyton.com\/wp-content\/blogs.dir\/3\/files\/2024\/01\/web-dev2.jpg","width":1920,"height":655,"caption":"Web development"},{"@type":"BreadcrumbList","@id":"https:\/\/leyton.com\/ca\/en\/insights\/articles\/web-development-revisit-the-basics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/leyton.com\/ca\/"},{"@type":"ListItem","position":2,"name":"Web Development: Revisit the Basics"}]},{"@type":"WebSite","@id":"https:\/\/leyton.com\/ca\/#website","url":"https:\/\/leyton.com\/ca\/","name":"Leyton","description":"","publisher":{"@id":"https:\/\/leyton.com\/ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/leyton.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/leyton.com\/ca\/#organization","name":"Leyton","url":"https:\/\/leyton.com\/ca\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/leyton.com\/ca\/#\/schema\/logo\/image\/","url":"https:\/\/leyton.com\/wp-content\/blogs.dir\/3\/files\/2026\/01\/logo.svg","contentUrl":"https:\/\/leyton.com\/wp-content\/blogs.dir\/3\/files\/2026\/01\/logo.svg","width":108,"height":44,"caption":"Leyton"},"image":{"@id":"https:\/\/leyton.com\/ca\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/leyton.com\/ca\/wp-json\/wp\/v2\/article\/1985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leyton.com\/ca\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/leyton.com\/ca\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/leyton.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leyton.com\/ca\/wp-json\/wp\/v2\/comments?post=1985"}],"version-history":[{"count":0,"href":"https:\/\/leyton.com\/ca\/wp-json\/wp\/v2\/article\/1985\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/leyton.com\/ca\/wp-json\/wp\/v2\/media\/2736"}],"wp:attachment":[{"href":"https:\/\/leyton.com\/ca\/wp-json\/wp\/v2\/media?parent=1985"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leyton.com\/ca\/wp-json\/wp\/v2\/categories?post=1985"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leyton.com\/ca\/wp-json\/wp\/v2\/tags?post=1985"},{"taxonomy":"expertise","embeddable":true,"href":"https:\/\/leyton.com\/ca\/wp-json\/wp\/v2\/expertise?post=1985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}