Thursday, March 26, 2020
WBL Workshop 5 (Mock Interviews) RJ Part 3
The purpose of Mock Job Interview Questions and Tips for a Successful Interview by Virginia Western Community College is to teach people what answers interviewers are looking for from their questions so that people can contribute to the company by working there. The first important point in the video is to be hygienic and professional so that you are presentable to the interviewer. The second important point in the video is to give background about yourself so the interviewer knows who you are.The third important point is to give the interviewer your strengths so that he or she can know the capabilities that you possess. The fourth important point of the video be realistic and be able to solve problems so that the interviewer knows that you're honest with yourself and are able to fix and issues that the company may have. The fifth important point of the video is to be interested in the job that you are applying for so that the interviewer knows that you actually want the job. The final point is to show dedication so that the interviewer knows that you are willing to do the work. Knowing how to respond to the questions the interviewer asks of you is important for getting hired for the job and allows you to earn revenue.
WBL Workshop 5 (Mock Interviews) RJ Part 2
The purpose of Job Search Tips (Part 13): How to not get hired by Snagajob is to teach people about the mistakes people should not make when getting, going, or having an interview. One important point is to be on time for the interview since interviewers do not have all day for just one person but are actually busy with tons of work. Another important point is to talk in a professional manner that is respectful and sophisticated to the interviewer so that the interviewer would not feel distressed or would actually consider picking you for the job. Furthermore, be proactive and responsive to the job or company you are wanting to go or at working for so that the interviewer or boss has a good impression on you. Also, pay attention to the interviewer or boss since that will increase your chances of getting the interview. Knowing how to succeed in an interview with these skills is important so that you can get hired and work for the job to get money to financially secure yourself.
Elevator Pitch WBL Workshop #5
The purpose of Elevator Pitch Examples for Students by Home at 30 is to teach people how to articulate an effective and professional elevator pitch. The important strategies that were used in the video for effective articulation of elevator pitches are giving background about yourself, describing your uniqueness, providing your goal or how it can benefit the company, and your call to action. The person in the video stresses short but concise pitches that other people can understand in a timely manner since people have short attention spans. Knowing how to do elevator pitches helps you get an interview or job that you are seeking because it allows for effective communication about yourself and the presentation of skills that are required to get the job.
Tuesday, March 10, 2020
Project 6 Master Your Finances Website
In this project, I built a website that teaches primarily teenagers about finance.
Project 5 Credit Score App
In this project, I built a website/app that estimates or predicts your credit score based on the user's answers. In the beginning of the project development, I created new HTML, CSS, and JavaScript files. In the HTML file, typed in <!doctype html>, <html> tags, <head> tags, <meta> tags, <title> tags, <link> tags, <body> tags, and <script> tags. I linked my CSS file through a <link> tags and JavaScript file through a <script> tags. Next, I typed in <nav> tags inside the <body> tags and inside the <nav> tags I typed in <div> tags and <a> tags to create the navigation menu. After that, I typed in <main> tags. Inside the <main> tags, I typed in <div> tags, <h1> tags, <form> tags, <input> tags, and <p> tags to create the questions and answers for the user. Below the <main> tags, I typed in <footer> tags that has <button> tags, <div> tags, <h5> tags, <p> tags, and <small> tags to create text explaining the disclaimer/terms of use for the website/app.
For the CSS, I typed in:
html {
min-width: 100%;
min-height: 100%;
max-height: 100%;
max-width: 100%;
box-sizing: border-box;
}
body {
width: 100%;
height: auto;
margin: 0;
padding: 0;
background-color: #34C400;
}
to make the website/app responsive to size changes.
Next I typed in:
#navbar {
display: flex;
position: relative;
width: auto;
height: 100%;
margin: 0;
padding: 0;
background-color: #E34D64;
overflow: hidden;
}
#navbar a {
width: 100%;
height: auto;
padding: 20px 15px;
font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
font-size: 18px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
#navbar a:hover {
background-color: #F3556E;
}
#navBtns {
position: relative;
text-align: center;
vertical-align: middle;
align-content: center;
align-items: center;
line-height: 30px;
border: none;
outline: none;
flex: 1;
}
to give color and size to the navigation menu with some user interface elements that make it easier to know what is clicked.
Next I typed:
#Estimator {
display: block;
position: static;
width: 100%;
height: auto;
margin: 0;
padding: 0px 0px 5px 0px;
background-color: #00FF62;
color: #000000;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: normal;
text-align: center;
}
.question {
display: none;
padding-bottom: 1%;
}
.question input[type="button"] {
width: 75px;
height: 50px;
margin: 25px 50px 25px 50px;
padding: 0;
color: #000000;
background-color: #A2EBFF;
border: solid 2px #000000;
border-radius: 5px;
font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
font-weight: bold;
font-size: 16px;
text-align: center;
cursor: pointer;
}
#creditScoreTxt {
display: none;
}
to give color, size, font weight, font family, and position to the main content of the website/app.
Lastly, I typed in:
#ftBtn {
width: 6%;
height: auto;
margin: 0;
padding: 0;
float: right;
cursor: pointer;
}
#upArrow {
width: 37.5%;
height: auto;
margin: 0;
padding: 0;
}
#txtSpace {
background-color: rgba(255,255,255,0.50);
margin: 0 auto;
padding: 0% 0% 2.5% 0%;
clear: both;
}
#ftText {
display: none;
}
#ftHeader {
display: block;
text-align: center;
margin: 0;
padding: 0;
}
@media only screen and (max-device-width : 1024px) {
#ftBtn {
width: 10%;
}
#upArrow {
width: 40%;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#navbar a{
display: block;
}
}
to style the footer with color, size, positioning, fonts, and space while also using the media query to change the navigation bar text positioning when a 320 pixel by 480 pixel screen condition is met.
For the JavaScript, I stored multiple variables from classes of <div> tags and entered them into functions to run the program as intended. The program gets the number 850 which is the maximum credit score a person can get and subtract 70-85 points based on if the user clicks on specific buttons. Then I typed in the code document.getElementById("").style.display to toggle the questions showing up as well as the final score out of 850 at the end of the questions. I used functions like:
function btn8() {
qa8.style.display = "none";
document.getElementById("creditScoreTxt").style.display = "block";
document.getElementById("creditScoreNum").innerHTML = maxCreditScore;
}
to display the next question while hiding the current question when the user clicks a button. Also, I typed:
//Shows or hides the footer when the up arrow is clicked.
function toggle() {
var clickedBtn = document.getElementById("ftText");
if (clickedBtn.style.display == "block") {
clickedBtn.style.display = "none";
}
else {
clickedBtn.style.display = "block";
}
console.log("clickedBtn");
return;
}
which shows or hides the footer.
Knowing how to build a credit score website/app is useful to a web designer since it offers more options the web designer can create and gives knowledge whenever the web designer needs to create a website/app similar to this project.
Link: http://techteach.us/Web2020/ZWeiJian/WCP/Projects/credit_Score_App_P3/Credit_Score_App.html
For the CSS, I typed in:
html {
min-width: 100%;
min-height: 100%;
max-height: 100%;
max-width: 100%;
box-sizing: border-box;
}
body {
width: 100%;
height: auto;
margin: 0;
padding: 0;
background-color: #34C400;
}
to make the website/app responsive to size changes.
Next I typed in:
#navbar {
display: flex;
position: relative;
width: auto;
height: 100%;
margin: 0;
padding: 0;
background-color: #E34D64;
overflow: hidden;
}
#navbar a {
width: 100%;
height: auto;
padding: 20px 15px;
font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
font-size: 18px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
#navbar a:hover {
background-color: #F3556E;
}
#navBtns {
position: relative;
text-align: center;
vertical-align: middle;
align-content: center;
align-items: center;
line-height: 30px;
border: none;
outline: none;
flex: 1;
}
to give color and size to the navigation menu with some user interface elements that make it easier to know what is clicked.
Next I typed:
#Estimator {
display: block;
position: static;
width: 100%;
height: auto;
margin: 0;
padding: 0px 0px 5px 0px;
background-color: #00FF62;
color: #000000;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: normal;
text-align: center;
}
.question {
display: none;
padding-bottom: 1%;
}
.question input[type="button"] {
width: 75px;
height: 50px;
margin: 25px 50px 25px 50px;
padding: 0;
color: #000000;
background-color: #A2EBFF;
border: solid 2px #000000;
border-radius: 5px;
font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
font-weight: bold;
font-size: 16px;
text-align: center;
cursor: pointer;
}
#creditScoreTxt {
display: none;
}
to give color, size, font weight, font family, and position to the main content of the website/app.
Lastly, I typed in:
#ftBtn {
width: 6%;
height: auto;
margin: 0;
padding: 0;
float: right;
cursor: pointer;
}
#upArrow {
width: 37.5%;
height: auto;
margin: 0;
padding: 0;
}
#txtSpace {
background-color: rgba(255,255,255,0.50);
margin: 0 auto;
padding: 0% 0% 2.5% 0%;
clear: both;
}
#ftText {
display: none;
}
#ftHeader {
display: block;
text-align: center;
margin: 0;
padding: 0;
}
@media only screen and (max-device-width : 1024px) {
#ftBtn {
width: 10%;
}
#upArrow {
width: 40%;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#navbar a{
display: block;
}
}
to style the footer with color, size, positioning, fonts, and space while also using the media query to change the navigation bar text positioning when a 320 pixel by 480 pixel screen condition is met.
For the JavaScript, I stored multiple variables from classes of <div> tags and entered them into functions to run the program as intended. The program gets the number 850 which is the maximum credit score a person can get and subtract 70-85 points based on if the user clicks on specific buttons. Then I typed in the code document.getElementById("").style.display to toggle the questions showing up as well as the final score out of 850 at the end of the questions. I used functions like:
function btn8() {
qa8.style.display = "none";
document.getElementById("creditScoreTxt").style.display = "block";
document.getElementById("creditScoreNum").innerHTML = maxCreditScore;
}
to display the next question while hiding the current question when the user clicks a button. Also, I typed:
//Shows or hides the footer when the up arrow is clicked.
function toggle() {
var clickedBtn = document.getElementById("ftText");
if (clickedBtn.style.display == "block") {
clickedBtn.style.display = "none";
}
else {
clickedBtn.style.display = "block";
}
console.log("clickedBtn");
return;
}
which shows or hides the footer.
Knowing how to build a credit score website/app is useful to a web designer since it offers more options the web designer can create and gives knowledge whenever the web designer needs to create a website/app similar to this project.
Link: http://techteach.us/Web2020/ZWeiJian/WCP/Projects/credit_Score_App_P3/Credit_Score_App.html
Saturday, March 7, 2020
Junior Achievement (Senior Year)
On March 6, 2020 I went to PS/IS 128 which is an elementary school in Middle Village, New York.
I had to teach 4th graders with 3 other seniors about business and finance on this mandatory trip. Before
the trip, I prepared for the lessons to teach the 4th graders by rehearsing and memorizing the lesson plan
with the 3 other seniors who were my teammates. We planned out as many scenarios as possible and
decided to adapt to the rest of the scenarios. During the lessons, I went second in the order my teammates
and I agreed upon. I helped out my teammates with their lessons like holding up materials or helping out students during the lesson. When my lesson began, I first introduced myself to the students.
I taught the students about the types of resources. I also taught the students about how an entrepreneur
uses resources to create products and services and vise versa. To do this, I first remind the 4th graders of
what an entrepreneur is and what good they provide. Next I had my teammates post the map of the United
States to teach the students about the different regions of the United State of America. Then I asked if
entrepreneurs vary between climates and regions. Once the 4th graders got around the answer that
entrepreneurs do vary between climates and regions, I had them complete a flier about creating a business
from a resources and advertise that business. The students then shared their business to the class.
Furthermore, I taught them about capital resources, human resources, and natural resources with
vocabulary cards. Finally, I wrapped up the lesson with a recap and then the next lesson began with one of
my teammates. After the lessons, my teammates and I went back home with the rest of the people on the
field trip. I taught the students because it was mandatory and I wanted to teach the students to expand their knowledge of the world around them. I learned that you had to engage with the students more and know the material better to teach students about a topic. I envision improving my social skills with this experience. One advice I'll give is that you need to actively engage your students to keep them focused and yearning to learn.
Subscribe to:
Posts (Atom)