+
+
+
+
+
+
+
+ Replace This With Your Title
+You can use this section to narrate a short description for the title or page.
+ +
+
+ GALLERY
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
+
+
+
+
+
+ ALBUM 1
+Lorem ipsum dolor sit amet, consectetur adipiscing elit
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+ ALBUM 2
+Lorem ipsum dolor sit amet, consectetur adipiscing elit
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/individual/backend/s19/activity/.vscode/settings.json b/individual/backend/s19/activity/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/individual/backend/s19/activity/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/individual/backend/s19/activity/index.html b/individual/backend/s19/activity/index.html
new file mode 100644
index 0000000..49f8b3d
--- /dev/null
+++ b/individual/backend/s19/activity/index.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+ S19 Activity
+
+
+
+
+
+
\ No newline at end of file
diff --git a/individual/backend/s19/activity/index.js b/individual/backend/s19/activity/index.js
new file mode 100644
index 0000000..38c78e5
--- /dev/null
+++ b/individual/backend/s19/activity/index.js
@@ -0,0 +1,102 @@
+console.log("Hello World");
+
+/*
+ 1. Create the following variables to store to the following user details:
+
+ Variable Name - Value Data Type:
+
+ firstName - String
+ lastName - String
+ age - Number
+ hobbies - Array
+ workAddress - Object
+
+ The hobbies array should contain at least 3 hobbies as Strings.
+
+ The work address object should contain the following key-value pairs:
+
+ houseNumber:
+ street:
+ city:
+ state:
+
+ Log the values of each variable to follow/mimic the output.
+
+ Note: strictly follow the variable names.
+*/
+
+ //Add your variables and console log for objective 1 here:
+// Activity - Part 1
+let firstName = 'First Name: John';
+let lastName = 'Last Name: Smith';
+let age = 30;
+let myHobbies = 'Hobbies:'
+let hobbies = ['Biking','Mountain Climbing', 'Swimming']
+let myWorkaddress = 'Work Address:'
+let workAddress = {
+ houseNumber: 32,
+ street: 'Washington',
+ city: 'Lincoln',
+ state: 'Nebraska'
+}
+console.log(firstName,'\n',lastName,'\n',age,'\n',myHobbies,'\n',hobbies,'\n',myWorkaddress,'\n',workAddress);
+
+
+
+// Activity - Part 2
+/*
+ 2. Debugging Practice - Identify and implement the best practices of creating and using variables
+ by avoiding errors and debugging the following codes:
+
+ -Log the values of each variable to follow/mimic the output.
+
+ Note: Do not change any variable and function names. All variables and functions to be checked are listed in the exports.
+*/
+
+ let fullName = "Steve Rogers";
+ console.log("My full name is: " + fullName);
+
+ let currentAge = 40;
+ console.log("My current age is: " + currentAge);
+
+ let friends = ["Tony"," Bruce"," Thor"," Natasha"," Clint"," Nick"];
+ console.log("My Friends are: ")
+ console.log(friends);
+
+ let profile = {
+
+ userName : "captain_america",
+ fullName : "Steve Rogers",
+ age: 40,
+ isActive: false
+
+ }
+ console.log("My Full Profile: ")
+ console.log(profile);
+
+ let fullName2 = "Bucky Barnes";
+ console.log("My bestfriend is: " + fullName2);
+
+ const lastLocation = "Arctic Ocean";
+ console.log("I was found frozen in: " + lastLocation);
+
+
+ //Do not modify
+ //For exporting to test.js
+ //Note: Do not change any variable and function names. All variables and functions to be checked are listed in the exports.
+ try{
+ module.exports = {
+ firstName: typeof firstName !== 'undefined' ? firstName : null,
+ lastName: typeof lastName !== 'undefined' ? lastName : null,
+ age: typeof age !== 'undefined' ? age : null,
+ hobbies: typeof hobbies !== 'undefined' ? hobbies : null,
+ workAddress: typeof workAddress !== 'undefined' ? workAddress : null,
+ fullName: typeof fullName !== 'undefined' ? fullName : null,
+ currentAge: typeof currentAge !== 'undefined' ? currentAge : null,
+ friends: typeof friends !== 'undefined' ? friends : null,
+ profile: typeof profile !== 'undefined' ? profile : null,
+ fullName2: typeof fullName2 !== 'undefined' ? fullName2 : null,
+ lastLocation: typeof lastLocation !== 'undefined' ? lastLocation : null
+ }
+ } catch(err){
+ }
\ No newline at end of file
diff --git a/individual/backend/s19/discussion/index.html b/individual/backend/s19/discussion/index.html
new file mode 100644
index 0000000..79fd212
--- /dev/null
+++ b/individual/backend/s19/discussion/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+ Javascript - Syntax, Variables & Simple Operations
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/individual/backend/s19/discussion/index.js b/individual/backend/s19/discussion/index.js
new file mode 100644
index 0000000..296b735
--- /dev/null
+++ b/individual/backend/s19/discussion/index.js
@@ -0,0 +1,174 @@
+console.log("Hello B322");
+// Console.log() ise useful for printing values of variables or results into the browser's console.
+
+let myVariable;
+
+myVariable = 'Hello';
+// Trying to print out a value of a variable that has not been declared will return of "not defined"
+console.log(myVariable);
+
+// The "not defined" error in the console refers to the variable not being created /defined, whereas in the previous example the code refers to the "value" of the variable as not defiend.
+let hello;
+hello = "Hello";
+console.log(hello);
+
+// Naming Variables
+
+// let FirstName = "Michael"; - bad variable name
+// let firstName = "Michael"; - good variable name
+// let product_description = "lorem ipsum" good variable name
+
+// Declaring and initializing variables
+let productName = 'desktop computer';
+console.log (productName);
+
+let seatsInTheatres = '10';
+console.log()
+
+// let variable cannot be re-declared within its scope.
+// let friend = 'kate';
+// let friend = 'jane'; - would cause an error.
+// console.log(friend);
+
+let friend = 'Kate'; // Straight declaration
+friend = 'Jane';
+console.log(friend);
+
+let supplier; // Variable is a container
+// Initialization is done after the variable has been declared.
+supplier = 'John Smith Tradings';
+console.log(supplier);
+
+const interest = 3.539;
+console.log(interest);
+
+// You can't declare a const variable using initialization
+// const pi;
+// pi = 3.1416;
+// console.log(pi);
+
+
+
+
+
+
+// SECTION Data types
+
+// Strings
+let country = 'Philippines';
+let province = "Metro Manila";
+
+// Concatenating strings
+// Multiple string values can be combined to create a single string using + symbol.
+let fullAddress = province + ',' + country; // use '' for as a string
+console.log(fullAddress);
+
+let greeting = 'I live in the ' + country;
+console.log(greeting);
+
+let string = "Hello";
+let number = 42;
+let result = string + " " + number;
+console.log(result);
+
+// Escape character "\"
+let mailAddress = 'Metro Manila\n\nPhilippines';
+console.log(mailAddress);
+
+let message = "John's employees went home early";
+console.log(message);
+
+message = "John's employees went home early"; // you can also use 'John\'s'
+console.log(message);
+
+// Numbers
+// Integers / Whole Numbers
+let headcount = 26;
+console.log(headcount);
+
+
+// Decimal Numbers/Fractions
+let grade = 98.7;
+console.log(grade);
+
+// Exponential Notation
+let planetDistance = 2e10;
+console.log(planetDistance);
+
+console.log("John's grade last quarter is " + grade);
+
+// Boolean
+// Boolean values are normally used to store values relating to the state of certain things, this would be useful for logics.
+
+let isMarried = false;
+let inGoodConduct = true;
+console.log("isMarried: " + isMarried);
+console.log("isGoodConduct: " + inGoodConduct);
+
+// Arrays
+/// Arrays are a special kind of data type that's used to store multiple values
+// Arrays can store different data types but is normally used to store similar data types.
+
+let grades = [98.7, 92.1, 90.2, 94.6];
+console.log(grades);
+
+// Different data types
+// Storing different data types inside an array is not recommended because it nwill not make sense in the context of programming
+let details = ["John", "Smith", 32, true];
+console.log(details);
+
+// Objects
+// Objects are another special kind o fdata type that's used to mimic real world objects/items.
+
+let person = {
+ fullName: 'Juan Dela Cruz',
+ age: 35,
+ isMarried: false,
+ contact: ["+63917 123 4567", "8123 4567"],
+ address: {
+ houseNumber: '345',
+ city: 'Manila'
+ }
+};
+
+console.log(person);
+
+// typeof
+
+console.log(typeof person);
+
+let myGrades = {
+ firstGrading: 98.7,
+ secondGrading: 92.1,
+ thirdGrading: 90.2,
+ fourthGrading: 94.6
+}
+
+console.log(myGrades);
+
+// Null
+// It is used to intentionally express the absence of a value in variable declaration/initialization
+// Null simply means that a data type was assigned to a variable but it does not hold any value/amount or is nullified
+
+let spouse = null;
+console.log(spouse);
+// Using null compared to 0 value and an empty string is much better for readability purposes
+// Null is also considered as a data type of it's own compared to 0 which is a data type of a number and a single quotes which are a data type of a string.
+let myNumber = 0;
+console.log(myNumber);
+let myString = '';
+console.log(myString);
+
+// Undefined
+let fullName;
+console.log(fullName);
+
+// Undefiend vs Null
+// One clear difference between undefined and null is that for undefined, a variable was created but was not provided a value but, null means that a variable was created and was assigned a value that does not hold any value/ amount.
+
+// certain processes in programming would often return a "null" value when certain tasks results to nothing.
+let varA = null;
+console.log(varA);
+
+let varB;
+console.log(varB);
diff --git a/individual/frontend/s18/discussion/.vscode/settings.json b/individual/frontend/s18/discussion/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/individual/frontend/s18/discussion/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/individual/frontend/s18/discussion/images/about.png b/individual/frontend/s18/discussion/images/about.png
new file mode 100644
index 0000000..e9befb2
Binary files /dev/null and b/individual/frontend/s18/discussion/images/about.png differ
diff --git a/individual/frontend/s18/discussion/images/landing.png b/individual/frontend/s18/discussion/images/landing.png
new file mode 100644
index 0000000..75a55aa
Binary files /dev/null and b/individual/frontend/s18/discussion/images/landing.png differ
diff --git a/individual/frontend/s18/discussion/index.css b/individual/frontend/s18/discussion/index.css
new file mode 100644
index 0000000..318c6cb
--- /dev/null
+++ b/individual/frontend/s18/discussion/index.css
@@ -0,0 +1,99 @@
+/*CSS Reset*/
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+/*logo section*/
+#logo {
+ font-family: 'Montserrat';
+ font-style: normal !important;
+ font-weight: 900 !important;
+ font-size: 24px !important;
+ line-height: 24px;
+ /*identical to box height, or 100%*/
+ color: #003363;
+}
+
+/*navlinks*/
+nav a {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 24px;
+
+ /*!important is used to prioritize a css rule*/
+ color: #004E84 !important;
+}
+
+#title {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 68px;
+ line-height: 84px;
+
+ display: flex;
+ align-items: center;
+ text-align: center;
+
+ color: #FFFFFF;
+}
+
+#base {
+ text-align: center;
+ padding: 8px 24px;
+ background: #12C6FF;
+ border-radius: 2px;
+ font-family: 'Monsterrat';
+ font-style: normal;
+ font-weight: 800;
+ font-size: 16px;
+ line-height: 24px;
+
+ color: #FFFFFF;
+}
+
+#landing {
+
+ background:
+
+ linear-gradient(
+
+ rgba(0, 34, 65, 0.61),
+ rgba(0, 34, 65, 0.61)
+
+ ),
+ url("./images/landing.png");
+ background-repeat: no-repeat;
+ background-size: cover;
+ ;
+}
+
+#about {
+ background: #003363;
+}
+
+#text-title {
+
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 700;
+ font-size: 24px;
+ line-height: 32px;
+
+ color: #12C6FF;
+}
+
+#about p {
+
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 24px;
+
+ color: #FFFFFF;
+}
\ No newline at end of file
diff --git a/individual/frontend/s18/discussion/index.html b/individual/frontend/s18/discussion/index.html
new file mode 100644
index 0000000..ae1d042
--- /dev/null
+++ b/individual/frontend/s18/discussion/index.html
@@ -0,0 +1,76 @@
+
+
+
+
+
+ Wireframes, Mockup and Prototypes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ALBUM 3
+Lorem ipsum dolor sit amet, consectetur adipiscing elit
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Seeing the world through my lens
+ View My Work +
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/s16-s17 b/s16-s17
index 90e19e6..0dbd965 160000
--- a/s16-s17
+++ b/s16-s17
@@ -1 +1 @@
-Subproject commit 90e19e664877e7a1d4c8278fbc5119c599a22b85
+Subproject commit 0dbd965d0dab72e39bb9e948a9cbeba21147858f
+
+
+
+ 
+
+
+
+
+
+ + Hi! I'm John Doe. +
++ I am a passionate photographer who loves capturing life's special moments. From candid shots of everyday life to capturing the beauty of nature, I strive to create beautiful images that will last a lifetime. I am always looking for new opportunities to create unique and inspiring photos that are sure to leave a lasting impression. +
++ I have been a photographer for many years and have had the privilege of working with some of the most talented professionals in the industry. I have had the opportunity to travel to some of the most beautiful places in the world and capture the essence of each location. I am constantly learning new techniques and expanding my knowledge of photography to ensure my images are of the highest quality. I am excited to share my passion with others and create memories that will last a lifetime. +
+