Intro to Front end Flashcards
What is Front End development
Mix of PROGRAMMING and LAYOUT that powers the VISUALS and INTERACTIONS of the web.
If a website were a house, front end development would be
The exterior and/or the host
If the website were a car, what would the front and back end be?
Front end would be the interior of the car
Back end would be the engine and such.,
Role of HTML
Markup language. Sets text types.
a markup language is a system for annotating a document in a way that is visually distinguishable from the content. It is used only to format the text, so that when the document is processed for display, the markup language does not appear.
Role of CSS
Controls formatting and structure, colour and style of the page
Role of JS
Allow APPLICATIONS and CODE to be written for the page.
Why use - and lower case for filenames?
- for filenames. The google search engine treats the hyphen - as a word separator but does not for the underscore _.
Different things treat spaces and capitals differently. So use all lower case and -.
Basic structure of website folder
index.html: This file will generally contain your homepage content, that is, the text and images that people see when they first go to your site. Using your text editor, create a new file called index.html and save it just inside your test-site folder.
images folder: This folder will contain all the images that you use on your site. Create a folder called images, inside your test-site folder.
styles folder: This folder will contain the CSS code used to style your content (for example, setting text and background colors). Create a folder called styles, inside your test-site folder.
scripts folder: This folder will contain all the JavaScript code used to add interactive functionality to your site (e.g. buttons that load data when clicked). Create a folder called scripts, inside your test-site folder.
