Codespace Wants Everyone to

Learn Front End Web development

The "front end languages" live in the browser. After you type in an address in the address bar at the top and hit Enter, your browser will receive at least an HTML file from the web server. That file will likely tell the browser to go and also ask for a CSS file and a Javascript file as well (probably many more than one, but we'll keep it simple).

Each of these languages performs a separate but very important function and they work harmoniously together to determine how the web page is STRUCTURED (HTML), how it LOOKS (CSS), and how it FUNCTIONS (Javascript). And keep in mind that your browser handles figuring out how to make these files into a functioning webpage (not the server).

Front end web development is NOT design (you won't be playing around in Photoshop or anything), but a front end developer does apply the work of designers to the webpage by translating their well-designed layouts into real code. The front end developer stands between the designer on one end and the back end developer on the other, translating the design into code and plugging the data from the back end developer into the right spots. He or she must also handle all the possible interactions that the user may need to make with the page.

On the front end, you will need to be highly conscious of who your user is and how they will be interacting with your webpage because you are building their gateway to your page or product. This may mean gaining a strong understanding of accessibility and things like responsive development down the line... but first you need to build up your toolkit and pick up the fundamentals of the frontend languages.

In the following lessons, you'll get a healthy understanding of each of the three frontend languages (and jQuery, the most popular Javascript library). To get warmed up, we'll just start at the high level.

Points to Ponder

Look through these now and then use them to test yourself after doing the assignment

  • What is the role of HTML in a web page?
  • What is the role of CSS in a web page?
  • What is the role of Javascript in a web page?

Additional Resources

This section contains helpful links to other content. It isn't required, so consider it supplemental for if you need to dive deeper into something

Source: www.theodinproject.com
RELATED VIDEO
Front-End Web Development Part 6
Front-End Web Development Part 6
Steer - Front End Web Development
Steer - Front End Web Development
Front-End Web Development Part 5
Front-End Web Development Part 5
RELATED FACTS
Share this Post

Related posts

Choosing BI Solution: Tibco Spotfire or Tableau?

Choosing BI Solution: Tibco Spotfire or Tableau?

OCTOBER 23, 2017

Recently Business Intelligence (BI) is gaining increasing importance among successful companies. Business Intelligence allows…

Read More
Front-end Web development tutorials

Front-end Web development tutorials

OCTOBER 23, 2017

The data is stored with the browser s buil-in localStorage mechanism, which is exposed as a JavaScript API, as explained…

Read More