DEV Community

Cover image for Full Stack Web Development: The Big Picture
Olubisi Idris Ayinde💡
Olubisi Idris Ayinde💡

Posted on

Full Stack Web Development: The Big Picture

DID YOU KNOW?

In Stack Overflow’s 2018 survey, 48.2 percent of developers identified as full-stack developers, compared to 57.9 percent for backend and 37.8 percent for front-end.

In this article, I will tell you more about full-stack web development, what makes a developer full-stack and I hope you will enjoy it 😊

What is Full-stack Development?

This refers to the development of both front end(client-side) and back end(server-side) portions of web applications including DevOps.

Who is a Full-stack web developer?

A Full-stack web developer is a developer or an engineer who works with both the frontend and backend of a software application i.e they can tackle projects that involve databases, building user-facing websites, or even work with clients during the planning phase of projects confidently.

Let's get down to bussiness

I mentioned frontend(client-side) and backend(server-side) earlier, well you need to know what that entails. 👇👇👇👇👇👇

What is a Frontend Development(client-side)?

This skill set involves the actual presentation of your website and how the information on your website is laid out in browsers and mobile devices.

A front-end developer must have experience working with HTML and CSS as well as the scripting language, JavaScript on the client-side.

The goal of a frontend developer is to provide an interactive platform where visitors can interact seamlessly, a platform that provides and receive information. Additional skillsets of a front-end developer could include user experience design and user interface design, skills that help a team evaluate the best methods of displaying and collecting information.

Client Software(FrontEnd)

HTML, CSS, Bootstrap, JavaScript, ES5, HTML DOM, JSON, XML, jQuery, Angular, React, Vue, Backbone.js, Ember.js, Redux, Storybook, GraphQL, Meteor.js, Grunt, Gulp etc.

Alt text of imageimage credit

What is a Backend Development(server-side)?

What is Backend

It refers to the server-side development of a web application with a primary focus on how the website works. It is responsible for the Creation, edit/update, and recollection of data and some of the processes that are most often associated with back-end development.

A typical software application mainly consists of three parts front end, back end, and database.

Server Side Software(BackEnd)

PHP, ASP, C++, C#, Java, Python, Node.js, Express.js, Ruby, REST, GO, SQL, MongoDB, Firebase, Sass, Less, PaaS (AWS, GCP, Azure, and Heroku), etc.

Backend image
Image credit

FrontEnd vs BackEnd vs Fullstack

Backend image

I hope you now understand what full-stack development entails 😉

Now the picture 👇👇👇

FULL STACK: THE BIG PICTURE

Full stack image
Image credit

Popular Stacks:

MEAN Stack: MongoDB, Express, AngularJS, and Node.js.
MERN Stack: MongoDB, Express, ReactJS, and Node.js
Django Stack: Django, Python, and MySQL as Database.
Rails or Ruby on Rails: Uses Ruby, PHP, and MySQL.
LAMP Stack: Linux, Apache, MySQL, and PHP.

How would you feel if internet explorer do this to you as a developer? Kindly let me know in the comment section 😊😊

Alt text of image

Finally: I hope you find this useful! Don't forget to give a thumbs up.

you can also reach out to me on Twitter.

Thank you 🎉

Discussion (2)

Collapse
peibolsang profile image
Pablo Bermejo • Edited on

Nice article, thanks for publishing this out. I would agree with you, but lately, my mind changed and I actually disagree with the term full-stack: we can't naively think that someone can be good at HTML, CSS AND, say for example, Java for the backend. They are 2 separate worlds taking care of separate things.

I have written about this also: dev.to/peibolsang/the-client-is-no...

Collapse
olanetsoft profile image
Olubisi Idris Ayinde💡 Author

Oh yes you are right but stackoverflow's report shows we have fullstack developers in the tech world 🌎.