Home > Web Application Development > Development Techniques
Topic: Development Techniques
- Lesson: Making web pages interactive with jQuery
- Lesson: Asynchronous, AJAX & Promises
- Lesson: Browser developer tools & node/npm
- Lesson: Web development life cycle
- Assessment: Use jQuery
- 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