Javascript Level 2 for Computing Science Teachers

Javascript is used in many ways. Client-side form validation, supporting responsive web page design, applications, controlling video and audio…this list goes on. To do any of these things means getting to grips with more advanced Javascript techniques and topics.

This course follows on from the Yuleblinker Javascript Level 1 course and is aimed at those who have attended the Level 1 course or who are confident and competent in coding basic Javascript.

The topics and examples covered on this course will be of particular interest to those teaching National 5, Higher and Advanced Higher Computing science but they are also relevant for teachers who want a better understanding of and skills in Javascript to support pupils at all levels. The emphasis of this course is to develop real competence in hand-coding, reading and writing more complex Javascript code and to become familiar with the ways Javascript is used in contemporary web pages and sites.

Course aims

To further develop Computing Science teachers' knowledge, practical skills and confidence in writing and editing more complex Javascript code

To provide an opportunity for teachers to explore, discuss and practice workable methods of teaching Javascript coding in the classroom that is relevant to activities and tasks that feature at the various levels of the Computing Science curriculum.

Who this course is for

This course is ideal for you if…

  • You are a Computing Science teacher, teaching web design and development topics at any level
  • You have previously attended the Javascript Level 1 course and/or
  • You are comfortable, confident and have practical skills in writing basic Javascript code
  • You'd like a refresher on more advanced Javascript techniques and you are comfortable, confident and have practical skills in writing basic Javascript code

What you need to know

This is a second level course that definitely assumes a good knowledge of, understanding of and competence in hand coding Javascript code.

You should already be familiar with coding basic Javascript, have some knowledge of the Document Object Model (DOM) and a basic knowledge of client-side scripting uses.

You must also have a good knowledge of, understanding of and competence in hand coding HTML. Ideally you should be familiar with coding HTML forms, adding HTML 5 media elements and also be able to write and understand basic CSS.

You should either have attended the Yuleblinker Javascript Level 1 course or be certain that you are knowledgeable about, and skilled in, the topics listed in the course detail for the Javascript Level 1 course which can be found here: Javascript Level 1

This course will not cover basic Javascript, HTML or CSS and will launch straight into the content listed below. If you're ready to take your next steps in Javascript and build upon your existing skills then this is the course for you.

Knowledge and skills needed to undertake this course

This course builds on topics and skills developed in one or more lower level courses.

It is vital that you have either attended the course(s) listed below or that you are confident that you are comfortable and competenent in the topics and skills it covers.

We want you to get the best from your time on our course and making sure you are attending a course at a suitable level is important for you and for the others on the course.

Please click the link and view the course details. If you are in any doubt about whether you are at the right level to do this course then please don't hesitate to contact us for further information

Courses that provide the necessary skills:

Content summary

Below is a an overview of the topics covered in this course

  • Document Object Model (DOM)
  • Javascript objects
  • Writing function
  • Client-side form validation
  • Interactive web pages
  • Controlling HTML Video and Audio
  • Javascript Libraries
  • Debugging in the browser

Course content in detail

  • Document Object Model (DOM)
    • What it is
    • Using Javascript to access and manipulate it
    • Investigating the DOM using browser Developer Tools
  • Javascript Objects
    • Methods and properties
    • Creating and manipulating Javascript objects
  • Writing Functions
    • Modular coding
    • Passing parameters
    • Returning values
  • Client-side form validation
    • Setting form actions to call Javascript functions
    • Accessing and reading form elements and values using Javascript
    • Presence validation
    • Type validation
    • Equivalence validation
    • Providing user feedback for form elements
    • Returning and submitting a validated form
  • Interactive web pages
    • Simple and fun ways to incorporate Javascript interactivity
  • Controlling HTML Video and Audio
    • Accessing HTML 5 media elements using Javascript
    • Controlling playback of media using Javascript
  • Javascript libraries
    • Introduction to and discussion of the use of Javascript libraries
    • Common libraries and where to find them
  • Debugging in the browser
    • Browser Developer Tools
    • The Console
    • Interactive use of the console
    • Logging to the console and using it to support development and debugging