Skip to main contentThe Restricted SectionAI Notes & Study Guides

Vol. 20204 min read

Intro to Modern Web Development

Overview of contemporary web development practices and technologies: component models, build tools, deployment pipelines.

First published on Medium (opens in new tab), 7 May 2020.

Cover image for Intro to Modern Web Development
Contents
  1. Web development nowadays is in huge demand. Increasing building-up in technology and gadgets decreases a lot of effort and hardworking. Web Development is the work involved in developing sites for the internet using various tools, ranging from a simple website to a complex website.
Source: https://images.app.goo.gl/zSnfccMMLBSxnMFp6

The above graph represents the number of website creation from the year 2000 to 2017, as it shows it keeps on increasing with new ideas and innovation of every site like YouTube, Paytm, Instagram, Google e.t.c is the most used website and the app nowadays.

Features of web development: -

  • Clear and user-friendly navigation
  • Offers fresh content
  • Filled with new ideas
  • Unique from others
  • Secured
  • Information accessible

Most famous and used websites are shown in this graph: —

Source: https://tinyurl.com/y8qqg9hq

As shown, the google.com search engine mostly used by people all over the world.

Creation of a website involves three types of web developer specialization: front-end web developer, back-end web developer, full-stack web developer.

Front-end web development

It is also known as client-side development.it involves using HTML, CSS, Javascript, bootstrap, and lot more for developing the front end of the website. The main objective of this front end development is to make it easy for a user to interact and use.

Source: https://images.app.goo.gl/vRmqSR9kK5VcrUj87

Back-end web development

It is also known as server-side development.it involves coding implementation hidden from the outside world for security purpose.it is used to provide the functionality to the web page.it also use databases like MongoDB, SQL, Postgresql many tools are used in developing the back-end of the website like Node.js, Django, flask, python, ruby on rails e.t.c.understanding of front-end is must for developing back-end.

Source: https://images.app.goo.gl/vRmqSR9kK5VcrUj87

Full-stack web development

It is a combination of both front-end and back-end web developers. those people who can develop software and website for both client and server are known as a full-stack web developer. main advantages of a full stack web developer are to switch between front-end and back-end based on requirements.

Source: https://images.app.goo.gl/Eb9LSF1NhStHjMKP9

Tools to start developing the front-end website

HTML (Hypertext Markup Language)

It is standard markup language used to design web pages displayed in web browser.html is written in form of basic tags like heading tag(<h1> to <h6>), paragraph tag(p),table tag(<table>),form tag(<form>) e.t.c as shown below

Source:https://images.app.goo.gl/RpTNiyh73bXm3JrQ6

CSS (Cascading Style Sheet)

It is the language which defines the style of an HTML document and used for designing purpose. It enhances the presentation of the webpage used in better interaction with the user.it includes layout, colours, styling, fonts. The script tag is used to define CSS in HTML file

Source: https://images.app.goo.gl/xj3YM8coXDEYC4cF6

JS (Javascript)

It is just-in-time compiled programming language well-known to provide the functionality to the content of a webpage. It allows users to create dynamically updating content, control multimedia e.t.c

Source: Google

There are many other libraries/framework to use in front-end like Angular, Vue, React, Ember and more to better manage the codebase.

Tools to Start Developing the Back-End

Node + Express

It is a server-side scripting language used to produce dynamic webpage content before the content is sent to web browser.js in node.js represents javascript code. It allows the creation of web server and networking tools using javascript and other modules like nodemon-npm, express, e.t.c.

Django

It is an open-source python based web framework used for rapid- development and clean design.it is used to program logic to implement fastly and efficiently.it helps a developer to avoid common mistakes.

You may use a flask for the smaller version of Django apps.

Conclusion:

Hopefully, this article about web development clears your imagination about website creation and also encourages you to learn more about web development.

Thank you so much for reading this, also share this article.

Feel free to connect:

LinkedIN ~ https://www.linkedin.com/in/priyanshsinghal/
Instagram ~ https://www.instagram.com/18_priyansh/
Github ~ https://github.com/priyansh18

Follow for more…

Cheers.

Intro to Modern Web Development was originally published in Javarevisited on Medium, where people are continuing the conversation by highlighting and responding to this story.