- Demonstrate Front End Skills
- Static site
- Basic HTML/CSS
- Include a style library? Maybe.
- React? Nope.
- Single page is A-OK.
- NO SITE BUILDERS: WordPress, WIX, SquareSpace, etc.
/* | |
1. Use javascript and the following data to display the Bacon Artichoke pizza on the DOM. | |
Consider which array iteration method you should use. | |
2. Display the number of toppings on the Bacon Artichoke pizza. | |
3. Display the toppings for the Bacon Artichoke pizza with commas between each item. | |
Example display https://jamboard.google.com/d/1J6Lg8w7FKlDDJXhFLAn0nDC8jtnUssq5befgpRZC1Q8/edit?usp=sharing | |
*/ | |
CJ Solar & Friends Fat Tuesday Mardi Gras Party | |
Today, 7:30 AM – 9:30 PM | |
3rd & Lindsley Bar & Grill, 818 3rd Ave S | |
Nashville, TN | |
Room | |
Today, 6:00 – 11:15 PM | |
In 9 Hours | |
Rudy's Jazz Room, 809 Gleaves St | |
Nashville, TN |
Create a self contained component that will display a single quote. Use the following api: https://type.fit/api/quotes
NOTE You will only be calling the API one time and saving the data in state.
You will be using useState
and useEffect
Create the JSX that displays a placeholder for the dynamic content and return
to display on the DOM. You will be displaying the quote and the author.
All children know the best way to get what they want is to pester their parents until they give in. The smartest children know that for the best results they should vary both their volume and the number of repetitions of their plea.
Your task is to build a web application that will help a child build their plea.
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Martin's Fish</title> | |
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet"> | |
<link rel="stylesheet" href="styles/main.css"> | |
</head> |
{ | |
"christmasList": [ | |
{ | |
"id": 1, | |
"title": "UFO with Aliens Inside" | |
}, | |
{ | |
"id": 2, | |
"title": "Tyrannosaurus Rex" | |
}, |
[ | |
{ | |
"category": "HISTORY", | |
"air_date": "2004-12-31", | |
"question": "'For the last 8 years of his life, Galileo was under house arrest for espousing this man's theory'", | |
"value": "$200", | |
"answer": "Copernicus", | |
"round": "Jeopardy!", | |
"show_number": "4680" | |
}, |
Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change. Fixes # (issue)
Please delete options that are not relevant.
- Bug fix (non-breaking change which fixes an issue)
- New feature (non-breaking change which adds functionality)
- Breaking change (fix or feature that would cause existing functionality to not work as expected)
Please describe the tests required to verify your changes. Provide instructions so PR Tester can check functionality. Please also list any relevant details for your tests
const veryImportantInfo = { | |
"socialSecurity": "934-11-0201", | |
"bankAccountNumber": "4483271255", | |
"bankRoutingNumber": "458979043" | |
} | |
const requestFunds = function (customerInfo) { | |
// Note: Banks require that the account number and routing number be combined into a single value | |
customerInfo.bankAccountNumber = customerInfo.bankAccountNumber + customerInfo.bankRoutingNumber | |
const transactionInfo = customerInfo.bankAccountNumber |