Skip to content

Commit

Permalink
Generalize What is Be-FE-SE
Browse files Browse the repository at this point in the history
  • Loading branch information
memcmahon authored May 14, 2024
1 parent 99f8b0c commit d902f19
Showing 1 changed file with 11 additions and 10 deletions.
21 changes: 11 additions & 10 deletions try-coding-fe/what-is-fe-be/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ layout: lesson

- [Welcome and Introductions](../)

# What is Front End and Back End Engineering?
# What is Web Development?

## How Does the Internet Even Work?

Expand All @@ -19,26 +19,26 @@ Here is a simplified diagram of the client-server model:
<small>Source: Mozilla.org</small>
<br>

When a User enters in a website name (web address), a request is made to the Server for that company. That server stores all the data for that company and will return the data which was requested. The Client (browser), will then display that data and allow the user to view and interact with the requested data.
When a User enters in a website name (web address), a request is made to the Server for that company. That server stores all the data for that company and will return the data which was requested. The Client (browser), will then display that data and allow the user to view and interact with the requested data.

## What is the Front End?

The **Front End** is the part of the application that users see, touch, and interact with.

When we're talking about web development, the Front End is the part of the code base that takes care of rendering the user interface in the web browser.

The Front End will prompt users in various ways to collect information which can be used to customize the user's experience within an application.
The Front End will prompt users in various ways to collect information which can be used to customize the user's experience within an application.

## What technologies are used on the Front End?

The three main technologies used on the Front End are:

The three main technologies used by Front End Engineers are:
- CSS (styling of the webpage)
- HTML
- JavaScript

Other frameworks are build on top of JavaScript such as React, Vue, or Angular.


## What is the Back End?

Back End engineering is concerned with managing and manipulating ​data​ (aka information).
Expand All @@ -50,28 +50,29 @@ When we talk about Back End engineering, we're often thinking of the programming
- Manipulating, analyzing, and/or calculating data
- Making sure data can be retrieved quickly and easily


## What technologies are used on the Back End?

There are numerous technologies that can be used for Back End programming. Here are a few of them:
There are numerous technologies that can be used by Back End Engineers. Here are a few of them:

- **Languages and frameworks**: Ruby/Rails, Python/Django, Elixir/Phoenix, Java/Spring, and more.
- **Databases**: PostgreSQL, MySQL, Oracle Database, MongoDB, etc.

## Both Front End and Back End work with a lot of data and logic.

Most of the work you will do as a developer is data manipulation.
Most of the work you will do as a developer is data manipulation.

- How will you get the data?
- What parts of it will you use?
- What parts of it will you use?
- Do you need to reformat any of the data?
- How will you display the data to the user?
- What does this data mean?

Both Front End and Back End deal with taking in data (input), and then giving back or _returning_ new data based on that input. Today we're going to look at how we might work with some of this data in both Ruby, our Back End language, and JavaScript, our Front End language.
Both Front End and Back End deal with taking in data (input), and then giving back or *returning* new data based on that input. Today we're going to look at how we might work with some of this data in both Ruby, our Back End language, and JavaScript, our Front End language.

### Interested in learning more about FE vs BE?

:arrow_right: Come to a **What is Front End, Back End, and Full Stack Development? workshop**! You can see a list of upcoming events <a target="blank" href="https://www.eventbrite.com/o/turing-school-of-software-design-9895674202">here</a>!
:arrow_right: Come to a **What is Front End, Back End, and Full Stack Development? workshop**! You can see a list of upcoming events <a target="blank" href="https://www.eventbrite.com/o/turing-school-of-software-design-9895674202">here</a>!

## Up Next

Expand Down

0 comments on commit d902f19

Please sign in to comment.