ROAD MAP FOR WEB DEVELOPING

( All you need to know about web development )

HOW TO START?

Web development is one of the practical skills, if you learn this you can easily attend any placements, make projects, do freelancing, internships or can design your own projects.

DEFINITION

Web development is the work involved in developing a website for the Internet (world wide web) or an intranet ( private network). It can range from developing a simple single static page of plain text to complex web applications, electronic businesses and social network services.

When you talk about web development, you need to understand 2 terms.

i) Front end

ii) Back end

FRONT END

It is nothing but the user interface, which includes software or hardware parts. Humans or digital users interact directly with various aspects of the front end of a program, including user-entered data, buttons, programs, websites and other features.

Eg: Suppose you are watching a youtube video, the overall features you can see ( like button, dislike button, share, remix, download, subscribe, title etc) is frontend.

BACKEND

It refers to the parts of a computer application or a program’s code that allow it to operate and that cannot be accessed by a user.

Eg: How does youtube work? How does the developer work on it? What programming language is used? How many lines of code etc? { this comes under backend }

TYPES OF DEVELOPERS

i) Frontend developers
ii) Backend developers
iii) Full stack developers

HOW TO LEARN WEB DEVELOPMENT?

STEP 1: Learn HTML, CSS, Javascript.

HTML: Hyper text markup language. HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page. HTML consists of a series of elements. HTML elements tell the browser how to display the content.

CSS: Cascading style sheets.

CSS is a computer language for laying out and structuring web pages (HTML or XML). There are 3 types:

Inline CSS.
Internal or Embedded CSS.
External CSS.

CSS is a design language that makes a website look more appealing than just plain or uninspiring pieces of text. Whereas HTML largely determines textual content, CSS determines visual structure, layout, and aesthetics.

JAVASCRIPT: JavaScript is a scripting language that enables you to create dynamically updating content, control multimedia, animate images, and pretty much everything else.

It is used on both client as well as server side which allows you to make web pages interactive.

STEP 2:
In CSS, the main thing you need to learn is how to give colour?, change the background, padding, margin, ID, class, border etc.

STEP 3:
Try to do small projects. There are numerous websites available as well as videos. Do check Udemy, great learning and certain youtube channels.

STEP 4:
Complete at least a 30 days plan on 30 simple projects. You can even add these details in your CV.

STEP 5: Explore Backend. You can learn:

i) Nodejs (Javascript) + MangoDB
ii) Django (python) + MangoDB
iii) Others : PHP , Java

Eg: On amazon website, the products shown on the page is FRONTEND, when you proceed to buy the particular product, the request goes to BACKEND and when you finally pay the amount, all the details are stored in DATABASE.

NOTE: If you are a beginner, go with Nodejs (n javascript) + MangoDB.

When you are working on backend, you’ll learn many things:

i) API/ Networks /HTTP
ii) Linux commands
iii) Git/ Github

Try to complete full stack projects.

STEP 6: Host the project.
Platform available for hosting : AWS, Digital Ocean, Azure.