Produce basic client side script for dynamic web pages
From Wikiversity
|
Web Design → Produce basic client side script for dynamic web pages
|
From the official document:
- This unit defines the competency required to produce a number of client side scripts for dynamic web pages, utilising a range of relevant features from different appropriate languages.
You can read more on the National Training Information Service's official document for ICAB4137A or read below to find out how this unit might benefit you!
This unit forms part of the following qualifications:
[edit] How this unit will help you
In outline, this unit will help you:
- Analyse the exact requirements for your specific project, including the dynamic functionality (e.g. form validation, fades, animations, interactivity etc.) and the client-side scripting language that you can use to achieve this functionality (usually Javascript, but could also include Flash Actionscript or VBScript).
- Design and create your HTML (ensuring that you meet accessibility requirements and other relevant standards) with your initial client-side script embedded or linked in a separate file.
- Test, debug and retest your scripts until you achieve the functionality that you're aiming for.
- Finish off the documentation (you should already be commenting appropriately in your code!) and submit your design for approval to the appropriate person.
[edit] Ideas for demonstrating this unit
A combination of the activities included in An Introduction to Programming with Javascript, including the Javascript Challenges, may help to demonstrate competence for this unit.
(TODO: include example technical documentation, include projects beyond the JS challenges)
[edit] Grading
If you are demonstrating this unit as part of a formal course, you might find that the unit is graded (meaning you can not only demonstrate your competence, but can also gain a credit or distinction). Your facilitator may already have set criteria that your college uses. If not, here are some ideas for possible credit/distinction activities that you can discuss with your facilitator:
- Implement better input validation (inline HTML rather than alert boxes). See Javascript Challenge 4
- Complex input validation (such as email or credit cards)
- Learn what unobtrusive Javascript is and convert your own pages!
- Interact with third-party Javascript libraries such as GoogleMaps.
- Try out and demonstrate some basic AJAX
HTML: What is HTML, Advanced HTML Tutorial, HTML Challenges, Lists and Tables, The Structure of HTML, Pen and Paper HTML activities
CSS: Learning Basic HTML and CSS, CSS challenges, Embedded CSS, Basic HTML and CSS Tutorial, Inline CSS, Develop cascading style sheets
PHP: Simple functions in PHP, Dynamic websites, PHP challenges, Dynamic websites with PHP, Generating a receipt with PHP, Responding to HTML forms with PHP,
Javascript: An Introduction to Programming with Javascript, JavaScript Challenges, Getting to know Javascript events, Getting to know the Document Object Model with Javascript, JavaScript pen-n-paper activities, Web Programming Intro, Produce basic client side script for dynamic web pages
XML: XML challenges
Databases: Creating Database Tables
Projects: A small website project, A step-by-step web design project, Build a basic web page, Build a small website
Challenges: Web design challenges, HTML Challenges, AJAX Challenges, CSS challenges, JavaScript Challenges, PHP challenges, XML challenges, Information Architecture Challenges, Introductory algorithm challenges
Activities: Web design group learning activities, Pen and Paper HTML activities, A Web Design Quiz show, Ordering Tasks for a Web Project, Paired Bio Pages, Scoping a Small Project, Emerging Technologies Research Activities
Project management: An introduction to Project Management, Developing a Client Project
Design: Accessibility, Design Principles for Web Design, Design Suggestions
Testing: Testing Website performance, Website Performance Test Plan
Publishing: Getting Your Site On the Web
Certification and standards: Cert IV Websites Qualification in Australia, Australian Qualifications, Web design qualifications
Professional development: Developing your online portfolio, Contribute to personal skill development and learning, Useful Applications, Useful Books, Emerging Technologies, Using the Internet as a Learning Tool
Course meta-information: Web design, About the web design learning project, New Structure, Sample Timetable