the role of java script
DESCRIPTION
An introduction to JavaScript for educators at Ed Directions, a workshop at Web Directions North.TRANSCRIPT
![Page 1: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/1.jpg)
The role of JavaScript
![Page 2: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/2.jpg)
The role of JavaScript
The fabled animal called JavaScript
![Page 3: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/3.jpg)
The role of JavaScript
• Easy to learn
• Easy to implement
• Immediate results
• Very versatile
![Page 4: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/4.jpg)
The role of JavaScript
JavaScript makes the web a much easier, faster and
prettier place.
![Page 5: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/5.jpg)
The role of JavaScript
Ajax is to web pages what instant messaging is to email.
![Page 6: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/6.jpg)
The role of JavaScript
JavaScript can also make the web a most frustrating and
insecure experience.
![Page 7: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/7.jpg)
The role of JavaScript
It is up to us as educators to teach the sensible use of
JavaScript.
![Page 8: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/8.jpg)
The role of JavaScript
Backend
HTML
CSS
JavaScript
Logic, Data, Validation
Structure, Semantics
Look and Feel
Behaviour
![Page 9: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/9.jpg)
The role of JavaScript
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.
![Page 10: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/10.jpg)
The role of JavaScript
Backend
HTML
CSS
JavaScript
A traditional web site would be something like this:
![Page 11: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/11.jpg)
The role of JavaScript
A common web application right now is more like this:
Backend
HTML
CSS
JavaScript
![Page 12: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/12.jpg)
The role of JavaScript
There are several good reasons for this:
• Performance
• Server traffic savings
• Increased usability through to more responsive interfaces
• Reduction of redundant steps.
![Page 13: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/13.jpg)
The role of JavaScript
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.
![Page 14: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/14.jpg)
The role of JavaScript
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
![Page 15: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/15.jpg)
The role of JavaScript
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.
![Page 16: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/16.jpg)
The role of JavaScript
So what can be done?
![Page 17: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/17.jpg)
The role of JavaScript
We have to initiate a change in perception of JavaScript.
![Page 18: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/18.jpg)
The role of JavaScript
It is not a toy language but an integral part of modern web
development.
![Page 19: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/19.jpg)
The role of JavaScript
Due to its low level of entry it is a great language to allow
developers access and use your systems.
![Page 20: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/20.jpg)
The role of JavaScript
For this we need to define some educational goals:
![Page 21: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/21.jpg)
The role of JavaScript
Goals for teaching JavaScript:
• Building on best practices: progressive enhancement, maintainability, modularity.
• Removing the random browser element.
![Page 22: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/22.jpg)
The role of JavaScript
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.
![Page 23: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/23.jpg)
The role of JavaScript
Maintainability • Maintainable code is very hard to find.
• The reason is that we hack JavaScript together rather than following agreed architectures and methodologies.
![Page 24: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/24.jpg)
The role of JavaScript
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.
![Page 25: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/25.jpg)
The role of JavaScript
This, and the removal of random browser problems is the job of
JavaScript frameworks.
![Page 26: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/26.jpg)
The role of JavaScript
Frameworks are there to make our lives as developers easier -
not be a replacement for JavaScript.
![Page 27: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/27.jpg)
The role of JavaScript
There is nothing wrong with using a framework to make our
code work across different browsers.
![Page 28: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/28.jpg)
The role of JavaScript
It is a better way of developing than following the w3c or ECMA recommendations to the T and
failing to deliver working code.
![Page 29: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/29.jpg)
The role of JavaScript
Our goal should be to teach new developers to develop and
deliver not to fix problems and write workarounds.
![Page 30: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/30.jpg)
The role of JavaScript
There are several challenges to be overcome until we get there.
![Page 31: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/31.jpg)
The role of JavaScript
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.
![Page 32: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/32.jpg)
The role of JavaScript
The market needs good JavaScript developers, the
support and implementation of this versatile and easy language
is going nowhere but up.
![Page 33: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/33.jpg)
The role of JavaScript
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.
![Page 34: The Role Of Java Script](https://reader034.vdocuments.site/reader034/viewer/2022051819/54c84fe94a7959f4758b4570/html5/thumbnails/34.jpg)
The role of JavaScript
THANKS! Christian Heilmann
http://wait-till-i.com
http://slideshare.net/cheilmann
http://scriptingenabled.org