TK Study

Software Engineering › Learn step by step › Y12 Programming for the Web

Item 263 of 426 · Year 12: Programming for the Web, 29 of 59

Web browser and developer (dev) tools

Term

Jump to a topic
  1. Exam format, question types and command words (46)
  2. Year 11: Programming Fundamentals (69)
  3. Year 11: The Object-Oriented Paradigm (33)
  4. Year 11: Programming Mechatronics (29)
  5. Year 12: Secure Software Architecture (57)
  6. Year 12: Programming for the Web (59)
  7. Year 12: Software Automation (35)
  8. Year 12: The Software Engineering Project (47)
  9. Diagrams and modelling tools (18)
  10. Python, SQL, pseudocode and CSS patterns (33)

See every item in the sequence

Definition

A browser renders HTML, CSS and JavaScript. Dev tools let developers inspect elements, view the console, network requests and performance, and debug.

Example: Use the network tab to find slow requests.

Found in: syllabus, sample exam and familiarisation guidelines, school notes.

Where you'll use it in the test

Syllabus area: Y12 Programming for the Web.

Question types it can appear in

Where it has appeared in the paper

Programming for the Web (Part C). Part letters follow each paper’s own layout.

Related past questions

How to use it

A model sentence

General advice, built from the definition and example above

“A browser renders HTML, CSS and JavaScript.” Then apply it: Use the network tab to find slow requests.

In a short answer, give the definition in your own words first, then tie it to the situation in the question. Do not copy the example above unless it fits the scenario.

Command words used with it

From the linked past questions
  • Explain: Relate cause and effect; make the relationship between things evident; provide why and/or how. (Familiarisation Q10 (4 marks): Load time)

Official worked answer

Familiarisation Q10 (4 marks): Load time (4 marks): official criteria and sample answer

Criteria

4: Explains how the load time of the web page can be improved. 3: Outlines how some issues affecting load time can be resolved. 2: Identifies issues affecting load time OR outlines how to resolve ONE. 1: Some relevant information.

Sample answer

The images can be resized to 640 x 480 beforehand so that the webpage does not need to load the large 4000 x 3000 images. The multiple CSS style sheets could be converted into a single .css file, reducing the number of HTTP requests the browser needs to send. If the "image-gallery.js" JavaScript file at the top of the source code loads slowly, it can be moved to the bottom just above so that it will not block the rest of the page from loading.

Open the question page

Go deeper

Check yourself

Explain “Web browser and developer (dev) tools” in one sentence, give an example, and name a question type that could test it.

Reveal the answer

A browser renders HTML, CSS and JavaScript. Dev tools let developers inspect elements, view the console, network requests and performance, and debug.

Example: Use the network tab to find slow requests.

Could be tested as: Short answer, Multiple choice, Fill in the blanks.