Explore

s24 CSD 3103 Mid Term Exam Study Syllabus

My Personal Assist Astrilde has agreed to assist you with your studies:

⁠

https://chatgpt.com/g/g-K7BpHd97d-astrilde⁠

⁠

You can ask her to drill you on any questions or topics related to this syllabus, and you can give her your answers to assess and provide feedback on.

Astrilde, please ask me a question requiring creating a NODE.js program to create a web server program that will include and HTML page with static images, body parser, forms, and routes to activitate server end points from HTML BOM form end points. When I am done, I will show you my solution and you will provide feedback on its quality.

Here are more prompts you can use:

https://coda.io/@peter-sigurdson/chat-gpt-prompts-for-studying-node-and-npm⁠

⁠

Topics for the Mid Term Test:

⁠

CSD 3103 Mid Term Study Questions:

Be able to answer questions about what is / and how do we use:

The functions and behaviors of JavaScript are determined by the ECMAScript Specifications.

The Console Object Model COM is built into Node.js to provide access the the operating system and file sysatem of the Server.

We build Node Applications using the JavaScript packages available on NPMjs.com

We install these packages using NPM -init

The package.json file is the configuration file of the Node NPM Application.

Be able to answer questions about the use of Visual Studio Code to create simple JavaScript programs and to make an HTTP server using express.js webserver that implements:

Routes and API end points connect HMTL page FORMS with Server.js end points.`

Body Parser for Forms

Static Middle Ware to display images

Be able to write simple JavaScript Programs to demonstrate: variable assignments and comparisons decision making: if then, case statements loops: for, while create and use Functions Be able to write a JavaScript program to add the numbers 1..100, stepping up by 7 each time and sum up all the numbers you step over

⁠

Be able to use the NPMjs.com packages to make a webserver with middleware and static middleware to show images Be able to use routes to connect to server.js endpoints from Forms

⁠

Materials:

Class GIt Hub Repository:

⁠

https://github.com/The-Techno-Mage/csd3103⁠

⁠

https://lucid.app/lucidchart/960cec38-835b-4ae4-9f45-c9229ba9f291/edit?viewport_loc=-1472%2C-1685%2C4743%2C2293%2C0_0&invitationId=inv_09ec3895-cb28-409e-b757-cde0df4a0560⁠

⁠

Annotated Course Outline:

⁠

https://www.dropbox.com/scl/fi/u3h1lpi63g1gkgn5ry1fa/2023-2024_csd-3103-Course-Outline.docx?rlkey=v5mlkm7t7q3a5eek382qz67px&dl=0⁠

⁠

MINDMANAGER VISUAL LEARNING ROAD MAP

⁠

https://share.mindmanager.com/#publish/YU8UHu4NhkBM4grs74_tVaNM6Mro2xCKZWwf2HvH⁠

⁠

Class PowerPoint Workbook:

https://www.dropbox.com/scl/fi/y493kw8fsif6i4lg23ab2/CSD-3103-JavaScript-Fundamentals-2023S.pptx?rlkey=q711ucyaclfcgtoob4woz4z6n&st=716cjqqw&dl=0⁠

⁠

Divvy’s Day at Work:

⁠

https://youtu.be/W6kwQC0ShyA⁠

⁠

HTML Dom Selectors for CSS and JavaScript:

⁠

https://coda.io/@peter-sigurdson/dom-selectors⁠

Day 1: Setting up the tooling and Core Concepts:

Install Visual Studio Code

Understanding that JavaScript is a Programming Language:

Practice writing basic JavaScript programs.

Understand the Browser Object Model and the Node.js Console Object Model as execution contexts for JavaScript.

Using Chromium Devtools to troubleshoot your Web Page

Programming “server side” JavaScript

Test Question Practice: Write JavaScript programs to add the numbers from 1 to 100, stepping up by 7 each time, and adding the stepped over numbers.

Day 2: JavaScript Functions Lab Drills:

⁠

https://coda.io/@peter-sigurdson/mastering-javascript-functions-a-comprehensive-lab-workbook-for-⁠

⁠

Day 3: Writing JavaScript in Visual Studio Code to run under Node, and using
`NPMJS.com`⁠
packages

Lab Drills:

⁠

https://coda.io/@peter-sigurdson/csd3103-practices-of-node-js-npm-application-development-with-vi⁠

⁠

Day 4 : The Browser Object Model : Programming JavaScript to the HTML DOM

⁠

https://coda.io/@peter-sigurdson/node-js-chromium-v8-console-object-model-and-browser-object-mode⁠

⁠

https://coda.io/@peter-sigurdson/selectors⁠

⁠

https://coda.io/@peter-sigurdson/javascripts-role-in-browser-object-model-bom-and-html-document-o⁠

⁠

Day 5: Building the Express Web Server:

⁠
`https://coda.io/@peter-sigurdson/lab-workbook-setting-up-a-node-js-express-server-with-sqlite-and`⁠
⁠

⁠

https://coda.io/@peter-sigurdson/csd3103-practices-of-node-js-npm-application-development-with-vi⁠

⁠

Day 6

JS Functions worksheet:
`https://coda.io/@peter-sigurdson/mastering-javascript-functions-a-comprehensive-lab-workbook-for-`⁠
⁠

Lab Drills:

⁠

https://coda.io/@peter-sigurdson/csd3103-practices-of-node-js-npm-application-development-with-vi⁠

Day 7

Lab Drills:

Building the Express Web Server:

https://coda.io/@peter-sigurdson/lab-workbook-setting-up-a-node-js-express-server-with-sqlite-and⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.

s24 CSD 3103 Mid Term Exam Study Syllabus

My Personal Assist Astrilde has agreed to assist you with your studies:

Topics for the Mid Term Test:

CSD 3103 Mid Term Study Questions:

Materials:

Class GIt Hub Repository:

Annotated Course Outline:

Day 1: Setting up the tooling and Core Concepts:

Day 2: JavaScript Functions Lab Drills:

Day 3: Writing JavaScript in Visual Studio Code to run under Node, and using NPMJS.com⁠ packages

Day 4 : The Browser Object Model : Programming JavaScript to the HTML DOM

Day 5: Building the Express Web Server:

⁠https://coda.io/@peter-sigurdson/lab-workbook-setting-up-a-node-js-express-server-with-sqlite-and⁠⁠

Day 6

JS Functions worksheet: https://coda.io/@peter-sigurdson/mastering-javascript-functions-a-comprehensive-lab-workbook-for-⁠⁠

Day 7

Day 3: Writing JavaScript in Visual Studio Code to run under Node, and using
`NPMJS.com`⁠
packages

⁠
`https://coda.io/@peter-sigurdson/lab-workbook-setting-up-a-node-js-express-server-with-sqlite-and`⁠
⁠

JS Functions worksheet:
`https://coda.io/@peter-sigurdson/mastering-javascript-functions-a-comprehensive-lab-workbook-for-`⁠
⁠