IIT M DIPLOMA AN1 EXAM ETD1 11 Dec 2022 - 11 Dec 2022

Concepts this paper tests

Auto-generated summary from the source site. Handy as a checklist; the lessons above explain each idea from scratch.

Here’s a structured summary of the core topics, concepts, principles, and equations essential for the "Diploma Level: Modern Application Development 2" exam, along with Mermaid knowledge graphs to visualize relationships.

Core Topics & Concepts Summary

1. Vue.js & Vuex

Key Concepts:

• Vue Component Lifecycle: created, mounted, updated, destroyed.

• Vuex Store: State management (state, getters, mutations, actions).

  • mapState Helper: Maps Vuex state to computed properties in components.

    • Syntax: ...mapState(['stateA', 'stateB']) (spread operator required).

• Dynamic Class Binding: v-bind:class with conditional logic.

  • Example: :class="{ 'active': isActive, 'error': hasError }".
• Props & Events: Parent-child communication via props and $emit.

• Vue Router:

  • Nested routes (children in route config).
  • Dynamic route matching (:param).
  • Query parameters (?key=value).
  • router-view renders matched components.

Key Code Snippets:

// Vuex Store
const store = new Vuex.Store({
  state: { count: 0 },
  mutations: {
    increment(state) { state.count++; }
  }
});

// MapState in Component
computed: {
  ...mapState(['count'])  // Correct (Option A in Q2)
}

// Dynamic Class Binding
<div :class="[isActive ? 'active' : '', 'static-class']"></div>

2. JavaScript (ES6+)

Key Concepts:

• Closures & let in Loops:

  • let creates block-scoped variables (unlike var).

  • Example (Q7):

    for (let i = 1; i < 7; i++) {
      setTimeout(() => console.log(i), 2);  // Logs 1, 2, 3, 4, 5, 6
    }

• Promises & Async/Await:

  • .then()/catch() chaining.
  • Promise states: pending, fulfilled, rejected.

  • Example (Q10, Q12, Q15, Q18):

    new Promise((resolve, reject) => {
      if (condition) resolve("Success");
      else reject("Error");
    })
    .then(data => console.log(data))
    .catch(err => console.error(err));

• Arrow Functions & this:

  • Arrow functions inherit this from the surrounding scope.

  • Example (Q14):

    const obj = {
      a: 10,
      func: () => console.log(this.a)  // `this` refers to global/window
    };

• Prototypal Inheritance:

  • Example (Q11):

    function Person(name) { this.name = name; }
    Person.prototype.getName = function() { return this.name; };

Key Outputs:

3. Web Technologies

Key Concepts:

• Caching:

  • Private Cache: Client-specific (e.g., browser cache).
  • Shared Cache: Shared across users (e.g., CDN, proxy cache).
  • Latency: Browser cache < proxy cache < origin server.
  • False Statement (Q4): Shared cache is not suitable for personalized responses.

• Storage Mechanisms: | Mechanism | Persistence | Sent with Requests | Use Case | |-----------------|----------------------|--------------------|-----------------------------------| | Cookies | Expires (configurable)| Yes | Session management, tracking. | | Local Storage | Persistent | No | Client-side data (e.g., preferences). | | Session Storage | Tab-specific | No | Temporary session data. |

• Correct Answer (Q5): Cookies (sent with every request).

• Same-Origin Policy (SOP):

  • Default allowance: Same origin (scheme + host + port).
  • Example (Q6): http://origin2.com can fetch from itself, not http://origin1.com.

• CSRF (Cross-Site Request Forgery):

  • Attack trick users into submitting malicious requests via authenticated sessions.
  • Example (Q9): <img src="http://example1.com/delete?id=1"> triggers a DELETE request.

• CORS (Cross-Origin Resource Sharing):

  • Requires server-side headers (e.g., Access-Control-Allow-Origin).
  • False Statement (Q20): Flask does not enable CORS by default.

4. Backend & Scalability

Key Concepts:

• Asynchronous Job Processing:

  • Order for Brute-Force Task (Q3):

    1. Dispatch a backend job (e.g., to a queue like RabbitMQ).
    2. Invoke a webhook on completion.
    3. Relieve the worker.
  • Correct Order: III → I → II (Option B).

• Scaling Strategies: | Term | Description | |--------------------|-----------------------------------------------------------------------------| | Scaling Out | Adding more servers (horizontal scaling). | | Scaling Up | Upgrading existing server resources (vertical scaling). | | Diagonal Scaling | Combining horizontal + vertical scaling. | | Sharding | Splitting a database table horizontally (e.g., by user ID). |

• True Statements (Q24): B (horizontal scaling), C (horizontal partitioning).

• Message Brokers vs. Point-to-Point: | Feature | Point-to-Point | Message Broker (e.g., RabbitMQ) | |-----------------------|-------------------------|---------------------------------------| | Connections | O(n²) | O(n) (central broker) | | Scalability | Poor | Better | | Complexity | High | Lower |

• False Statements (Q19): A (O(nlogn) is incorrect), B (O(logn) is incorrect).

5. Security

Key Concepts:

• Session Cookies:

  • Deleted on browser close (Q21: A).
  • Sent to the origin server with every request (Q21: B).

• Flask Defaults:

  • Runs on port 5000 (Q20: D).
  • CSRF protection is not enabled by default (Q20: A).
  • Local Storage is not synced across devices (Q20: B).

6. Algorithms & Data Structures

Key Concepts:

• Sorting in JavaScript:

  • array.sort((a, b) => a - b) for ascending.

  • Example (Q30, Q31):

    slots.sort((a, b) => a.date - b.date);  // Ascending by date

  • Output (Q30): 17 19 (sorted dates).
  • Output (Q31): 1 (only booked slot ID).

2. JavaScript Asynchronous Flow

3. Web Storage & Cookies

4. Scaling Strategies

5. Security Concepts

6. Caching Hierarchy