{"id":4975,"date":"2019-08-06T03:33:09","date_gmt":"2019-08-06T03:33:09","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=4975"},"modified":"2020-05-23T03:36:31","modified_gmt":"2020-05-23T10:36:31","slug":"how-to-find-coding-of-a-website","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/","title":{"rendered":"How to Find the Coding of a Website"},"content":{"rendered":"\n

Unless you printed this article off on a piece of paper, it\u2019s a safe bet that you\u2019re reading it on a website. You probably also bank on a website, chat with friends on a website, buy socks and books on a website. 
<\/p>\n\n\n\n

Websites aren\u2019t going anywhere. If anything, they\u2019re powering more and more industries in to serve their customers in more effective ways. This is probably why web development is up there with data analyst and IT management as one of the more promising careers<\/a>. 
<\/p>\n\n\n\n

There are lots of places you can learn about web development (including a sizeable offering<\/a> from Career Karma), but here we\u2019re going to talk a little bit about an unusual way of picking up this skill: reading website code. 
<\/p>\n\n\n\n

Why Would I Want to Look at Website Code? <\/strong><\/h2>\n\n\n\n
\"person
A coder in his natural habitat. <\/figcaption><\/figure>\n\n\n\n

It may not be obvious that reading the coding of a website is a good way to learn to code. While it is true you have to spend as much time writing code as you can, don\u2019t underestimate the power of carefully studying the code of someone else\u2019s successful project.
<\/p>\n\n\n\n

Think about it with this analogy: if you want to write well, you have to spend a lot of time writing. But nobody would tell you that you shouldn\u2019t also read<\/em> great literature. 
<\/p>\n\n\n\n

It works the same with coding. Learning how to make your code modular, to elegantly solve a particular class of problems, or to cleverly use basic techniques are all helped along by seeing someone else do it. 
<\/p>\n\n\n\n

This is no different than studying the way your favorite author handles tricky dialogue, and it\u2019s just as effective. 
<\/p>\n\n\n\n

Looking at Website Code <\/strong><\/h2>\n\n\n\n
\"Person
Reading website code is a great way to learn. 
<\/figcaption><\/figure>\n\n\n\n

Believe it or not, website code isn\u2019t stored in some far away place, locked up and invisible. It\u2019s right beneath you, so to speak, and finding it is pretty straightforward. All major browsers have some way of seeing a website\u2019s source code, usually requiring just a couple of clicks. 
<\/p>\n\n\n\n

Chrome, for example, gives you two ways of checking out the source code of a website. First, you can right click on the page and choose \u2018inspect source\u2019 to see the raw HTML underlying the webpage. Second, you can choose or View -> Developer -> Inspect Elements to get a dashboard which dynamically highlights elements as you scroll over them. 
<\/p>\n\n\n\n

With Firefox you can use the CTRL + U shortcut to see a page\u2019s source code, or use Firefox -> Web Developer -> Page Source to do the same thing. 
<\/p>\n\n\n\n

What you see when you inspect the code of a website like Google is a bunch of this: 
<\/p>\n\n\n\n

<html itemscope=”” itemtype=”http:\/\/schema.org\/WebPage” lang=”ko-US”><\/p>\n\n\n\n

<head><meta charset=”UTF-8″><meta content=”origin” name=”referrer”><meta content=”\/images\/branding\/googleg\/1x\/googleg_standard_color_128dp.png” itemprop=”image”><meta content=”origin” name=”referrer”><\/p>\n\n\n\n

<title>Google<\/title>…
<\/p>\n\n\n\n

Browsing the markup and seeing if you recognize the tags or can puzzle out what it\u2019s doing is a great way to whet your appetite for coding. It\u2019s usually possible to enter \u2018developer\u2019 mode, too, which will allow you to see what effect each element has on the website. 
<\/p>\n\n\n\n

This is an amazing<\/em> way to test your growing knowledge of web development. Once big websites like Google start to look straightforward, you\u2019ll know you\u2019re ready to start making websites professionally.\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"Unless you printed this article off on a piece of paper, it\u2019s a safe bet that you\u2019re reading it on a website. You probably also bank on a website, chat with friends on a website, buy socks and books on a website.  Websites aren\u2019t going anywhere. If anything, they\u2019re powering more and more industries in…","protected":false},"author":35,"featured_media":2007,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18069],"tags":[],"class_list":{"0":"post-4975","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-development-skills"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"Web Development","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":[],"is_guest_post":[]},"yoast_head":"\nHow to Find the Coding of a Website | Career Karma<\/title>\n<meta name=\"description\" content=\"So you know that websites are made with code, but you\u2019re not sure how to find it? Your friends at Career Karma can help.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Find the Coding of a Website\" \/>\n<meta property=\"og:description\" content=\"So you know that websites are made with code, but you\u2019re not sure how to find it? Your friends at Career Karma can help.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-06T03:33:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-23T10:36:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/markus-spiske-221494-unsplash.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Trent Fowler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Trent Fowler\" \/>\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:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/\"},\"author\":{\"name\":\"Trent Fowler\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba\"},\"headline\":\"How to Find the Coding of a Website\",\"datePublished\":\"2019-08-06T03:33:09+00:00\",\"dateModified\":\"2020-05-23T10:36:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/\"},\"wordCount\":626,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/markus-spiske-221494-unsplash.jpg\",\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/\",\"name\":\"How to Find the Coding of a Website | Career Karma\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/markus-spiske-221494-unsplash.jpg\",\"datePublished\":\"2019-08-06T03:33:09+00:00\",\"dateModified\":\"2020-05-23T10:36:31+00:00\",\"author\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba\"},\"description\":\"So you know that websites are made with code, but you\u2019re not sure how to find it? Your friends at Career Karma can help.\",\"breadcrumb\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#primaryimage\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/markus-spiske-221494-unsplash.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/markus-spiske-221494-unsplash.jpg\",\"width\":1200,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/careerkarma.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development\",\"item\":\"https:\/\/careerkarma.com\/blog\/web-development-skills\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Find the Coding of a Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\",\"url\":\"https:\/\/careerkarma.com\/blog\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News & Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/careerkarma.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba\",\"name\":\"Trent Fowler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/11\/Screen-Shot-2019-11-16-at-3.07.12-PM.png\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/11\/Screen-Shot-2019-11-16-at-3.07.12-PM.png\",\"caption\":\"Trent Fowler\"},\"description\":\"Trent Fowler is a data scientist and writer with an interest in machine learning, blockchain technologies, and futurism.\",\"url\":\"https:\/\/careerkarma.com\/blog\/author\/trent-fowler\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Find the Coding of a Website | Career Karma","description":"So you know that websites are made with code, but you\u2019re not sure how to find it? Your friends at Career Karma can help.","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:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Find the Coding of a Website","og_description":"So you know that websites are made with code, but you\u2019re not sure how to find it? Your friends at Career Karma can help.","og_url":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2019-08-06T03:33:09+00:00","article_modified_time":"2020-05-23T10:36:31+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/markus-spiske-221494-unsplash.jpg","type":"image\/jpeg"}],"author":"Trent Fowler","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Trent Fowler","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/"},"author":{"name":"Trent Fowler","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba"},"headline":"How to Find the Coding of a Website","datePublished":"2019-08-06T03:33:09+00:00","dateModified":"2020-05-23T10:36:31+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/"},"wordCount":626,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/markus-spiske-221494-unsplash.jpg","articleSection":["Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/","url":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/","name":"How to Find the Coding of a Website | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/markus-spiske-221494-unsplash.jpg","datePublished":"2019-08-06T03:33:09+00:00","dateModified":"2020-05-23T10:36:31+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba"},"description":"So you know that websites are made with code, but you\u2019re not sure how to find it? Your friends at Career Karma can help.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/markus-spiske-221494-unsplash.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/markus-spiske-221494-unsplash.jpg","width":1200,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/how-to-find-coding-of-a-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Development","item":"https:\/\/careerkarma.com\/blog\/web-development-skills\/"},{"@type":"ListItem","position":3,"name":"How to Find the Coding of a Website"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News & Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba","name":"Trent Fowler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/11\/Screen-Shot-2019-11-16-at-3.07.12-PM.png","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/11\/Screen-Shot-2019-11-16-at-3.07.12-PM.png","caption":"Trent Fowler"},"description":"Trent Fowler is a data scientist and writer with an interest in machine learning, blockchain technologies, and futurism.","url":"https:\/\/careerkarma.com\/blog\/author\/trent-fowler\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/4975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=4975"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/4975\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/2007"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=4975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=4975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=4975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}