What is a Frontend and a Backend? Basics of web development to clear your doubts

So you wanna be a full stack web developer but are confused with simple topics like a Frontend or a Backend. Stick around this article, and I’ll guide you on how you can start with web development.

Before we start, you may wanna join my Discord if you…


This content originally appeared on DEV Community and was authored by Kunal Bagaria

So you wanna be a full stack web developer but are confused with simple topics like a Frontend or a Backend. Stick around this article, and I'll guide you on how you can start with web development.

Before we start, you may wanna join my Discord if you have any doubts or just want to hang out: Invite Link

Let's start with Frontend. The Frontend is basically the visual content that is rendered when you open a website. The browser renders that using HTML, CSS and JavaScript.

You can make a Frontend either in fully Vanilla JavaScript, or you can use a JavaScript framework like React.js or Vue.js. Larger web applications typically use frameworks like these to make workflows easier.

You might be asking, wait a minute, how is the content dynamic in websites? Those topics are better covered in web networking, but in a nutshell, the Frontend uses network requests from your server (which is the Backend) to display dynamic data onto the website.

And this is a nice segue to the Backend, the backbone of web applications. The Backend handles everything from user authentication to handling user data.

You can make a Backend with a Backend framework like Django, Ruby on Rails, Laravel, Express.js, etc.

A Backend is deployed on a server, you can use cloud services like AWS, GCloud, DigitalOcean, Azure, etc for this.

So how does the Backend store data? A Backend interacts with a database that stores all the data. You can use databases like Postgresql, MongoDB, etc.

So, onto the final question, where do I start?

For the Frontend, you MUST learn HTML, CSS and JavaScript to build dynamic websites. And then comes the option of frameworks, you may choose any one of them, React.js and Vue.js are the most widely used ones in this industry.

For the Backend, if you have already learnt JavaScript and don't want to learn another language, I recommend you use Express.js. Otherwise if you're familiar with multiple languages or just want to learn Backend development, you may learn Django or Ruby on Rails. Those are the best options for beginners.

Hit the like and follow button if you liked this article, I'll see you in the next one.


This content originally appeared on DEV Community and was authored by Kunal Bagaria


Print Share Comment Cite Upload Translate Updates
APA

Kunal Bagaria | Sciencx (2021-08-21T15:54:01+00:00) What is a Frontend and a Backend? Basics of web development to clear your doubts. Retrieved from https://www.scien.cx/2021/08/21/what-is-a-frontend-and-a-backend-basics-of-web-development-to-clear-your-doubts/

MLA
" » What is a Frontend and a Backend? Basics of web development to clear your doubts." Kunal Bagaria | Sciencx - Saturday August 21, 2021, https://www.scien.cx/2021/08/21/what-is-a-frontend-and-a-backend-basics-of-web-development-to-clear-your-doubts/
HARVARD
Kunal Bagaria | Sciencx Saturday August 21, 2021 » What is a Frontend and a Backend? Basics of web development to clear your doubts., viewed ,<https://www.scien.cx/2021/08/21/what-is-a-frontend-and-a-backend-basics-of-web-development-to-clear-your-doubts/>
VANCOUVER
Kunal Bagaria | Sciencx - » What is a Frontend and a Backend? Basics of web development to clear your doubts. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/21/what-is-a-frontend-and-a-backend-basics-of-web-development-to-clear-your-doubts/
CHICAGO
" » What is a Frontend and a Backend? Basics of web development to clear your doubts." Kunal Bagaria | Sciencx - Accessed . https://www.scien.cx/2021/08/21/what-is-a-frontend-and-a-backend-basics-of-web-development-to-clear-your-doubts/
IEEE
" » What is a Frontend and a Backend? Basics of web development to clear your doubts." Kunal Bagaria | Sciencx [Online]. Available: https://www.scien.cx/2021/08/21/what-is-a-frontend-and-a-backend-basics-of-web-development-to-clear-your-doubts/. [Accessed: ]
rf:citation
» What is a Frontend and a Backend? Basics of web development to clear your doubts | Kunal Bagaria | Sciencx | https://www.scien.cx/2021/08/21/what-is-a-frontend-and-a-backend-basics-of-web-development-to-clear-your-doubts/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.