Main

.obsidian/workspace

@@ -9,7 +9,7 @@
         "state": {
           "type": "markdown",
           "state": {
-            "file": "javascript/js-hoisting.md",
+            "file": "livecoding/hydra/hydra-+-tonejs-exploration.md",
             "mode": "source"
           }
         }
@@ -68,7 +68,7 @@
             "state": {
               "type": "backlink",
               "state": {
-                "file": "javascript/js-hoisting.md",
+                "file": "livecoding/hydra/hydra-+-tonejs-exploration.md",
                 "collapseAll": false,
                 "extraContext": false,
                 "sortOrder": "alphabetical",
@@ -88,15 +88,15 @@
   },
   "active": "9cef4d77e1dd63d9",
   "lastOpenFiles": [
+    "livecoding/hydra/hydra-+-tonejs-exploration.md",
+    "livecoding/hydra/hydra-generators.md",
+    "livecoding/hydra/making-your-webpage-with-hydra.md",
+    "livecoding/hydra/hydra-procedurals.md",
     "javascript/js-hoisting.md",
     "javascript/js-variables.md",
-    "livecoding/hydra/making-your-webpage-with-hydra.md",
     "javascript/js-functions.md",
     "javascript/js-loops.md",
     "javascript/js-methods.md",
-    "javascript/js-console-interaction.md",
-    "javascript/js-fundamentals.md",
-    "javascript/js-dom.md",
-    "internet-music/introduction.md"
+    "javascript/js-console-interaction.md"
   ]
 }

50-tools/experimental-browsers.md

@@ -0,0 +1,23 @@
+# Experimental Browsers
+
+#### Brave
+
+Founded by the javascript creator and Mozllla founder Brian Eich in a pragmatical application on the economy of attention: the BAT (Basic Attention Token). Basically, this browser based on chromium bans blocks online ads and replaces them for its own ads environment,  paying fees to the users in exchange for their attention. 
+
+{% embed url="https://brave.com" %}
+
+#### Kosmik
+
+between note-taking and embed browsing
+
+{% embed url="https://www.kosmik.app" %}
+
+#### The Browser Company
+
+They promise a lot of things
+
+{% embed url="https://thebrowser.company" %}
+
+#### Patryk Adas - Speculative design for browsing
+
+{% embed url="http://patrykadas.com/experiments.html" %}

50-tools/glossary.md

@@ -0,0 +1,27 @@
+# Glossary
+
+
+
+| **API**                 | Application programming interface                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
+| ----------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **CLI**                 | command line interface                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| **CMOS**                | Complementary metal—oxide-semiconductor                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| **EDO**                 | equal division of the octave                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| **expressions**         | is the next structure after value. A fragment of code that produces a value is called an expression.                                                                                                                                                                                                                                                                                                                                                                                    |
+| **filter**              | <p>shapes tone of a sound by attenuating frequencies.</p><p>cutoff: point at which to block certain frequencies</p><p>resonances (Q): amount by which to boost amplitude at cutoff point</p>                                                                                                                                                                                                                                                                                            |
+| **html dom events**     | allow js to register different event handlers on elements in an HTML document.                                                                                                                                                                                                                                                                                                                                                                                                          |
+| **html dom events**     | <p>allow JavaScript to register different event handlers on elements in an HTML document.</p><p>Events are normally used in combination with functions, and the function will not be executed before the event occurs (such as when a user clicks a button).</p>                                                                                                                                                                                                                        |
+| **html dom methods**    | actions on the DOM events                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| **html dom properties** | properties on the dom events                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| **IDE**                 | An integrated development environment is a software application that provides comprehensive facilities to computer programmers for software development.                                                                                                                                                                                                                                                                                                                                |
+| **LAMP**                | Linux, Apache, MySQL, PHP Perl Python                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| **method**              | are actions that can be performed on objects. A JavaScript method is a property containing a function  definition.                                                                                                                                                                                                                                                                                                                                                                      |
+| **mixin**               | <p>In object-oriented programming languages, a mixin is a class that contains methods for use by other classes without having to be the parent class of those other classes. How those other classes gain access to the mixin's methods depends on the language.</p><p>A mixin is a class (interface, in WebAPI spec terms) in which some or all of its methods and/or properties are unimplemented, requiring that another class or interface provide the missing implementations.</p> |
+| **MMOGs**               | massiveley multiplayer online games                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| **object**              | A JavaScript object is a collection of unordered properties.                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| **oscillator**          | generates a waveform of a certain shape at a certain pitch ; create sound; a representation of the fluctuation of the air pressure                                                                                                                                                                                                                                                                                                                                                      |
+| **property**            | are the values associated with a JavaScript object. Properties can usually be changed, added, and deleted, but some are read only.                                                                                                                                                                                                                                                                                                                                                      |
+| **statement**           | <p>If an expression corresponds to a sentence fragment, a JavaScript statement corresponds to a full sentence. A program is a list of statements.</p><p>The simplest kind of statement is an expression with a semicolon after it.</p>                                                                                                                                                                                                                                                  |
+| **TET**                 | twelve tone equal system                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| **values**              | is a chunk that represent pieces of information                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| **WebAssembly**         | wasm, a stack-bsased virtual machine.                                                                                                                                                                                                                                                                                                                                                                                                                                                   |

50-tools/how-to-create-a-github-repository.md

@@ -0,0 +1,44 @@
+---
+description: brief introduction to the version control system GIT and GitHub
+---
+
+# How to create a github repository
+
+Git is a distributed version control system. A version control system:
+
+1. track changes in any set of files
+2. coordinate work and contributions between programmers.
+3. Its goal is to preserve the data integrity (not overlapping
+4. Created by Linus Torvalds, It was on of the main pillars of the creation of Linux kernel in 2005
+
+Github ,A hosting service that houses a web-based git repository. It includes all the fucntionality of git with additional features added in.
+
+#### 1. create a repo from local folder
+
+Actually there is not a stable way to create a repository from a local machine. Then, you must create a github account, and create a repository on the webpage. Nevertheless, we present two ways of doing so from CLI:
+
+```jsx
+curl -u user:pass <https://api.github.com/<username>/repos> -d
+hub create [repo-name]  //you need to install the program hub, in mac try: brew install hub
+```
+
+#### 2. upload a file to a repo already created
+
+```jsx
+choose the target folder // the folder you want to upload
+git init //initializate .git in the folder
+git add [filaname] // add the file , or git add . to add all the folder
+git  commit -m "commentary about the update" // commit 
+git remote add origin <https://github.com/zzigo/>[repo name].git
+git push origin [branch] //git push origin master -u
+
+//git branch -M main
+
+
+```
+
+#### 3. download a repo or a file
+
+```jsx
+git clone
+```

50-tools/ides.md

@@ -0,0 +1,30 @@
+---
+description: basic commands for locals and cloud IDEs we use
+---
+
+# IDEs
+
+## repl.it
+
+```jsx
+⌘ + /   === toggle comment
+⌘           === select multiple areas and type
+⌘ + Enter === run code
+⌘ + F   === find 
+⌘ + D   === find next 
+⌥ + ↓   === swap down
+⌥ + ↑   === swap up
+⌥ + ⌘ + F  === find and replace
+⇧ + ⌘ + Etr === enter new line above
+⇧ + ⌘ + K  === delete line
+⌘ + ↑   === jump to top of your code
+⌘ + ↓   === jump to bottom of your code
+⌥ + →          === next word right
+⌥ + ←          === next word left
+Triple Click === highlight sentence
+Tab          === indent selection 
+⇧ + Tab         === unindent selection 
+⌘ + +   === zoom out (on Chrome window)
+⌘ + -  === zoom in (on Chrome window)
+fn + F1         === search hotkeys´
+```

GLOSSARY.md

@@ -0,0 +1,59 @@
+## API
+Application programming interface
+
+## CLI
+command line interface
+
+## CMOS
+Complementary metal—oxide-semiconductor
+
+## EDO
+ equal division of the octave
+
+## expressions
+is the next structure after value. A fragment of code that produces a value is called an expression.
+
+## filter
+<p>shapes tone of a sound by attenuating frequencies.</p><p>cutoff: point at which to block certain frequencies</p><p>resonances (Q): amount by which to boost amplitude at cutoff point</p>
+
+## html dom events
+<p>allow JavaScript to register different event handlers on elements in an HTML document.</p><p>Events are normally used in combination with functions, and the function will not be executed before the event occurs (such as when a user clicks a button).</p>## html dom methods actions on the DOM events
+
+## html dom properties
+properties on the dom events
+
+## IDE
+An integrated development environment is a software application that provides comprehensive facilities to computer programmers for software development.
+
+## LAMP
+Linux, Apache, MySQL, PHP Perl Python
+
+## method
+are actions that can be performed on objects. A JavaScript method is a property containing a functiondefinition.
+
+## mixin
+<p>In object-oriented programming languages, a mixin is a class that contains methods for use by other classes without having to be the parent class of those other classes. How those other classes gain access to the mixin's methods depends on the language.</p><p>A mixin is a class (interface, in WebAPI spec terms) in which some or all of its methods and/or properties are unimplemented, requiring that another class or interface provide the missing implementations.</p>
+
+## MMOGs
+massiveley multiplayer online games
+
+## object
+A JavaScript object is a collection of unordered properties.
+
+## oscillator
+generates a waveform of a certain shape at a certain pitch ; create sound; a representation of the fluctuation of the air pressure
+
+## property
+are the values associated with a JavaScript object. Properties can usually be changed, added, and deleted, but some are read only.
+
+## statement
+<p>If an expression corresponds to a sentence fragment, a JavaScript statement corresponds to a full sentence. A program is a list of statements.</p><p>The simplest kind of statement is an expression with a semicolon after it.</p>
+
+## TET
+ twelve tone equal system
+
+## values
+is a chunk that represent pieces of information 
+
+## WebAssembly
+wasm, a stack-bsased virtual machine.