Skip to content

Latest commit

 

History

History
158 lines (102 loc) · 3.29 KB

06-development-techniques.md

File metadata and controls

158 lines (102 loc) · 3.29 KB

Home > Web Application Development > Development Techniques

Topic: Development Techniques

  1. Lesson: Making web pages interactive with jQuery
  2. Lesson: Asynchronous, AJAX & Promises
  3. Lesson: Browser developer tools & node/npm
  4. Lesson: Web development life cycle
  5. Assessment: Use jQuery
  6. Assessment: Use XHR


Lesson 1

Making web pages interactive with jQuery

Self Learning Duration
300 mins
Lecture Duration
120 mins
Lab Tutorial Duration
N/A

Self learning content

Lecture content

Teach how to do basic DOM manipulations using jQuery

Lab and tutorials

N/A



Lesson 2

Asynchronous, AJAX & Promises

Self Learning Duration
240 mins
Lecture Duration
360 mins
Lab Tutorial Duration
300 mins

Self learning content

Lecture content

  • What is asynchronous programming
  • AJAX
  • Callbacks
  • Promises

Lab and tutorials

Lab exercises to practice xhr and promises



Lesson 3

Browser developer tools & node/npm

Self Learning Duration
N/A
Lecture Duration
90 mins
Lab Tutorial Duration
N/A

Self learning content

Read Learn web development > Common questions: Tools and setup

Lecture content

  • Browser developer tools
    • The Inspector: DOM explorer and CSS editor
    • The JavaScript debugger
    • The JavaScript console
    • Network and Application tabs
  • Intro to Node.js & npm

Lab and tutorials

N/A



Lesson 4

Web development life cycle

Self Learning Duration
120 mins
Lecture Duration
120 mins
Lab Tutorial Duration
240 mins

Self learning content

Lecture content

Lab and tutorials

Lab for Selenium



Assessment 1

Use jQuery

Use jQuery to simplify the implementation of the shopping cart page created on HTML: Structuring the Web assessment and redo the total calculation



Assessment 2

Use XHR

Use xhr to get json data from a hosted file or Rest API created in Working with Data