Full Stack Web Development Intro

Full Stack Web Development Intro

·

2 min read

Topics

Frontend:-

  • HTML: HTML stands for Hyper Text Markup Language, used to create the structure of a web page, like a blueprint of a web application.

  • CSS: CSS stands for Cascading Style Sheets. It is used to apply styles to an HTML page or web page, such as text color, borders, etc.

  • Bootstrap: Bootstrap is a framework, and it has pre-defined built-in code.

  • JavaScript: JavaScript is a programming language that allows developers to create interactive web pages by writing functions and validation code.

  • ReactJS: ReactJS is an advanced framework of JavaScript. It is a library where we can import and export code.

Backend

  • JavaProgramming: Java is an object-oriented language that gives a clear structure to programs and allows code to be reused, lowering development costs.

  • Spring Boot: Spring Boot makes it easy to create stand-alone, production-grade Spring-based applications that you can "just run."

  • NodeJS: NodeJS allows us to run JavaScript code outside of a web browser and acts as a mediator between the frontend/UI and the database.

  • MySQL: MySQL is a relational database management system (RDBMS) that stores and manages data in UI.

How many types of WebSite applications are there?

  • There are 2 types of Website applications:

    • Desktop application

    • Web Page application

Desktop application:

  • Applications that are installed and used on our desktop are called desktop applications. Eg: WhatsApp…

  • It is accessed on only a single device.

  • Occupy some of the space in the hardware.

  • Runs applications slowly and hangs the device.

  • This desktop application does not need an internet connection.

Web Page application:

  • The Web Page application does not need to be install application and can be accessed directly through the browser and used. Eg:- http://whatsapp.com.

  • It is accessed on multiple devices.

  • Doesn't occupy any space in the hardware.

  • Runs applications faster than desktop applications.

  • This web page application needs an internet connection.

What is frontend

  • In the screen, what we are going to display on the browser is nothing but the user-interface, which we create using HTML, CSS, JavaScript, and ReactJS.

What is backend

  • By connecting the user-interface to the database through APIs, this is done in Node.js Eg:- OTP, email verification, and more.

  • The data that we enter in the UI will be stored in the database. Eg: Login details and more will be stored in the database.


Happy Learning

Thanks For Reading! :)

-SriParthu💝💥