Adding more stuff about python

Author: gbowne1

Node_JavaScript_Programming/nodejs-resources.md

@@ -0,0 +1,37 @@
+# Node.JS resources for learning
+
+There are a number of resources to learn NodeJS.  My notes on NodeJS were not meant to explicitly be tutorials.
+
+In my experiences these resources I have reviewed to be good.
+
+<https://learn.microsoft.com/en-us/training/modules/intro-to-nodejs/> NodeJS on VSCode for Windows tutorial by Microsoft
+
+<https://www.youtube.com/watch?v=RLtyhwFtXQA> freeCodeCamp Node.JS tutorial video
+
+<https://www.youtube.com/watch?v=Oe421EPjeBE> freeCodeCamp's Node.JS and Express Full course (8 hours but has chapters)
+
+<https://www.freecodecamp.org/news/get-started-with-nodejs/> freeCodeCamp's tutorial website to go along with the above video
+
+<https://www.youtube.com/watch?v=qwfE7fSVaZM> freeCodeCamp's 10 hour NodeJS / Express course with 4 projects.
+
+<https://www.youtube.com/watch?v=RLtyhwFtXQA> freeCodeCamp's 3 hour Full Tutorial for NodeJS.
+
+<https://nodejs.org/en/learn/getting-started/introduction-to-nodejs> NodeJS's own introduction / tutorial
+
+<https://github.com/nodejs/examples/blob/main/README.md#examples> NodeJS's own examples from the above webpage/website
+
+<https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction>  MDN/Mozilla's learning NodeJS and Express
+
+<https://expressjs.com/en/starter/installing.html> ExpressJS getting started guide to get express going
+
+<https://www.youtube.com/watch?v=TlB_eWDSMt4> Programming with Mosh's Learn NodeJS Tutorial (1hr)
+
+<https://www.youtube.com/watch?v=w-7RQ46RgxU&list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp&index=1> NodeJS Playlist (37 videos less than 10 mins each) by NetNinja
+
+<https://www.youtube.com/watch?v=zb3Qk8SG5Ms&list=PL4cUxeGkcC9jsz4LDYc6kv3ymONOKxwBU&index=1> Another NodeJS crash course by NetNinja
+
+<https://www.youtube.com/playlist?list=PLC3y8-rFHvwh8shCMHFA5kWxD9PaPwxaY> NodeJS Tutorial by Codevolution
+
+<https://www.youtube.com/watch?v=fBNz5xF-Kx4> Traversy Media's NodeJS course (updated 2024 version here <https://www.youtube.com/watch?v=32M1al-Y6Ag>)
+
+There is also a subreddit <https://www.reddit.com/r/node/>

Node_JavaScript_Programming/using-npm.md

@@ -1,4 +1,22 @@
-`npm outdated`
-`npm list`
-`npm ls`
-`npm update`
+# Using npm
+
+`npm outdated` -- Returns list of the outdated installed packages from your package.json file
+`npm list` --
+`npm ls` -- shows a list of installed packages.
+`npm update` -- Updates the packages listed in package.json
+`npm init` -- Initializes a new node.js project
+`npm run <script_name>` -- runs whatever script is in 'scripts` in package.json
+`npm cache clean --force` forces npm to clear its cache.
+`npm ci` -- Installs dependencies directly from package-lock.json or npm-shrinkwrap.json, ignoring package.json
+`npm audit` scans your project for known security vulnerabilities in your dependencies but no changes applied.
+`npm audit fix`
+`npm audit fix --force`
+`npm version <new_version>` -- updates the semver version listing in your package.json to whatever <new_version> you specify.
+`npm i <package_name` -- short version of npm install.
+`npm install <package_name>` installs the package specified.
+`npm install -g <package_name>` Installs a package globally, making it available across all your Node.js projects on your system
+`npm uninstall <package_name>` removes a ppackage and its update from package.json
+`npm view <package_name>`
+`npm prune <package_name>`
+`npm show` -- similar to npm view
+

Python/debugging-python.md

@@ -2,3 +2,10 @@
 
 Here are some tips for debugging Python.
 
+
+## VSCode debugging Python
+
+VSCode now uses `debugpy` for debugging, so `pip install debugpy`
+Set breakpoints by clicking in the gutter left of the line numbers.
+To debug, you need to have a launch.json file.
+Open the Run view by clicking on the Run icon in the Activity Bar on the side, or press Ctrl+Shift+D.

WebDevelopment/aria-accessibility.md

@@ -0,0 +1,35 @@
+# About using aria in Web Development projeccts.
+
+The most commonly used ARIA attributes are those that help to improve the accessibility of dynamic content, interactive widgets, and complex user interfaces. These attributes are particularly useful for making web applications more accessible to users with disabilities, especially those who rely on assistive technologies like screen readers.  There are tons of these attributes.  This is not intended to be a complete list of attributes.
+
+Here's a list of the most commonly used ARIA attributes.
+
+    aria-label: Provides a text description of an element, which is useful for elements that do not have a visible label. It's commonly used for form inputs, buttons, and other interactive elements.
+
+    aria-labelledby: Points to the ID of another element that labels the current element. This is useful for providing a label for elements that do not have a visible label.
+
+    aria-describedby: Points to the ID of another element that describes the current element. This is useful for providing additional information about an element.
+
+    aria-hidden: Indicates whether an element is exposed to an accessibility API. It's used to hide content from assistive technologies.
+
+    aria-readonly: Indicates whether an element is read-only. This is useful for form elements that cannot be edited by the user.
+
+    aria-required: Indicates that user input is required on the element before submission. This helps assistive technologies inform users about mandatory fields.
+
+    aria-disabled: Indicates whether an element is disabled. This is useful for form elements that are not interactable.
+
+    aria-checked: Indicates the checked state of a checkbox or option element. This is useful for form elements that can be checked or unchecked.
+
+    aria-expanded: Indicates whether a section has expanded content. This is useful for collapsible sections or accordions.
+
+    aria-pressed: Indicates whether a button is pressed. This is useful for toggle buttons or checkboxes.
+
+    aria-selected: Indicates whether an element is selected. This is useful for list items, options, and other elements that can be selected.
+
+    aria-multiselectable: Indicates whether an element that has the role attribute set to listbox, tree, or grid has multiple items that can be selected at once.
+
+    aria-sort: Indicates whether an element contains sort controls. This helps users understand how to sort the content of a table or list.
+
+    aria-valuemin, aria-valuemax, aria-valuenow, aria-valuetext: These attributes are used with range inputs like sliders and progress bars to provide information about the current value, minimum value, maximum value, and the text equivalent of the current value.
+
+    aria-live: Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. This is crucial for dynamic content that changes over time.

WebDevelopment/beginning-webdev.md

@@ -44,13 +44,13 @@ The basic tags are:
 
 The tags used to structure the page(s) in HTML are called semantic tags. These are block level elements
 
-<header>
-<footer>
-<aside>
-<article>
-<section>
-<nav>
-<main>
+`<header>`
+`<footer>`
+`<aside>`
+`<article>`
+`<section>`
+`<nav>`
+`<main>`
 
 ## Projects and what to make
 

WebDevelopment/html.md

@@ -12,7 +12,7 @@ These are some of the things I have learned doing web development and creating .
 
 Hopefully this will help you with some baseline knowledge, that may at least help you debug some issues.
 
-## HTML 5 symantic tags
+## HTML 5 semantic tags
 
 `<nav>`
 `<aside>`