diff --git a/groupwork/frontend/s06/activity/mini-activity.txt b/groupwork/frontend/s06/activity/mini-activity.txt deleted file mode 100644 index 0a566d7..0000000 --- a/groupwork/frontend/s06/activity/mini-activity.txt +++ /dev/null @@ -1,303 +0,0 @@ -------------------------------> 1. Use effective search terms: <--------------------------------------------------- -1. How to create a self auto-scrolling image in applications that displays multiple pictures in website? - - How to do scrollable Image Gallery in HTML AND CSS? - - How to create slideshow using HTML & CSS? - - Automatic image slider in html and css - - HTML AND CSS Image Carousel Scripts - 2. How to create of self auto-scrolling in HTML Structure? - 3. How to create of self auto-scrolling in CSS Styles? - 4. How to create of self auto-scrolling in JavaScript? - 5. - -------------------------------> 2. Read official documentation or look for reliable sources of information <--------------------------------------------------- - for reference - https://www.geeksforgeeks.org/programming-a-slideshow-with-html-and-css/ - - - https://www.w3schools.com/howto/howto_css_image_gallery_scroll.asp - - https://stackoverflow.com/questions/15485694/auto-scrolling-with-css - - https://www.youtube.com/watch?v=MaRmAmFI3Sc&ab_channel=WinterwindInc. - - HTML - - - - - HTML and CSS Slideshow - - - - - - -
-
- - -
-

- GeeksforGeeks -

-
-
-

- A computer science portal -

-
-
-

- This is an example of -

-
-
-

- Slideshow with HTML and CSS only -

-
-
-
- - - - - - -------------------------------> 3. Scanning and Reading <--------------------------------------------------- - -Building a Bootstrap carousel is a great way to display a rotating set of images or content on your website. -Bootstrap provides a simple and flexible framework for building carousels. - -Here's a step-by-step approach to building a Bootstrap carousel: - -1. Include Bootstrap: -First, make sure you include Bootstrap in your HTML document. You can either download Bootstrap and include it locally or use a content delivery network (CDN). - -Here's an example using the CDN: - - - - - - -2. Structure your HTML: -Create the basic HTML structure for your carousel. You'll need an outer container and a set of slide elements. - -Here's an example: - - - - -3. Customize as needed: -- Replace the src attributes in the tags with the paths to your images. -- Modify the content and styles inside the
to match your design. - -4. Add CSS and Js (Optional) -- If you want to apply custom styles to your carousel, you can add your own CSS rules to override Bootstrap's default styles. -- Bootstrap's carousel should work without any additional JavaScript. However, if you want to add custom functionality, such as controlling the carousel programmatically, you can write JavaScript code accordingly. - -5. Test and Preview: -Save your HTML file and open it in a web browser to preview your Bootstrap carousel. Make sure it's functioning as expected and looks good. - -That's it! You've created a Bootstrap carousel. You can further customize it by exploring Bootstrap's documentation and adding additional features like autoplay, interval timing, and more. - - - -------------------------------> 4. Test your understanding <--------------------------------------------------- - - -
- -
- - - -.image-gallery { - width: 300px; /* Adjust the width as needed */ - height: 200px; /* Adjust the height as needed */ - overflow: hidden; -} - -.image-gallery ul { - list-style: none; - padding: 0; - margin: 0; - display: flex; /* Display images in a horizontal row */ - animation: scrollImages 10s linear infinite; /* Adjust the animation duration */ -} - -.image-gallery li { - margin-right: 10px; /* Adjust spacing between images */ -} - -.image-gallery img { - max-width: 100%; - height: auto; -} - -@keyframes scrollImages { - 0% { - transform: translateX(0); - } - 100% { - transform: translateX(-100%); /* Move the images to the left */ - } -} - - - - - - HTML and CSS Slideshow - - - - - -
-
- - - -
-

- GeeksforGeeks -

-
-
-

- A computer science portal -

-
-
-

- This is an example of -

-
-
-

- Slideshow with HTML and CSS only -

-
-
-
- - \ No newline at end of file diff --git a/groupwork/frontend/s07/activity/.vscode/settings.json b/groupwork/frontend/s07/activity/.vscode/settings.json deleted file mode 100644 index 6f3a291..0000000 --- a/groupwork/frontend/s07/activity/.vscode/settings.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "liveServer.settings.port": 5501 -} \ No newline at end of file diff --git a/groupwork/frontend/s07/activity/index.css b/groupwork/frontend/s07/activity/index.css deleted file mode 100644 index 9395467..0000000 --- a/groupwork/frontend/s07/activity/index.css +++ /dev/null @@ -1,53 +0,0 @@ -/*Task: Ron START*/ -* { - font-family: Verdana, sans-serif; - font-size: 20px; -} - -.external { - color: yellow; -} - -/*Type selector*/ -h1 { - font-size: 3rem; -} - -/*ID selector*/ -#sub-header{ - text-transform: uppercase; -} - -/*Class selector*/ -.text-green { - background: green; -} - -/*Task: JP START*/ -li[class*="border-blue"] { - border: solid; - border-color: blue; - border-width: 2px; -} - -img + ul { - list-style-type: none; -} - -section img { - height: 20vh; - width: 20vh; - border-radius: 100px; -} -/*Task: JP END*/ - -/*Task: JOSHUA START*/ - ul + p{ - text-align:center; - } - - ul li{ - letter-spacing: 10px; - } - -/*Task: JOSHUA END*/ diff --git a/groupwork/frontend/s07/activity/index.html b/groupwork/frontend/s07/activity/index.html deleted file mode 100644 index f01cb0f..0000000 --- a/groupwork/frontend/s07/activity/index.html +++ /dev/null @@ -1,63 +0,0 @@ - - - - Activity: CSS Introduction - - - - - - - - -

Apply inline styling here.

-

Apply internal styling here.

-

Apply external styling here.

- - - - -

CSS Introduction Activity

- -

The following are things you will learn in this bootcamp:

- -

Languages to be Learned

-
    -
  1. Hypertext Markup Language
    2. -
  2. Cascading Style Sheet
    3. -
  3. JavaScript
    4. -
- - - -

Tools to be Used

-
    -
  1. Sublime Text
    2. -
  2. Postman
    3. -
  3. Heroku
    4. -
  4. GitLab
    5. -
- - -
-

Other Things to be Learned

- - - - - -

Web development is a continuous process. Never stop learning and always look for ways to innovate.

-
- - - - \ No newline at end of file diff --git a/groupwork/frontend/s08/activity/index.css b/groupwork/frontend/s08/activity/index.css deleted file mode 100644 index 6de7fea..0000000 --- a/groupwork/frontend/s08/activity/index.css +++ /dev/null @@ -1,49 +0,0 @@ -/* CSS Reset Rule */ -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} -body { - font-family: 'Open Sans', sans-serif; -} -/* Ron Task (Member 1 & 2 */ -#pre-footer { - /* 2. Member 1 */ - padding-top: 1rem; - padding-bottom: 1rem; - padding-left: 1rem; - padding-right: 1rem; - background-color: #002540; - color: white; -} - -/* Chris ( Member 3 )*/ - -#pre-footer div { - display: inline-block; - width: 20%; -} - -#pre-footer div p, -#pre-footer div h3 { - margin-top: 0.3rem; - margin-bottom: 0.3rem; -} - -/* JP ( Member 4 )*/ - -footer { - padding-top: 0.7rem; - padding-left: 0.7rem; - padding-right: 0.7rem; - padding-bottom: 0.7rem; -} - -/* Josua (Member 5) */ -/*task #5*/ -footer span{ - margin-left: 0.5rem; - margin-right: 0.5rem; -} - diff --git a/groupwork/frontend/s08/activity/index.html b/groupwork/frontend/s08/activity/index.html deleted file mode 100644 index 322c1f1..0000000 --- a/groupwork/frontend/s08/activity/index.html +++ /dev/null @@ -1,93 +0,0 @@ - - - - - - - - CSS Box Model and Flexbox Layouting - - - - - - - - - - - - - - \ No newline at end of file diff --git a/groupwork/frontend/s09/activity/index.css b/groupwork/frontend/s09/activity/index.css deleted file mode 100644 index 1887149..0000000 --- a/groupwork/frontend/s09/activity/index.css +++ /dev/null @@ -1,109 +0,0 @@ -/* Member 1 */ -* { - padding: 0; - margin: 0; - box-sizing: border-box; - font-family: 'Roboto', sans-serif; -} -body { - height: auto; -} -/* JP - Member 2 Start*/ -h1, h2, h3, h4 { - font-family: "Titillium Web", sans-serif; -} -nav { - padding-top: 5px; - padding-left: 5px; - padding-bottom: 5px; - padding-right: 5px; - text-align: center; - background-color: blue; - color: white; -} -/* JP - Member 2 End*/ -/* Josua Member 3 Start */ -nav > ul > li{ - margin-top: 0.5rem; - margin-bottom: 0.5rem; - margin-left: 0.5rem; - margin-right: 0.5rem; - list-style: none; - display: inline-block; - padding-top:3px; - padding-bottom:3px; - padding-left:3px; -} -#container { - z-index: 99; -} -#landing { - background-image: url(https://images.unsplash.com/photo-1683009427660-b38dea9e8488?ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80); - background-position: center; - background-size: cover; - background-repeat: no-repeat; - text-align: center; - min-height: 50vh; - color: rgb(255, 255, 255); - padding: 1rem; -} -.info { - padding: 10rem; -} -.landing-container { - top: 3.1rem; - left: 0; - position: absolute; - background-color: rgba(0, 0, 0, 0.5); - height: 50vh; - width: 100%; -} -#landing h1 { - font-size: 3rem; -} -#landing h3 { - font-size: 2rem; - margin: 1rem; -} -/*Josua - Member 3 End*/ - -/* Ron - Member 4 Start*/ -#landing button { - cursor: pointer; - padding: 1rem 2rem; - background-color: blue; - border: 2px solid white; - border-radius: 50px; - transition: 0.5s; - color: white; - font-size: 1.125rem; -} -#landing button:hover { - background-color: white; - color: blue; -} -.landing h1 { - margin-top: 5rem; -} -/* Ron - Member 4 End*/ - -/* Ron - Member 5 Start*/ -#hot { - text-align: center; -} -#hot h2 { - margin: 5rem 0; -} -#hot li { - display: inline-block; - list-style: none; - border: 3px solid blue; - border-radius: 10px; - padding: 3rem; - margin: auto .5rem; -} -/* Ron - Member 5 End*/ -footer { - text-align: center; - margin-top: 10rem; -} \ No newline at end of file diff --git a/groupwork/frontend/s09/activity/index.html b/groupwork/frontend/s09/activity/index.html deleted file mode 100644 index 68e6886..0000000 --- a/groupwork/frontend/s09/activity/index.html +++ /dev/null @@ -1,65 +0,0 @@ - - - - Activity CSS Styling Properties - - - - - - - - - - - - - - - - -
-
-
-

Welcome to our E-Commerce Website!

-

Affordable Products for Everyone, Everywhere!

- -
-
-
- - - -
-

Our Hottest Categories!

- -
- - - - - - - - - \ No newline at end of file diff --git a/groupwork/frontend/s10/activity/index.css b/groupwork/frontend/s10/activity/index.css deleted file mode 100644 index d1386e8..0000000 --- a/groupwork/frontend/s10/activity/index.css +++ /dev/null @@ -1,143 +0,0 @@ -/* - Member 1: Josua -Member 2: Chris -Member 3: Ron -Member 4: JP -Member 5: Ron -*/ - -* { - padding: 0; - margin: 0; - box-sizing: border-box; - font-family: 'Open Sans', sans-serif; -} - -/*member 1 josua*/ -/*button styling*/ - button{ - color: white; - padding: 10px; - width:9em; - font-size: 1rem; - font-weight: 600; - border-color: transparent; - border-radius: 25px; - -} -/*end member 1 */ - -/*member 2 */ - -nav { - padding: 10px; - position: sticky; - top: 0; - z-index: 999; - background-color: white; -} - -.right-nav { - float: right; -} - -nav li { - display: inline-block; - list-style: none; - text-decoration: none; -} - -.nav, .nav-logo { - margin: 8px; - padding: 3px; -} - -/*end member 2 */ - -/* Ron - Member 3 */ -#logo { -padding: 8px 5px 0 0; -} -#nav-button { - background-color: #c2195b; -} -.bg-container { - background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)); - height: 50vh; - z-index: 2; -} -#bg-image { - background-image: url(https://d3ojsfl21hfxhc.cloudfront.net/assets/zuitt/programdetails2_w.jpg); - background-repeat: no-repeat; - background-size: cover; - background-position: center; - color: white; - height: 50vh; - z-index: 1; -} -/*Member 4 - JP Start*/ -.container { - padding-top: 4rem; - text-align: right; - width: 40%; - height: 50%; - position: relative; - left: 55%; - z-index: 3; -} - -.title { - font-family: Zilla Slab; - font-size: 3.5rem; - font-weight: 600; -} - -.subtitle { - font-size: 1.3rem; - font-weight: 300; - width: 75%; - margin-left: 9rem; - margin-top: 15px; - display: inline-block; - float: right; -} - -#apply-button { - margin-top: 50px; - background-color: #c2195b; -} - -/*Member 4 - JP End*/ - - -/* Ron - Member 5 */ -#main { - padding: 1rem; - text-align: center; -} -.title-2 { - font-family: 'Zilla Slab', serif; - font-size: 3rem; - font-weight: 500; - margin: 3rem auto; -} -#description, #book-description { - margin: 3rem auto; - font-weight: 500; - width: 50%; -} -#book-button { - background-color: #336589; - margin-top: 2rem; -} -footer { - margin-top: 10rem; - margin-bottom: 1rem; - padding: 0; - text-align: center; -} -footer span { - margin: auto 5rem; - font-weight: 500; -} - diff --git a/groupwork/frontend/s10/activity/index.html b/groupwork/frontend/s10/activity/index.html deleted file mode 100644 index dfbe0ed..0000000 --- a/groupwork/frontend/s10/activity/index.html +++ /dev/null @@ -1,71 +0,0 @@ - - - - - - - - - - S10 Group Activity - - - - - - -
-
-
-

Our Training Options That Fit Your Coding Needs

-

- Offering a workable and carefully curated curriculum to cater to a variety of students and equip them the necessary web development skills they need to become a coding literate. -

- -
-
-
- - -
-

What is a Developer Career Program?

-

- The Developer Career Program is inclusive of in-depth modules on static and dynamic web applications, with emphasis on the development of well-designed integrated software. The course covers key concepts on full-stack web development, including Responsive Web Design, Rapid Prototyping and Product Deployments. -

-

STILL HAVE A QUESTION?

-

- Our career advisors are here to answer any questions you may have. Meet with them by booking one of our free seminars, and learn all the finer details of our web development course. -

- -
- - - - - - - - \ No newline at end of file diff --git a/groupwork/frontend/s11/activity/index.html b/groupwork/frontend/s11/activity/index.html deleted file mode 100644 index ce0b3d7..0000000 --- a/groupwork/frontend/s11/activity/index.html +++ /dev/null @@ -1,123 +0,0 @@ - - - - - - - - - - - - - Developer Portfolio - - - - - - - - - - - - -
- - - Home - - - About Me - - - Projects - - -
- - - - -
- -
- - - - -
- -

- Ada Lovelace -

- - -

Full-Stack Web Developer

-
- -
- - -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. -

- -
- - - - - - -
- - - - - - - -
- - - - -

My First Project

-

A simple project made from HTML

-
-
- -

My Second Project

-

A simple project made from CSS

-
-
- -

My Third Project

-

A simple Bootstrap project.

-
-
- - - - - - - - - - -
-

All assets are used for educational purposes only.

-
- - - - - - - - - - \ No newline at end of file diff --git a/groupwork/frontend/s11/index.css b/groupwork/frontend/s11/index.css deleted file mode 100644 index e69de29..0000000 diff --git a/groupwork/frontend/s11/index.html b/groupwork/frontend/s11/index.html deleted file mode 100644 index 459a900..0000000 --- a/groupwork/frontend/s11/index.html +++ /dev/null @@ -1,120 +0,0 @@ - - - - - - - - - - Bootstrap Introduction and Simple Styles - - - - - - - - - - - -
- - - Home - - - About Me - - - Projects - - -
- - - - -
- -
- - - - -
- -

- Ada Lovelace -

- - -

Full-Stack Web Developer

-
- -
- - -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. -

- -
- - - - - - -
- - - - - - - -
- - - - -

My First Project

-

A simple project made from HTML

-
-
- -

My Second Project

-

A simple project made from CSS

-
-
- -

My Third Project

-

A simple Bootstrap project.

-
-
- - - - - - - - -
-

All assets are used for educational purposes only.

-
- - - - - - - - - - - - - \ No newline at end of file diff --git a/groupwork/frontend/s12/activity/index.html b/groupwork/frontend/s12/activity/index.html deleted file mode 100644 index 4e992ad..0000000 --- a/groupwork/frontend/s12/activity/index.html +++ /dev/null @@ -1,100 +0,0 @@ - - - - - - - - - - - Developer Portfolio: Projects - - - - -
- -

Projects

- - -
-
-
Web API (Ecommerce)
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
-
- -
-
- - - - -
-
-
React Frontend (Ecommerce)
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
-
- -
-
- - - -

Other Projects

- - -
- - -
- -
HTML
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
- - - -
- -
Bootstrap
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
- - - -
- -
Node JS Server
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
- - -
- - -
- - - - - - - \ No newline at end of file diff --git a/groupwork/frontend/s13/activity/images/logo-bootstrap.png b/groupwork/frontend/s13/activity/images/logo-bootstrap.png deleted file mode 100644 index e80e3a8..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-bootstrap.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-css3.png b/groupwork/frontend/s13/activity/images/logo-css3.png deleted file mode 100644 index 45bdd4f..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-css3.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-expressjs.png b/groupwork/frontend/s13/activity/images/logo-expressjs.png deleted file mode 100644 index 190fa16..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-expressjs.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-git.png b/groupwork/frontend/s13/activity/images/logo-git.png deleted file mode 100644 index 24f8fec..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-git.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-gitlab-ci-cd.png b/groupwork/frontend/s13/activity/images/logo-gitlab-ci-cd.png deleted file mode 100644 index 09af48d..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-gitlab-ci-cd.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-heroku.png b/groupwork/frontend/s13/activity/images/logo-heroku.png deleted file mode 100644 index a0ff475..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-heroku.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-html5.png b/groupwork/frontend/s13/activity/images/logo-html5.png deleted file mode 100644 index b259528..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-html5.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-javascript.png b/groupwork/frontend/s13/activity/images/logo-javascript.png deleted file mode 100644 index 88c3677..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-javascript.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-mongodb.png b/groupwork/frontend/s13/activity/images/logo-mongodb.png deleted file mode 100644 index 8980c1d..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-mongodb.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-nodejs.png b/groupwork/frontend/s13/activity/images/logo-nodejs.png deleted file mode 100644 index b6f8fc1..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-nodejs.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-postman.png b/groupwork/frontend/s13/activity/images/logo-postman.png deleted file mode 100644 index a0aea1f..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-postman.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-react.png b/groupwork/frontend/s13/activity/images/logo-react.png deleted file mode 100644 index 2c70b87..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-react.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-rest.png b/groupwork/frontend/s13/activity/images/logo-rest.png deleted file mode 100644 index 9c53319..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-rest.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/images/logo-sublime-text-3.png b/groupwork/frontend/s13/activity/images/logo-sublime-text-3.png deleted file mode 100644 index ebcd763..0000000 Binary files a/groupwork/frontend/s13/activity/images/logo-sublime-text-3.png and /dev/null differ diff --git a/groupwork/frontend/s13/activity/index.html b/groupwork/frontend/s13/activity/index.html deleted file mode 100644 index efb6280..0000000 --- a/groupwork/frontend/s13/activity/index.html +++ /dev/null @@ -1,126 +0,0 @@ - - - - - - - - - - - Developer Portfolio: Other Projects and Tools - - - - - -
-
Ada Lovelace
- -
- - - -
- -

Other Projects

- - -
- - -
- -
HTML
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
- - - -
- -
Bootstrap
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
- - - -
- -
Node JS Server
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
- - -
- - - -
- - -

Core Tools

- -
-
- -
-
- - -
-
- - - -

Other Tools

- -
-
- - - - - -
-
- - - - -
-
- - -
- - -
- - - - - - - - - \ No newline at end of file diff --git a/groupwork/frontend/s14/activity/index.html b/groupwork/frontend/s14/activity/index.html deleted file mode 100644 index f875356..0000000 --- a/groupwork/frontend/s14/activity/index.html +++ /dev/null @@ -1,99 +0,0 @@ - - - - - - - - - - - - - - - S14 - Activity - - - - - - - - -
-
-

Welcome to My Website

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

-
-
- - - - -
-
-
-

About Us

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt nisi et sem eleifend aliquet. Fusce interdum rutrum ipsum, non feugiat risus consectetur eu. Nulla sodales orci et mi ultrices, at mattis leo gravida. Curabitur non dapibus orci.

-
-
- -
-
-
- - - - -
-
-
-
-

Web Development

-

We provide professional web development services.

- -
-
- -
-
-

Graphic Design

-

Our talented designers create stunning graphics for your brand.

-
-
- -
-
-

Digital Marketing

-

We help businesses grow their online presence.

-
-
-
-
- - - - - - - - - - \ No newline at end of file diff --git a/groupwork/frontend/s18/activity/.vscode/settings.json b/groupwork/frontend/s18/activity/.vscode/settings.json deleted file mode 100644 index f673a71..0000000 --- a/groupwork/frontend/s18/activity/.vscode/settings.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "liveServer.settings.port": 5502 -} \ No newline at end of file diff --git a/groupwork/frontend/s18/activity/images/album1-1.png b/groupwork/frontend/s18/activity/images/album1-1.png deleted file mode 100644 index be267e1..0000000 Binary files a/groupwork/frontend/s18/activity/images/album1-1.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/album1-2.png b/groupwork/frontend/s18/activity/images/album1-2.png deleted file mode 100644 index 17ebcbf..0000000 Binary files a/groupwork/frontend/s18/activity/images/album1-2.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/album1-3.png b/groupwork/frontend/s18/activity/images/album1-3.png deleted file mode 100644 index c9d806e..0000000 Binary files a/groupwork/frontend/s18/activity/images/album1-3.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/album2-1.png b/groupwork/frontend/s18/activity/images/album2-1.png deleted file mode 100644 index 04b64c0..0000000 Binary files a/groupwork/frontend/s18/activity/images/album2-1.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/album2-2.png b/groupwork/frontend/s18/activity/images/album2-2.png deleted file mode 100644 index 09d0868..0000000 Binary files a/groupwork/frontend/s18/activity/images/album2-2.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/album2-3.png b/groupwork/frontend/s18/activity/images/album2-3.png deleted file mode 100644 index 3aebd8b..0000000 Binary files a/groupwork/frontend/s18/activity/images/album2-3.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/album3-1.png b/groupwork/frontend/s18/activity/images/album3-1.png deleted file mode 100644 index f17ddd7..0000000 Binary files a/groupwork/frontend/s18/activity/images/album3-1.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/album3-2.png b/groupwork/frontend/s18/activity/images/album3-2.png deleted file mode 100644 index c76a44d..0000000 Binary files a/groupwork/frontend/s18/activity/images/album3-2.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/album3-3.png b/groupwork/frontend/s18/activity/images/album3-3.png deleted file mode 100644 index 416abde..0000000 Binary files a/groupwork/frontend/s18/activity/images/album3-3.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/background.png b/groupwork/frontend/s18/activity/images/background.png deleted file mode 100644 index b101bc6..0000000 Binary files a/groupwork/frontend/s18/activity/images/background.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/footer-bg.png b/groupwork/frontend/s18/activity/images/footer-bg.png deleted file mode 100644 index 2bfc10c..0000000 Binary files a/groupwork/frontend/s18/activity/images/footer-bg.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/images.rar b/groupwork/frontend/s18/activity/images/images.rar deleted file mode 100644 index 70449cc..0000000 Binary files a/groupwork/frontend/s18/activity/images/images.rar and /dev/null differ diff --git a/groupwork/frontend/s18/activity/images/logo.png b/groupwork/frontend/s18/activity/images/logo.png deleted file mode 100644 index 7afcc12..0000000 Binary files a/groupwork/frontend/s18/activity/images/logo.png and /dev/null differ diff --git a/groupwork/frontend/s18/activity/index-group.css b/groupwork/frontend/s18/activity/index-group.css deleted file mode 100644 index 92e292a..0000000 --- a/groupwork/frontend/s18/activity/index-group.css +++ /dev/null @@ -1,229 +0,0 @@ -/*CSS Reset*/ -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -#nav-b { - background: #765C3D; -} - -/*navlinks*/ -nav a { - text-align: center; - font-family: 'Montserrat'; - font-style: normal; - font-weight: 500; - font-size: 18px; - line-height: normal; - - /*!important is used to prioritize a css rule*/ - color: #F2D2AE !important; -} - -/* lannding page*/ - -#landing { - background: - - linear-gradient( - - rgba(0, 0, 0, 0.61), - rgba(0, 0, 0, 0.61) - - ), - url("images/background.png"); - background-repeat: no-repeat; - background-size: cover; - ; - min-height: 51rem; - min-width: 100vw; -} - -.title{ - - color: #FFF; - font-family: Montserrat; - font-size: 64px; - font-style: normal; - font-weight: 600; - line-height: 72px; /* 112.5% */ - letter-spacing: -1.28px; -} - -#landing p{ - color: #FFF; - font-family: Montserrat; - font-size: 24px; - font-style: normal; - font-weight: 400; - line-height: 30px; -} - -.wrap-landing{ - display: flex; - width: 493px; - height: 124px; - flex-direction: column; - justify-content: flex-end; - flex-shrink: 0; -} - -.lp-layout{ - width: 413px; - height: 124px; - flex-shrink: 0; -} -.wrap-size{ - width: 493px; - height: 290px; - -} - -.p-wrap-size{ - width: 413px; - height: 124px; - text-align: justify; -} - -.button-1{ - display: flex; - padding: 12px 32px; - justify-content: center; - align-items: center; - border-radius: 999px; - background: #B59066; - } - -#but-text { - height: 48px; - width: 180px; -} - -#but-text a { - color: #FFF; - font-family: Montserrat; - text-decoration: none; -} - -.button-1:hover{ - background: blue; -} -/*end landing*/ - -/* Carousel */ -.h1-cus { - color: #765C3D; - font-family: Montserrat; - font-size: 2.5rem; - font-style: normal; - font-weight: 600; - line-height: normal; -} -.p1-cus { - color: #765C3D; - font-family: Montserrat; - font-size: 1.5rem; - font-style: normal; - font-weight: 400; - line-height: normal; -} - -#gallery { - padding: 10rem 0 7rem 0; -} -.container-info { - align-items: center; - color: #fff; - flex-shrink: 0; - margin-left: 16.44rem; - margin-top: 9.63rem; - width: 500px; -} -.container-carousel-1 { - width: 77.8125rem; - height: 47.75rem; - flex-shrink: 0; - background: #FFF; - box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25); - padding: 0 90px; -} -.container-info-1 { - margin-top: 4.6rem; - margin-left: 1rem; - margin-bottom: 3rem; -} -.carousel-container { - - height: 25.0625rem; - flex-shrink: 0; - margin: 6.81rem auto; -} -#carousel-1 { - margin-bottom: 7rem; -} - -@media (max-width: 576px) { - .carousel-inner, .carousel-item, #carouselExampleControls { - width: 400px; - } - .container-carousel-1 { - width: 400px; - height: 300px; - border: transparent; - box-shadow: none; - margin: 1rem auto; - } - .carousel-container { - margin: 0 !important; - padding: 0 !important; - height: 100px !important; - } - .container-carousel-1 .container { - margin: auto !important; - padding: auto !important; - } - .container-footer { - margin-top: 5rem !important; - margin-left: 1rem !important; - } - .contact-container-2 { - width: 90vw; - margin: 5rem auto; - } - .container-carousel-1 { - padding: 0 !important; - } - .landing-container { - width: 400px; - } -} -/* Carousel End*/ - -/*Contact Us - CSS*/ -form ul li { - list-style-type: none; -} - -#build-img { - width: 808px; - height: 1088px; - flex-shrink: 0; -} - -#cnt-us { - display: flex; - width: 501.751px; - height: 49px; - flex-direction: column; - justify-content: flex-end; - flex-shrink: 0; - - font-family: "Montserrat"; - font-size: 40px; - font-style: normal; - font-weight: 600 - line-height: normal; - color: #765C3D; -} diff --git a/groupwork/frontend/s18/activity/index-group.html b/groupwork/frontend/s18/activity/index-group.html deleted file mode 100644 index b972ea4..0000000 --- a/groupwork/frontend/s18/activity/index-group.html +++ /dev/null @@ -1,199 +0,0 @@ - - - - - - Activity S18 Wireframes, Mockup and Prototypes - - - - - - - - - - - - - -
-
-
-

Replace This

-

With Your Title

- -
-

You can use this section to narrate a short description for the title or page.

-
- Get Started -
-
-
-
-
- - - - -
-
-

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.

-
-
- - - - - - - - - - - - - - - - -
-
-
- -
-
-

CONTACT US

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit

- - -
-
    -
    • -
    • - -
    • -
    • - -
    • -
    • - -
    • -
-
- - - - - - - - - \ No newline at end of file diff --git a/groupwork/frontend/s18/activity/index.css b/groupwork/frontend/s18/activity/index.css deleted file mode 100644 index cb138a3..0000000 --- a/groupwork/frontend/s18/activity/index.css +++ /dev/null @@ -1,205 +0,0 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: 'Montserrat', sans-serif !important; -} -:root { - --bg-primary: #765C3D; - - --bg-button: #B59066; - - --box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25); -} -#navbar { - background: var(--bg-primary) !important; -} -.navbar-brand, #navbarNav .nav-collapse, ul, li, a { - color: #FFF !important; -} -.h1-cus { - color: #765C3D; - font-family: Montserrat; - font-size: 2.5rem; - font-style: normal; - font-weight: 600; - line-height: normal; -} -.p1-cus { - color: #765C3D; - font-family: Montserrat; - font-size: 1.5rem; - font-style: normal; - font-weight: 400; - line-height: normal; -} -#landing { - background: - - linear-gradient( - - rgba(0, 0, 0, 0.61), - rgba(0, 0, 0, 0.61) - - ), - url("images/background.png"); - background-repeat: no-repeat; - background-size: cover; - ; - min-height: 51rem; - min-width: 100vw; -} -.container-info { - align-items: center; - color: #fff; - flex-shrink: 0; - margin-left: 16.44rem; - margin-top: 9.63rem; - width: 500px; -} -.container-info h1 { - color: #FFF; - font-family: Montserrat; - font-size: 4rem; - font-style: normal; - font-weight: 600; - line-height: 4.5rem; /* 112.5% */ - letter-spacing: -0.08rem; -} -.container-info p { - color: #FFF; - font-family: Montserrat; - font-size: 1.5rem !important; - font-style: normal; - font-weight: 400; - line-height: 1.875rem; /* 125% */ -} -.btn-1, .btn-end{ - padding: 0.75rem 2rem; - border-radius: 62.4375rem; - background-color: var(--bg-button) !important; - color: var(--button-text-button-primary-text, #FFF); - text-align: center; - font-family: Montserrat; - font-size: 1.25rem; - font-style: normal; - font-weight: 600; - line-height: 1.5rem !important;/* 120% */ - border:none; -} -.btn-end { - display: flex !important; - float: right; -} -#gallery { - padding: 10rem 0 7rem 0; -} -.container-carousel-1 { - width: 77.8125rem; - height: 47.75rem; - flex-shrink: 0; - background: #FFF; - box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25); - padding: 0 90px; -} -.container-info-1 { - margin-top: 4.6rem; - margin-left: 1rem; - margin-bottom: 3rem; -} -.carousel-container { - - height: 25.0625rem; - flex-shrink: 0; - margin: 6.81rem auto; -} -#carousel-1 { - margin-bottom: 7rem; -} -.footer, .footer p { - background: #B59066; - margin: 0 !important; - height: 3rem; - display: flex; - justify-content: center; - align-items: center; -} -.image-container { - background: - - linear-gradient( - - rgba(0, 0, 0, 0.61), - rgba(0, 0, 0, 0.61) - - ), - url("images/footer-bg.png"); - background-repeat: no-repeat; - background-size: cover; - ; - min-height: 51rem; - min-width: 50vw; -} -.contact-container { - width: 100vw; - background-color: hsla(32, 100%, 95%, 1); -} -.container-footer { - margin-top: 10rem !important; - margin-left: 7.81rem !important; -} -.form-group { - color: hsla(32, 32%, 35%, 1); -} -@media (max-width: 576px) { -/* Landing */ - #landing { - min-width: 0 !important; - } - .container-info { - margin-left: 2rem; - width: 400px; - } - .container-info h1{ - font-size: 4rem; - } - .container-info-1 { - margin-left: 1rem; - width: 400px; - display: none; - } -/* Carousel */ - .carousel-inner, .carousel-item, #carouselExampleControls { - width: 400px; - } - .container-carousel-1 { - width: 400px; - height: 300px; - border: transparent; - box-shadow: none; - margin: 1rem auto; - } - .carousel-container { - margin: 0 !important; - padding: 0 !important; - height: 100px !important; - } - .container-carousel-1 .container { - margin: auto !important; - padding: auto !important; - } - .container-footer { - margin-top: 5rem !important; - margin-left: 1rem !important; - } - .contact-container-2 { - width: 90vw; - margin: 5rem auto; - } - .container-carousel-1 { - padding: 0 !important; - } - .landing-container { - width: 400px; - } -} \ No newline at end of file diff --git a/groupwork/frontend/s18/activity/index.html b/groupwork/frontend/s18/activity/index.html deleted file mode 100644 index 17236dd..0000000 --- a/groupwork/frontend/s18/activity/index.html +++ /dev/null @@ -1,193 +0,0 @@ - - - - Title - - - - - - - - - - - - - - -
- -
-
-
-
-

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.

-
-
- - - - - -
-
-
-
-
-
-
-

CONTACT US

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit

- -
- - -
-
- - -
- -
- - -
- - -
-
-
-
- -
-
-

2023 | All rights reserved.

-
-
- - - - - - - - \ No newline at end of file diff --git a/individual/backend/s24/activity/index.html b/individual/backend/s24/activity/index.html new file mode 100644 index 0000000..d49e1b2 --- /dev/null +++ b/individual/backend/s24/activity/index.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/individual/backend/s24/activity/index.js b/individual/backend/s24/activity/index.js new file mode 100644 index 0000000..d751ab9 --- /dev/null +++ b/individual/backend/s24/activity/index.js @@ -0,0 +1,88 @@ + +// console.log("Hello World"); + + +//Objective 1 +//Add code here +//Note: function name is numberLooper + +function numberLooper(number) { + let message = ''; + + for (let count = number; count >= 0; count--) { + if (count <= 50) { + message = "The current value is at " + count + " Terminating the loop."; + break; + } + + if (count % 10 === 0) { + console.log('The number is divisible by 10. Skipping the number.'); + continue; + } + + if (count % 5 === 0) { + console.log(count); + } + } + + return message; + } + //let loopCount = parseInt(prompt("Enter number of loops")); + //console.log("numberLooper(" + loopCount + ")"); + //let numLooper = numberLooper(loopCount); + + console.log("numberLooper(65)"); + let numLooper = numberLooper(65); + console.log(numLooper); + + + + + + + + //Objective 2 + let string = 'supercalifragilisticexpialidocious'; + console.log(string); + let filteredString = ''; + + + for(let i = 0; i < string.length; i++){ + + if ( + string[i].toLowerCase() == "a" || + string[i].toLowerCase() == "i" || + string[i].toLowerCase() == "u" || + string[i].toLowerCase() == "e" || + string[i].toLowerCase() == "o" + ){ + // If the letter in the name is a vowel, it will print the number 3 + continue; + } else { + // Print in the console all non-vowel characters in the name + filteredString = filteredString + string[i]; + } + } + console.log(filteredString); + + + + + //Add code here + + + + + + //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 = { + + filteredString: typeof filteredString !== 'undefined' ? filteredString : null, + numberLooper: typeof numberLooper !== 'undefined' ? numberLooper : null + } + } catch(err){ + + } \ No newline at end of file diff --git a/individual/backend/s24/discussion/index.html b/individual/backend/s24/discussion/index.html new file mode 100644 index 0000000..d49e1b2 --- /dev/null +++ b/individual/backend/s24/discussion/index.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/individual/backend/s24/discussion/index.js b/individual/backend/s24/discussion/index.js new file mode 100644 index 0000000..ab7e2f1 --- /dev/null +++ b/individual/backend/s24/discussion/index.js @@ -0,0 +1,181 @@ +// console.log("Hello World"); + +// [Section] While Loop +/* + - A while loop takes in an expression/condition + - Expressions are any unit of code that can be evaluated to a value + - If the condition evaluates to true, the statements inside the code block will be executed + - A statement is a command that the programmer gives to the computer + - A loop will iterate a certain number of times until an expression/condition is met + - "Iteration" is the term given to the repetition of statements + - Syntax + while(expression/condition) { + statement + } +*/ + + +let count = 5; + +// While the value of count is not equal to 0 +while(count !== 0) { + + // The current value of count is printed out + console.log("While: " + count); + + // Decreases the value of count by 1 after every iteration to stop the loop when it reaches 0 + // Loops occupy a significant amount of memory space in our devices + // Make sure that expressions/conditions in loops have their corresponding increment/decrement operators to stop the loop + // Forgetting to include this in loops will make our applications run an infinite loop which will eventually crash our devices + // After running the script, if a slow response from the browser is experienced or an infinite loop is seen in the console quickly close the application/browser/tab to avoid this + count--; + +} + + +// [Section] Do While Loop +/* + - A do-while loop works a lot like the while loop. But unlike while loops, do-while loops guarantee that the code will be executed at least once. + - Syntax + do { + statement + } while (expression/condition) +*/ + +/* + - The "Number" function works similarly to the "parseInt" function + - Both differ significantly in terms of the processes they undertake in converting information into a number data type and other features that help with manipulating data + - The "prompt" function creates a pop-up message in the browser that can be used to gather user input + - How the Do While Loop works: + 1. The statements in the "do" block executes once + 2. The message "Do While: " + number will be printed out in the console + 3. After executing once, the while statement will evaluate whether to run the next iteration of the loop based on given expression/condition (e.g. number less than 10) + 4. If the expression/condition is not true, another iteration of the loop will be executed and will be repeated until the condition is met + 5. If the expression/condition is true, the loop will stop +*/ + + +// let number = Number(prompt("Give me a number")); + +// do { + +// // The current value of number is printed out +// console.log("Do While: " + number); + +// // Increases the value of number by 1 after every iteration to stop the loop when it reaches 10 or greater +// // number = number + 1 +// number += 1; + +// // Providing a number of 10 or greater will run the code block once and will stop the loop +// } while (number < 10) + + +// [Section] For Loop +/* + - A for loop is more flexible than while and do-while loops. It consists of three parts: + 1. The "initialization" value that will track the progression of the loop. + 2. The "expression/condition" that will be evaluated which will determine whether the loop will run one more time. + 3. The "finalExpression" indicates how to advance the loop. + - Syntax + for (initialization; expression/condition; finalExpression) { + statement + } +*/ + +/* + - Will create a loop that will start from 0 and end at 20 + - Every iteration of the loop, the value of count will be checked if it is equal or less than 20 + - If the value of count is less than or equal to 20 the statement inside of the loop will execute + - The value of count will be incremented by one for each iteration +*/ + + +for (let count = 0; count <= 20; count++) { + + // The current value of count is printed out + console.log(count); + +} + +// for (let count = 0; count >= -20; count--) { +// console.log(count); +// } + +let myString = "alex"; + +console.log(myString.length); + +// Accessing index number + +console.log(myString[0]); +console.log(myString[1]); +console.log(myString[2]); + +for(let x = 0; x < myString.length; x++) { + + console.log(myString[x]) +} + +let myName = "AlEx"; + +for (let i=0; i < myName.length; i++) { + + + if ( + myName[i].toLowerCase() == "a" || + myName[i].toLowerCase() == "i" || + myName[i].toLowerCase() == "u" || + myName[i].toLowerCase() == "e" || + myName[i].toLowerCase() == "o" + ){ + // If the letter in the name is a vowel, it will print the number 3 + console.log(3); + } else { + // Print in the console all non-vowel characters in the name + console.log(myName[i]) + } +} + +// [SECTION] Continue and Break statements + +for (let count = 0; count <= 20; count++) { + + // if remainder is equal to 0 + if (count % 2 === 0) { + + // Tells the code to continue to the next iteration of the loop + // This ignores all statements located after the continue statement; + continue; + } + + // The current value of number is printed out if the remainder is not equal to 0 + console.log("Continue and Break: " + count); + + // If the current value of count is greater than 10 + if (count > 10) { + + // Tells the code to terminate/stop the loop even if the expression/condition of the loop defines that it should execue so long as the value of count is less than or equal to 20 + // number values after 10 will no longer be printed + + break; + } + +} + +let name = "alexandro"; + + +for (let i = 0; i < name.length; i++) { + + console.log(name[i]); + + if (name[i].toLowerCase() === "a") { + console.log("Continue to the next iteration"); + continue; + } + + if (name[i] == "d") { + break; + } + +} diff --git a/individual/backend/s32/activity/Screenshot 2023-10-17 191401.png b/individual/backend/s32/activity/Screenshot 2023-10-17 191401.png new file mode 100644 index 0000000..253d68f Binary files /dev/null and b/individual/backend/s32/activity/Screenshot 2023-10-17 191401.png differ