{"id":711,"date":"2019-12-13T11:37:25","date_gmt":"2019-12-13T11:37:25","guid":{"rendered":"http:\/\/www.mysphereinfotech.com\/?p=711"},"modified":"2022-03-14T06:31:25","modified_gmt":"2022-03-14T06:31:25","slug":"3-technologies-every-web-developer-should-know-7","status":"publish","type":"post","link":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/","title":{"rendered":"3 Technologies Every Web Developer Should Know"},"content":{"rendered":"

Web development<\/a> is all about how the final website looks and how the design gets implemented. Web development<\/a> word itself encompasses techniques the individual should know to develop website. The individual should have command on three core languages JavaScript, CSS, and HTML for developing application or website. So here we let you know the essential skills for web developer:<\/p>\n

Here we go!<\/p>\n

1. JavaScript<\/strong><\/p>\n

JavaScript is a basic scripting language use within HTML pages. JavaScript will allow web developer to serve more functions in web site. JavaScript also known as JS used to create functions which update in real time for example, map. It also used in interactive films and online games. It is also considered as a most popular programming language in the world.<\/p>\n

Let\u2019s see how to insert map in webpage,<\/p>\n

\n<!DOCTYPE html> \n<html>   \n<head>     \n<style>       \n\/* Set the size of the div element that contains the map *\/     \n#map {         \nheight: 400px;  \/* The height is 400 pixels *\/         \nwidth: 100%;  \/* The width is the width of the web page *\/        \n}   \n<\/style>   \n<\/head>   \n<body>     \n<h3>My Google Maps Demo<\/h3>     \n   \n<div id=\"map\"><\/div>     \n<script> \n\/\/ Initialize and add the map \nfunction initMap() {   \n\/\/ The location of Uluru   \nvar uluru = {lat: -25.344, lng: 131.036};   \n\/\/ The map, centered at Uluru   \nvar map = new google.maps.Map(       \ndocument.getElementById('map'), {zoom: 4, center: uluru});   \n\/\/ The marker, positioned at Uluru   \nvar marker = new google.maps.Marker({position: uluru, map: map}); \n}     \n<\/script>     \n<script async defer     \nsrc=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=YOUR_API_KEY&callback=initMap\">     \n<\/script>  \n<\/body> \n<\/html>\n<\/code><\/pre>\n

\n<\/code><\/code><\/p>\n
2. CSS<\/strong><\/p>\n
CSS is one of the core web page building technology. Cascading style sheets (CSS) is a stylesheet language used to illustrate the document written in HTML or XML. CSS is used to modify the style and layout of webpage i.e. To change the design, font, size, colour, spacing of your content and variations in display for different screen size and different devices.<\/p>\n
Let\u2019s see how to set the background colour of webpage,<\/p>\n
<!DOCTYPE html> \n<html> \n<head> \n<style> \nbody {   background-colour: lightblue; } \n<\/style> \n<\/head> \n<body> \n \n<h1>Hello World!<\/h1> \n \n<p>This page has a light blue background colour!<\/p> \n \n<\/body> \n<\/html><\/code><\/pre>\n

\n<\/code><\/code><\/p>\n
3. HTML<\/strong><\/p>\n
HTML is one of the core web page building technology. HyperText Markup Language (HTML) is the coding language used to organise text and insert images and videos. It is the groundwork for construction of engaging webpage.  Without HTML the content is just plain text written in word!<\/p>\n
Let\u2019s see how to insert image in webpage,<\/p>\n
<!DOCTYPE html>\n<html>\n<body>\n \n<h2>Alternative text<\/h2>\n \n<p>The alt attribute should reflect the image content, \nso users who cannot see the image gets an understanding of \nwhat the image contains:<\/p>\n \n<img src=\"img_chania.jpg\" alt=\"Flowers in Chania\" width=\"460\" height=\"345\">\n \n<\/body>\n<\/html><\/code><\/pre>\n

\n<\/code><\/code><\/p>\n
Conclusion<\/strong><\/p>\n
It is very important for all the web developers that how your final webpage looks like. Arrangement of Content, image, web page layout, display, colour, font size etc plays key role to increase the traffic on your site. In blog we have shown you the three important languages JavaScript to program the behaviour of web page, CSS to set out design and layout of webpage and HTML to specify the content of webpages.<\/p>\n
So, what do you think for the above tactics?<\/p>\n","protected":false},"excerpt":{"rendered":"
Web development is all about how the final website looks and how the design gets implemented. Web development word itself encompasses techniques the individual should know to develop website. The individual should have command on three core languages JavaScript, CSS, and HTML for developing application or website. So here we let you know the essential […]<\/p>\n","protected":false},"author":1,"featured_media":745,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pgc_sgb_lightbox_settings":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-711","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"acf":[],"yoast_head":"\n3 Technologies Every Web Developer Should Know | Mysphere Infotech 345<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3 Technologies Every Web Developer Should Know | Mysphere Infotech 345\" \/>\n<meta property=\"og:description\" content=\"Web development is all about how the final website looks and how the design gets implemented. Web development word itself encompasses techniques the individual should know to develop website. The individual should have command on three core languages JavaScript, CSS, and HTML for developing application or website. So here we let you know the essential […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/\" \/>\n<meta property=\"og:site_name\" content=\"Mysphere Infotech\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-13T11:37:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-14T06:31:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mysphereinfotech.com\/devsite\/wp-content\/uploads\/2019\/12\/blog-3-tech-img.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"717\" \/>\n\t<meta property=\"og:image:height\" content=\"318\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"mysphere_admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"mysphere_admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/\"},\"author\":{\"name\":\"mysphere_admin\",\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/#\/schema\/person\/fc662fdfe95509b5cc75a06cb488b68a\"},\"headline\":\"3 Technologies Every Web Developer Should Know\",\"datePublished\":\"2019-12-13T11:37:25+00:00\",\"dateModified\":\"2022-03-14T06:31:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/\"},\"wordCount\":354,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mysphereinfotech.com\/devsite\/wp-content\/uploads\/2019\/12\/blog-3-tech-img.jpg\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/\",\"url\":\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/\",\"name\":\"3 Technologies Every Web Developer Should Know | Mysphere Infotech 345\",\"isPartOf\":{\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mysphereinfotech.com\/devsite\/wp-content\/uploads\/2019\/12\/blog-3-tech-img.jpg\",\"datePublished\":\"2019-12-13T11:37:25+00:00\",\"dateModified\":\"2022-03-14T06:31:25+00:00\",\"author\":{\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/#\/schema\/person\/fc662fdfe95509b5cc75a06cb488b68a\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#primaryimage\",\"url\":\"https:\/\/www.mysphereinfotech.com\/devsite\/wp-content\/uploads\/2019\/12\/blog-3-tech-img.jpg\",\"contentUrl\":\"https:\/\/www.mysphereinfotech.com\/devsite\/wp-content\/uploads\/2019\/12\/blog-3-tech-img.jpg\",\"width\":717,\"height\":318},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.mysphereinfotech.com\/devsite\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3 Technologies Every Web Developer Should Know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/#website\",\"url\":\"https:\/\/www.mysphereinfotech.com\/devsite\/\",\"name\":\"Mysphere Infotech\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.mysphereinfotech.com\/devsite\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/#\/schema\/person\/fc662fdfe95509b5cc75a06cb488b68a\",\"name\":\"mysphere_admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mysphereinfotech.com\/devsite\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8c9689fb60bd7c4c56112540c064fea2dea8e61c4e527dd53f7adfea094b490b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8c9689fb60bd7c4c56112540c064fea2dea8e61c4e527dd53f7adfea094b490b?s=96&d=mm&r=g\",\"caption\":\"mysphere_admin\"},\"sameAs\":[\"http:\/\/www.mysphereinfotech.com\"],\"url\":\"https:\/\/www.mysphereinfotech.com\/devsite\/author\/mysphere_admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3 Technologies Every Web Developer Should Know | Mysphere Infotech 345","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:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/","og_locale":"en_US","og_type":"article","og_title":"3 Technologies Every Web Developer Should Know | Mysphere Infotech 345","og_description":"Web development is all about how the final website looks and how the design gets implemented. Web development word itself encompasses techniques the individual should know to develop website. The individual should have command on three core languages JavaScript, CSS, and HTML for developing application or website. So here we let you know the essential […]","og_url":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/","og_site_name":"Mysphere Infotech","article_published_time":"2019-12-13T11:37:25+00:00","article_modified_time":"2022-03-14T06:31:25+00:00","og_image":[{"width":717,"height":318,"url":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-content\/uploads\/2019\/12\/blog-3-tech-img.jpg","type":"image\/jpeg"}],"author":"mysphere_admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"mysphere_admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#article","isPartOf":{"@id":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/"},"author":{"name":"mysphere_admin","@id":"https:\/\/www.mysphereinfotech.com\/devsite\/#\/schema\/person\/fc662fdfe95509b5cc75a06cb488b68a"},"headline":"3 Technologies Every Web Developer Should Know","datePublished":"2019-12-13T11:37:25+00:00","dateModified":"2022-03-14T06:31:25+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/"},"wordCount":354,"commentCount":0,"image":{"@id":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-content\/uploads\/2019\/12\/blog-3-tech-img.jpg","articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/","url":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/","name":"3 Technologies Every Web Developer Should Know | Mysphere Infotech 345","isPartOf":{"@id":"https:\/\/www.mysphereinfotech.com\/devsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#primaryimage"},"image":{"@id":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-content\/uploads\/2019\/12\/blog-3-tech-img.jpg","datePublished":"2019-12-13T11:37:25+00:00","dateModified":"2022-03-14T06:31:25+00:00","author":{"@id":"https:\/\/www.mysphereinfotech.com\/devsite\/#\/schema\/person\/fc662fdfe95509b5cc75a06cb488b68a"},"breadcrumb":{"@id":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#primaryimage","url":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-content\/uploads\/2019\/12\/blog-3-tech-img.jpg","contentUrl":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-content\/uploads\/2019\/12\/blog-3-tech-img.jpg","width":717,"height":318},{"@type":"BreadcrumbList","@id":"https:\/\/www.mysphereinfotech.com\/devsite\/3-technologies-every-web-developer-should-know-7\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mysphereinfotech.com\/devsite\/"},{"@type":"ListItem","position":2,"name":"3 Technologies Every Web Developer Should Know"}]},{"@type":"WebSite","@id":"https:\/\/www.mysphereinfotech.com\/devsite\/#website","url":"https:\/\/www.mysphereinfotech.com\/devsite\/","name":"Mysphere Infotech","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mysphereinfotech.com\/devsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.mysphereinfotech.com\/devsite\/#\/schema\/person\/fc662fdfe95509b5cc75a06cb488b68a","name":"mysphere_admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mysphereinfotech.com\/devsite\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8c9689fb60bd7c4c56112540c064fea2dea8e61c4e527dd53f7adfea094b490b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8c9689fb60bd7c4c56112540c064fea2dea8e61c4e527dd53f7adfea094b490b?s=96&d=mm&r=g","caption":"mysphere_admin"},"sameAs":["http:\/\/www.mysphereinfotech.com"],"url":"https:\/\/www.mysphereinfotech.com\/devsite\/author\/mysphere_admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-json\/wp\/v2\/posts\/711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-json\/wp\/v2\/comments?post=711"}],"version-history":[{"count":0,"href":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-json\/wp\/v2\/posts\/711\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-json\/wp\/v2\/media\/745"}],"wp:attachment":[{"href":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-json\/wp\/v2\/media?parent=711"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-json\/wp\/v2\/categories?post=711"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mysphereinfotech.com\/devsite\/wp-json\/wp\/v2\/tags?post=711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}