U20A1 CSS and Javascript by Siobhan Allen

Dummies

siobhana — 2017-10-10 07:32:09 UTC

Chapter 1 is helpful

First paragraph is a quick intro

siobhana — 2017-10-10 07:34:06 UTC

A brief intro

siobhana — 2017-10-10 07:36:57 UTC

siobhana — 2017-10-10 07:37:39 UTC

siobhana — 2017-10-10 07:38:59 UTC

This is very very detailed

siobhana — 2017-10-10 07:39:54 UTC

Mozilla

siobhana — 2017-10-10 07:41:30 UTC

Animation for Beginners

siobhana — 2017-10-10 07:43:21 UTC

The nature of Javascript

siobhana — 2017-10-10 07:46:19 UTC

Optimising for different browsers

siobhana — 2017-10-10 07:49:45 UTC

Excellent intro

siobhana — 2017-10-10 08:24:24 UTC

siobhana — 2017-10-10 08:33:10 UTC

siobhana — 2017-10-10 08:33:37 UTC

Intro to Javascript programming

siobhana — 2017-10-10 08:35:35 UTC

W3Schools intro to Javascript

siobhana — 2017-10-10 08:39:49 UTC

W3Schools Lesson with simple examples

siobhana — 2017-10-10 08:41:08 UTC

W3Schools Selector types

siobhana — 2017-10-10 09:41:43 UTC

This lists and uses different selector types as examples

Sitepoint. Very Clear explaination

siobhana — 2017-10-10 09:47:25 UTC

Video introducing Selectors

siobhana — 2017-10-10 10:12:02 UTC

W3Schools Box Model Explained

siobhana — 2017-10-10 16:04:31 UTC

W3Schools good 'try it now using
too

siobhana — 2017-10-10 16:05:11 UTC

Box Model Explained

siobhana — 2017-10-10 16:06:03 UTC

Box Model Explained

siobhana — 2017-10-10 16:06:38 UTC

Clear steps explaining all we have covered from week 1 to week 6

siobhana — 2017-10-11 08:40:38 UTC

You should use javscript when...

siobhana — 2017-10-12 12:04:51 UTC

Alerts

siobhana — 2017-10-12 12:07:01 UTC

Confirm choices

siobhana — 2017-10-12 12:08:19 UTC

Creating rollovers

siobhana — 2017-10-12 12:10:16 UTC

List of javascript events

siobhana — 2017-10-12 12:12:15 UTC

Javascript Engines

siobhana — 2017-10-16 15:50:54 UTC

Why does javascript run differntly from browser to browser

siobhana — 2017-10-16 15:52:03 UTC

Good discussion

siobhana — 2017-10-16 15:53:05 UTC

The problem isn't that there are different versions of JS, but that different browsers implement it differently

Statistics

siobhana — 2017-10-16 15:54:58 UTC

Lies, Damned lies and statistics....

Differnces between firefox and IE

siobhana — 2017-10-16 15:56:01 UTC

Javascript Speedtest

siobhana — 2017-10-16 20:36:12 UTC

Try running this (Octane) in several browsers several times. It measures the speed of the JavaScript engine. Different browsers have different JS engines, so they will run the JavaScript at different speeds.

Speed Test but not JavaScript

siobhana — 2017-10-16 20:37:49 UTC

siobhana — 2018-03-15 07:45:14 UTC

siobhana — 2018-03-15 07:45:28 UTC

JaveScript Engine Speedtest

siobhana — 2018-03-15 07:51:14 UTC

siobhana — 2018-07-29 09:45:03 UTC

siobhana — 2018-07-29 10:07:31 UTC

Keywords:

siobhana — 2018-08-20 10:59:04 UTC

HTML intro
html tags
How use CSS
CSS internal external
W3Schools

Keywords:

siobhana — 2018-08-20 11:00:33 UTC

Box model explained

Keywords

siobhana — 2018-08-20 11:01:26 UTC

CSS class id pseudo-classes
CSS Selectors

Keywords:

siobhana — 2018-08-20 11:05:32 UTC

JavaScript explained
JavaScript Introduction
JavaScript Beginners

How is JavaScript implemented

siobhana — 2018-08-29 08:54:00 UTC

7 Deadly sins of programming JavaScript

siobhana — 2018-08-29 08:55:39 UTC

Gives a view into how it is called by the browser too

siobhana — 2018-08-29 09:17:54 UTC

siobhana — 2018-10-02 08:30:21 UTC

siobhana — 2018-10-09 18:16:49 UTC

Look from 'Performance Issues' onwards...

siobhana — 2018-10-16 07:17:09 UTC

Some JavaScript needs different language in different browsers

Language not working in browser

// works in all browsers:
var a = [1, 2, 3]
// works in all browsers but IE
var b = [1, 2, 3,]

siobhana — 2018-10-16 07:26:59 UTC

These are syntax differences. Language has to be different in different browsers

siobhana — 2018-10-16 07:28:09 UTC

Browser specific code looks like it could be necessary (or a solution), but this is a problem - browser detection not perfect. Instead, use libraries.

JavaScript benchmarks

siobhana — 2018-10-16 13:05:22 UTC

Kraken or
https://browserbench.org/JetStream/ or Octane 2.0 below

siobhana — 2018-11-09 11:58:07 UTC

mentions read/write

Issues

siobhana — 2018-11-09 12:01:41 UTC

Often 3rd party software used - may be vulnerable. eg. Gov text to speech widget.

Because compiled at client side, firewall may not detect risk

Cross domain data leakage. Javascript can call for info from another domain. New to HTML5

JavaScript sinks are properties, functions and other client-side entities that that can lead to or influence client-side code execution. Here are some common exploitable JavaScript sinks:Execution-based, such as eval(), Function(), setTimeout(), setInterval() and so on.URL-based, for instance location and location.assign().HTML-based, such as document.write(), HTML elements and attributes.XHR calls, postMessage, client-side storage and other JavaScript variables.

siobhana — 2018-11-09 12:03:49 UTC

DOM means the order that HTML is unpacked. Usually unpacks in the same order that you would 'indent'

siobhana — 2018-11-09 12:06:53 UTC

W3Schools - This is the best resource

siobhana — 2019-07-02 16:11:51 UTC

w3

siobhana — 2019-07-02 16:11:51 UTC

U20A1 CSS and Javascript by Siobhan Allen

Dummies

First paragraph is a quick intro

A brief intro

This is very very detailed

Mozilla

Animation for Beginners

The nature of Javascript

Optimising for different browsers

Excellent intro

Intro to Javascript programming

W3Schools intro to Javascript

W3Schools Lesson with simple examples

W3Schools Selector types

Sitepoint. Very Clear explaination

Video introducing Selectors

W3Schools Box Model Explained

W3Schools good 'try it now using too

Box Model Explained

Box Model Explained

Clear steps explaining all we have covered from week 1 to week 6

You should use javscript when...

Alerts

Confirm choices

Creating rollovers

List of javascript events

Javascript Engines

Why does javascript run differntly from browser to browser

Good discussion

Statistics

Differnces between firefox and IE

Javascript Speedtest

Speed Test but not JavaScript

JaveScript Engine Speedtest

Keywords:

Keywords:

Keywords

Keywords:

How is JavaScript implemented

7 Deadly sins of programming JavaScript

JavaScript benchmarks

Issues

DOM means the order that HTML is unpacked. Usually unpacks in the same order that you would 'indent'

W3Schools - This is the best resource

w3

W3Schools good 'try it now using
too