diff --git a/css/advanced/Assignment-1/index.html b/css/advanced/Assignment-1/index.html new file mode 100644 index 00000000..e69de29b diff --git a/css/advanced/Assignment-1/style.css b/css/advanced/Assignment-1/style.css new file mode 100644 index 00000000..3e7719f6 --- /dev/null +++ b/css/advanced/Assignment-1/style.css @@ -0,0 +1,69 @@ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, sans-serif; + line-height: 1.6; +} + +header { + background: #0d0a99; + color: #fff; + padding: 20px; + text-align: center; +} + +nav ul { + list-style: none; + display: flex; + justify-content: center; + gap: 20px; + margin-top: 10px; +} + +nav a { + color: #fff; + text-decoration: none; +} + +main { + display: flex; + padding: 20px; + gap: 20px; +} + +article { + flex: 3; + background: #2c13a8; + color: #fff; + padding: 20px; + border-radius: 8px; +} + +aside { + flex: 1; + background: #4d119b; + color: #fff; + padding: 20px; + border-radius: 8px; +} + +footer { + background: #3f12ba; + color: #fff; + text-align: center; + padding: 15px; + margin-top: 20px; + bottom: auto; +} + +@media (max-width: 768px) { + main { + flex-direction: column; + flex:1; + } +} diff --git a/css/advanced/Assignment-2/animations.html b/css/advanced/Assignment-2/animations.html new file mode 100644 index 00000000..45bcfc50 --- /dev/null +++ b/css/advanced/Assignment-2/animations.html @@ -0,0 +1,60 @@ + + + + + + CSS Animation & Media Queries + + + +
Hello Guys..!
+ + diff --git a/javascript/2-vars-data-types/Assignment-1/inline-internal-external.html b/javascript/2-vars-data-types/Assignment-1/inline-internal-external.html new file mode 100644 index 00000000..c7e1aba4 --- /dev/null +++ b/javascript/2-vars-data-types/Assignment-1/inline-internal-external.html @@ -0,0 +1,22 @@ + + + + + Inline, Internal & External JS Execution Order + + + +

Execution Order Example

+

+

+

+ + + + + + + + diff --git a/javascript/2-vars-data-types/Assignment-1/script.js b/javascript/2-vars-data-types/Assignment-1/script.js new file mode 100644 index 00000000..5734f452 --- /dev/null +++ b/javascript/2-vars-data-types/Assignment-1/script.js @@ -0,0 +1,2 @@ + +document.getElementById("external").innerHTML = "Hello from External JS!"; diff --git a/javascript/2-vars-data-types/Assignment-2/script.js b/javascript/2-vars-data-types/Assignment-2/script.js new file mode 100644 index 00000000..17f83a76 --- /dev/null +++ b/javascript/2-vars-data-types/Assignment-2/script.js @@ -0,0 +1,38 @@ +let output = ""; +output += "Using var:
"; +var x = 10; +output += "Initial value: " + x + "
"; +var x = 20; +output += "After redeclaration: " + x + "
"; +x = 30; +output += "After reassignment: " + x + "

"; + +output += "Using let:
"; +let y = 10; +output += "Initial value: " + y + "
"; +try { + let y = 20; + output += "After redeclaration: " + y + "
"; +} catch (err) { + output += "Error on redeclaration: " + err.message + "
"; +} +y = 30; +output += "After reassignment: " + y + "

"; + +output += "Using const:
"; +const z = 10; +output += "Initial value: " + z + "
"; +try { + const z = 20; + output += "After redeclaration: " + z + "
"; +} catch (err) { + output += "Error on redeclaration: " + err.message + "
"; +} +try { + z = 30; + output += "After reassignment: " + z + "
"; +} catch (err) { + output += "Error on reassignment: " + err.message + "
"; +} + +document.getElementById("output").innerHTML = output; diff --git a/javascript/2-vars-data-types/Assignment-2/var-let-const.html b/javascript/2-vars-data-types/Assignment-2/var-let-const.html new file mode 100644 index 00000000..25a7c7f2 --- /dev/null +++ b/javascript/2-vars-data-types/Assignment-2/var-let-const.html @@ -0,0 +1,16 @@ + + + + + var, let, const Example + + + +

Variable Declaration, Redeclaration & Reassignment

+ +
+ + + + + diff --git a/javascript/2-vars-data-types/Assignment-3/script.js b/javascript/2-vars-data-types/Assignment-3/script.js new file mode 100644 index 00000000..bf044e04 --- /dev/null +++ b/javascript/2-vars-data-types/Assignment-3/script.js @@ -0,0 +1,29 @@ +let output = ""; +let name = "Sai Durga"; +output += "Value: " + name + " — Type: " + typeof name + "
"; + +let age = 22; +output += "Value: " + age + " — Type: " + typeof age + "
"; + +let isStudent = true; +output += "Value: " + isStudent + " — Type: " + typeof isStudent + "
"; + +let city; +output += "Value: " + city + " — Type: " + typeof city + "
"; + +let car = null; +output += + "Value: " + + car + + " — Type: " + + typeof car + + " (note: null is a special case)
"; + +let sym = Symbol("id"); +output += "Value: " + sym.toString() + " — Type: " + typeof sym + "
"; + +let student = { name: "Sai", age: 25 }; +output += + "Value: " + JSON.stringify(student) + " — Type: " + typeof student + "
"; + +document.getElementById("output").innerHTML = output; diff --git a/javascript/2-vars-data-types/Assignment-3/typeof.html b/javascript/2-vars-data-types/Assignment-3/typeof.html new file mode 100644 index 00000000..3f27bd1c --- /dev/null +++ b/javascript/2-vars-data-types/Assignment-3/typeof.html @@ -0,0 +1,16 @@ + + + + + JavaScript Data Types + + + +

JavaScript Data Types and typeof

+ +
+ + + + + diff --git a/javascript/2-vars-data-types/Assignment-4/typeconversion.html b/javascript/2-vars-data-types/Assignment-4/typeconversion.html new file mode 100644 index 00000000..104954fb --- /dev/null +++ b/javascript/2-vars-data-types/Assignment-4/typeconversion.html @@ -0,0 +1,61 @@ + + + + + JavaScript Type Conversion + + + +

JavaScript Type Conversion Example

+
+ + + + + diff --git a/javascript/2-vars-data-types/Assignment-5/typecorecion.html b/javascript/2-vars-data-types/Assignment-5/typecorecion.html new file mode 100644 index 00000000..bb7fdf8d --- /dev/null +++ b/javascript/2-vars-data-types/Assignment-5/typecorecion.html @@ -0,0 +1,42 @@ + + + + + Type Coercion Example + + + +

JavaScript Type Coercion (Addition)

+
+ + + + + diff --git a/javascript/2-vars-data-types/Assignment-6/templateliterals.html b/javascript/2-vars-data-types/Assignment-6/templateliterals.html new file mode 100644 index 00000000..06e617c7 --- /dev/null +++ b/javascript/2-vars-data-types/Assignment-6/templateliterals.html @@ -0,0 +1,38 @@ + + + + + Template Literals and Data Types + + + +

Template Literals with Different Data Types

+

+ + + + +