fix: replace imgur with s3 for english guide without conflict (#36053)
* fix: imgur to s3 for englsh guide without conflict (cherry picked from commit 9c9f15abf4e755feab79ef7090dacdcf497ea7b6) * fix: revert unrelated changes
This commit is contained in:
Ahmad Abdolsaheb
committed by
Parth Parth
Parth Parth
parent
18e15830d9
commit
a16539becf
@ -13,9 +13,9 @@ title: Blender Water Shader Effect
|
||||
3. Translucent BSDF Shader : Color ~= 2B9489 (a bit dark greenish blue)
|
||||
4. Transparent BSDF Shader : Color ~= 3173C0 (bluish)
|
||||
|
||||
|
||||
|
||||
#### Basic Render of the Above Node Layout
|
||||
|
||||
|
||||
|
||||
#### More information
|
||||
[Blender Tutorial - Creating a Water Material in Cycles](http://www.youtube.com/watch?feature=player_embedded&v=4m2ldp-2fJc)
|
||||
|
||||
@ -32,7 +32,7 @@ You will better understand this Algorithm by seeing it in action.
|
||||
Assuming you want to calculate the GCD of 1220 and 516, lets apply the Euclidean Algorithm-
|
||||
|
||||
Assuming you want to calculate the GCD of 1220 and 516, lets apply the Euclidean Algorithm-
|
||||
|
||||
|
||||
|
||||
Pseudo Code of the Algorithm-
|
||||
Step 1: **Let `a, b` be the two numbers**
|
||||
|
||||
@ -48,12 +48,12 @@ Let's look at the various approaches for solving this problem.
|
||||
|
||||
|
||||
2. **Smallest Interval First** i.e. you end up selecting the lectures in order of their overall interval which is nothing but their `finish time - start time`. Again, this solution is not correct. Look at the following case.
|
||||
|
||||
|
||||
|
||||
You can clearly see that the shortest interval lecture is the one in the middle, but that is not the optimal solution here. Let's look at yet another solution for this problem deriving insights from this solution.
|
||||
|
||||
3. **Least Conflicting Interval First** i.e. you should look at intervals that cause the least number of conflicts. Yet again we have an example where this approach fails to find an optimal solution.
|
||||
|
||||
|
||||
|
||||
The diagram shows us that the least confliciting interval is the one in the middle with just 2 conflicts. After that we can only pick the two intervals at the very ends with conflicts 3 each. But the optimal solution is to pick the 4 intervals on the topmost level.
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
title: Direct Upload to GitHub Via Android Studio
|
||||
---
|
||||
|
||||
|
||||
|
||||
|
||||
[GitHub](https://services.github.com/on-demand/intro-to-github/) is a web based version control which is an amazing tool used by developers to store multiple versions of their projects. There may be times when you may add a feature to your project but may want to keep that bit of code separate. On GitHub you can create seperate branches and store the necessary code.
|
||||
|
||||
@ -27,5 +27,5 @@ If your project is connected to GitHub and you would like to push a commit:
|
||||
2. After entering the commit message select commit and push.
|
||||
3. Finally select push.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -42,9 +42,9 @@ It is important that after you connect your project to firebase you should speci
|
||||
|
||||
* [Enable Google Sign-In in the Firebase console]
|
||||
1. In the Firebase console, open the Auth section.
|
||||
|
||||
|
||||
2. On the Sign in method tab, enable the Google sign-in method and click Save.
|
||||
|
||||
|
||||
|
||||
There are four steps that must be followed for the sign-in:
|
||||
|
||||
|
||||
@ -13,7 +13,7 @@ To upload an application to playstore you need to follow the following steps:
|
||||
## Post Obtaining license you need to follow some steps before generating an apk.
|
||||
|
||||
1. Every apk must be generated in release mode. The mode can be found in Build variant
|
||||
|
||||
|
||||
|
||||
|
||||
2. In build.gradle of the application ensure that the **version code** is unique for every apk build. Playstore will use this number to keep a track of seperate apk versions.
|
||||
|
||||
@ -14,7 +14,7 @@ This lesson requires you to use the `hr` tag to separate the title and content o
|
||||
|
||||
Add this tag between the title and content to create the horizontal line in [this lesson](https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/) on [freeCodeCamp](https://www.freecodecamp.org/). Here is a screenshot from that lesson showing an `hr` element contained within the "cardText" div.
|
||||
|
||||
|
||||
|
||||
|
||||
## Resources:
|
||||
* [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr)
|
||||
|
||||
@ -13,7 +13,7 @@ An example with Fibonacci's series which is defined as:
|
||||
|
||||
This is the tree to find F(5):
|
||||
|
||||
|
||||
|
||||
|
||||
To compute F(5) it will need to compute many times the same F(i). Using recursion:
|
||||
|
||||
|
||||
@ -6,7 +6,7 @@ title: Preprocessors
|
||||
|
||||
As the name suggests Preprocessors are programs that processes our source code before compilation. There are a number of steps involved between writing a program and executing a program in C / C++. Let us have a look at these steps before we actually start learning about Preprocessors.
|
||||
|
||||
|
||||
|
||||
|
||||
You can see the intermediate steps in the above diagram. The source code written by programmers is stored in the file program.c. This file is then processed by preprocessors and an expanded source code file is generated named program. This expanded file is compiled by the compiler and an object code file is generated named program.obj . Finally the linker links this object code file to the object code of the library functions to generate the executable file program.exe .
|
||||
|
||||
|
||||
@ -18,7 +18,7 @@ Tokens are the smallest units of a program which are important to the compiler.
|
||||
* Textbook definition : Variables are named memory locations whose data can be altered.
|
||||
|
||||
* But I would like you to think of a variable to be something like a box, something like this :
|
||||
|
||||
|
||||
|
||||
So, for example :
|
||||
I'm shifting to a new place and I need to arrange my stuff in boxes . Thus there come 2 things to my mind **What kind of stuff will be stored in the box, so that the size off the box is known (the data type)** and **How do I identify the box ?(Naming the variable)**
|
||||
@ -181,7 +181,7 @@ If a variable is not initialized , it contains a garbage value. For example:
|
||||
|
||||
So in terms of boxes, you can imagine this as -
|
||||
|
||||
|
||||
|
||||
|
||||
```cpp
|
||||
#include<iostream>
|
||||
|
||||
@ -21,7 +21,7 @@ To create a linear gradient you must define at least two color stops. Color stop
|
||||
|
||||
##### Linear Gradient - Top to Bottom (this is default)
|
||||
The following example shows a linear gradient that starts at the top. It starts red, transitioning to green:
|
||||
|
||||
|
||||
|
||||
#### Example
|
||||
```
|
||||
@ -52,11 +52,11 @@ The following example shows a linear gradient that starts at the top. It starts
|
||||
</html>
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
##### Linear Gradient - Left to Right
|
||||
The following example shows a linear gradient that starts from the left. It starts red, transitioning to green:
|
||||
|
||||
|
||||
|
||||
#### Example
|
||||
|
||||
@ -88,7 +88,7 @@ The following example shows a linear gradient that starts from the left. It star
|
||||
</html>
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
#### Linear Gradient - Diagonal
|
||||
|
||||
@ -96,7 +96,7 @@ You can make a gradient diagonally by specifying both the horizontal and vertica
|
||||
|
||||
The following example shows a linear gradient that starts at top left (and goes to bottom right). It starts red, transitioning to green:
|
||||
|
||||
|
||||
|
||||
|
||||
#### Example
|
||||
|
||||
@ -128,7 +128,7 @@ The following example shows a linear gradient that starts at top left (and goes
|
||||
</html>
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
#### More Information:
|
||||
<!-- Please add any articles you think might be helpful to read before writing the article -->
|
||||
|
||||
@ -7,11 +7,11 @@ The flex-grow property is a flexbox property that allows you to specify the allo
|
||||
|
||||
It'll turn your container from this
|
||||
|
||||
<img src = "https://i.imgur.com/lFJaBUfh.png">
|
||||
<img src = "https://cdn-media-1.freecodecamp.org/imgr/lFJaBUfh.png">
|
||||
|
||||
<b><h1>to this</h1></b>
|
||||
|
||||
<img src = "https://i.imgur.com/4X8ITZih.png">
|
||||
<img src = "https://cdn-media-1.freecodecamp.org/imgr/4X8ITZih.png">
|
||||
|
||||
What just happened?
|
||||
|
||||
@ -47,7 +47,7 @@ Let's see an example.
|
||||
|
||||
First let's create two paragraphs and enable display: flex;
|
||||
|
||||
<img src = "https://i.imgur.com/wPqUgsih.png">
|
||||
<img src = "https://cdn-media-1.freecodecamp.org/imgr/wPqUgsih.png">
|
||||
|
||||
Notice a few things
|
||||
|
||||
@ -58,7 +58,7 @@ That empty space is the "free space" that will be allocated to each of the diffe
|
||||
|
||||
To see this in action, let's give the first one a class of "ten" and a flex-grow property of 1. Let's also give the second one a class of "twenty" and a flex-grow property of 2.
|
||||
|
||||
<img src = "https://i.imgur.com/7n0V1G4h.png">
|
||||
<img src = "https://cdn-media-1.freecodecamp.org/imgr/7n0V1G4h.png">
|
||||
|
||||
Notice a few things
|
||||
|
||||
@ -67,7 +67,7 @@ Notice a few things
|
||||
|
||||
As we resize the screen, we also find that the first one shrinks at twice the speed of the second one.
|
||||
|
||||
<img src = "https://i.imgur.com/pa4grM8h.png">
|
||||
<img src = "https://cdn-media-1.freecodecamp.org/imgr/pa4grM8h.png">
|
||||
|
||||
#### More Information:
|
||||
|
||||
|
||||
@ -48,7 +48,7 @@ padding-left: 1em;
|
||||
## Where in box model
|
||||
The padding property in CSS defines the innermost portion of the box model, creating space around an element's content, inside of any defined margins and/or borders.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Common Pitfalls
|
||||
|
||||
@ -8,7 +8,7 @@ The background-property sets the position from where the background image should
|
||||
```css
|
||||
/* setting background-image of HTML doc */
|
||||
body {
|
||||
background-image: url('https://i.imgur.com/6Z2VStD.png');
|
||||
background-image: url('https://cdn-media-1.freecodecamp.org/imgr/6Z2VStD.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: right top;
|
||||
}
|
||||
|
||||
@ -81,7 +81,7 @@ For the CSS part :
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
#### More Information:
|
||||
|
||||
@ -44,7 +44,7 @@ This example performs a four-second font size transition with a two-second delay
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
Without a transition, this element will double in width as soon as the user hovers over it. But we might want a smoother movement. We can add a transition like so:
|
||||
|
||||
@ -57,7 +57,7 @@ Without a transition, this element will double in width as soon as the user hove
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
The `transition` CSS property is short-hand for several possible properties:
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ title: Difference between Git and GitHub
|
||||
|
||||
Git and GitHub are two different things. [Git](https://git-scm.com/) is the [version control system](https://en.wikipedia.org/wiki/Version_control), while [GitHub](https://github.com/) is an online service for hosting Git repos and helping people collaborate on writing software. However, the two are often confused due to their similar names, and because of the fact that GitHub builds on top of Git. Also, many websites and articles don't make the distinction between them clear enough.
|
||||
|
||||
|
||||
|
||||
|
||||
### Git
|
||||
|
||||
|
||||
@ -64,7 +64,7 @@ Code example:
|
||||
<input type="submit" value="Submit">
|
||||
</form>
|
||||
```
|
||||
|
||||
|
||||
|
||||
SETTING MINIMUM AND MAXIMUM VALUES ON INPUTS OF TYPE "NUMBER"
|
||||
|
||||
|
||||
@ -7,7 +7,7 @@ Layouts organize different areas of the web page.
|
||||
|
||||
Almost every web page we see can be divided into boxes, that can be arranged into specific order to create that web page. The image below is one such example.
|
||||
|
||||
|
||||
|
||||
|
||||
> Websites often display content in multiple columns (like a magazine or newspaper).
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@ Java provides 4 levels of access modifiers. This means that you can modify acces
|
||||
These access modifiers can be applied to fields, methods and classes (Classes are a special case, we will look at them at the end of this artice). Here is a quick overview<sup>1</sup> of what the access levels are for each Access Modifier:
|
||||
|
||||
#### Access Modifiers Table Reference:
|
||||
|
||||
|
||||
|
||||
#### Private Access Modifier
|
||||
Allows a variable or method to only be accessed in the class in which it was created. No other class beyond the class that created the variable or method can access it. This is closely similar to your internal organs. They are only accessible to the owner. To make a variable or method private, you simply append the `private` keyword before the variable or method type, like `private int age`.
|
||||
|
||||
@ -33,7 +33,7 @@ So to summarize whenever a function is invoked it is pushed into the call stack
|
||||
|
||||
Now we know from this that JavaScript can execute one thing at a time but that's not the case with the Browser. The Browser has it's own set of API's like setTimeout, XMLHttpRequests which are not specified in the JavaScript runtime. In fact if you look through the source code of V8, the popular JavaScript runtime that powers browsers like Google Chrome you won't find any definitions for it. It's because these special web API's exist in the browser environment not inside the javascript environment and you can say that these apis introduces concurrency into the mix. Let's look at a diagram to understand the whole picture.
|
||||
|
||||
|
||||
|
||||
|
||||
Some more terms are introduced
|
||||
|
||||
|
||||
@ -12,17 +12,17 @@ This is how the code result looks like:
|
||||
|
||||
Initial screen:
|
||||
|
||||
<img src="https://i.imgur.com/jrnu6mE.png" width="200px"></img>
|
||||
<img src="https://cdn-media-1.freecodecamp.org/imgr/jrnu6mE.png" width="200px"></img>
|
||||
|
||||
|
||||
Dropdown opened:
|
||||
|
||||
<img src="https://i.imgur.com/gszPtRa.png" width="200px"></img>
|
||||
<img src="https://cdn-media-1.freecodecamp.org/imgr/gszPtRa.png" width="200px"></img>
|
||||
|
||||
|
||||
Dropdown with option selected:
|
||||
|
||||
<img src="https://i.imgur.com/TKXxZGF.png" width="200px"></img>
|
||||
<img src="https://cdn-media-1.freecodecamp.org/imgr/TKXxZGF.png" width="200px"></img>
|
||||
|
||||
|
||||
#### HTML:
|
||||
|
||||
@ -9,11 +9,11 @@ The problem defines as follows; You are in a game show and there are 3 doors, ea
|
||||
|
||||
It turns out that the choice does matter and it is actually to your benefit to switch your decision to Door 3! Here's why. When you chose Door 1 from the 3 closed doors, you had a 1 out of 3 chance that you picked the right one. Both Door 2 and Door 3 also have a 1 out of the 3 chance of having a car behind it. You could also say that Doors 2 and 3 have a 2 out of 3 chance of having a car behind it *combined*.
|
||||
|
||||
|
||||
|
||||
|
||||
Now, when the host opens Door 2 and it contains a goat you now have more information about the problem. Remember that Doors 2 and 3 have a combined probability containing a car 2/3rds of the time. With the door reveal you know that Door 2 does not have a car. This reveal does not change the combined probability of the two doors, that's the key takeaway here! Since we now know Door 2 has a 0/3 chance of showing a car, you can now say that Door 3 has a 2/3rds chance of containing a car. Combining the probabilities of Door 2 and Door 3 still add up to 2/3rds as it was before Door 2 opened. Door 1 remains unchanged and only has a 1/3rd chance. So, if you decide to switch you go from roughly a 33.33% chance to 66.67% of picking the car. In other words, you are doubling your chances of success by switching!
|
||||
|
||||
|
||||
|
||||
|
||||
Yes, it is possible that Door 1 had the car all along and Monty tricked you. That doesn't matter. You are gambling by taking the deal but you're gambling smart. You make your best decision with the information you're given and let the dice roll. In the long run, you perform better switching than a contestant who decides to keep their first pick. In the end, Monty actually tricks himself offering you a better deal.
|
||||
|
||||
|
||||
@ -29,7 +29,7 @@ Then:
|
||||
|
||||
The absolute value of the determinant is equal to the area of the parallelogram.
|
||||
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Area_parallellogram_as_determinant.svg/1044px-Area_parallellogram_as_determinant.svg.png" width="300"> <a href="https://i.stack.imgur.com/gCaz3.png">Here</a> is an interesting visual proof of this property.
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Area_parallellogram_as_determinant.svg/1044px-Area_parallellogram_as_determinant.svg.png" width="300"> <a href="https://cdn-media-1.freecodecamp.org/imgr/gCaz3.png">Here</a> is an interesting visual proof of this property.
|
||||
|
||||
Note: If the determinant equals zero, there are no solutions (intersections) to the system (aka the lines are parallel).
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@ title: Polygons
|
||||
---
|
||||
## Polygons
|
||||
|
||||
|
||||
|
||||
|
||||
A polygon is a 2-dimensional shape formed with straight lines. Examples include triangles, squares, pentagons, and hexagons.
|
||||
|
||||
|
||||
@ -31,29 +31,29 @@ The first component of the above equation is the number of ways to arrange `k =
|
||||
|
||||
Consider `P(Single Scenario)` under the general case of `k` successes and `n - k` failures in `n` trials. To find the value, use the Multiplication Rule for independent events:
|
||||
|
||||
<img src = "https://i.imgur.com/YXzUPiB.png" height = 25px />
|
||||
<img src = "https://cdn-media-1.freecodecamp.org/imgr/YXzUPiB.png" height = 25px />
|
||||
|
||||
The number of ways to get `k` successes from `n` trials can be written as __n choose k__:
|
||||
|
||||
<img src = "https://i.imgur.com/AQ3P4vi.png" height = 40px />
|
||||
<img src = "https://cdn-media-1.freecodecamp.org/imgr/AQ3P4vi.png" height = 40px />
|
||||
|
||||
So, the general formula to get the probability of observing exactly `k` successes in `n` independent trials is given by:
|
||||
|
||||
<img src = "https://i.imgur.com/ZErXKtQ.png" height = 40px />
|
||||
<img src = "https://cdn-media-1.freecodecamp.org/imgr/ZErXKtQ.png" height = 40px />
|
||||
|
||||
Hence, the probability of getting exactly one Heads in trials is:
|
||||
|
||||
<img src = "https://i.imgur.com/fN5wOH2.png" height = 40px />
|
||||
<img src = "https://cdn-media-1.freecodecamp.org/imgr/fN5wOH2.png" height = 40px />
|
||||
|
||||
|
||||
### Mean and Variance
|
||||
The mean of a binomial distribution with `n` trials where `p` is the probability of a success is given by:
|
||||
|
||||
<img src = "https://i.imgur.com/4ji7JXx.png" height = 15px />
|
||||
<img src = "https://cdn-media-1.freecodecamp.org/imgr/4ji7JXx.png" height = 15px />
|
||||
|
||||
and variance:
|
||||
|
||||
<img src = "https://i.imgur.com/1tPHKHj.png" height = 20px />
|
||||
<img src = "https://cdn-media-1.freecodecamp.org/imgr/1tPHKHj.png" height = 20px />
|
||||
|
||||
#### More Information:
|
||||
<!-- Please add any articles you think might be helpful to read before writing the article -->
|
||||
|
||||
@ -7,4 +7,4 @@ title: Create and Upload and Link Animated Gif Image
|
||||
* Crop, Resize and Optimize as many times or as required.
|
||||
4. Download animated GIF.
|
||||
5. Upload image to <a href='http://imgur.com' target='_blank' rel='nofollow'>imgur.com</a>.
|
||||
6. Link image using ``.
|
||||
6. Link image using ``.
|
||||
|
||||
@ -79,7 +79,7 @@ At the command line, environmental variables are defined for the current shell a
|
||||
|
||||
<header class="source"><a href='http://stackoverflow.com/questions/35356692/best-practice-when-using-an-api-key-in-node-js' target='_blank' rel='nofollow'>stackoverflow.com</a></header>
|
||||
|
||||
<article class="onebox-body"><a href='https://i.stack.imgur.com/jRaTj.jpg?s=128&g=1' target='_blank' rel='nofollow'>
|
||||
<article class="onebox-body"><a href='https://cdn-media-1.freecodecamp.org/imgr/jRaTj.jpg' target='_blank' rel='nofollow'>
|
||||
|
||||
#### <a href='http://stackoverflow.com/questions/35356692/best-practice-when-using-an-api-key-in-node-js' target='_blank' rel='nofollow'>Best practice when using an API key in Node.js</a>
|
||||
|
||||
|
||||
@ -18,7 +18,7 @@ In addition, in some organizations developers will meet daily to discuss project
|
||||
2. What are you working on today?
|
||||
3. Are you blocked?
|
||||
|
||||
|
||||
|
||||
|
||||
The above is an example of a sprint plan which has been laid out in six 30 day sprints. You can see that there is a Sprint Dev in each of the six sprints but from Sprint 2 on there is something labeled as a **Sprint # Increment**.
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ title: ICMP Header
|
||||
|
||||
Below is the Internet Control Message Protocol (ICMP) header format for IPv4 according to [RFC792](https://tools.ietf.org/html/rfc792):
|
||||
|
||||
|
||||
|
||||
|
||||
ICMP for IPv4 is encapsulated within an IPv4 packet and contains a data section that includes a copy of the entire IPv4 header along with at least the first 64 bits (8 bytes) of the original datagram's data. The additional 8 bytes of data is used by the receiving host to match the message to an internal process. IP-in-IP tunneling (encapsulating an IP packet within another IP header), adds additional bytes in the form of the added IPv4 header(s) and may require additional bytes are included in the data portion of the ICMP packet to allow the host to identify the associated process [[RFC1812](https://tools.ietf.org/html/rfc1812#section-4.3.2.3)].
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ title: IPv4 Header
|
||||
|
||||
Below is the IPv4 header format according to [RFC791](https://tools.ietf.org/html/rfc791):
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
##### Version [4-bits]
|
||||
|
||||
@ -5,7 +5,7 @@ title: IPv6 Header
|
||||
|
||||
Below is the IPv6 header format according to [RFC2460](https://tools.ietf.org/html/rfc2460):
|
||||
|
||||
|
||||
|
||||
|
||||
##### Version [4-bits]
|
||||
* Internet Protocol (IP) version number (decimal 6, binary 0110)
|
||||
|
||||
@ -5,7 +5,7 @@ title: TypeScript
|
||||
|
||||
### Overview
|
||||
|
||||
|
||||
|
||||
|
||||
So as you are most likely aware, JavaScript is expanding its footprint everyday and it is both overwhelming and amazing what you can do with the language nowadays.
|
||||
|
||||
@ -15,7 +15,7 @@ This is a problem Microsoft recognized early on and they came up with the soluti
|
||||
|
||||
You can learn more about the syntax differences at [`TypeScript`](./) > [`JavaScript vs TypeScript`](./javascript-vs-typescript).
|
||||
|
||||
|
||||
|
||||
|
||||
### Version
|
||||
|
||||
@ -31,7 +31,7 @@ To learn more about using a linter with TypeScript, check out [`TypeScript`](./)
|
||||
|
||||
### Playground
|
||||
|
||||
|
||||
|
||||
|
||||
If you want to try out TypeScript without installing it, visit the <a href='http://www.typescriptlang.org/play/index.html' target='_blank' rel='nofollow'>TypeScript Playground</a>.
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@ title: Installation
|
||||
---
|
||||
## Installation
|
||||
|
||||
|
||||
|
||||
|
||||
To get started yourself, the two things you will need are the TypeScript compiler and a editor that supports TypeScript.
|
||||
|
||||
@ -46,7 +46,7 @@ Within your <a href='https://www.typescriptlang.org/docs/handbook/tsconfig-json.
|
||||
|
||||
### Quick Example
|
||||
|
||||
|
||||
|
||||
|
||||
In the screenshot above, you can see two files - `multiplication.js` and `multiplication.ts`.
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@ title: JavaScript vs TypeScript
|
||||
---
|
||||
## JavaScript vs TypeScript
|
||||
|
||||
|
||||
|
||||
|
||||
Okay so now that we have a general sense of what TypeScript is, let’s play a quick game of **Where’s Waldo**.
|
||||
|
||||
|
||||
@ -8,13 +8,13 @@ title: Install VirtualBox On macOS
|
||||
|
||||
Click [Here](https://www.virtualbox.org/wiki/Downloads) to visit the VirtualBox website. You will see the following page. Click the "OS X host" and it will automatically download a dmg file, which includes the VirtualBox App.
|
||||
|
||||
|
||||
|
||||
|
||||
### STEP 2 - Click the dmg file
|
||||
|
||||
Click the dmg file that was just downloaded, and a verify screen vill pop up. Double click the box icon with the name "VirtualBox.pkg". This will take you to the installation screen.
|
||||
|
||||
|
||||
|
||||
|
||||
### STEP 3 - Install VirtualBox
|
||||
|
||||
@ -22,10 +22,10 @@ When you see the screen similar to the picture, you can click next until the ins
|
||||
|
||||
**Note**: It will notice you that your macOS didn't allow the unknown source. If you see the prompt box, press the setting button instead of the "OK" button. You can select the `allow` option in settings and restart the install.
|
||||
|
||||
|
||||
|
||||
|
||||
### Run VirtualBox
|
||||
|
||||
Once the installation is done, you can open VirtualBox in the "Launchpad". Or search for `VirtualBox` in Spotlight.
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user