S03 Activity
							parent
							
								
									6ff4d4e9cc
								
							
						
					
					
						commit
						4b5b52e336
					
				@ -0,0 +1,63 @@
 | 
				
			|||||||
 | 
					<!DOCTYPE html>
 | 
				
			||||||
 | 
					<html lang="en">
 | 
				
			||||||
 | 
					<head>
 | 
				
			||||||
 | 
					    <meta charset="UTF-8">
 | 
				
			||||||
 | 
					    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
				
			||||||
 | 
					    <title>Activity: S03-a</title>
 | 
				
			||||||
 | 
					    <style>
 | 
				
			||||||
 | 
					        * {
 | 
				
			||||||
 | 
					            background: black;
 | 
				
			||||||
 | 
					            color: white;
 | 
				
			||||||
 | 
					            margin: 0;
 | 
				
			||||||
 | 
					            padding: 0;
 | 
				
			||||||
 | 
					            font-family: serif;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .wrapper {
 | 
				
			||||||
 | 
					            border: 1px solid white;
 | 
				
			||||||
 | 
					            width: 80%;
 | 
				
			||||||
 | 
					            height: auto;    
 | 
				
			||||||
 | 
					            margin: 10% auto;
 | 
				
			||||||
 | 
					            line-height: 3rem;
 | 
				
			||||||
 | 
					            padding: 0 1rem 1rem 1rem;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        p {
 | 
				
			||||||
 | 
					            line-height: 1rem;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .ol-list {
 | 
				
			||||||
 | 
					            margin-left: 2rem;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        ol li {
 | 
				
			||||||
 | 
					            line-height: 1.5rem;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        em {
 | 
				
			||||||
 | 
					            font-weight: bold;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					    </style>
 | 
				
			||||||
 | 
					</head>
 | 
				
			||||||
 | 
					<body>
 | 
				
			||||||
 | 
					    <section class="wrapper">
 | 
				
			||||||
 | 
					        <span><em>Science and Engineering Ethics (2001)7.231-238</em></span>
 | 
				
			||||||
 | 
					        <hr>
 | 
				
			||||||
 | 
					        <h1>Software Engineering Code of Ethics and Professional Practice</h1>
 | 
				
			||||||
 | 
					        <h4>IEEE-CS/ACM Joint Task Force on Software Engineering Ethics and Professional Practices</h2>
 | 
				
			||||||
 | 
					        <hr>
 | 
				
			||||||
 | 
					        <span><strong>Keywords:</strong> code of ethics, professional responsibility, software engineering</span>
 | 
				
			||||||
 | 
					        <h3>PREAMBLE</h3>
 | 
				
			||||||
 | 
					        <p>The short version of the code summarizes aspirations at a high level of abstraction. The clauses in the full version give examples and details of how these aspirations change the way we act as software engineering professionals.</p>
 | 
				
			||||||
 | 
					        <p>Without the aspirations, the details can become legalistic and tedious, without the details, the aspirations can become high-sounding but empty; together, the aspirations and the details form a cohesive code.
 | 
				
			||||||
 | 
					        <br><br>Software engineers shall commit themselves to making the analysis, specification, design, development, testing and maintenance of software a beneficial and respected profession. In accordance with their commitment to the health, safety, and welfare of the public, software engineers shall adhere to the following eight Principles</p>
 | 
				
			||||||
 | 
					        <h3>PRINCIPLES</h3>
 | 
				
			||||||
 | 
					        <div class="ol-list">
 | 
				
			||||||
 | 
					            <ol>
 | 
				
			||||||
 | 
					                <li><em>Public.</em> Software engineers shall act consistently with the public interest.</li>
 | 
				
			||||||
 | 
					                <li><em>Client and employer.</em> Software engineers shall act in a manner that is in the best interest of their client and employer, consistent with the public interest.</li>
 | 
				
			||||||
 | 
					                <li><em>Judgement.</em> Software engineers shall maintain integrity and independence in their professional judgement</li>
 | 
				
			||||||
 | 
					                <li><em>Management.</em> Software engineers manages and leaders shall subscribe to and promote an ethical approach to the management of software development and maintenance.</li>
 | 
				
			||||||
 | 
					                <li><em>Profession.</em> Software engineers shall advance the integrity and reputation of the profession consistent with the public interest.</li>
 | 
				
			||||||
 | 
					                <li><em>Colleages.</em> Software engineers shall be fair to and supportive of their colleagues.</li>
 | 
				
			||||||
 | 
					                <li><em>Self.</em> Software engineers shall participate in a lifelong learning regarding the practice of their profession and shall promote an ethical approach to the practice of the profession.</li>
 | 
				
			||||||
 | 
					            </ol>
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					    </section>
 | 
				
			||||||
 | 
					</body>
 | 
				
			||||||
 | 
					</html>
 | 
				
			||||||
@ -0,0 +1,59 @@
 | 
				
			|||||||
 | 
					<!DOCTYPE html>
 | 
				
			||||||
 | 
					<html lang="en">
 | 
				
			||||||
 | 
					<head>
 | 
				
			||||||
 | 
					    <meta charset="UTF-8">
 | 
				
			||||||
 | 
					    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
				
			||||||
 | 
					    <title>Activity: S03-b</title>
 | 
				
			||||||
 | 
					    <style>
 | 
				
			||||||
 | 
					        * {
 | 
				
			||||||
 | 
					            background: black;
 | 
				
			||||||
 | 
					            color: white;
 | 
				
			||||||
 | 
					            margin: 0;
 | 
				
			||||||
 | 
					            padding: 0;
 | 
				
			||||||
 | 
					            font-family: serif;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .wrapper {
 | 
				
			||||||
 | 
					            border: 1px solid white;
 | 
				
			||||||
 | 
					            width: 80%;
 | 
				
			||||||
 | 
					            height: auto;    
 | 
				
			||||||
 | 
					            margin: 10% auto;
 | 
				
			||||||
 | 
					            line-height: 3rem;
 | 
				
			||||||
 | 
					            padding: 0 1rem 1rem 1rem;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        p {
 | 
				
			||||||
 | 
					            line-height: 1rem;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .ol-list {
 | 
				
			||||||
 | 
					            margin-left: 2rem;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        ol li {
 | 
				
			||||||
 | 
					            line-height: 1.5rem;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        em {
 | 
				
			||||||
 | 
					            font-weight: bold;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					    </style>
 | 
				
			||||||
 | 
					</head>
 | 
				
			||||||
 | 
					<body>
 | 
				
			||||||
 | 
					    <section class="wrapper">
 | 
				
			||||||
 | 
					        <h1>Code of Ethics of the Filipino Computing and Information Technology Professional</h1>
 | 
				
			||||||
 | 
					        <p>For the purposes of this Code, the following terms are defined s follows.</p>
 | 
				
			||||||
 | 
					        <h4>Information Technology</h3>
 | 
				
			||||||
 | 
					        <p>The preparation, collection, creation, transport retrieval, storage, access, presentation, and transformation of electronic information in all its forms including, but not limited to, voice, graphics, text, video, data and image.</p>
 | 
				
			||||||
 | 
					        <p>Without the aspirations, the details can become legalistic and tedious, without the details, the aspirations can become high-sounding but empty; together, the aspirations and the details form a cohesive code.
 | 
				
			||||||
 | 
					        <br><br>Software engineers shall commit themselves to making the analysis, specification, design, development, testing and maintenance of software a beneficial and respected profession. In accordance with their commitment to the health, safety, and welfare of the public, software engineers shall adhere to the following eight Principles</p>
 | 
				
			||||||
 | 
					        <h3>PRINCIPLES</h3>
 | 
				
			||||||
 | 
					        <div class="ol-list">
 | 
				
			||||||
 | 
					            <ol>
 | 
				
			||||||
 | 
					                <li><em>Public.</em> Software engineers shall act consistently with the public interest.</li>
 | 
				
			||||||
 | 
					                <li><em>Client and employer.</em> Software engineers shall act in a manner that is in the best interest of their client and employer, consistent with the public interest.</li>
 | 
				
			||||||
 | 
					                <li><em>Judgement.</em> Software engineers shall maintain integrity and independence in their professional judgement</li>
 | 
				
			||||||
 | 
					                <li><em>Management.</em> Software engineers manages and leaders shall subscribe to and promote an ethical approach to the management of software development and maintenance.</li>
 | 
				
			||||||
 | 
					                <li><em>Profession.</em> Software engineers shall advance the integrity and reputation of the profession consistent with the public interest.</li>
 | 
				
			||||||
 | 
					                <li><em>Colleages.</em> Software engineers shall be fair to and supportive of their colleagues.</li>
 | 
				
			||||||
 | 
					                <li><em>Self.</em> Software engineers shall participate in a lifelong learning regarding the practice of their profession and shall promote an ethical approach to the practice of the profession.</li>
 | 
				
			||||||
 | 
					            </ol>
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					    </section>
 | 
				
			||||||
 | 
					</body>
 | 
				
			||||||
 | 
					</html>
 | 
				
			||||||
@ -0,0 +1,60 @@
 | 
				
			|||||||
 | 
					<!DOCTYPE html>
 | 
				
			||||||
 | 
					<!---->
 | 
				
			||||||
 | 
					<html lang="en">
 | 
				
			||||||
 | 
					<head>
 | 
				
			||||||
 | 
					<meta charset="UTF-8">
 | 
				
			||||||
 | 
					<meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
				
			||||||
 | 
					<!-- Page tittle -->
 | 
				
			||||||
 | 
					<title>S03: HTML Introduction</title>
 | 
				
			||||||
 | 
					<style>
 | 
				
			||||||
 | 
					    * {
 | 
				
			||||||
 | 
					        background: black;
 | 
				
			||||||
 | 
					        color: white;
 | 
				
			||||||
 | 
					        font-family: Arial, Helvetica, sans-serif;
 | 
				
			||||||
 | 
					        width: 90%;
 | 
				
			||||||
 | 
					        margin: 1rem auto;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					</style>
 | 
				
			||||||
 | 
					</head>
 | 
				
			||||||
 | 
					<body>
 | 
				
			||||||
 | 
					    <!-- Creates a heading text -->
 | 
				
			||||||
 | 
					    <!-- Heading tag sizes [h1-h6] -->
 | 
				
			||||||
 | 
					    <h1>Zuitt Coding Bootcamp</h1>
 | 
				
			||||||
 | 
					    <h3>John Doe</h3>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <hr>
 | 
				
			||||||
 | 
					    <p>Welcome to <em>Zuitt!</em>
 | 
				
			||||||
 | 
					        <br><br>In this online bootcamp course, you will learn a lot of things. Let's enumerate all the things that will make you a <strong>full-stack web developer</strong>.
 | 
				
			||||||
 | 
					    </p>
 | 
				
			||||||
 | 
					    <ul>
 | 
				
			||||||
 | 
					        <li>Languages</li>
 | 
				
			||||||
 | 
					            <ul>
 | 
				
			||||||
 | 
					                <li>HTML</li>
 | 
				
			||||||
 | 
					                <li>CSS</li>
 | 
				
			||||||
 | 
					                <li>JavaScript</li>
 | 
				
			||||||
 | 
					            </ul>
 | 
				
			||||||
 | 
					        <li>Frameworks and Libraries</li>
 | 
				
			||||||
 | 
					            <ol>
 | 
				
			||||||
 | 
					                <li>Bootstrap</li>
 | 
				
			||||||
 | 
					                <li>ExpressJS</li>
 | 
				
			||||||
 | 
					                <li>ReactJS</li>
 | 
				
			||||||
 | 
					            </ol>
 | 
				
			||||||
 | 
					        <li>Tools</li>
 | 
				
			||||||
 | 
					            <ol>
 | 
				
			||||||
 | 
					                <li>Git</li>
 | 
				
			||||||
 | 
					                <li>Zuit Git</li>
 | 
				
			||||||
 | 
					                <li>Sublime Text</li>
 | 
				
			||||||
 | 
					                <li>Postman</li>
 | 
				
			||||||
 | 
					                <li>Others</li>
 | 
				
			||||||
 | 
					                    <ul>
 | 
				
			||||||
 | 
					                        <li>MongoDB Atlas</li>
 | 
				
			||||||
 | 
					                        <li>MongoDB Compass</li>
 | 
				
			||||||
 | 
					                    </ul>
 | 
				
			||||||
 | 
					            </ol>
 | 
				
			||||||
 | 
					    </ul>
 | 
				
			||||||
 | 
					    <!-- Closing Paragraph -->
 | 
				
			||||||
 | 
					    <p>
 | 
				
			||||||
 | 
					        There is a lot to learn in this bootcamp. It may look overwhelming at the beginning, but it's all worth it when you graduate!
 | 
				
			||||||
 | 
					    </p>
 | 
				
			||||||
 | 
					</body>
 | 
				
			||||||
 | 
					</html>
 | 
				
			||||||
					Loading…
					
					
				
		Reference in New Issue