Want to learn Web Development?

Ananyavishnoi
4 min readJun 5, 2021

Hey Everyone! Hope you are well. Everything is changing very fast with us. In such a situation, we need to keep an eye on every change. And all these changes are easily seen in technology trends.

“Let us take you into a deeper experience, make a moment a lasting conveyable knowledge.”

WEB DEVELOPMENT?

Firstly, you have to know what is web development?
WEB- is kinda related to websites and DEVELOPMENT - growing. Yeah! your guess is correct. Web dev is the work that involved developing websites.

Why WEB? What is the need for this tech? Does anyone think about this?
Websites are the basic necessity of people to get knowledge of any topic. How? This is because we have too much information on the internet and we want some platforms where we stored that information. That’s why we need websites. Websites can help you in many different ways.

Importance of Websites

With 93% of business decisions starting with the search engines search that means if you don’t have a website, you are only selling to 7% of your market. That is right, you are reducing your business by 93%. This is the way you all know the importance of websites to us.

People who want to learn WEB DEVELOPMENT

Where they have to start?

Fear not! I’ve lined up this great knowledge about web dev.

Web Development has two Development sections:-

  1. Front-end Development
  2. Back-end Development

What is Front-end Development?

Front-end — what you will see. Front-end is the practice of converting data to a graphical interface through the use of some languages. These are:-

  1. HTML
  2. CSS
  3. JAVASCRIPT

What is HTML?

HTML is Hypertext Markup Language. Now, what is Hypertext? Don’t worry!! Read more you will know something interesting afterward. Hypertext is the text displayed on a computer display or other electronic devices with references to other text that the reader can immediately access. Hypertext documents are interconnected by hyperlinks, which are typically activated by screen touch, keypress, or mouse click.

HTML is the Building block of Web Development.

First, you can start with this language. For more understanding, we will take an example then, it will be crystal clear to you all. There is a company that builds the car models, the structure of the car which is provided by the company, this is the working of HTML. The structure of the car is HTML.

What is CSS?

CSS is Cascading Style Sheet. This is the style sheet language used for describing the presentation of a document written in a markup language such as HTML. We are using CSS for styling the web pages. For more understanding about CSS let’s continue with the above example, When the structure of the car is ready then we have to build some design or coloring of that model. Then, we’ll use CSS for the styling of the car. I hope that is clear to everyone.

What is Javascript?

Javascript is a text-based programming language used both on the Client-server or Server-side that allows you to make web pages interactive. Where HTML and CSS are the languages that give the structure and styling to web pages. Now, Javascript gives interactive web pages with different elements that engage a user. Again continue with the above example for knowing the working of Javascript, when the styling is done then, we want some responsive features from that car. How is it working? How it moves forward and backward, then we’ll use the javascript as like the brain of the human. I hope after this much reading you know the front-end of Web Development.

Our Front-end part is almost over but we have something new to give more styling and features to our web page. That is a framework for making it more interactive.

Web Framework

It is a software framework that is designed to support the development of web applications including web services, web resources, and web APIs. Web Framework provides a standard way to build and deploy a web application on the world wide web. Here, we have two types of frameworks:

  1. Client-side Framework
  2. Server-side Framework

What is Client-side Framework?

The client-side framework is usually a JavaScript library and runs in a Web browser, such as React, Angular, and Vue. … These libraries are frameworks in that they build higher-level APIs for client-side programming on top of the standard and proprietary APIs that web browsers offer. Here, we have some Client-side frameworks:-

  1. Ember Framework
  2. Vue.js Framework
  3. Angular Framework
  4. Flutter Framework

What are Server-side Frameworks?

A server-side framework typically uses a programming language with a compiler and runs on a Web server, such as Node, PHP, and ASP.NET. … These libraries are frameworks in that they build higher-level APIs for client-side programming on top of the standard and proprietary APIs that web browsers offer. Here we have some Server-side Framework:-

  1. Ruby on Rails
  2. Express JS
  3. Laravel Framework
  4. Spring Framework
  5. Django Framework

Now, we discuss the Back-end of the Web Dev.

What is Back-end Development?

Back-end Development refers to server-side development. It focuses on databases, scripting, website architecture. It contains behind-the-scene activities that occur when performing any action on a website. It can be an account login or making a purchase from an online store. Code written by back-end developers helps browsers to communicate with database information.

The back end of a website consists of a server, an application, and a database. A back-end developer builds and maintains the technology that powers those components which, together, enable the user-facing side of the website to even exist in the first place. Back-end languages are:-

  1. Java
  2. Python
  3. Ruby
  4. .Net

These all are languages of Web Development. Newbies get the ideas to read this article on how you can start the web dev.

“A successful website does three things:
It attracts the right kinds of visitors.
Guides them to the main services or product you offer.
Collect Contact details for the future ongoing relations.”

— Ananya Vishnoi

--

--

Ananyavishnoi

Software Developer || Web Developer || UI/UX Designer || Freelancer