Updated: Tuesday, October 10,2023-10-10 14:18:30

main
Shwetha Jayaraj 2023-10-10 14:18:35 -04:00
parent 406aece4ae
commit ef6a20156d
6 changed files with 5481 additions and 10 deletions

File diff suppressed because it is too large Load Diff

View File

@ -1,12 +1,16 @@
{
"recentFiles": [
{
"basename": "Slides",
"path": "Slides.md"
},
{
"basename": "Drawing 2023-10-10 14.12.43.excalidraw",
"path": "Excalidraw/Drawing 2023-10-10 14.12.43.excalidraw.md"
},
{
"basename": "Slides",
"path": "Slides.md"
"basename": "Drawing 2023-10-10 14.13.09.excalidraw",
"path": "Excalidraw/Drawing 2023-10-10 14.13.09.excalidraw.md"
},
{
"basename": "Advanced Slides",

View File

@ -54,7 +54,7 @@
}
}
],
"currentTab": 3
"currentTab": 2
},
{
"id": "b1f556b73b086fa4",
@ -143,7 +143,7 @@
"state": {
"type": "backlink",
"state": {
"file": "Excalidraw/Drawing 2023-10-10 14.12.43.excalidraw.md",
"file": "Slides.md",
"collapseAll": false,
"extraContext": false,
"sortOrder": "alphabetical",
@ -160,7 +160,7 @@
"state": {
"type": "outgoing-link",
"state": {
"file": "Excalidraw/Drawing 2023-10-10 14.12.43.excalidraw.md",
"file": "Slides.md",
"linksCollapsed": false,
"unlinkedCollapsed": true
}
@ -183,7 +183,7 @@
"state": {
"type": "outline",
"state": {
"file": "Excalidraw/Drawing 2023-10-10 14.12.43.excalidraw.md"
"file": "Slides.md"
}
}
}
@ -210,10 +210,47 @@
"obsidian-excalidraw-plugin:Create new drawing": false
}
},
"active": "a7abbcc37ad7bbc5",
"floating": {
"id": "71f1bb7677d285db",
"type": "floating",
"children": [
{
"id": "1f43a7692e7224b9",
"type": "window",
"children": [
{
"id": "bc220a5b164fae0c",
"type": "tabs",
"children": [
{
"id": "eaa4376259c1709b",
"type": "leaf",
"state": {
"type": "excalidraw",
"state": {
"file": "Excalidraw/Drawing 2023-10-10 14.13.09.excalidraw.md"
}
}
}
]
}
],
"direction": "vertical",
"x": 208,
"y": 23,
"width": 1024,
"height": 800,
"maximize": false,
"zoom": 0
}
]
},
"active": "e0421441c1f9556c",
"lastOpenFiles": [
"Slides.md",
"Pasted image 20231010141612.png",
"Excalidraw/Drawing 2023-10-10 14.12.43.excalidraw.md",
"Excalidraw/Drawing 2023-10-10 14.13.09.excalidraw.md",
"Slides.md",
"Excalidraw",
"Coding Tips (Classical)/Project Vault/About Obsidian/Advanced Slides.md",
"Coding Tips (Classical)/Project Vault/About Obsidian/Obsidian Guides/Notable Obsidians.md",

View File

@ -0,0 +1,918 @@
---
excalidraw-plugin: parsed
tags: [excalidraw]
---
==⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠==
# Text Elements
HTML ^ujJkv6rb
JS ^NepfDrgY
CSS ^C3nUGfeY
%%
# Drawing
```json
{
"type": "excalidraw",
"version": 2,
"source": "https://github.com/zsviczian/obsidian-excalidraw-plugin/releases/tag/1.9.23",
"elements": [
{
"type": "line",
"version": 853,
"versionNonce": 502633885,
"isDeleted": false,
"id": "EfXCz_HKYhnRvLwmf98bP",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"angle": 0,
"x": -96.16888786764711,
"y": -71.72886029411767,
"strokeColor": "#e44d26",
"backgroundColor": "#e44d26",
"width": 143.97058823529423,
"height": 166.875,
"seed": 1581146237,
"groupIds": [
"oNu9TlS2LSgTo1aEr3S7g",
"VsWAgxdtv91wqG2oAaTUA",
"Fc6OAtSrF0eDILrY5-bY7"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961733846,
"link": null,
"locked": false,
"startBinding": null,
"endBinding": null,
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": null,
"points": [
[
0,
0
],
[
143.97058823529423,
-0.8180147058823526
],
[
133.3363970588236,
146.83363970588238
],
[
72.8033088235294,
166.05698529411765
],
[
10.634191176470592,
148.06066176470588
],
[
0,
0
]
]
},
{
"type": "line",
"version": 721,
"versionNonce": 21682685,
"isDeleted": false,
"id": "FWV-KsTdQ4wplUwK8rYXX",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"angle": 0,
"x": -26.228630514706808,
"y": -59.458639705882646,
"strokeColor": "#f16529",
"backgroundColor": "#f16529",
"width": 62.578125000000085,
"height": 137.01746323529403,
"seed": 402082013,
"groupIds": [
"oNu9TlS2LSgTo1aEr3S7g",
"VsWAgxdtv91wqG2oAaTUA",
"Fc6OAtSrF0eDILrY5-bY7"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961733846,
"link": null,
"locked": false,
"startBinding": null,
"endBinding": null,
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": null,
"points": [
[
0,
0
],
[
4.090073529411756,
135.7904411764705
],
[
55.21599264705889,
121.47518382352942
],
[
62.578125000000085,
-1.2270220588235294
],
[
0,
0
]
]
},
{
"type": "text",
"version": 264,
"versionNonce": 1714983517,
"isDeleted": false,
"id": "ujJkv6rb",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 60,
"angle": 0,
"x": -56.793887867647115,
"y": -107.29687499999999,
"strokeColor": "#000000",
"backgroundColor": "#029ae5",
"width": 76.220703125,
"height": 32,
"seed": 255075645,
"groupIds": [
"VsWAgxdtv91wqG2oAaTUA",
"Fc6OAtSrF0eDILrY5-bY7"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961733846,
"link": null,
"locked": false,
"fontSize": 28,
"fontFamily": 2,
"text": "HTML",
"rawText": "",
"textAlign": "left",
"verticalAlign": "top",
"containerId": null,
"originalText": "HTML",
"lineHeight": 1.1428571428571428,
"baseline": 26
},
{
"type": "line",
"version": 740,
"versionNonce": 1771060925,
"isDeleted": false,
"id": "qMsMIzN-AakmQvTvOhxz9",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 60,
"angle": 0,
"x": 10.1705729166667,
"y": -54.58854166666673,
"strokeColor": "#0000",
"backgroundColor": "#fff",
"width": 67.33333333333326,
"height": 107.33333333333314,
"seed": 1465283997,
"groupIds": [
"Fc6OAtSrF0eDILrY5-bY7"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961733846,
"link": null,
"locked": false,
"startBinding": null,
"endBinding": null,
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": null,
"points": [
[
0,
0
],
[
-2,
16.66666666666663
],
[
-44,
14.666666666666629
],
[
-45.33333333333326,
34
],
[
0.6666666666667425,
38.66666666666663
],
[
0,
95.33333333333326
],
[
-30.66666666666663,
107.33333333333314
],
[
-59.999999999999886,
97.66666666666663
],
[
-66.66666666666652,
67.33333333333337
],
[
-50.66666666666674,
66.99999999999989
],
[
-49.66666666666674,
82.49999999999977
],
[
-32,
92.66666666666663
],
[
-11.333333333333258,
78.6666666666664
],
[
-13.333333333333371,
54
],
[
-66,
50.66666666666663
],
[
-62.66666666666663,
0
],
[
0,
0
]
]
},
{
"type": "line",
"version": 1126,
"versionNonce": 1829121789,
"isDeleted": false,
"id": "YrPwL9P5LvQVhu_FQSuNM",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"angle": 0,
"x": 93.48736213235287,
"y": -72.70932904411772,
"strokeColor": "#e7c62f",
"backgroundColor": "#e7c62f",
"width": 143.97058823529423,
"height": 166.875,
"seed": 1639640403,
"groupIds": [
"4AYJDBJYVHe7J0N2kSpRi",
"_t3OtjdaFH1ZxoK_5nAKx",
"gBAKIYxHYdSU9-oPDteXD",
"T4KdZy1DOwkBf0GjV7Slp"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961735462,
"link": null,
"locked": false,
"startBinding": null,
"endBinding": null,
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": null,
"points": [
[
0,
0
],
[
143.97058823529423,
-0.8180147058823526
],
[
133.3363970588236,
146.83363970588238
],
[
72.8033088235294,
166.05698529411765
],
[
10.634191176470592,
148.06066176470588
],
[
0,
0
]
]
},
{
"type": "line",
"version": 994,
"versionNonce": 1237403485,
"isDeleted": false,
"id": "GOvdBh_3dNjHjP_QaFakI",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"angle": 0,
"x": 163.42761948529295,
"y": -60.439108455882476,
"strokeColor": "#fedd25",
"backgroundColor": "#fedd25",
"width": 62.578125000000085,
"height": 137.01746323529403,
"seed": 758631155,
"groupIds": [
"4AYJDBJYVHe7J0N2kSpRi",
"_t3OtjdaFH1ZxoK_5nAKx",
"gBAKIYxHYdSU9-oPDteXD",
"T4KdZy1DOwkBf0GjV7Slp"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961735462,
"link": null,
"locked": false,
"startBinding": null,
"endBinding": null,
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": null,
"points": [
[
0,
0
],
[
4.090073529411756,
135.7904411764705
],
[
55.21599264705889,
121.47518382352942
],
[
62.578125000000085,
-1.2270220588235294
],
[
0,
0
]
]
},
{
"type": "text",
"version": 551,
"versionNonce": 607802301,
"isDeleted": false,
"id": "NepfDrgY",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 60,
"angle": 0,
"x": 141.86236213235287,
"y": -107.27734374999993,
"strokeColor": "#000000",
"backgroundColor": "#029ae5",
"width": 32.67578125,
"height": 32,
"seed": 1552413843,
"groupIds": [
"_t3OtjdaFH1ZxoK_5nAKx",
"gBAKIYxHYdSU9-oPDteXD",
"T4KdZy1DOwkBf0GjV7Slp"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961735462,
"link": null,
"locked": false,
"fontSize": 28,
"fontFamily": 2,
"text": "JS",
"rawText": "",
"textAlign": "left",
"verticalAlign": "top",
"containerId": null,
"originalText": "JS",
"lineHeight": 1.1428571428571428,
"baseline": 26
},
{
"type": "line",
"version": 358,
"versionNonce": 2022888477,
"isDeleted": false,
"id": "fkfdKXNPy7AfSIgs6BUzp",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 50,
"angle": 0,
"x": 137.47265624999972,
"y": -47.46484374999993,
"strokeColor": "#0000",
"backgroundColor": "#fff",
"width": 43,
"height": 104,
"seed": 794946099,
"groupIds": [
"T4KdZy1DOwkBf0GjV7Slp"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961735462,
"link": null,
"locked": false,
"startBinding": null,
"endBinding": null,
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": null,
"points": [
[
0,
0
],
[
17,
0
],
[
17,
104
],
[
-26,
95
],
[
-26,
76
],
[
2,
83
],
[
0,
0
]
]
},
{
"type": "line",
"version": 754,
"versionNonce": 1119635581,
"isDeleted": false,
"id": "fVtKSO8d0-K_YhumLtWHI",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 60,
"angle": 0,
"x": 217.47265624999972,
"y": -43.46484374999993,
"strokeColor": "#0000",
"backgroundColor": "#fff",
"width": 48,
"height": 96,
"seed": 715926483,
"groupIds": [
"T4KdZy1DOwkBf0GjV7Slp"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961735462,
"link": null,
"locked": false,
"startBinding": null,
"endBinding": null,
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": null,
"points": [
[
0,
0
],
[
-48,
0
],
[
-46.76923076923077,
54.12765957446807
],
[
-20.307692307692307,
51.063829787234035
],
[
-22.153846153846153,
70.46808510638293
],
[
-46.153846153846146,
78.6382978723404
],
[
-44.76923076923072,
96
],
[
-9.23076923076923,
89.87234042553187
],
[
-3.69230769230769,
34.723404255319124
],
[
-33.84615384615385,
33.70212765957445
],
[
-33.23076923076923,
17.361702127659562
],
[
-2.4615384615384617,
16.340425531914885
],
[
0,
0
]
]
},
{
"type": "line",
"version": 1039,
"versionNonce": 724720573,
"isDeleted": false,
"id": "bigtO-oIez1T__69bASHI",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"angle": 0,
"x": -278.75873161764713,
"y": -70.11948529411772,
"strokeColor": "#007cc3",
"backgroundColor": "#007cc3",
"width": 143.97058823529423,
"height": 166.875,
"seed": 1054761405,
"groupIds": [
"RrWqJaP6Nxdt_NwkcZmhi",
"W4MNvp24IxUj6Ji7KsTl1",
"aItKsk8DFGljJz-plx7c-",
"4R2EjAkxhSeY8YpcDaC-G"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961731932,
"link": null,
"locked": false,
"startBinding": null,
"endBinding": null,
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": null,
"points": [
[
0,
0
],
[
143.97058823529423,
-0.8180147058823526
],
[
133.3363970588236,
146.83363970588238
],
[
72.8033088235294,
166.05698529411765
],
[
10.634191176470592,
148.06066176470588
],
[
0,
0
]
]
},
{
"type": "line",
"version": 907,
"versionNonce": 1934220317,
"isDeleted": false,
"id": "zet424A4eTfLtuE6_BmwB",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"angle": 0,
"x": -208.81847426470694,
"y": -57.849264705882476,
"strokeColor": "#008dd2",
"backgroundColor": "#008dd2",
"width": 62.578125000000085,
"height": 137.01746323529403,
"seed": 2139431453,
"groupIds": [
"RrWqJaP6Nxdt_NwkcZmhi",
"W4MNvp24IxUj6Ji7KsTl1",
"aItKsk8DFGljJz-plx7c-",
"4R2EjAkxhSeY8YpcDaC-G"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961731932,
"link": null,
"locked": false,
"startBinding": null,
"endBinding": null,
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": null,
"points": [
[
0,
0
],
[
4.090073529411756,
135.7904411764705
],
[
55.21599264705889,
121.47518382352942
],
[
62.578125000000085,
-1.2270220588235294
],
[
0,
0
]
]
},
{
"type": "text",
"version": 454,
"versionNonce": 1632784509,
"isDeleted": false,
"id": "C3nUGfeY",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 60,
"angle": 0,
"x": -239.38373161764702,
"y": -105.68749999999993,
"strokeColor": "#000000",
"backgroundColor": "#029ae5",
"width": 58,
"height": 32,
"seed": 305452669,
"groupIds": [
"W4MNvp24IxUj6Ji7KsTl1",
"aItKsk8DFGljJz-plx7c-",
"4R2EjAkxhSeY8YpcDaC-G"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961731932,
"link": null,
"locked": false,
"fontSize": 28,
"fontFamily": 2,
"text": "CSS",
"rawText": "",
"textAlign": "left",
"verticalAlign": "top",
"containerId": null,
"originalText": "CSS",
"lineHeight": 1.1428571428571428,
"baseline": 26
},
{
"type": "line",
"version": 878,
"versionNonce": 1930246365,
"isDeleted": false,
"id": "505SIHKz13NEbrUKV4Did",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 60,
"angle": 0,
"x": -244.58348873479582,
"y": -42.194185645272384,
"strokeColor": "#0000",
"backgroundColor": "#fff",
"width": 85.28571428571422,
"height": 105.16666666666674,
"seed": 833552093,
"groupIds": [
"4R2EjAkxhSeY8YpcDaC-G"
],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1696961731932,
"link": null,
"locked": false,
"startBinding": null,
"endBinding": null,
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": null,
"points": [
[
0,
0
],
[
78.69324654190397,
0
],
[
78.69324654190397,
16.866352201257875
],
[
41.70603277926317,
34.72484276729562
],
[
78.69324654190397,
33.73270440251575
],
[
75.36231547134707,
89.93025606469006
],
[
40.803905614320584,
105.16666666666674
],
[
2.9145646867371844,
91.27672955974849
],
[
-0.9715215622457283,
66.47327044025162
],
[
12.629780309194466,
66.47327044025162
],
[
17.487388120423105,
83.3396226415095
],
[
41.35906079274681,
91.13499550763711
],
[
59.95675927002193,
81.92228212039537
],
[
59.262815296989416,
54.567610062893124
],
[
-1.9430431244914566,
53.57547169811325
],
[
-2.9145646867371844,
38.693396226415125
],
[
42.88573753341876,
18.92149595687331
],
[
-1.9430431244914566,
18.850628930817624
],
[
-6.592467743810235,
0
]
]
}
],
"appState": {
"theme": "dark",
"viewBackgroundColor": "#ffffff",
"currentItemStrokeColor": "#1e1e1e",
"currentItemBackgroundColor": "transparent",
"currentItemFillStyle": "hachure",
"currentItemStrokeWidth": 1,
"currentItemStrokeStyle": "solid",
"currentItemRoughness": 1,
"currentItemOpacity": 100,
"currentItemFontFamily": 1,
"currentItemFontSize": 20,
"currentItemTextAlign": "left",
"currentItemStartArrowhead": null,
"currentItemEndArrowhead": "arrow",
"scrollX": 511,
"scrollY": 360.9765625,
"zoom": {
"value": 1
},
"currentItemRoundness": "round",
"gridSize": null,
"gridColor": {
"Bold": "#C9C9C9FF",
"Regular": "#EDEDEDFF"
},
"currentStrokeOptions": null,
"previousGridSize": null,
"frameRendering": {
"enabled": true,
"clip": true,
"name": true,
"outline": true
}
},
"files": {}
}
```
%%

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

View File

@ -6,11 +6,24 @@
Greetings from Developer land. Last week we learned what real programmers use to upload their code for others to collaborate.
### Github.com
Today we are going to start programming!
---
### Building Blocks of a Website
![[Pasted image 20231010141612.png]]
- HTML - the content and "bones" of a website
- CSS - the decorations, here we can add fancy decorations
- Javascript - animations can be added here
---
## Step 1. Open TextE