Skip to content

Commit 6f8956a

Browse files
updated link from .co to .org
1 parent e5f469b commit 6f8956a

20 files changed

+91
-91
lines changed

README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
## https://www.javascripter.co/
1+
## https://www.javascripter.org/
22

33
### A compilation of notes during my journey from novice to full stack JavaScript developer by Russell Rosario.
44

content/backend/databases.md

+5-5
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ script = 'animation'
3131
<dd>A set of properties of database transactions intended to guarantee validity even in the event of errors, power failures, etc. <b>Atomicity</b> guarantees that each transaction is treated as a single "unit", which either succeeds completely, or fails completely. <b>Consistency</b> ensures that a transaction can only bring the database from one valid state to another. <b>Isolation</b> ensures that concurrent execution of transactions leaves the database in the same state that would have been obtained if the transactions were executed sequentially. <b>Durability</b> guarantees that once a transaction has been committed, it will remain committed even in the case of a system failure.</dd>
3232
</dl>
3333
<div style="text-align:center">
34-
<img alt="Image" src="https://www.javascripter.co/img/backend/database_types.jpg">
34+
<img alt="Image" src="https://www.javascripter.org/img/backend/database_types.jpg">
3535
</div>
3636
</div>
3737
<div style="text-align:right"> <a href="#top">&#8593; Top</a></div>
@@ -82,13 +82,13 @@ The UNION operator is used to combine multiple similar schema result-sets.</dd><
8282
<dt>Operators</dt>
8383
<dd>
8484
<div style="text-align:center">
85-
<img alt="Image" src="https://www.javascripter.co/img/backend/sql_operators.png">
85+
<img alt="Image" src="https://www.javascripter.org/img/backend/sql_operators.png">
8686
</div>
8787
</dd>
8888
<dt>Joins</dt>
8989
<dd>A JOIN clause is used to combine rows from two or more tables, based on a related column between them.</dd>
9090
<div style="text-align:center">
91-
<img alt="Image" src="https://www.javascripter.co/img/backend/sql_joins.png">
91+
<img alt="Image" src="https://www.javascripter.org/img/backend/sql_joins.png">
9292
</div>
9393
</dl>
9494
</div>
@@ -103,7 +103,7 @@ The UNION operator is used to combine multiple similar schema result-sets.</dd><
103103
<dd>Simplicity of design, simpler "horizontal" scaling to clusters of machines (which is a problem for relational databases), and finer control over availability. The data structures used by NoSQL databases (e.g. key-value, wide column, graph, or document) are different from those used by default in relational databases, making some operations faster in NoSQL. Sometimes the data structures used by NoSQL databases are also viewed as "more flexible" than relational database tables due to not having to adhere to previously defined schemas.</dd>
104104
</dl>
105105
<div style="text-align:center">
106-
<img alt="Image" src="https://www.javascripter.co/img/backend/sql_comparison.png">
106+
<img alt="Image" src="https://www.javascripter.org/img/backend/sql_comparison.png">
107107
</div>
108108
</div>
109109
<div style="text-align:right"> <a href="#top">&#8593; Top</a></div>
@@ -128,7 +128,7 @@ The UNION operator is used to combine multiple similar schema result-sets.</dd><
128128
<dd>Includes fuzzy matching and proximity queries.</dd>
129129
<dt>Elastic Stack</dt>
130130
<div style="text-align:center">
131-
<img alt="Image" src="https://www.javascripter.co/img/backend/elk.png">
131+
<img alt="Image" src="https://www.javascripter.org/img/backend/elk.png">
132132
</div>
133133
<dt>Technical notes</dt>
134134
<dd>Use scripts to import CSV directly into Elasticsearch. Or use Logstash to import, parse, and transform data from various sources (Kafka, Apache Spark, Hadoop, MySQL, S3, etc). Logstash then exports into Elasticsearch. Logstash can scale across many nodes and guarantees at-least-once delivery. </dd>

content/backend/node.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ script = 'animation'
2121
<dt>Process.env</dt>
2222
<dd>The process.env global variable is injected by the Node at runtime for your application to use and it represents the state of the system environment your application is in when it starts. Secret variables are stored here rather than in accessible code.</dd><br/>
2323
<div style="text-align:center">
24-
<img alt="Image" src="https://www.javascripter.co/img/backend/nodeJS.jpg">
24+
<img alt="Image" src="https://www.javascripter.org/img/backend/nodeJS.jpg">
2525
</div>
2626
</dl>
2727
</div>

content/backend/web_framework.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ script = 'animation'
3939
<dt>Middleware</dt>
4040
<dd>Middleware functions are functions that have access to the request object (req), the response object (res), and the next middleware function in the application’s request-response cycle. </dd>
4141
<div style="text-align:center">
42-
<img alt="Image" src="https://www.javascripter.co/img/backend/middleware.PNG">
42+
<img alt="Image" src="https://www.javascripter.org/img/backend/middleware.PNG">
4343
</div>
4444
</dl>
4545
</div>
@@ -51,15 +51,15 @@ script = 'animation'
5151
<dt>Hashing and salting</dt>
5252
<dd>Hashing performs a one-way transformation on a password, turning the password into another string, called the hashed password. Salting is adding random data as an additional input to the hash function. Authentication then relies on comparing the salt + hash of the original password. This protects commonly used passwords or users who use the same password on several sites, by making all salted hash instances for the same password different from each other.</dd>
5353
<div style="text-align:center">
54-
<img alt="Image" src="https://www.javascripter.co/img/backend/salt_hash.png">
54+
<img alt="Image" src="https://www.javascripter.org/img/backend/salt_hash.png">
5555
<figcaption>
5656
Preventing reverse engineering via brute forcing the hash algorithm
5757
</figcaption>
5858
</div><br/>
5959
<dt>Cookies vs tokens</dt>
6060
<dd>Cookie-based authentication is stateful. This means that an authentication record or session must be kept both server and client-side. Token-based authentication is stateless. The server does not keep a record of which users are logged in or which tokens have been issued. Instead, every request to the server is accompanied by a signed token which the server uses to verify the authenticity of the request. Today, most authentication has moved from cookie-based to token-based.</dd>
6161
<div style="text-align:center">
62-
<img alt="Image" src="https://www.javascripter.co/img/backend/cookie_token.png">
62+
<img alt="Image" src="https://www.javascripter.org/img/backend/cookie_token.png">
6363
</div><br/>
6464
<dt>Authentication libraries</dt>
6565
<dd><b>Passport</b> - authentication middleware for Node that provides "strategies" for handling all types of authentication mechanisms. <b>JWT</b> (JSON web tokens) and <b>OAuth</b> (login with Facebook/Google account) are the most common. </dd><br/>
@@ -101,7 +101,7 @@ script = 'animation'
101101
<dd>In HTTPS, the communication protocol is encrypted using Transport Layer Security (TLS) to encrypt data before it is sent from the client to the server, thus preventing some common hacks (Man in the middle). HTTPS is based on <b>public/private-key cryptography</b>. This means that there is a key pair: The public key is used for encryption and the secret private key is required for decryption. A website certificate is a public key with a label identifying the owner. when your browser connects to an HTTPS server, the server will answer with its certificate. The browser checks if the certificate is valid and signed by a trusted certification authority. After the verification, the browser extracts the public key and uses it to encrypt information it sends back to the server. The server can decrypt it because the server has the matching private key.
102102
</dd><br/>
103103
<div style="text-align:center" width="85%">
104-
<img alt="Image" src="https://www.javascripter.co/img/backend/key_encryption.png">
104+
<img alt="Image" src="https://www.javascripter.org/img/backend/key_encryption.png">
105105
</div><br/>
106106
<dt>Set security related HTTP headers</dt>
107107
<dd><b>Cross-origin resource sharing (CORS)</b> is a mechanism that allows restricted resources on a web page to be requested from another domain outside the domain from which the first resource was served. A web page may freely embed cross-origin images, stylesheets, scripts, iframes, and videos. Certain "cross-domain" requests, notably Ajax requests, are forbidden by default by the same-origin security policy. These have to be set explicitly on the header.</dd><br/>

content/basics/cs.md

+5-5
Original file line numberDiff line numberDiff line change
@@ -57,31 +57,31 @@ script = 'animation'
5757
<dd>You fix the robot so that it's loading things correctly. The next day, one of your co-workers plays a prank on you and wires the loading dock robot to the automated printing systems. Every time the robot goes to load an original book, the factory printer makes a duplicate run of all the phonebooks! Fortunately, the robot's bug-detection systems are sophisticated enough that the robot doesn't try printing even more copies when it encounters a duplicate book for loading, but it still has to load every original and duplicate book that's been printed.</dd>
5858
</dl>
5959
<div style="text-align:center">
60-
<img src="https://www.javascripter.co/img/basics/algos.png">
60+
<img src="https://www.javascripter.org/img/basics/algos.png">
6161
</div>
6262
<div style="text-align:center;margin-top:55px;">
63-
<img src="https://www.javascripter.co/img/basics/sorting.png">
63+
<img src="https://www.javascripter.org/img/basics/sorting.png">
6464
</div>
6565
</div>
6666
<div style="text-align:right"> <a href="#top">&#8593; Top</a></div>
6767

6868
<h3 class="section-head" id="h-Section2"><a href="#h-Section2">Data Structures</a></h3>
6969
<div class="example">
7070
<div style="text-align:center">
71-
<img src="https://www.javascripter.co/img/basics/data_structures.jpg">
71+
<img src="https://www.javascripter.org/img/basics/data_structures.jpg">
7272
</div>
7373
<div class="row">
7474
<div class="col col-6">
7575
<figure>
76-
<img alt="Image" src="https://www.javascripter.co/img/basics/bst.png" width="85%">
76+
<img alt="Image" src="https://www.javascripter.org/img/basics/bst.png" width="85%">
7777
<figcaption>
7878
Binary search trees keep their keys in sorted order, so that lookup and other operations can use the principle of binary search. This means that each comparison allows the operations to skip about half of the tree, so that each lookup is much better than the linear time required to find items by key in an (unsorted) array, but slower than the corresponding operations on hash tables.
7979
</figcaption>
8080
</figure>
8181
</div>
8282
<div class="col col-6">
8383
<figure>
84-
<img alt="Image" src="https://www.javascripter.co/img/basics/hash.png">
84+
<img alt="Image" src="https://www.javascripter.org/img/basics/hash.png">
8585
<figcaption>
8686
Hash functions are used in hash tables, to quickly locate a data record (e.g., a dictionary definition) given its search key. Specifically, the hash function is used to map the search key to a list; the index gives the place in the hash table where the corresponding record should be stored. Typically, the set of possible keys is larger than the number of different table indices, and so it will map several different keys to the same index which could result in collisions. So then, each slot of a hash table is associated with a set of records, often called a bucket.
8787
</figcaption>

content/basics/fundamentals.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ script = 'animation'
2929
<dd>The glue that connects all components together. It is connected to a power supply and contains expansion slots to allow for additional functionality. For example, a GPU can offload video processing from the CPU. </dd>
3030
</dl>
3131
<div style="text-align:center">
32-
<img src="https://www.javascripter.co/img/basics/hardware.gif">
32+
<img src="https://www.javascripter.org/img/basics/hardware.gif">
3333
</div>
3434
</div>
3535
<div style="text-align:right"> <a href="#top">&#8593; Top</a></div>
@@ -54,7 +54,7 @@ script = 'animation'
5454
<li><b>Concurrency </b> - Interleaving of processes within one processor, giving the illusion of simultaneous execution.</li>
5555
</ul>
5656
<div style="text-align:center">
57-
<img src="https://www.javascripter.co/img/basics/threads.png">
57+
<img src="https://www.javascripter.org/img/basics/threads.png">
5858
</div>
5959
</div>
6060

@@ -64,7 +64,7 @@ script = 'animation'
6464
<div class="example">
6565
<p>Because a transmitter can only relay on and off, computers use the base-2 (binary) numeral system using only two symbols: "0" and "1".</p>
6666
<div style="text-align:center">
67-
<img src="https://www.javascripter.co/img/basics/binary.png">
67+
<img src="https://www.javascripter.org/img/basics/binary.png">
6868
</div>
6969
<h5>Bit vs Byte</h5>
7070
<p>A <b>bit</b> is the basic unit of information representing either 0 or 1. <br/>
@@ -89,6 +89,6 @@ script = 'animation'
8989
<div class="example">
9090
<p>The Command line interface (CLI) is a means of interacting with a computer program where the user (or client) issues commands to the program in the form of successive lines of text (command lines). Most users rely upon graphical user interfaces and menu-driven interactions with a mouse. However, many software developers, system administrators and advanced users still rely heavily on command-line interfaces to perform tasks more efficiently, configure their machine, or access programs and program features that are not available through a graphical interface.</p>
9191
<p>A Unix shell is a command-line interpreter or shell that provides a command line user interface for Unix-like operating systems. Bash is a Unix shell and command language that can be used for executing commands from the CLI. <i> Windows has their own their shell and command language. Install Git Bash on Windows to run these commands.</i></p>
92-
<img src="https://www.javascripter.co/img/basics/cli.png">
92+
<img src="https://www.javascripter.org/img/basics/cli.png">
9393
</div>
9494
<div style="text-align:right"> <a href="#top">&#8593; Top</a></div>

content/basics/ip.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ script = 'animation'
2828
</dl>
2929
<div style="text-align:center">
3030
<figure>
31-
<img alt="Image" src="https://www.javascripter.co/img/basics/AWS_VPC.png">
31+
<img alt="Image" src="https://www.javascripter.org/img/basics/AWS_VPC.png">
3232
<figcaption>
3333
An example of a cloud VPN on AWS
3434
</figcaption>
@@ -120,7 +120,7 @@ X-Pad: avoid browser bug<br/>
120120

121121
<p>DNS resolution occurs by first looking up the name server for the TLD (.com or .net), then the name server for the full domain (medium.com), and lastly the numeric IP of the subdomain with domain (www.medium.com). To reduce the load on the Domain Name System servers, results are cached locally or in intermediate resolver hosts. A time to live (TTL) is included with the cached results, an expiration time after which the results must be discarded or refreshed.</p>
122122
<div style="text-align:center">
123-
<img src="https://www.javascripter.co/img/basics/dns.png">
123+
<img src="https://www.javascripter.org/img/basics/dns.png">
124124
</div>
125125
</div>
126126
<div style="text-align:right"> <a href="#top">&#8593; Top</a></div>

content/devops/methodologies.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ script = 'animation'
1616
<dd><i>Below are the CLI commands for Git repositories.</i></dd>
1717
</dl>
1818
<div style="text-align:center">
19-
<img alt="Image" src="https://www.javascripter.co/img/devops/git.png">
19+
<img alt="Image" src="https://www.javascripter.org/img/devops/git.png">
2020
</div><br/>
2121
</div>
2222
<div style="text-align:right"> <a href="#top">&#8593; Top</a></div>
@@ -52,7 +52,7 @@ script = 'animation'
5252
</dd>
5353
</dl>
5454
<div style="text-align:center">
55-
<img alt="Image" src="https://www.javascripter.co/img/devops/agile.jpg">
55+
<img alt="Image" src="https://www.javascripter.org/img/devops/agile.jpg">
5656
</div><br/>
5757
</div>
5858
<div style="text-align:right"> <a href="#top">&#8593; Top</a></div>
@@ -72,7 +72,7 @@ script = 'animation'
7272
</ol>
7373
</dd>
7474
<div style="text-align:center">
75-
<img alt="Image" src="https://www.javascripter.co/img/devops/CI_in_AWS.PNG">
75+
<img alt="Image" src="https://www.javascripter.org/img/devops/CI_in_AWS.PNG">
7676
</div><br/>
7777
</dl>
7878
</div>

0 commit comments

Comments
 (0)