DEV Community

CadenCGS
CadenCGS

Posted on • Updated on

Full-Stack Web Developer Scavenger Hunt

Introduction

Web Development is everywhere. Every website of this new and advancing age is built on lines and lines of code, including this website that you're sitting here reading from this very moment. Some of you may even be Web Developers yourselves. What does it take to have a career in Full-Stack Web Development?

Skills

Basic Web Development Skills

Basic Web Development skills ensure you have a solid grasp on the layout and creation of web pages. By having basic web development skills, you can create a solid base to any website.

Some of the skills had by Basic Web Developers are:

Putting a Website Online

Putting a website online is the most basic way to get your work out to the public. Once you know how to get your website out there everyone will be able to see and use your website, and from then on you can improve your skill more and more.

Alt Text

Terminal Usage

Knowing how to use the terminal in Web Development makes worlds of a difference. By using the terminal you can speak directly with the computer to execute commands, and help yourself be a more efficient developer.

Alt Text

Git/Github

By using Git/Github, you have the ease of access in saving, downloading, opening, and editing your code from anywhere. You will be able to access your code anywhere not just from your home computer. Not only this, but Git/Github tracks and logs your changes, or commits as they are called, so you can see what was changed or return to an earlier version later in time.

Alt Text

RESTful Web Services

RESTful Web Services are essential in the path top becoming a Web Developer. RESTful Web Services ensure that you content is available and compatible throughout all different sorts of devices from computer screen to phones.

Alt Text

Front End Development Skills

Front End Development Skills help developers be able to make not only neat looking websites but ones that are user friendly. By having a clean, neat and user friendly website, people will not only enjoy your website but will most likely come back to use it again.

Front End Developers tend to have the most skills or the most divisions of skills between the three categories. Between Designing, Front End Engineering, and JavaScript, Front End Development can seem the most tedious.

The skills usually required for Designing are:

Adobe Photoshop, Adobe Sketch, and Adobe Illustrator

By using programs such as Adobe Photoshop, Sketch, and Illustrator, you can edit any images you may already and make images fit more cleanly and nicely into your website. You can also create any images you may need for your website.

Alt Text

Bootstrap

Bootstrap helps developers not only import interactive components to their website, but components that are adaptable between all different types of platforms. These different platforms include monitors, computer screens, iPads, and mobile devices. Bootstrap is one of the most important steps in achieving RESTful Web Services.

Alt Text

Responsive Designs with CSS

By creating a website with a responsive CSS layout, you can create a website that works well with people, and one that is easy to use. Having a responsive CSS layout is one of the most important steps to having a User Friendly website.

Alt Text

The skills usually required for Front End Engineering are:

HTML5

HTML5 is the base of all websites, it is the basic structure that make sup every website. You can think of it as the rebar that the concrete goes over in a building. What's hold that concrete in play is that rebar that is set in place before the concrete is poured.

Alt Text

CSS3

CSS is the touch-up on the HTML to every website. Referring to the example given in the last point, the CSS pf a website would be referred to the concrete that covers the rebar. The concrete can be shaped in any way just as CSS is very customizable and can make a website look almost any way the developer pleases.

Alt Text

The skills usually required for JavaScript are:

Vue.js

Vue.js is an open-source .js tool that specializes in the ease of creating user friendly websites, and single page applications. It is commonly used because of its easy learnability and lightweight usage.

Alt Text

React.js

React.js is an open-source tool that specializes in the ease of creating user friendly UI components. React.js is a front end tool, sine it focuses of what is seen rather than unseen function. React.js is mainly used in single page applications and mobile website development.

Alt Text

Angular.js

Angular.js is a tool used by many big tech companies such as Google. It works similar to bootstrap in that it lets you import components to minimize the amount of code used on each web page, helping it run more efficiently.

Alt Text

JQuery

JQuery specializes in creates an ease of DOM Manipulation. This open-source tool helps web pages become adaptable between devices. By doing this, it can be compared to bootstrap. however, JQuery adapts already present elements, while bootstrap imports the entirety of an adaptable element.

Alt Text

Back End Development Skills

Back End Developers Skills tie the basic web development skills and the front end development skill together is to one perfect website. Back End Developers focus of the functionality of the website. You could have a the best looking website on the internet but if it doesn't work what's the point. The Skills of a Back End Web Developer can be split into two sections: Back End Engineering and Databases.

The skills usually required for Back End Engineering Include:

Node.js

Node.js is an open-source back end development tool that lets you execute code outside of the actual files of the web page. It is most commonly used to work with API's and such on web pages. It is also commonly seen through the use of bots, such as automated bots on an application called Discord

Alt Text

Express.js

Express.js is similar to Node.js in that it works to create API's and integrative web pages. It is known as the "de facto standard framework" for Node.js.

Alt Text

The skills usually required for Databases Include:

MongoDB

MongoDB is classified as a nonSQL database, meaning it has the ability to both store and retrieve data from a database. MongoDB functions off of JSON-like douments.

Alt Text

PostgreSQL

PostgreSQL is a tool that is most commonly used to manage databases and its data. However, because it is SQL based, it is not able to store and retrieve data, only manage it inside the database.

Alt Text

Jobs

  • Front End Web Developer
  • Back End Web Developer
  • Network Security Administrator
  • Software Engineer
  • Wireless Network Engineer
  • Full-Stack Web Developer
  • Mobile Web Developer

These are some examples of very popular jobs in the web development career field. Web Development is a very desired job at the time, and because so little people actually know how to code, those who can tend to have ease in getting started in this field.

Work Types

  • Entrepreneurship
  • Startups
  • Freelance
  • Big Tech Companies
  • Ad Agencies
  • Remote Work

Top comments (0)