Glasgow Caledonian University

School of Computing, Engineering and Built environment

Web Application Development 1 (M2I325626)

Web Application Development Reference Cards.

1. How The web Works web icon

2. Intro to HTML html icon

3. Introduction to CSS css icon

4. Tables and Forms tables icon

5. Layout css layout icon

6. Introduction to JavaScript js icon

7. Data Formats and APIs data formats icon

8. Libraries, Frameworks and CMS frameworks icon

9. Security security icon

10. General Stuff cog

×

Introduction to CSS

FunWeb lab 3

Intro to CSS

Introduction to CSS.

For CSS information check out these websites:

MDN CSS reference

IO CSS reference

codrops CSS reference

CSS3 Transform Property

CSS3 Transition Property

Close
×

Introduction to Data Formats and APIs.

Data Formats

CSV

W3C — CSV on the Web Use Cases and Requirements .

XML

W3Schools Introduction to XML and XML tutorial .

JSON

MDN Working with JSON and media type and format guide on image, audio, and video content.

W3Schools JavaScript JSON Reference.

HTML5 APIs

Geolocation API

Web Storage API

Offline Web Application

Canvas 2D Context API

Progressive Web Application

Dynamic Graphics with the Canvas Element

Close
×

Intro to Libraries, Frameworks and CMSs.

Introduction to Libraries

Once you are familiar with JavaScript, a next step is to explore the libraries that are out there. You can find a list on Wikipedia here.

Here's another list for UI work here.

jQuery

Once you are familiar with JavaScript, a next step is to explore the use of libraries such as jQuery — which is cross-browser JavaScript library that makes it easy to add special effects such as slideshows to a web page.

Introduction to Frameworks.

Common ones doing the rounds include ...

Vue , React , Angular , Svelte , Ember Meteor Bootstrap - CSS framework

Some are very opinionated and rigid others are easier to learn. You decide :)

Introduction to Content Management Systems.

Most choices include the following.

Drupal, Joomla, WordPress.

Close
×

Introduction to Security

Sources of Web Application Security Vulnerability Information

The severity of many vulnerabilities is well documented and publicly available. Several resources for finding this information are:

  • Open Web Application Security Project (OWASP): Based on information sent to the organization from security experts around the world, this site publishes lists of the most severe web application vulnerabilities
  • National Vulnerability Database (NVD): Sponsored by the National Institute of Standards and Technology, this vulnerability resource focuses on servers and networks. Its Common Vulnerability Scoring System (CVSS) provides an open framework for communicating the characteristics and impacts of IT vulnerabilities
  • US Computer Emergency Readiness Team (US CERT): This site is maintained by the National Homeland Security's team that leads the cybersecurity efforts in United States
  • Web Application Security Consortium (WASC): This site is run by WASC, a not-for-profit organization made up of an international group of experts, industry practitioners, and organizational representatives who produce open-source and widely agreed-upon best-practice security standards for the World Wide Web
  • This OWASP site is a Quick Reference Guide looking at Secure Coding Practices.
  • SQL injection overview looking at a common attack vector.
  • An introduction to cyber security available here in PDF form.
Close