gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(guide): simplify directory structure

Browse Source
This commit is contained in:
Mrugesh Mohapatra
2018-10-16 21:26:13 +05:30
parent f989c28c52
commit da0df12ab7
35752 changed files with 0 additions and 317652 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
guide/english/tools/calculators/401k-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: 401k Calculator
---
## 401k Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/401k-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/amortization-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Amortization Calculator
---
## Amortization Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/amortization-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/apr-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Apr Calculator
---
## Apr Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/apr-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/area-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Area Calculator
---
## Area Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/area-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/auto-lease-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Auto Lease Calculator
---
## Auto Lease Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/auto-lease-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

14
guide/english/tools/calculators/binary-calculator/index.md Normal file
View File

@@ -0,0 +1,14 @@
---
title: Binary Calculator
---
## Binary Calculator
A Binary Calculator is used to preform addition, subtraction, multiplication, or division of two binary numbers. A binary calculator can also convert binary values to decimal values, and vice versa.
For example:
10101010 + 11001100 = 0101110110 (binary) or 374 (decimal)
Or, 10101010 x 11001100 = 01000011101111000 (binary) or 34680 (decimal)
#### More Information:
<a href="http://www.calculator.net/binary-calculator.html" target="_blank">An online binary calculator you can experiment with</a>

15
guide/english/tools/calculators/btu-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Btu Calculator
---
## Btu Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/btu-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/calorie-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Calorie Calculator
---
## Calorie Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/calorie-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/circle-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Circle Calculator
---
## Circle Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/circle-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/coding-bootcamp-cost-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Coding Bootcamp Cost Calculator
---
## Coding Bootcamp Cost Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/coding-bootcamp-cost-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/combinations-and-permutations-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Combinations and Permutations Calculator
---
## Combinations and Permutations Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/combinations-and-permutations-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/complex-number-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Complex Number Calculator
---
## Complex Number Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/complex-number-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/conception-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Conception Calculator
---
## Conception Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/conception-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/confidence-interval-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Confidence Interval Calculator
---
## Confidence Interval Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/confidence-interval-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/conversion-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Conversion Calculator
---
## Conversion Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/conversion-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/date-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Date Calculator
---
## Date Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/date-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/density-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Density Calculator
---
## Density Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/density-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/exponent-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Exponent Calculator
---
## Exponent Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/exponent-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/finance-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Finance Calculator
---
## Finance Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/finance-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/financial-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Financial Calculator
---
## Financial Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/financial-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/fraction-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Fraction Calculator
---
## Fraction Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/fraction-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/future-value-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Future Value Calculator
---
## Future Value Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/future-value-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/gpa-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Gpa Calculator
---
## Gpa Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/gpa-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/greatest-common-factor-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Greatest Common Factor Calculator
---
## Greatest Common Factor Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/greatest-common-factor-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/half-life-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Half Life Calculator
---
## Half Life Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/half-life-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/hex-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Hex Calculator
---
## Hex Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/hex-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/income-tax-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Income Tax Calculator
---
## Income Tax Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/income-tax-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Calculators
---
## Calculators
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/inflation-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Inflation Calculator
---
## Inflation Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/inflation-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/interest-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Interest Calculator
---
## Interest Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/interest-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/interest-rate-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Interest Rate Calculator
---
## Interest Rate Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/interest-rate-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

24
guide/english/tools/calculators/ip-subnet-calculator/index.md Normal file
View File

@@ -0,0 +1,24 @@
---
title: Ip Subnet Calculator
---
## Ip Subnet Calculator
IP Subnet Calculators help to divide IP Networks into subnetworks by calculating appropriate network addresses, subnet masks, broadcast addresses, and host IP ranges. For simple networks (like a home LAN), it may be very easy to identify the appropriate values, but for more complex subnetting an IP Subnet Calculator is an excellent tool.
Here are a few online Ip Subnet Calculators:
- http://www.subnet-calculator.com/
- http://jodies.de/ipcalc
- https://www.iplocation.net/subnet-calculator
- http://www.calculator.net/ip-subnet-calculator.html
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->
For more information about IP subnets, look here:
https://en.wikipedia.org/wiki/Subnetwork

15
guide/english/tools/calculators/least-common-multiple-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Least Common Multiple Calculator
---
## Least Common Multiple Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/least-common-multiple-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/log-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Log Calculator
---
## Log Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/log-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

95
guide/english/tools/calculators/matrix-calculator/index.md Normal file
View File

@@ -0,0 +1,95 @@
---
title: Matrix Calculator
---
## Matrix Calculator
A Matrix Calculator is used to perform addition, subtraction or multiplication.
Additionally it can perform operations specific to matrices, such as matrix transposition, inversion or define matrix's rank.
Matrix is built from rows and columns (n x m). Operations done on matrices often put some restrictions on the matrix's dimensions.
##### Addition:
Addition is done by adding values of two matrices of **same** dimensions.
The result is an array of same dimensions as the original ones.
```javascript
// matrices a and b are represented by an array of arrays (rows of columns)
function addMatrices(a, b) {
// we might want to add here constraints for the same dimensions
if (!Array.isArray(a) || !Array.isArray(a[0]) || !Array.isArray(b) || !Array.isArray(b[0])) {
throw new Error('a, b or it\'s children is not an array');
}
const result = [];
for (let i = 0; i < a.length; i++) {
result[i] = [];
for (let j = 0; j < a[i].length; j++) {
result[i][j] = a[i][j] + b[i][j];
}
}
return result;
}
```
##### Subtraction:
Subtraction is done by subtracting values of two matrices of **same** dimensions.
The result is an array of same dimensions as the original ones.
```javascript
// matrices a and b are represented by an array of arrays (rows of columns)
function subtractMatrices(a, b) {
// we might want to add here constraints for the same dimensions
if (!Array.isArray(a) || !Array.isArray(a[0]) || !Array.isArray(b) || !Array.isArray(b[0])) {
throw new Error('a, b or it\'s children is not an array');
}
const result = [];
for (let i = 0; i < a.length; i++) {
result[i] = [];
for (let j = 0; j < a[i].length; j++) {
result[i][j] = a[i][j] - b[i][j];
}
}
return result;
}
```
##### Multiplication:
Multiplication can be done either by multiplying a matrix by a scalar, or by multiplying matrices.
If we multiply two matrices, it can only be done if the number of columns in the left matrix is equal to number of rows in the right matrix.
```javascript
// matrices a and b are represented by an array of arrays (rows of columns)
function multiplyMatrices(a, b) {
// we might want to add here constraints for the dimensions
//let's assume that b has to be either a scalar or an array
if (!Array.isArray(a) || !Array.isArray(a[0]) || ((!Array.isArray(b) || !Array.isArray(b[0])) && isNaN(b))) {
throw new Error('a, b or it\'s children is not an array');
}
if (!isNaN(b)) {
for (let i = 0; i < a.length; i++) {
for (let j = 0; j < a[i].length; j++) {
a[i][j] = a[i][j] * b;
}
}
return a;
}
const result = [];
for (let i = 0; i < a.length; i++) {
result[i] = [];
for (let j = 0; j < a[i].length; j++) {
let sum = 0;
for (let k = 0; k < b[i].length; k++) {
sum += a[i][k] * b[k][j];
}
result[i][j] = sum;
}
}
return result;
}
```
#### More information:
https://en.wikipedia.org/wiki/Matrix_(mathematics)

15
guide/english/tools/calculators/mean-median-mode-range-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Mean Median Mode Range Calculator
---
## Mean Median Mode Range Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/mean-median-mode-range-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/mortgage-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Mortgage Calculator
---
## Mortgage Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/mortgage-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/mortgage-payoff-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Mortgage Payoff Calculator
---
## Mortgage Payoff Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/mortgage-payoff-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/number-sequence-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Number Sequence Calculator
---
## Number Sequence Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/number-sequence-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/order-of-operations-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Order of Operations Calculator
---
## Order of Operations Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/order-of-operations-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/percent-error-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Percent Error Calculator
---
## Percent Error Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/percent-error-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/percentage-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Percentage Calculator
---
## Percentage Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/percentage-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/present-value-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Present Value Calculator
---
## Present Value Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/present-value-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/prime-number-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Prime Number Calculator
---
## Prime Number Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/prime-number-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/probability-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Probability Calculator
---
## Probability Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/probability-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/ratio-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Ratio Calculator
---
## Ratio Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/ratio-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/refinance-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Refinance Calculator
---
## Refinance Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/refinance-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/return-on-investment-roi-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Return on Investment Roi Calculator
---
## Return on Investment Roi Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/return-on-investment-roi-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/salary-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Salary Calculator
---
## Salary Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/salary-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/sales-tax-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Sales Tax Calculator
---
## Sales Tax Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/sales-tax-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/sample-size-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Sample Size Calculator
---
## Sample Size Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/sample-size-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/scientific-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Scientific Calculator
---
## Scientific Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/scientific-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/sigma-sum-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Sigma Sum Calculator
---
## Sigma Sum Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/sigma-sum-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/slope-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Slope Calculator
---
## Slope Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/slope-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/square-footage-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Square Footage Calculator
---
## Square Footage Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/square-footage-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/standard-deviation-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Standard Deviation Calculator
---
## Standard Deviation Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/standard-deviation-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/surface-area-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Surface Area Calculator
---
## Surface Area Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/surface-area-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/take-home-paycheck-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Take Home Paycheck Calculator
---
## Take Home Paycheck Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/take-home-paycheck-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/time-zone-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Time Zone Calculator
---
## Time Zone Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/time-zone-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

129
guide/english/tools/calculators/tip-calculator/index.md Normal file
View File

@@ -0,0 +1,129 @@
---
title: Tip Calculator
---
## Tip Calculator
A Tip Calculator is a calculator that calculates a tip based on the percentage of the total bill.
## Step 1 - HTML:
We create a form in order to enter the preferred amount:
```html
<!doctype html>
<html lang="en">
<head>
<title>Tip Calculator</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
</head>
<body class="bg-dark">
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto">
<div class="card card-body text-center mt-5">
<h1 class="heading display-5 pb-3">Tip Calculator</h1>
<form id="tip-form">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="number" class="form-control" id="billTotal" placeholder="Total Bill">
</div>
</div>
<div class="form-group tipPersent">
<div class="input-group">
<label for="">Tip:</label>
<input type="range" class="form-control" id="tipInput" value="0">
<span class="input-group-addon" id="tipOutput"></span>
</div>
</div>
</form>
<hr>
<!-- RESULTS -->
<div id="results" class="pt-4">
<h5>Results</h5>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">Tip amount</span>
<input type="number" class="form-control" id="tipAmount" disabled>
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">Total Bill with Tip</span>
<input type="number" class="form-control" id="totalBillWithTip" disabled>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</body>
</html>
```
## Step 2 - CSS:
You design the style however you want. You can also use CSS to hide the results and show them through JavaScript after the user fills in the form:
```css
#results {
display:none;
}
```
## Step 3: JavaScript:
We add onchange event. The onchange event occurs when user interacts with the form.
This action will execute a function that computes the final bill amount based on the percentage tip, then returns the results.
```javascript
document.querySelector('#tip-form').onchange = function(){
var bill = Number(document.getElementById('billTotal').value);
var tip = document.getElementById('tipInput').value;
document.getElementById('tipOutput').innerHTML = `${tip}%`;
var tipValue = bill * (tip/100)
var finalBill = bill + tipValue
console.log(finalBill)
var tipAmount = document.querySelector('#tipAmount')
var totalBillWithTip = document.querySelector('#totalBillWithTip')
tipAmount.value = tipValue.toFixed(2);
totalBillWithTip.value =finalBill.toFixed(2);
//Show Results
document.getElementById('results').style.display='block'
}
```
You can see a working example and its code on [Codepen.io](https://codepen.io/voula12/pen/djrZGw).

15
guide/english/tools/calculators/triangle-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Triangle Calculator
---
## Triangle Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/triangle-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/vector-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Vector Calculator
---
## Vector Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/vector-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/voltage-drop-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Voltage Drop Calculator
---
## Voltage Drop Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/voltage-drop-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/tools/calculators/volume-calculator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Volume Calculator
---
## Volume Calculator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/calculators/volume-calculator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

14
guide/english/tools/color-naming/index.md Normal file
View File

@@ -0,0 +1,14 @@
---
title: Color Naming
---
## Color Naming
Coming up with color names, can be really tricky. There is a great tool, that allows you to generate a random name based on your color hex code.
### More Information
* <a href='http://chir.ag/projects/name-that-color' target='_blank' rel='nofollow'>Name that color</a>
* <a href='https://www.npmjs.com/package/color-name-generator' target='_blank' rel='nofollow'>color-name-generator npm package</a>

33
guide/english/tools/color-picker/index.md Normal file
View File

@@ -0,0 +1,33 @@
---
title: Color Picker
---
## Color Picker
A color picker is a tool to experiment with colors for the web. You can use it to choose between how various colors and tones go together and find the differences between them. Color pickers often show colors and their information in various formats, including Hexadecimal and RGB.
### Online Websites
Color picker websites offer the simplest way to quickly choose between colors and get information about them. They are helpful for when you are unsure about using a color tone or another or just want to get the color you are using in a different format.
### Browser Extensions
Installing a color picker browser extension allows you to get information about the colors used on web pages. It is useful when you see a color somewhere and want to get the code for it. Just click or hover the place where the color is and the extension will show you the code so you can use it somewhere else.
### Code Editor Packages/Extensions
Another practical way to have a color picker is to install it as a package or extension on your favorite editor. It gives you the possibility to visualize and change colors by simply clicking on them, without having to leave your editor. In addition to commonly used CSS styles, they also often support SASS and LESS variables and colors in various formats.
### More Information:
You can check common examples of color picker tools below.
* [W3schools online color picker](https://www.w3schools.com/colors/colors_picker.asp)
* [ColorZilla browser extension](http://www.colorzilla.com/)
* [Color picker package for Atom](https://atom.io/packages/color-picker)
* [Ambiance Color Palettes](http://ambiance.somethingjustlikethis.com/)
* [Instant Eyedropper](http://www.instant-eyedropper.com/)

26
guide/english/tools/image-editor/index.md Normal file
View File

@@ -0,0 +1,26 @@
---
title: Image Editor
---
# Image Editor
Developers/artists use image editors to manipulate or transform images. *Crop, resize, color-correct, composite (combine many images into one), or remove unwanted objects.*
Some are more popular than others, but they all have similar editing capabilities. The following sections cover some of their differences.
### Web App Image Editors
Web App Image Editors are available in-browser. In other words, you do not need to leave your browser to work on an image. Example: the ability to open images from a local folder/ url.
### Open Source Editors
Available as free downloads and open to user contributions to the software's development.
### Paid Editors
Paid Editors need either a one-time payment or are subscription-based. But, trial-versions are available to test out the software before committing to buy. If you happen to be a student, many times, there are discounts available through a student email or ID.
### Links:
* <a href='https://pixlr.com/editor/' target='_blank' rel='nofollow'>Pixlr Editor</a> - Free | Browser
* <a href='https://www.gimp.org/' target='_blank' rel='nofollow'>Gimp</a> - Free | Download | Open-Source
* <a href='https://www.adobe.com/products/photoshop.html' target='_blank' rel='nofollow'>Photoshop</a> - Free Trial | Paid
* <a href='https://www.photoshop.com/products/photoshopexpress' target='_blank' rel='nofollow'>Photoshop Express</a> - Free | Mobile

8
guide/english/tools/index.md Normal file
View File

@@ -0,0 +1,8 @@
---
title: Tools
---
## Tools
This category has lots of simple utilities for developers, such as converters, color tools, and references.
If you want a general purpose tool for math, programming, or design, you can request that someone build it by <a href='https://www.github.com/freecodecamp/guides/issues/new' target='_blank' rel='nofollow'>creating a GitHub issue here</a>.

18
guide/english/tools/prime-number-chart/index.md Normal file
View File

@@ -0,0 +1,18 @@
---
title: Prime Number Chart
---
## Prime Number Chart
**Prime Number**: Any integer greater than 1 whose only factors are 1 and itself.
**Prime Numbers 1 - 100**
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
| 2 | 3 | 5 | 7 | 11 |
|----|----|----|----|----|
| 13 | 17 | 19 | 23 | 29 |
| 31 | 37 | 41 | 43 | 47 |
| 53 | 59 | 61 | 67 | 71 |
| 73 | 79 | 83 | 89 | 97 |
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->
<a href='http://mathworld.wolfram.com/PrimeNumber.html' target='_blank' rel='nofollow'>WolframMathWorld:Prime Numbers</a>

15
guide/english/tools/prime-number-generator/index.md Normal file
View File

@@ -0,0 +1,15 @@
---
title: Prime Number Generator
---
## Prime Number Generator
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/tools/prime-number-generator/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

64
guide/english/tools/source-code-editors/index.md Normal file
View File

@@ -0,0 +1,64 @@
---
title: Source Code Editors
---
##Source Code Editors
Source code editors are the programs that allow for code creation and
editing. Any text editor can be used to write code. But dedicated code
editors offer many useful features, including: text completion,
markup coloring, and tabs/panes for side-by-side editing. These features can
be useful even to new users who don't know their way around all of the
advanced options.
There are many, many editors availble to download or use
online, both paid and free. They offer many of the same core-features, but
each have their own subtlties. Further research may help find the one that's
right for you. The following editors are all cross-platform and
free to use or evaluate.
## <a href='https://www.sublimetext.com/' target='_blank' rel='nofollow'>Sublime Text</a> ![Sublime Text Icon](//discourse-user-assets.s3.amazonaws.com/original/2X/1/1249e18855b9c9ef177e636e6c4e308b4877bf2d.png)
![Sublime Text Screenshot](//discourse-user-assets.s3.amazonaws.com/original/2X/6/63f774c31a7b1a439bcef9d11e95463b6998310e.png)
Sublime Text is a very popular editor that has been around <a href='https://www.sublimetext.com/blog/articles/one-point-oh' target='_blank' rel='nofollow'>since 2008</a>. There
are many options and <a href='https://packagecontrol.io/' target='_blank' rel='nofollow'>extensions</a> available,
and a lot of <a href='http://stackoverflow.com/search?q=sublime+text' target='_blank' rel='nofollow'>help available</a>
online to help
<a href='http://www.websightdesigns.com/wiki/Setting_up_Sublime_Text_3' target='_blank' rel='nofollow'>set it up</a>.
(The license for continued use costs $70\. However, Sublime Text is free to
download and evaluate, with a nag-screen pop-up.)
## <a href='http://brackets.io/' target='_blank' rel='nofollow'>Brackets</a> ![Brackets Icon](//discourse-user-assets.s3.amazonaws.com/original/2X/d/df30640741461569071875cf4ff6cad9924f8b32.png)
![Brackets Screenshot](//discourse-user-assets.s3.amazonaws.com/original/2X/2/2f395a58d24ed551ed8440a10ae640777f1143b6.png)
Brackets is a relatively new open-source editor by Adobe. It is very user
friendly, especially for people who aren't used to command-line interfaces
or JSON-style settings/prefereces. Extensions and themes are quick and easy
to find and install through the Extension Manager.
## <a href='https://atom.io/' target='_blank' rel='nofollow'>Atom</a> ![Atom Icon](//discourse-user-assets.s3.amazonaws.com/original/2X/7/7f6ba67d0ea310e1c1024f83c9acc1e0ecf255a8.png)
![Atom Screenshot](//discourse-user-assets.s3.amazonaws.com/original/2X/8/8016e7c0937e8ce6fcb6104c9aee0026443912f5.png)
Atom is an <a href='https://github.com/atom/atom' target='_blank' rel='nofollow'>open source</a> editor, developed
by <a href='https://github.com/' target='_blank' rel='nofollow'>GitHub</a>. Like Sublime Text, Atom is quite popular.
It is very configurable ("hackable", as they say) but advanced features may
be overwhelming to new users. There is also plenty of <a href='http://readwrite.com/2014/05/20/github-atom-5-tips-getting-started-tutorial-corey-johnson/' target='_blank' rel='nofollow'>helpful</a> <a href='http://flight-manual.atom.io/' target='_blank' rel='nofollow'>documentation</a>
<a href='http://stackoverflow.com/search?q=atom' target='_blank' rel='nofollow'>availble</a> online.
## <a href='https://code.visualstudio.com/' target='_blank' rel='nofollow'>Visual Studio Code</a> ![Visual Studio Code Icon](https://i.imgur.com/b4vFsKa.png)
![Visual Studio Code Screenshot](https://code.visualstudio.com/home/home-screenshot-mac-lg.png)
Visual Studio Code is a source code editor developed by Microsoft in 2015, and is now one of the most known code editors for web development.
It supports many programming languages, and like the others you can download plugins or extensions to make it more configurable for your coding style.
Its main features are:
* IntelliSense - For syntax highlighting, autocomplete, functions definitions and smart complete.
* Debugging - Be able to debug using break points, call stacks and an interactive console.
* Build-in Git - Review diffs, stage files, make commits, push and pull, all available in the editor.
* Extensions - Install extensions to add new languages, themes, debuggers, and connect additional services.