search

Jayant Kumar @jayantkumar314

Published On - 25 January 2020 Last Updated - 4 February 2020

What is the best way to start web development?

I have started my career in Web Development, working as a freelancer, in 2016. I have studied various languages and have sufficient experience so that I can guide you very well on how to start your career in web development.

Should we master one language and then learn another language?

NO, There is a big NO to this approach of learning. When it comes to web development various languages play its role. No standard web page can be built without making the use of at least three languages: -

Front End: -

  1. HTML
  2. CSS
  3. JAVASCRIPT

Back End: -

  1. PHP

NOTE:- Though in modern days we can create the whole website (both front-end and back-end) by just using JAVASCRIPT language. We will talk about it in some other blog. But here I am considering you a beginner.

How should we start web development?

If you want to learn my way, then you should learn all the 3 languages parallelly. Don't confuse what I mean here by parallelly with the literal meaning of parallel. What I mean is, you should learn all three languages in phases. At first, you should learn HTML (level 1) then CSS (level 1) then JAVASCRIPT (level 1) then we can move on to level 2, i.e. HTML (level 2) then CSS (level 2) then JAVASCRIPT ( level 2) and so on until you are confident that you know all three languages' basics and can use them when required.

NOTE: - I am still not telling you to become a master in all three languages. But you should have enough experience so that you can understand whats going on between all three languages and what are their uses.

The points which I think should be included in our levels are listed below: -

LEVEL 1:

HTML: - 
  1. HTML's basic structure of the page.
  2. You should know how can we view an HTML page in a browser.
  3. HTML Elements to be considered while studying.
<!DOCTYPE html>
<head>
    <!-- Webiste font-size changes when screen size changes. -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Inlude css file -->
    <link rel="stylesheet" type="text/css" href="bootstrap.css" >
    <link rel="stylesheet" type="text/css" href="style.css" >
    <title>This is Title</title>
</head>
<body>
    <!-- Heading Starts -->
        <h1>This is Heading 1</h1>
        <h2>This is Heading 2</h2>
        <h3>This is Heading 3</h3>
        <h4>This is Heading 4</h4>
        <h5>This is Heading 5</h5>
        <h6>This is Heading 6</h6>
    <!-- Heading Ends -->
    
    <!-- Commonly Used Block Level Elements Starts-->
        <div>
            <p> This is paragraph </p>
            <p> This is paragraph </p>
        </div>
        <!-- Commonly Used Block Level Elements Ends -->
        <!-- Commonly Used Inline Elements Starts -->
        <img src="profile.jpg" alt="Profile Text" />
    <!-- Commonly Used Inline Elements Ends -->
    
    <!-- Include Javascript File -->
    <script src="jquery.js" ></script>
    <script src="bootstrap.js" ></script>
    <script src="script.js" ></script>
</body>

Dos:

Don'ts:

  1. Never Try to master one language.