Logistics

Thur 9.15am - 1pm

MF124/125

100% Coursework

Module Targets

• Design interactive web-sites

• Develop web applications using scripting languages

• Implement and create web-sites using industry standard tools

Coursework

Coursework 1

1. Group Assignment

40% of Module

Teams of 4

Submit by Tue 10th Nov (Week 7)

Virtual Shopping Center

>Team of 4:

Build Tourist Region Website [15%]

>Individual Members:

Build individual Business Mini Website [25%]

Using HTML and CSS create a website for a "Tourist Region" website and "Tourist Businesses" mini-sites

Learning Outcomes

• Understand basics of how Internet works
• Understand what Front-end and back-end Web Development is
• Understand what HTML is

HTTP

1. Request is sent to desired IP address via HTTP
2. Requested server figures out exactly what we're asking for
3. Server builds the content
4. Server responds with combination of
   • HTML
   • CSS
   • Javascript

View Page Source

• Can view HTML, CSS and Javascript on any webpage
• In Chrome, right click and select "View Page Source"

Front End Development

Front End

Things that you see and interact with (in your Browser)

Everything else (is performed on Server)

Back End

HTML

• HyperText Markup Language
• Defines the structure of a webpage
  • Place text here
  • Place image here
  • Place button here
  • etc...
• Skeleton or "Nouns" of webpage

CSS

• Cascading Style Sheets
• Defines the style of HTML
  • Make text purple
  • Give this image a blue border
  • Make all buttons be white with blue border
  • etc...
• Skin or "Adjectives" of webpage

JavaScript

• Defines the behavior of webpage

  • Add two numbers together

  • Change color when the user clicks

  • Load data from external source

• Actions or "Verbs" of webpage