Skip to main content

Introduction

Namaste Developers,
Welcome to this introductory post, today I will be writing this post as an introduction to the technology stack we will be using in the development of our website.
A website mainly constitutes of three parts:
  • Front End
  • Back End
  • Database
Although Database is also a part of the back-end, we will keep it as a different component as it will be required for data storage, whereas back-end will contain logic.
Now, let us first describe all three components:

Front End 

This is the User Interface that opens in the browser. Front End defines the basic layout of your page. Languages we will use to create a Front End are
  • HTML
  • CSS
  • Angular
We will learn about all of them as we start to code. The IDE which we will be using is visual studio code. The front end will define how you will be presenting your website to the user.
The front end is very important as the user should be able to navigate through the pages without facing major difficulties, otherwise, the user might get frustrated and leave your website.
Therefore it is important to plan out your design way before implementation.
During real projects, tools like Adobe XD are used to create designs also known as wire frames which are then shown to the client. Only on the client's approval, we start implementing the User Interface.
Teaching how to create these wire frames is beyond the scope of these series of blogs, but you may search online and learn to design the User Interface before implementation.

Back End

The Backend is the code that is not visible to the user.
Backend services include operations such as performing CRUD operations on the database, calling other services, sending emails etc.
Backend code runs on a different server. For example, as soon as someone tries to submit a form from the User Interface, the form data is sent to the back-end where the data is saved or required operations are performed and the user is redirected to a different page.
For Backend, we will use
  • Java
  • Spring-boot
  • Rest API services
  • Hibernate

Database

The database is used for storing, fetching, deleting or updating data on user requests. We will be using mysql database for our website.

This is all for the introduction part. We will start with the first component which is the front end from our next blog.
Stay Home and Stay Safe...
Labels:

Comments

Post a Comment

Popular posts from this blog

My Quarantine "Efforts"

A true relationship is two imperfect people refusing to give up on each other. – Them This blog is on relationships and of course a bit of coding, otherwise it would be stupid to put it here anyways. My girlfriend and I have been having some issues lately regarding the term "Efforts". Now when I put it in front of any of my friends, They have the same reply "Efforts" and when asked what efforts are? … Nothing. I get a supposedly deep answer - Efforts come from within. What does that even mean?. So I tried some stuff to get a response from her. Well for some context we came in relationship on 28 february,2020 and guess when the lockdown started in India. Don't guess, you may as well google it. It was not even a month before the lockdown began and we flew back home. She lives more than 1500km from my state. But you know sometime you just meet the right person and you just know. We knew we had to fight this as we had so much left to say to each ot...
3 comments
Read more

Developing an app with react native and firebase - firestore - Part 1

Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. –John F. Woods Let's face it, we are two years into work from home, quarantined from the outside and this makes me wonder that how lucky I am as an engineer to be able to have so many domains open for me to work on, with which I could eventually make money, help others. In other words, it gives me the power to bring a change. I just can't think of a problem where technology cannot help. As soon as I find a problem in minutes my mind starts to work on how it can be solved technically. I think this development is what our college provides us with, to open our technical aspects. Today, I will be talking about react-native and firestore, making app development a little painless and fast. If we are looking to solve a simple everyday problem and want an app to do it for us, an app that is not very complex - react native is the way to go. So,...
Post a Comment
Read more

What The Hell Is gRPC?

Time is the longest distance between two places. ― Tennessee Williams  If you are a software engineer and you work on websites or any other software which is in high demand by your consumer, but you see that some parts of your application say the products page gets higher demand than any other services you provide at some point of time or let's say you want to loosely couple your application for your application to be developed more easily and flexibly.  These are a few use cases, there are many more. We are seeing a trend in the industry getting more aligned toward following microservices patterns while building the application. The When, Why, Where, and How parts of microservices can be easily found on the internet.  Here I want to talk more about some new technologies which have become an integral part when we talk about microservices. So this blog would be more fruitful for people who know the  When, Why, Where, and How  parts. Today, I will talk a...
Post a Comment
Read more