/
diagram.drawio
74 lines (74 loc) · 8.26 KB
/
diagram.drawio
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<mxfile host="65bd71144e">
<diagram id="L6bsUITgsoxZzwakuCFK" name="Page-1">
<mxGraphModel dx="2103" dy="816" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="2" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/480px-Unofficial_JavaScript_logo_2.svg.png;" vertex="1" parent="1">
<mxGeometry x="40" width="240" height="240" as="geometry"/>
</mxCell>
<mxCell id="3" value="<u><b>Interpreted language</b><br></u><font style="font-size: 22px">- No need to compile to mahine code<br>- slower<br></font>" style="text;html=1;align=left;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fontSize=22;" vertex="1" parent="1">
<mxGeometry x="770" y="59" width="369" height="82" as="geometry"/>
</mxCell>
<mxCell id="6" value="<u><b>JavaScript</b></u><br>- Formelly known as LiveScript in 1995<br>- Most Popular language used in web browsers<br>- JavaScript is not Java" style="text;html=1;align=left;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fontSize=22;" vertex="1" parent="1">
<mxGeometry x="40" y="305" width="470" height="110" as="geometry"/>
</mxCell>
<mxCell id="8" value="<font style="font-size: 22px"><b><u>EcmaScript <br></u></b>- Specification tells how JavaScript should be implemented by the browser so that a JavaScript program runs exactly the same in all the browsers, but it does not tell how JavaScript should run inside these browsers. It is up to the browser vendor to decide.</font>" style="text;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="770" y="340" width="550" height="60" as="geometry"/>
</mxCell>
<mxCell id="9" value="<font style="font-size: 22px"><span style="text-align: center"><u><b>Dynamically typed&nbsp;</b></u></span><u><b>language</b></u><span style="text-align: center"><u><b><br></b></u></span>- no types. <br>i.e var age = 20 and not int age = 20;<br>i.e var name = "amigoscode" and not String name = "amigoscode";<br></font>" style="text;html=1;align=left;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fontSize=22;" vertex="1" parent="1">
<mxGeometry x="770" y="187" width="660" height="107" as="geometry"/>
</mxCell>
<mxCell id="11" value="1" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontSize=22;align=center;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
<mxGeometry x="-70" y="320" width="80" height="80" as="geometry"/>
</mxCell>
<mxCell id="12" value="2" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontSize=22;align=center;fillColor=#e1d5e7;strokeColor=#9673a6;" vertex="1" parent="1">
<mxGeometry x="660" y="60" width="80" height="80" as="geometry"/>
</mxCell>
<mxCell id="13" value="3" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontSize=22;align=center;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
<mxGeometry x="660" y="200" width="80" height="80" as="geometry"/>
</mxCell>
<mxCell id="14" value="4" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontSize=22;align=center;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="1">
<mxGeometry x="660" y="360" width="80" height="80" as="geometry"/>
</mxCell>
<mxCell id="19" value="<font style="font-size: 22px"><b><u>Javacript Engine<br></u></b>Every browser provides a Javascript Engine to run your code. V8 is the most popular and also used in NodeJS</font>" style="text;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="40" y="520" width="550" height="60" as="geometry"/>
</mxCell>
<mxCell id="20" value="5" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontSize=22;align=center;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
<mxGeometry x="-70" y="530" width="80" height="80" as="geometry"/>
</mxCell>
<mxCell id="26" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=22;" edge="1" parent="1" source="23">
<mxGeometry relative="1" as="geometry">
<mxPoint x="150" y="700" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="23" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/480px-Unofficial_JavaScript_logo_2.svg.png;" vertex="1" parent="1">
<mxGeometry x="40" y="675" width="50" height="50" as="geometry"/>
</mxCell>
<mxCell id="28" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=22;" edge="1" parent="1" source="24">
<mxGeometry relative="1" as="geometry">
<mxPoint x="340" y="700" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="24" value="" style="rounded=1;whiteSpace=wrap;html=1;fontSize=22;align=center;" vertex="1" parent="1">
<mxGeometry x="160" y="670" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="25" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://v8.dev/_img/v8.svg;" vertex="1" parent="1">
<mxGeometry x="200" y="680" width="50" height="50" as="geometry"/>
</mxCell>
<mxCell id="27" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://cdn0.iconfinder.com/data/icons/mobile-phone-componets-1/144/mobile-icon_07-512.png;" vertex="1" parent="1">
<mxGeometry x="350" y="675" width="50" height="50" as="geometry"/>
</mxCell>
<mxCell id="29" value="code" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fontSize=22;" vertex="1" parent="1">
<mxGeometry x="35" y="725" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="30" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Google_Chrome_icon_%28September_2014%29.svg/2048px-Google_Chrome_icon_%28September_2014%29.svg.png;" vertex="1" parent="1">
<mxGeometry x="779" y="547" width="100.81" height="100.81" as="geometry"/>
</mxCell>
<mxCell id="31" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Firefox_logo%2C_2019.svg/1200px-Firefox_logo%2C_2019.svg.png;" vertex="1" parent="1">
<mxGeometry x="911" y="537" width="105" height="109.2" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>