Beginner Guide to Web development

---

 

We all use the web every single day, but how many of us actually know how it works or the skills necessary to become a web developer?

There are many wonderful jobs you can have as a front-end developer (FED). And it’s becoming more commonplace for companies to hire FEDs with either no college degree or an unrelated (to computer science) college degree.

What’s so wonderful about this career is that anyone can learn to become a FED without spending som much of money on it

 

The Internet history

 

Our story begins in 1989 with a man called Tim Berners Lee. A British Computer Scientist, Berners Lee set out to solve one major problem: how can we share and manage information throughout the world?

At the very core of it, the Internet is just a series of computers connected by millions of cables. In contrast, the web consists of billions of digital pages that are viewable through web browsers on your computers. source - wikipedia

 

Buzz to words to remember in web development

 

1) Client Server Architecture

2) Frontend Development

3) Backend Development

 

1) Client server architecture

 

This might be already very familier for you, If you are coming from CS (Computer Science) background.

A typical client server architecture is all about Request And Response.

Where a user (this is normally a Web Browser) requests something to Server. And server Reponds with some data. usuaaly the data will be in the form of plain string, html, xml and json ( Javascript Object notation).

Here the Http and Https protocols play an major to transmit data from client to server or vise versa.

We will look at what Http and Https protocols in another tutorial.

 

 

Frontend Development

 

Front-end Development is responsible for developing the face of the web page that users interact with. Front-end development also functions as a bridge between design (research, user experience, visual) and back-end development.

 

HTML, CSS, and JavaScript

 

Let’s think about a website as a human. We can think about HTML, CSS, and JavaScript respectively as the following:

 

HTML:

The skeleton. HTML is responsible for the structure of content in a web page.

CSS:

Hair color, eye color, height, weight, etc. CSS is responsible for the visual presentation of a website.

JS:

Movements, personality. JavaScript is responsible for interactions with page elements, making database requests, etc.

 

Bit advanced in Frontend development.

 

Angular

Angular js is javascript framework for building user interfaces and it uses MVC Pattern. And the most important thing is , It is developed and maintained by Big gaint Google.

But it slowdown its popularity among developers in recent times because of the something best out there in the market.

 

React js

React or React JS is a JavaScript front-end library from Facebook which lets you create HTML based GUI. It makes the task easier by providing a component-based architecture which was only available to languages like Java and C# before.

Because of this awesome feature, React is quickly becoming the standard JavaScript library for developing front-end. That’s the reason many programmers and developers are learning React or React JS.

 

Vue js

VueJS is a progressive JavaScript framework used to develop interactive web interfaces. Focus is more on the view part, which is the front end. It is very easy to integrate with other projects and libraries. The installation of VueJS is fairly simple, and beginners can easily understand and start building their own user interfaces. The content is divided into various chapters that contain related topics with simple and useful examples.

 

Which one i choose?

 

Wait Wait!! My Cj friends..

First know, At what position you are now present, Like wheather you are very Beginner in web development (or) you are in a journey with Html, Css, Javascript.

If you are biginner, Try to learn basic html, css, and javascript and build some projects with that tech.

Once you are quite familiar, you can look forword to choose the best framework out there in market..

Again the best? Yeah i know your anxiety

I will discuss this in another article.

 

Backend development

 

Unlike Frontend, We have so many options, typically languages are available in the backend developement

We call it as a programming languages, i believe!!

Ok lets First discuss about, What is a backend language?

When we go back to Client/Server model, You likely notice that User(request from browser) to the server. The complete interface is development by frontend tecnologies.

As the next step, There are somone who take that request and process by server and send back the response to the client (usually browser).

That someone we called it as Backend tecnologies.

In tecnical words, Backend is used to write bussiness logic of the application.

 

The popular tecnologies are

 

1) Python (The gaint)

2) Nodejs (Javascript on the backend) I will die

3) Java

4) Ruby on Rails

5) PHP (Most widely used language in the backend)

 

We will discuss how exactly these tenologies work in other article.

 

Databases

 

Databases are the like storage containers (you say) where the application data will stored in either tabular format or document and text files etc..

We have many databases in the market that are language independent.

 

1) Oracle

2) MySql

3) PostgreSQL

4) MongoDB

5) MariaDB

 

Huuhh!! Finally you are likely to start a web development career, I believe

Pro tip:

Don't start learning every tecnology at the samev time, you might feel combursome and eventually you fails.

Start with basic... Build something.. Explore new thing...

Thank you for reading with patience..

Good Luck!!!