{"id":2849,"date":"2022-03-20T18:08:13","date_gmt":"2022-03-20T18:08:13","guid":{"rendered":"https:\/\/sagaratechnology.com\/blog\/?p=2849"},"modified":"2023-03-27T07:18:32","modified_gmt":"2023-03-27T07:18:32","slug":"your-first-step-on-web-developer","status":"publish","type":"post","link":"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/","title":{"rendered":"Your first step on Web Developer"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/JFrdg-vJ0I9mOmMe6BrqBdZtu6DjRgIP5hpcsXk9IjqHj7dIwuR2NT6GX8RhFFtKz-m7Vz5I_4-ORLom7uzle10yRHkBkPfPOYLrtTjlclPF1cAjsmSjTG9bM8_Ph3cphF1Djkph\" alt=\"\"\/><figcaption class=\"wp-element-caption\">Your first step on Web Develoment<\/figcaption><\/figure>\n\n\n\n<p>Have you ever wondered how someone can make a website and use it as their business platform? or simply make a blog about their story and share it to everyone through the internet? Well, there are plenty of websites on the internet, but how does it work?&nbsp;This is how you start your first step on web development.<\/p>\n\n\n\n<p> Web Development is a way to create a website through a certain process and step. There are plenty of things you need to learn to develop a website. You can learn that on a course platform or simply self learning with a roadmap that you can search on google.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e7436230844\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e7436230844\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/#Front-end_Web_Developer\" >Front-end Web Developer<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/#HTML\" >HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/#CSS\" >CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/#Javascript\" >Javascript<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/#Back-end_Web_Developer\" >Back-end Web Developer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/#Full-stack_Developer\" >Full-stack Developer<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Front-end_Web_Developer\"><\/span>Front-end Web Developer<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Front-end developer works are related to everything that is visible on the website. They are responsible for everything that you can see or interact on the website, such as the design, layout, Interactive components, etc. Front-end developers oftenly got a help from a UI\/UX Designer for a better design that is easy to understand for the users, but, there are plenty of developers that are also designers. <\/p>\n\n\n\n<p>Front-end Developer have to mastered HTML, CSS, and Javascript as their basic skills to developing a website. UI prototyping skills is a bonus if you learn UI\/UX Design too<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"HTML\"><\/span><strong>HTML<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>HTML or Hypertext Markup Language is a standard markup language for website. it is used to construct the website by the tag that is used on certain purpose, it also describes the website structure by the tag that is defined by &lt;&gt; symbol, for example, the headings will have &lt;h1&gt; to &lt;h6&gt; for the headings tag. You can learn another tag on various websites or course platforms such as <a href=\"https:\/\/www.w3schools.com\">https:\/\/www.w3schools.com<\/a><\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"CSS\"><\/span><strong>CSS<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>CSS stands for Cascading Style Sheets. it is mainly used as a makeup for the website cause it described how the HTML elements to be displayed. With CSS, you can save a lot of work cause it can be used on multiple layout website. CSS also provided by some framework that can be used to help you.<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"Javascript\"><\/span><strong>Javascript<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>What\u2019s the point if your website isn\u2019t interactive, well, Javascript is there to help you with that. Javascript is used to level up your website, not just a pretty simple website, but also a user friendly, fast, and interactive one. You can make any Interactive components on your website with Javascript.&nbsp;<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Back-end_Web_Developer\"><\/span><strong>Back-end Web Developer<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Back-end developers often deal with databases and website servers and are the ones that are invisible to us. There are some programming languages you need to learn to be a Back-end Developer such as SQL, Python, Java, PHP, etc. You can learn that all with a roadmap to make it easier to understand where you need to start your learning.<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Full-stack_Developer\"><\/span><strong>Full-stack Developer<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>We could know that basically Full-stack developer do all the things from the back to the front of the website. You have to understand Front-end and Back-end to be a Full-stack Developer.<\/p>\n\n\n\n<p>Web developer is such a nice job that you can do in the future or now. You can be a freelancer or works for a company. Web development offers a decent amount of money to make.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever wondered how someone can make a website and use it as their business platform? or simply make a blog about their story and share it to everyone through the internet? Well, there are plenty of websites on the internet, but how does it work?&nbsp;This is how you start your first step on&#8230;<\/p>\n","protected":false},"author":17,"featured_media":2854,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[282,124,10],"tags":[52,55,47,51,209,56,93,24],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Your first step on web development<\/title>\n<meta name=\"description\" content=\"Website is an essential things right now. This is how you know your first step on web development. - Sagara Asia Blog\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Your first step on web development\" \/>\n<meta name=\"twitter:description\" content=\"Website is an essential things right now. This is how you know your first step on web development. - Sagara Asia Blog\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2022\/03\/AdobeStock_256229414.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Wisnu Aji Panangkar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Your first step on web development","description":"Website is an essential things right now. This is how you know your first step on web development. - Sagara Asia Blog","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:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/","twitter_card":"summary_large_image","twitter_title":"Your first step on web development","twitter_description":"Website is an essential things right now. This is how you know your first step on web development. - Sagara Asia Blog","twitter_image":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2022\/03\/AdobeStock_256229414.jpg","twitter_misc":{"Written by":"Wisnu Aji Panangkar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/#article","isPartOf":{"@id":"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/"},"author":{"name":"Wisnu Aji Panangkar","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/c81100054c175471fe88ff521a0964a3"},"headline":"Your first step on Web Developer","datePublished":"2022-03-20T18:08:13+00:00","dateModified":"2023-03-27T07:18:32+00:00","mainEntityOfPage":{"@id":"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/"},"wordCount":547,"commentCount":0,"publisher":{"@id":"https:\/\/sagaratechnology.com\/blog\/#organization"},"keywords":["Back End Development","CSS","Front End Development","Full Stack Developer","HTML","JavaScript","Web","web development"],"articleSection":["Informasi Digital","Technology","Tips teknologi"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/","url":"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/","name":"Your first step on web development","isPartOf":{"@id":"https:\/\/sagaratechnology.com\/blog\/#website"},"datePublished":"2022-03-20T18:08:13+00:00","dateModified":"2023-03-27T07:18:32+00:00","description":"Website is an essential things right now. This is how you know your first step on web development. - Sagara Asia Blog","breadcrumb":{"@id":"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sagaratechnology.com\/blog\/your-first-step-on-web-developer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sagaratechnology.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Informasi Digital","item":"https:\/\/sagaratechnology.com\/blog\/category\/informasi-digital\/"},{"@type":"ListItem","position":3,"name":"Your first step on Web Developer"}]},{"@type":"WebSite","@id":"https:\/\/sagaratechnology.com\/blog\/#website","url":"https:\/\/sagaratechnology.com\/blog\/","name":"Sagara Asia Blog","description":"Dapatkan Informasi Seputar Teknologi dan Bisnis","publisher":{"@id":"https:\/\/sagaratechnology.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sagaratechnology.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sagaratechnology.com\/blog\/#organization","name":"Sagara Technology","url":"https:\/\/sagaratechnology.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/10\/sagara-logo.jpeg","contentUrl":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/10\/sagara-logo.jpeg","width":200,"height":200,"caption":"Sagara Technology"},"image":{"@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/sagara-asia\/"]},{"@type":"Person","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/c81100054c175471fe88ff521a0964a3","name":"Wisnu Aji Panangkar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8044be80db5dbabd7d6537d73a5db330?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8044be80db5dbabd7d6537d73a5db330?s=96&d=mm&r=g","caption":"Wisnu Aji Panangkar"},"sameAs":["dazzakah"]}]}},"_links":{"self":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/2849"}],"collection":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/comments?post=2849"}],"version-history":[{"count":5,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/2849\/revisions"}],"predecessor-version":[{"id":3901,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/2849\/revisions\/3901"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/media\/2854"}],"wp:attachment":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/media?parent=2849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/categories?post=2849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/tags?post=2849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}