@TechWithJiri

Frontend Technologies Explained: A Simple Guide

Johnson Ajiri's photo
Johnson Ajiri
·

4 min read

Table Of Contents

  • Overview Into Frontend Technologies

  • Differences Between React and Vue

  • My Thoughts on React

  • Expectation For Hng

  • Conclusion

Overview Into Frontend Technologies

You might be wondering what frontend technologies mean and how strange they sound, let’s get into details.

Frontend Technologies are technologies used by developers to develop and build user interfaces of an application. Frontend technologies enable developers to create beautiful, interactive user interfaces. These tools are used to enhance scalability, interaction, and Flexibility and at the same time ensure the seamless building of the application.

Types of Frontend Technologies

Frontend Technologies are so numerous and here we are going to Highlight a few of them:

  • React:

React is an open-source Javascript library that helps create interactive friendly user interfaces. React can be used to develop Mobile applications, Server side and single-page applications.

  • Vue.js:

Vue is another open-source framework used to build progressive web and mobile applications.

  • Angular.js:

Angular.js is an open-source Javascript front-end framework for developing single-page web applications. Angular provides good maintenance, performance and testing.

  • Flutter:

Flutter is an Open Source used to create cross-platform applications. It is also used to create effective and flexible web designs.

  • Node Package Manager:

Npm is developed by JavaScript and is mostly used to install Node packages.

  • Bootstrap:

Bootstrap is used to create Interactive mobile, responsive websites and applications.

Note:

There are still many more but we should focus on these because they are more popular and in use.

How To Choose a Technology As a Beginner When Building a Project

This has to be one of the qualities that will make you stand out as a developer. Choosing the right tools is key to building your dream projects and landing jobs.

As a Beginner, When it comes to picking technologies, You have to do your due diligence by asking the right questions and doing lots of Research. Some Important questions to ask are:

  1. What type of Projects do You intend to build?

  2. What do You intend to achieve when building the project?

  3. What type of developer should you be?

  4. Most In-Demand Technologies Trends and Community Support

  5. Scalability and Project Size

Differences Between React and Vue

React

React is one of the most popular frontend libraries that enhances the creation of dynamic, interactive applications and Web pages. Using React will boost your application because it is fast, scalable and easy to learn. React has a type of mobile solution reserved for applications called React-Native. React is perfect for the creation of dynamic web and mobile applications to build Engaging UI.

One major feature that makes React quite interesting is that debugging is made easier and faster with React. You should also not forget that react is easier to maintain and render.

Lastly, React.js has a large community just in case you are trying to solve a problem, there are several resources to get you through.

Vue

Vue is another popular Frontend Framework that is used to create progressive web interfaces. Vue.js makes it easier for us to build single-page applications and dynamic user interfaces. It also creates web-based and hybrid mobile applications. Vue.js makes use of an HTML-based template syntax that allows you to link the displayed DOM to the data of the base element. All Vue.js templates are valid HTML that can be read by HTML analyzers and browsers.

Vue.js has one of the best docs HTML analyzers and browsers can read.

My Thoughts on React

React over time has proven to be one of the best libraries that javascript has produced. Once you can do HTML, CSS and vanilla Javascript, Learning React has got to be a piece of Cake because it automatically uses the same template. React serves multiple purposes depending on what you intend to build with it.

Using React has made building Beautiful Interactive Web pages and applications more flexible, readable and most importantly easy to Learn.

Expectations for Hng Internship

I have long been applying for HNG internships from 2021 till recently. Unfortunately, I don’t last even to the third week because of my lack of experience and commitment.

I believe that I can do it this time around with enough effort put together. I hope to expand my knowledge of React.js and other technologies that we will be working with. HNG Internship has ten stages: doing stage one to stage five individually and remaining with a team. I am optimistic that this time around, I will get to the last stage.

Being a developer is not just about solving problems, I hope to gain the leverage to work with different individuals to solve problems.

If you would be interested in enrolling for the next internship, You can check out their website to gain more information about the next program .https://hng.tech/internship, https://hng.tech/hire.

Conclusion

In this article, I highlighted everything you should expect when dealing with Frontend technologies.

#FrontEndTechnologiesReactVue.js