Assessment

Let’s try a small project to assess your current technical abilities.

OVERVIEW

The intent of this assignment is to assess whether you are able to learn some material and build a small web page. This is important because it is very similar to how our cohorts are run. We implement what is called a “flipped classroom” in which you are provided the material ahead of time and are expected to go through it outside of class hours and come prepared to ask questions, demonstrate your understanding of the material, and use it in your individual/team projects.

Don’t worry if you can’t get it perfect, just do your best to learn the material and complete the work. Then, if you are so inclined, feel free to make it better, beautiful, or flashy. Remember, the purpose of this exercise is to gauge your ability to learn and implement new technology.

IMPORTANT

Before you begin working on the homework, make sure to read through the entire assessment instructions and helpful hints below so that you can fully understand what you need to do and save yourself some time trying to figure it out as you go.

Let’s Get Started

  1. Go to the Udemy website and enroll in the free class named HTML and CSS Foundations. You’ll have to filter by your search results to only show Free courses or potentially scroll through several pages of the result to find the one that looks like the image below.
2. Complete the first 3 sections of the course – Prologue, Setup, Tags.

For extra credit – Continue through the remaining sections and apply what you learn to the assignment. This course is a very condensed “quick start” type course. Don’t be discouraged if something doesn’t make sense now.  We’ll cover all of this material in more detail in class.

3. Use what you’ve learned to create a web page that has the following elements on it.

  1. Your photo
  2. Your name
  3. Your email address
  4. Your current job title
  5. Your bio – should have multiple paragraphs
  6. A list of your favorite activities
  7. A link to your LinkedIn profile

If you don’t have a LinkedIn profile, link instead to the Google homepage – https://www.google.com.

4. Now, visit the w3schools website and learn about JavaScript Popup Boxes.

For extra credit – Start at the beginning of the w3schools Javascript tutorial and read through it all, or read through the Eloquent JavaScript ebook, and apply something that you learn to this assignment.

5. Use what you’ve learned to add a button under your Title on the page that you have created.

  1. Make the text displayed in the button Show Greeting.
  2. Make the text that is displayed when the button is clicked Hello from Javascript.
6. The resulting page should look something like the following.
7. When the Show Greeting button is clicked, the resulting popup should look something like this.
8. Email the file(s) for your assignment to [email protected].

  1. Make sure all of the files are included in the email.
  2. HTML
  3. CSS
  4. IMAGE(S)

If you know how to “zip up” all the files in a single archive file that might work better!

X