{"id":40,"date":"2020-12-27T13:30:11","date_gmt":"2020-12-27T08:00:11","guid":{"rendered":"https:\/\/www.codingbroz.com\/?p=40"},"modified":"2023-11-09T11:21:53","modified_gmt":"2023-11-09T05:51:53","slug":"how-to-become-a-web-developer","status":"publish","type":"post","link":"https:\/\/www.codingbroz.com\/how-to-become-a-web-developer\/","title":{"rendered":"How To Become a Web Developer"},"content":{"rendered":"\n<p><strong>How to become a Web Developer in 2024?<\/strong> <strong>Web Development<\/strong> has been one of the most common and interesting word from a long time in this internet era. Many people <strong>LIKE YOU<\/strong> are also interested to get there hands dirty with web development.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2020\/12\/how-to-bceome-a-web-developer-in-2021-codingbroz.png\" alt=\"How to become a web developer \" class=\"wp-image-73\" style=\"width:884px;height:497px\" srcset=\"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2020\/12\/how-to-bceome-a-web-developer-in-2021-codingbroz.png 1200w, https:\/\/www.codingbroz.com\/wp-content\/uploads\/2020\/12\/how-to-bceome-a-web-developer-in-2021-codingbroz-768x432.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>So, I am here to help you getting started with your new and exciting journey in the world of web. There are many many articles, blog which tell you about <strong>web development<\/strong> or &#8220;<strong>how to become a web developer?<\/strong>&#8221; , but I am here to cover the most Practical and easy way to get started and helping you out learning the real stuff instead of wasting time on internet and getting lost in the ocean of articles.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<label for=\"ez-toc-cssicon-toggle-item-662f4a4376935\" class=\"ez-toc-cssicon-toggle-label\"><label class=\"ez-toc-title\">Table of Contents<\/label>\n<span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #0090ff;color:#0090ff\" 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: #0090ff;color:#0090ff\" 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-662f4a4376935\" checked \/><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:\/\/www.codingbroz.com\/how-to-become-a-web-developer\/#GETTING_STARTED_%E2%80%93_The_First_Step_towards_Web_Development\" title=\"GETTING STARTED &#8211; The First Step towards Web Development\">GETTING STARTED &#8211; The First Step towards Web Development<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.codingbroz.com\/how-to-become-a-web-developer\/#How_To_Become_a_Web_Developer_%E2%80%93_Real_Journey_Starts_Here\" title=\"How To Become a Web Developer &#8211; Real Journey Starts Here\">How To Become a Web Developer &#8211; Real Journey Starts Here<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.codingbroz.com\/how-to-become-a-web-developer\/#BUILDING_BLOCKS_OF_WEB_DEVELOPMENT\" title=\"BUILDING BLOCKS OF WEB DEVELOPMENT\">BUILDING BLOCKS OF WEB DEVELOPMENT<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.codingbroz.com\/how-to-become-a-web-developer\/#1WHAT_IS_HTML\" title=\"1.WHAT IS HTML?\">1.WHAT IS HTML?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.codingbroz.com\/how-to-become-a-web-developer\/#2_WHAT_IS_CSS\" title=\"2. WHAT IS CSS?\">2. WHAT IS CSS?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.codingbroz.com\/how-to-become-a-web-developer\/#3WHAT_IS_JAVASCRPIT\" title=\"3.WHAT IS JAVASCRPIT?\">3.WHAT IS JAVASCRPIT?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.codingbroz.com\/how-to-become-a-web-developer\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"GETTING_STARTED_%E2%80%93_The_First_Step_towards_Web_Development\"><\/span><strong>GETTING STARTED &#8211; The First Step towards Web Development<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Web development is often confused with Web Designing, but making it clear, both are two distinct things though related. Here we are going to cover Web development and not particularly web designing.<\/p>\n\n\n\n<p>So, Web development in itself is a vast field , mainly its divided in 3 parts:-<\/p>\n\n\n\n<ul>\n<li> <strong>Front-end development<\/strong><\/li>\n<\/ul>\n\n\n\n<ul>\n<li> <strong>Back-end development<\/strong><\/li>\n<\/ul>\n\n\n\n<ul>\n<li> <strong>Full-stack development<\/strong><\/li>\n<\/ul>\n\n\n\n<p>As, I said earlier this will be the most practical and beginners friendly guide towards <strong>getting started with web development <\/strong>as an absolute beginner, That&#8217;s why we will discuss those advanced topics in details in other post.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_To_Become_a_Web_Developer_%E2%80%93_Real_Journey_Starts_Here\"><\/span><strong>How<\/strong> <strong>To Become a Web Developer &#8211; Real Journey Starts Here<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Though we have not touched the 3 components or parts of <strong>web develpoment<\/strong>, I want to ensure you that these 3 components have some things in common which are :-<\/p>\n\n\n\n<ol>\n<li><strong>HTML<\/strong><\/li>\n\n\n\n<li><strong>CSS<\/strong><\/li>\n\n\n\n<li><strong>Javascript<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Empower yourself with industry knowledge and become job ready web developer in just a few months with these top notch <a href=\"https:\/\/www.odinschool.com\/software-engineering\/react-web-development-course\" target=\"_blank\" rel=\"noopener\"><strong>web development courses<\/strong><\/a>.<\/p>\n\n\n\n<p>Whether you need to become a <strong>front-end developer<\/strong>, <strong>back-end developer<\/strong> or a <strong>full stack developer<\/strong> you need to master these three languages. These are the building blocks of web development. you can also say these are the &#8220;ABCDs&#8221; of web programming.<\/p>\n\n\n\n<p>So, being an absolute beginner just read some basic stuffs about these 3 building blocks and then go straight towards learn them instead of&nbsp; reading more articles and wasting your time because these are the only important these you need to know as a beginner and nothing else so <strong>JUST GO AND LEARN THE REAL SHIT , DUDE!!!!!<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"BUILDING_BLOCKS_OF_WEB_DEVELOPMENT\"><\/span><strong>BUILDING BLOCKS OF WEB DEVELOPMENT<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1WHAT_IS_HTML\"><\/span><strong>1.WHAT IS HTML?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>HTML<\/strong> was first created by <strong>Tim Berners-Lee<\/strong>, <strong>Robert Cailliau<\/strong>, and others starting in <strong>1989<\/strong>. It stands for <strong>Hyper Text Markup Language<\/strong>. HTML basically is like the skeletal system of a webpage.<\/p>\n\n\n\n<p>Each and Every website whether it be <a href=\"https:\/\/www.google.com\/\" target=\"_blank\" aria-label=\"Google (opens in a new tab)\" rel=\"noreferrer noopener nofollow\" class=\"rank-math-link\"><strong>Google<\/strong><\/a>, <a href=\"https:\/\/www.facebook.com\/\" target=\"_blank\" aria-label=\"Facebook (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\"><strong>Facebook<\/strong><\/a>, <a href=\"https:\/\/www.wikipedia.org\/\" target=\"_blank\" aria-label=\"Wikipedia (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\"><strong>Wikipedia<\/strong><\/a> or anything they are written in HTML and further Designed using CSS.<\/p>\n\n\n\n<p><strong>THIS IS HOW A HTML SCRIPT LOOKS LIKE<\/strong>&nbsp;<\/p>\n\n\n\n<p><code>&lt;!DOCTYPE html&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;html&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;head&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;title&gt;Page Title&lt;\/title&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;\/head&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;body&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;h1&gt;My First Heading&lt;\/h1&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;p&gt;My first paragraph.&lt;\/p&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;\/body&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;\/html&gt;&nbsp;<\/code><\/p>\n\n\n\n<p>So, don&#8217;t waste your time here and just go and start learning HTML. . . lol just kidding first of all read this complete post dude. <\/p>\n\n\n\n<p>Now moving on to 2nd building block, CSS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_WHAT_IS_CSS\"><\/span><strong>2. WHAT IS CSS?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>CSS<\/strong> is the language we use to style an HTML document. It describes how HTML elements should be displayed.&nbsp;CSS stands for <strong>Cascading Style Sheets<\/strong>.<\/p>\n\n\n\n<p>It&#8217;s basically like the skin in a human body. Just Imagine a human without skin and muscle will look very creepy , A WALKING SKELETON XP.<\/p>\n\n\n\n<p>CSS saves a lot of work. It can control the layout of multiple web pages all at once. It makes a page looks attractive and nice same as makeup do for women XP.<\/p>\n\n\n\n<p>THIS IS A WEBPAGE WITHOUT CSS<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2020\/12\/website-without-css-codingbroz.png\" alt=\"Website Without CSS\" class=\"wp-image-74\" srcset=\"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2020\/12\/website-without-css-codingbroz.png 1200w, https:\/\/www.codingbroz.com\/wp-content\/uploads\/2020\/12\/website-without-css-codingbroz-768x432.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>AND THIS AFTER CSS<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2020\/12\/website-with-css-codingbroz.png\" alt=\"Website with CSS\" class=\"wp-image-75\" srcset=\"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2020\/12\/website-with-css-codingbroz.png 1200w, https:\/\/www.codingbroz.com\/wp-content\/uploads\/2020\/12\/website-with-css-codingbroz-768x432.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>NOW, moving towards and spinal and muscle system of a website which makes it move is <strong>JAVASCRIPT<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3WHAT_IS_JAVASCRPIT\"><\/span><strong>3.WHAT IS JAVASCRPIT?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You will love to know that,<strong> JavaScript <\/strong>is the <strong>world&#8217;s most popular programming language<\/strong>.<\/p>\n\n\n\n<p>Now see JAVASCRIPT is the main deal, it is JAVASCRIPT which make you login into your Facebook after clicking the login button, It is javascript which makes you submit any form, its javascript making every thing interactive and making every thing alive in the web.<\/p>\n\n\n\n<p>At The Same Time Javascript is very huge means very very huge, just don&#8217;t get lost into it and start learning the basics of Javascript and to to build a basic web page, because if you&#8217;ll even ask a web developer in <a aria-label=\"Microsoft (opens in a new tab)\" href=\"https:\/\/www.microsoft.com\/en-in\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" class=\"rank-math-link\"><strong>Microsoft<\/strong><\/a> , &#8220;Do you know Javascript?&#8221;, he will answer, &#8220;just a little&#8221; X), (this is how the industry work, you will know what I&#8217;m talking about when you will become a real web developer ;P)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><strong>Conclusion<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>So, THESE ARE THE MAIN THINGS YOU NEED TO KNOW (NOT MASTER, BECAUSE YOU CAN&#8217;T AS AN ABSOLUTE BEGINNER) <strong>TO GET STARTED WITH WEB DEVELOPMENT<\/strong> MY FRIEND !!!!<\/p>\n\n\n\n<p>But, on a serious note its my advice please just get your hands dirty and avoid getting lost in the amazon of articles, these are the only important things you need to cover to Become a web Developer.<\/p>\n\n\n\n<p>WISHING YOU VERY BEST FOR YOUR AMAZING JOURNEY AHEAD. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>How To Become a Web Developer in 2021? Web development is often confused with Web Designing, but making it clear, both are two distinct things though related. So, I am here to help you getting started with your new and exciting journey in the world of web.<\/p>\n","protected":false},"author":3,"featured_media":73,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3],"tags":[8,4,7,6,5],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2020\/12\/how-to-bceome-a-web-developer-in-2021-codingbroz.png","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts\/40"}],"collection":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":25,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":9620,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts\/40\/revisions\/9620"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/media\/73"}],"wp:attachment":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}