HTML5 Coding Test

Developer
John Duprey
Size
3,949 Kb
Views
4,048
  1. HTML5 Coding Test Previews
  2. HTML5 Coding Test HTML Codes
  3. HTML5 Coding Test JS Codes

How do I make an html5 coding test?

Demonstrate basic HTML5 coding capabilities by writing a simple web page. This test will be used to evaluate core skills (HTML, CSS, Javascript) so please take the time to show your best work. This pen will be your starting point. To begin, fork the pen and ensure you are able to save your results before going any further. A test administrator will be available to you to help answer any questions during the time.. What is a html5 coding test? How do you make a html5 coding test? This script and codes were developed by John Duprey on 23 January 2023, Monday.

HTML5 Coding Test Previews
IQ Test

HTML5 Coding Test - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>HTML5 Coding Test</title>
</head>
<body> <p>Scroll to the bottom in <a target="_blank" href="https://codepen.io/jduprey/details/QyxjMo">details view</a> to see instructions for this coding test.</p>
<hr>
<pre>
Heading 1 All Caps
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae consequat est. Nullam ipsum sapien, hendrerit in mollis quis,...
Duis vulputate lacus ac faucibus scelerisque. Phasellus porta, lorem vitae elementum suscipit, ...
Tell Us About Yourself
Name:
E-Mail:
Age:
[Submit Button]
Thanks, {NAME}, we have saved your e-mail address: {E-MAIL}. You are {AGE} years old.
</pre>
<!--
# HTML5 Test
Demonstrate basic HTML5 coding capabilities by writing a simple web page. This test will be used to evaluate core skills (HTML, CSS, Javascript) so please take the time to show your best work. This pen will be your starting point. To begin, fork the pen and ensure you are able to save your results before going any further. A test administrator will be available to you to help answer any questions during the time.
You have ~90 minutes to complete the work. You may use the web and other resources as you like, but the code submitted must be your own. Please do NOT copy and paste code from other examples.
## To Do: 1. Create a minimally valid HTML5 document - include full HTML5 page markup even though Codepen only requires body content - e.g. include the doctype, header, title, etc. 2. In the body include headers, 2 paragraphs - boilerplate content provided, but no markup. 3. Use external CSS to change the look of the page in the following ways: 3. black background 3. white text 3. all caps headings 3. style the form as described below 3. Create a simple form with these specs: 3. The form should be fixed 500px width, centered. 3. Form labels and fields should be left aligned and fill up available space, name must be on a separate line, e-mail and age may be on the same line 3. With the following inputs: 4. Name - light-blue border 4. E-mail address - green border 4. Age - orange border 3. Each input should have a text label -e.g. Name, E-mail, Age 4. When the form submit button is pressed, validate inputs and write the validated input to the page
NOTES: jQuery may be used and this example has included the core jQuery library. Bonus points will be "assigned" if you can turn it into an AngularJS app.
## Click "FORK" button to begin!
If you do not have a Codepen account and do not wish to create one, you may choose to save anonymously. Make sure saving anonymously is working for you. Save your work frequently and submit the pen URL when you are done.
--> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

HTML5 Coding Test - Script Codes JS Codes

// jquery
$(function() { // Handler for .ready() called. // Document ready
});
HTML5 Coding Test - Script Codes
HTML5 Coding Test - Script Codes
Home Page Home
Developer John Duprey
Username jduprey
Uploaded January 23, 2023
Rating 3
Size 3,949 Kb
Views 4,048
Do you need developer help for HTML5 Coding Test?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

John Duprey (jduprey) Script Codes
Name
Hangman Version 1.2
Client Side File Saving with FileSaver.js
Hello, World for L2C4K
Closure Example 1 - Solution
Nested Flexbox Example
Closure Example 1
Tag example
ExampleEdit
L2C4K Guessing Game Using A Loop
L2C4K Tic Tac Toe Example
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!