COM414

Dr. Daniel Kelly

Internet Technologies

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

1. Group Assignment

2. Individual Assignment

Using HTML and CSS create a website for a "Virtual Shopping Center" and "Individual Shops"

Using HTML and CSS and Javascript create a website to be used as a resource for people wanting to learn web development.

40% of Module

 

Teams of 4

 

Submit by Week 7

60% of Module

 

Individual

 

Submit by Week 12

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

Introduction

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

HTML

CSS

Javascript

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

Made with Slides.com