Create a small React based app that shows off your frontend skills and implements a parallax hero header and sticky columns as per the videos attached.
Note: videos are to be used as a guideline only, no need to replicate all the content.
| { | |
| "base": "GBP", | |
| "history": [ | |
| { | |
| "date": "2021-04-01", | |
| "rates": [ | |
| { | |
| "currency": "EUR", | |
| "value": 5.0611 | |
| } |
| [ | |
| { | |
| "name": "Loan 1", | |
| "status": "warning", | |
| "attributes": [ | |
| { | |
| "label": "gross facility", | |
| "content": "$3000000" | |
| }, | |
| { |
| #!/bin/bash | |
| # command to run apache benchmark tool | |
| # ** usage ** | |
| # ./benchmark "https://www.apple.com/" | |
| curl -X GET "$1" | |
| ab -k -c 20 -n 250 "$1" |
| #!/bin/bash | |
| # command to check the time to first byte | |
| # ** usage ** | |
| # 1. ./ttfb "https://www.apple.com/" | |
| # 2. seq 10 | xargs -Iz ./ttfb "https://www.apple.com/" | |
| curl -o /dev/null \ | |
| -H 'Cache-Control: no-cache' \ | |
| -s \ | |
| -w "Connect: %{time_connect} TTFB: %{time_starttransfer} Total time: %{time_total} \n" \ |
| #!/bin/bash | |
| commandExists () { | |
| type "$1" &> /dev/null ; | |
| } | |
| installImageMagick() { | |
| if commandExists brew; then | |
| brew install imagemagick | |
| else |
For every pull request for user facing changes, we should include the following in the PR description:
You should also be checking and optimizing any code being submitted as follows:
Create a small PHP based app that scrapes the top listed property at http://www.unite-students.com/liverpool, follows its link and gathers information to display it based on the desktop and mobile wires.
| var foo = 1; | |
| (function() { | |
| console.log(foo); | |
| var foo = 2; | |
| var baz = 3; | |
| bar = 4; | |
| })(); | |
| console.log(foo); |