Front-end Vs Back-end
Tags: javascript, python, programming, beginners
Published: 2021-07-26 11:19:58

# FRONT-END DEVELOPER
<h2>What is Frontend ?</h2>
<p>Front-end web development, also known as client-side development is the practice of producing HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly. The challenge associated with front end development is that the tools and techniques used to create the front end of a website change constantly and so the developer needs to constantly be aware of how the field is developing.</p>

<p><b>Salary - </b> $100,000</p>
<h2>Languages :</h2>

- HTML
- CSS
- Javascript
- React


![react-banner-mobile.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1625020551472/aLqvRgsY7.jpeg)
<p><b>HTML :</b>HTML stands for Hypertext Markup Language. It is used to design the front-end portion of web pages using a markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages. The markup language is used to define the text documentation within the tag which defines the structure of web pages.</p>
<p><b>CSS :</b> Cascading Style Sheets fondly referred to as CSS is a simply designed language intended to simplify the process of making web pages presentable. CSS allows you to apply styles to web pages. More importantly, CSS enables you to do this independent of the HTML that makes up each web page.</p>
<p><b>JavaScript :</b> JavaScript is a famous scripting language used to create magic on the sites to make the site interactive for the user. It is used to enhancing the functionality of a website to running cool games and web-based software.</p> 
<p><b>React.js : </b>React is a declarative, efficient, and flexible JavaScript library for building user interfaces. ReactJS is an open-source, component-based front-end library responsible only for the view layer of the application. It is maintained by Facebook. 
Bootstrap: Bootstrap is a free and open-source tool collection for creating responsive websites and web applications. It is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.</p>
<h2>Career</h2>
<p>1. Great for beginners</p>
<p>2. Not a lot of experience required</p>
<p>3. Tons of job opportunity</p>
<h2>Soft Skills</h2>
<p>- Creativity</p>
<p>- Design</p>
<p>- Organization</p>
<h2>The role of a frontend developer :</h2>
<p>Everything a user sees, clicks, or uses to input or retrieve information on a website is the work of a front-end developer. Typically the roles of frontend developer are :</p>
<p>- Prioritizing user experience</p>
<p>- Bringing a concept to life with HTML, CSS, and JavaScript</p>
<p>- Monitor app performance, watch for traffic drops related to site usability problems and rectify any issues</p>
<p>- Production and maintenance of websites and web application user interfaces</p>
<p>- Design new features, or maintain old features</p>
<p>- Collaborate with back-end developers and web designers to improve usability</p>

![hire-frontend-developers.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1625021440790/adxk-5Ulp.png)
#  BACK-END DEVELOPER
<h2>What is Backend ?</h2>
<p>Backend is the server-side of the website. It stores and arranges data, and also makes sure everything on the client-side of the website works fine. It is the part of the website that you cannot see and interact with. It is the portion of software that does not come in direct contact with the users. The parts and characteristics developed by backend designers are indirectly accessed by users through a front-end application. Activities, like writing APIs, creating libraries, and working with system components without user interfaces or even systems of scientific programming, are also included in the backend. </p>
<p><b>Salary - </b> $150,000</p>
<h2>Languages :</h2>

- Python
- Node.js
- PHP
- C++
- Java
- JavaScript

![png-transparent-web-development-c-java-python-technology-electronics-text-computer.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1625035817775/_m2zAMSra.png)
<p><b>Python :</b>Python is a programming language that lets you work quickly and integrate systems more efficiently.</p>
<p><b>Node.js :</b>Node.js is an open-source and cross-platform runtime environment for executing JavaScript code outside a browser. You need to remember that NodeJS is not a framework, and it’s not a programming language. Most people are confused and understand it’s a framework or a programming language. We often use Node.js for building back-end services like APIs like Web App or Mobile App. It’s used in production by large companies such as Paypal, Uber, Netflix, Wallmart, and so on.</p>
<p><b>PHP :</b>PHP is a server-side scripting language designed specifically for web development. Since PHP code executed on the server-side, so it is called a server-side scripting language.</p>
<p><b>C++ :</b>It is a general-purpose programming language and widely used nowadays for competitive programming. It is also used as a backend language.</p>
<p><b>Java :</b>Java is one of the most popular and widely used programming languages and platforms. It is highly scalable. Java components are easily available.</p>
<p><b>JavaScript :</b>JavaScript can be used as both (front end and back end) programming languages.</p>
<h2>Career</h2>
<p>1. Great after learning Frontend</p>
<p>2. Requires a lot of experience</p>
<p>3. Barely any entry level of jobs</p>
<h2>Soft Skills</h2>
<p>- Logic</p>
<p>- Analytics</p>
<p>- Problem Solving</p>
<h2>Back-end Developer Responsibilities :</h2>
<p>- Compile and analyze data, processes, and codes to troubleshoot problems and identify areas for improvement.</p>
<p>- Collaborating with the front-end developers and other team members to establish objectives and design more functional, cohesive codes to enhance the user experience.</p>
<p>- Developing ideas for new programs, products, or features by monitoring industry developments and trends.</p>
<p>- Recording data and reporting it to proper parties, such as clients or leadership.</p>
<p>- Participating in continuing education and training to remain current on best practices, learn new programming languages, and better assist other team members.</p>
<p>- Taking lead on projects, as needed.</p>
<h2> Difference between Frontend and Backend :</h2>

![Front-End-and-Back-End.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1625036998575/g0VY2YtQa.png)
<p> Frontend and backend development are quite different from each other, but still, they are two aspects of the same situation. The frontend is what users see and interact with and the backend is how everything works. </p>
- The frontend is the part of the website users can see and interact with such as the graphical user interface (GUI) and the command line including the design, navigating menus, texts, images, videos, etc. Backend, on the contrary, is the part of the website users cannot see and interact with.
- The visual aspects of the website that can be seen and experienced by users are frontend. On the other hand, everything that happens in the background can be attributed to the backend.
- Languages used for the front end are HTML, CSS, JavaScript while those used for the backend include Java, Ruby, Python, .Net .
<p><b>Which one you will learn comment down👇</b></p>
<p>Thanks for reading this</p>
<p>You can contact via mail id  "nandakouluruemail@gmail.com"</p>