The Role Of Java Script

The role of JavaScript


The fabled animal called JavaScript


• Easy to learn

• Easy to implement

• Immediate results

• Very versatile


JavaScript makes the web a much easier, faster and

prettier place.


Ajax is to web pages what instant messaging is to email.


JavaScript can also make the web a most frustrating and

insecure experience.


It is up to us as educators to teach the sensible use of

JavaScript.


Backend

HTML

CSS

JavaScript

Logic, Data, Validation

Structure, Semantics

Look and Feel

Behaviour


Keeping these layers separated has lots of benefits:

• Separation of concerns

• Parallel development

• On-demand changes are easy to achieve

• Support for all environments and user agents.


Backend

HTML

CSS

JavaScript

A traditional web site would be something like this:


A common web application right now is more like this:

Backend

HTML

CSS

JavaScript


There are several good reasons for this:

• Performance

• Server traffic savings

• Increased usability through to more responsive interfaces

• Reduction of redundant steps.


There are several good reasons speaking against this:

• There is no security in JavaScript

• You cannot expect JavaScript to be enabled

• Maintaining JavaScript is very hard.


Why is maintaining JavaScript hard?

• JavaScript is the village bicycle: everyone can have a ride.

• There is no official training or accreditation.

• It is implemented in browsers and they are constantly changing


Why is maintaining JavaScript hard?

• We’re at a stage where making things work is more important than creating quality code.

• Re-use is harder and more expensive than starting over.


So what can be done?


We have to initiate a change in perception of JavaScript.


It is not a toy language but an integral part of modern web

development.


Due to its low level of entry it is a great language to allow

developers access and use your systems.


For this we need to define some educational goals:


Goals for teaching JavaScript:

• Building on best practices: progressive enhancement, maintainability, modularity.

• Removing the random browser element.


Progressive Enhancement

• Progressive enhancement means that we add JavaScript as an interactive layer onto a working solution.

• Every step on the way we test for support before applying functionality.


Maintainability • Maintainable code is very hard to find.

• The reason is that we hack JavaScript together rather than following agreed architectures and methodologies.


Modularity • JavaScript solutions tend to be one-offs without an easy way to extend or change to different needs.

• This stops re-use and per-case extension.


This, and the removal of random browser problems is the job of

JavaScript frameworks.


Frameworks are there to make our lives as developers easier -

not be a replacement for JavaScript.


There is nothing wrong with using a framework to make our

code work across different browsers.


It is a better way of developing than following the w3c or ECMA recommendations to the T and

failing to deliver working code.


Our goal should be to teach new developers to develop and

deliver not to fix problems and write workarounds.


There are several challenges to be overcome until we get there.


Challenges • Lack of official JavaScript courses

• Lack of promotion of code that builds interfaces - Web Development is HCI and CS.

• JavaScript is a Jack of all trades.


The market needs good JavaScript developers, the

support and implementation of this versatile and easy language

is going nowhere but up.


It is up for us educators to help the market hire pragmatic and quality-oriented developers

directly from school and university without the need for

internal re-education.


THANKS! Christian Heilmann

http://wait-till-i.com

http://slideshare.net/cheilmann

http://scriptingenabled.org

[email protected]







Date post:	28-Jan-2015
Category:	Technology
Upload:	christian-heilmann
View:	108 times
Download:	2 times

The Role Of Java Script

Technology