How to Be a Web Developer?


You have come to the right place if you’ve ever thought about becoming a web developer! A big decision is to try a new profession, so it’s important to do your homework.

Maybe you’ve always fantasized about becoming a web developer. Or perhaps your inner curiosity about life as a professional web developer has been ignited by the time you spent tinkering with the HTML & CSS code on the website of your hobby blog. You’ve got some questions no matter how you made it here, and I’ve got some answers!

Given all these it’s important to like what you do so if you know you like staying late on a computer doing code or researching something then this is the perfect vocation for you. Why not start learning more about it and do it a real professional job from which you’ll also do an earning. After all is also a good paid job and you can do it even from the comfort of your home, not needing to go day by day to a job location.

It’s a wonderful job and you always learn something new doing it like for example you do a website for someone where you learn something new about a business domain you didn’t know allot or from some content of the website. By coding daily you also get more and more skills to do your job as a professional. You won’t be fluent only in one language.

Start With HTML and CSS…

You will start learning HTML which is the standard markup language for Web page creation also known as “Hyper Text Markup Language”. Then you will learn CSS language which is tied together with the HTML code to give more flexibility designing your pages like layout, colors, design of the page elements, etc. Later when you have enough experience in these two you will learn JavaScript and PHP.

What is JavaScript?

JavaScript is a text-based programming language that helps you to render web pages interactive, using both the client side and the server side. Where HTML and CSS are languages that give web pages structure and style, JavaScript gives interactive elements to web pages that engage a user. Once you master all previous languages(HTML, CSS and JavaScript) you will be proud to be know as a Front-End Developer so you can do any Front-End for an website.

What is PHP?

PHP is a language for server scripting and a powerful tool for creating web pages that are dynamic and interactive. And what I mean by that is that using PHP together with the languages you learned until now which are HTML, CSS and JavaScript you will be able to build any king of website with both the Front-End static part and Back-End dynamic part. So you can build logic into your website using PHP. Let’s say you wanna build a blog, the part of posting blog posts that are stored in a database is the job of PHP. To insert and update to the database in your PHP you will use MySqli or PDO which you’ll also need to know how to use at least at a basic level. You’ll also want to learn SQL queries for your selects, updates, inserts or deletes from your database.

Some of The Most Important SQL Commands are

  • SELECT – extracts data from a database.
  • UPDATE – updates data in a database.
  • DELETE – deletes data from a database.
  • INSERT INTO – inserts new data into a database.
  • CREATE DATABASE – creates a new database.
  • ALTER DATABASE – modifies a database.
  • CREATE TABLE – creates a new table.

After you know all these you are a Full-Stack Developer meaning you master the full-stack of software that’s used to build an interactive website.

So you may be asking how do you start?

You start coding in a text editor in which you write your pages code which are then saved with a .html extension(or .php at the time you learn this language). So you create a file and click save as index.html for example. The first page of a website is always index.html or index.php which is recognized by servers as the first page of a site and loaded when you go in browser to a specific domain like let’s say for the sake of this example: google.com

As code editors I recommend you to use Sublime and Visual Studio Code. You may use both or just one whatever your choice may be, they are both great editors with wonderful functions. You can get them at: https://www.sublimetext.com/ and https://code.visualstudio.com/

All HTML code contains this part of code so basically each page of your website will have this together with your tags and attributes:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

HTML tags are like keywords which define how the content will be formatted and displayed by the web browser. A web browser can distinguish between HTML content and plain content with the help of tags. There are three main components of HTML tags: opening tag, content, and closing tag. But some HTML tags are unclosed tags.

When an HTML document is read by a web browser, the browser reads it from top to bottom and left to right. To create HTML documents and render their properties, HTML tags are used. Each tag in HTML has different properties.

In order for web browsers to differentiate between simple text and HTML text, an HTML file must have some essential tags. You can use as many tags you want as per your code requirement.

Syntax of a tag is like bellow:

<tag> content </tag>

Unclosed HTML Tags:

Some of the HTML tags are not closed, for example br and hr.

<br> Tag: br stands for break line, it breaks the line of the code in your page.

<hr> Tag: hr stands for Horizontal Rule. This tag is used to put a line on the webpage.

However it is recommended to self-close them to follow web standards like: <br /> and <hr />

To learn more about HTML go to this link which covers the whole HTML language: https://www.w3schools.com/html/html_intro.asp

Something about CSS…

CSS means Cascading Style Sheets and explains how to view HTML elements on the computer, on paper or in other media. For various devices and screen sizes, CSS is used to define styles for your web pages, including the design, layout and display variations.

Let’s give an example:

body {
  background-color: red;
}

This code basically gives your page a background color of read.

See? Is not hard at all and you can learn more about it at: https://www.w3schools.com/css/css_intro.asp

And about JavaScript let’s say some words…

Let’s say you wanna hide an element to show on the page after it loads. You do something like:

document.getElementById(“element-id”).style.display = “none”;

Which hides an element with id “element-id” like for example:

<h1 id=”element-id”>This will be hidden</h1>

Read more about JavaScript wonderful language here: https://www.w3schools.com/js/js_intro.asp

So let’s say something about PHP…

There are many functions and code you need to learn in PHP and very important learn the logic on how to use it, best if you work on some project with it so you also learn by coding what you learn on web tutorials.

To say, the most simple code in PHP is echo which displays a text on the screen:

echo “Hello World”;

You see? Is not that hard but that’s just the beginning. You still have to code allot to get everything but it’s fun.

To learn more read all about PHP on: https://www.w3schools.com/php/php_intro.asp

Also to be know that web developers do more than just write code…

The reality is that web developers are not just sitting and gazing all day at a computer screen. Although writing code is a large part of the work, it is an important piece of the puzzle to communicate with designers, illustrators, copywriters and other staff involved in the planning process.

In order to prioritize strategic changes and enhancements, web developers frequently review website performance and collaborate with website stakeholders. On top of that, spending time studying new methods and innovations is important for them.

Continue to build your career plans

So if you had some questions about what developers do and how do they code now you’ve got your answer. Given that fact that you have a clearer understanding of what to expect from the industry, you can only determine whether if you’re cut out to become a web developer.

One thought on “How to Be a Web Developer?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s