week 8
Scripting language constructs:
syntax eg dot operator,
values,
variables,
operators,
assignment,
comparisons; loops eg for, for/in, do/while;
decision making eg if, if/else, switch/case;
functions (calling, parameter passing);
handling events eg onfocus, onload, onblur, onmouseover;
methods eg write(), click(), open(), selected();
properties eg name, width, ID, value
3. Introductions to Functions in JS 1 – 8
Understand what a function does and how it works
• Practice creating and debugging functions
• Recognise and implement the return keyword
L2/6 programming
L6 algorithms
3. Introductions to Functions in JS 9 – 13
Recognise and implement functions with more than one parameter
• Understand and Evaluate Global and local variables
• Practice functions with if / else statements
L2/6 programming
4. Build "Rock, Paper, Scissors" 1 – 9
• Plenary activity synthesising Module 3: Introductions to functions in JS
• Understand and implement Math.random() method and use else / if statement
• Create functions using multiple if / else statements
• Extension: Improve game with the skills previously acquired
L4 algorithms
L5/6 programming
5. Introduction to 'For' Loops 1 – 8
Understand 'for' loops, how they are helpful and the general syntax
• Understand how to initiate, control and end a for loop
• Practice a 'for' loop counting down
L4 algorithms
5. Introduction to 'For' Loops 9 – 13
• Understand what an array is and how to create one
• Understand how to access an element of an array
• Practice creating and accessing all elements of an array using a for loop
L2/6 data
L6 programming
Testing of Website Functionality.
To ensure that when the final website is handed over to our clients it is important to run a set of tests over the site to ensure that it is fully operational and meets the clients original brief.
To undertake this activity we will first need to create a test plan and table. This can be created at the beginning of the project, even before the implementation of the site. There will be a number of different tests that are part of the basic fabric of the website, these would be;
- Spelling
- Correct images loading on pages
- Navigational elements (all pages are connected correctly)
- "alt" tags are included in all images for usability
The elements in the list above are quick wins and could make a great site poor if overlooked.
Below is an example test plan table that could be considered for testing.
| Test Number | Test Being undertaken | Expected Output | Actual Output (Opportunity for screenshot) | Pass/Fail | Notes (Possible resolution) |
| 1 | Navigation bar | All links to navigate to intended page | Products page navigates to home | Fail | Update link on about page that links to products. |
| 2 | Images on products page display | All images to load correctly | All images load correctly | Pass | Images loaded correctly however slowly, possibly change resolution |
What are the good practices?
Good practices within web developement are;
Commenting Code - It is a key stage in all most all programming to make comments on your code. The inclusion of these comments can, and will support you and your potential work colleagues in understanding, what is happening, or what should be happening and any other detail relevant to the operation of the code. It could be that you have structure in your code that parts of it are location in another place within the document. It could seperate elements, or even be a guide as to the start and finish of tags and points.
ALT property in images - the use of the "alt" property is an important part of userbililty and accessability as blind users may use screen readers to allow them to use websites, if an image appears the reader reads the "alt" property to the user. It is therefore essentail to include these in all images that you add.
Link to home - It is an unwritten rule that most users if they want to jump back to the home page of any site that they are in that they click on the logo, normally located in the top left-hand side of the screen to do this.
Meta tags - These are a very useful way of providing detail to users, web browsers and search engines as to the purpose of the pages. In most instances, information will include
- The Author
- The Keywords
- The Description of the page
The location of these details will be placed within the header page of the HTML page. The image below demonstrates this.
Meta tags can have a positive mark against sites when it comes to search engine optimisation, this is because when a search engine bot crawls over the webpage the bot will look at not only the web pages contents but also over its coding.
Last Updated
2018-04-16 13:27:00
Links to Learning Outcomes |
Links to Assessment criteria |
|
|---|---|---|
|
LO 4 Be able to create interactive web pages LO3 Be able to control the layout of web pages using CSS
|
P5 create interactive web pages using CSS and a scripting language M3 employ good practice in the design and implementation of web pages. P6 test interactive web pages. D2 evaluate the web pages and discuss improvements. |
English
Methods - A method is an action which can be performed by an object
Handling events - An event is an action which can cause a reaction in the code.
Writing, communicating. Information, ideas and opinions effectively and persuasively for developing, presenting and communicating information.
Maths
Decimals: Counting
Using Numbers: Counting, Place value, adding and subtracting, multiplying and dividing.
Formulae: using formulas, using words to express operations e.g. direction
- Create a page which has a rollover button using the onmouseover event.
- Create a page which displays a message using the onload focus.
- Research on the Internet for other events and make notes on what effect they might have.
- Create a counter that counts even seconds, eg 2, 4, 6, etc.
- Write the code to calculate the user's age when they input their date of birth.
- Use today's date to calculate their age.
-
How 2's Coverage
Anonymous Assessment - Learners assess an anonymous piece of work containing deliberate mistakes against given success criteria.
Anonymous Assessment - Learners assess an anonymous piece of work containing deliberate mistakes against given success criteria.
Files that support this week
Week 7←
PrevWeek 8←
PrevWeek 9←
Prev→
Next→
Next
