Final Project
Last updated
Last updated
Now that you've learned the basics of HTML, CSS, and JavaScript, it's time to put your new knowledge to use!
We require all students who wish to join the Bootcamp to send us a final project as a demonstration that they have covered the basics and that they are committed to the course.
Don't worry, the task is simple and we are here to guide you through it, step by step!
Go to www.replit.com and create your account.
Once you have set up your account and verified your email address, you will be directed to this page upon log-in:
Click on the "Create" button in the top left corner and search for the following template: HTML, CSS, JS. Enter your first and last name as the project title, and keep it public (default setting). Then click "Create Repl".
Great job! You're now able to write and run code on your browser. This will be enough for the pre-course task, but you will need to download different software during the Bootcamp.
The required project from students is a simple webpage built with HTML, CSS, and JS. Below is a screenshot of what your final page should look like (we use the red boxes to highlight different components for you, they are not part of the webpage).
A simple HTML page like the one in the above image that contains the following:
A profile picture (not necessarily yours) in a rounded border style.
Your Name in an H1 heading.
Job title, and Favorite Song in bolded text, with the content under them in a regular text.
The favorite song content must be a link to a youtube video.
A horizontal dividing line.
A simple form with two inputs for numbers and a plus + symbol between them. You will also have to add the Calculate button after them and make sure it works! (see below)
The background color for the whole page must be a light blue color.
Calculate Functionality: When a user clicks the button an alert message in a pop-up shows up with the message: “The answer of [ ] + [ ] is [ ]." The first two [ ] should be replaced by the numbers that the user has entered in the inputs. The alert message should look like this:
It is completely normal to get stuck sometimes. In fact, a big part of your job as a software engineer is to figure out how to solve problems. As a result, the ability to for resources is a skill every developer should have.
Everything you need to complete this project has been covered in the pre-course, but if you would like to go over a certain part again, you may find this list helpful. This list includes all the things you need to know, and that you may need to search for, in order to complete this project.
HTML:
HTML basic page
HTML headings
HTML paragraph
HTML link
HTML image
HTML horizontal line
HTML form and input types
HTML button
CSS:
CSS syntax
CSS class selectors
CSS width & height
CSS background
CSS border & border-radius
CSS margin
CSS flexbox
Javascript:
How to select HTML elements using javascript
How to get input value using javascript
How to add numbers using javascript
javascript alert message
Congratulations on reaching the last step in your pre-course assessment! We are very excited to see your project and give you feedback.
We need to see both your webpage and your code in order to properly assess your work. You will need to submit two links to us precourse@tawwr.com
To get the two links and give us access to your webpage and code, follow these steps:
Send us your webpage link, which you can find here:
2. Send us your code link by inviting us to view it by clicking on the Invite button in the top right corner and generating a link:
Send both links in an email to precourse@tawwr.com
The email format should be as follows:
Subject line: [First Name] [Last Name] Precourse
Message: Include both links as instructed above (link for webpage, link for code) in your message.
And that's it, you're all done! We'll be getting in touch with you within the next two weeks to let you know our feedback, and schedule interviews if you are successful.
We hope you enjoyed our pre-course and we'd love to hear your feedback on it so we can improve it for future students. If you have any comments or suggestions, please send them to us at precourse@tawwr.com
We're looking forward to receiving them, and hopefully meeting you very soon!
