Hello World, Jokes!

Warm up * Build a website from scratch that displays a "Hello World!" in a first-level header element. * Create an unordered list of your favorite jokes (3 or more). Extra Credit: * Add an image above "Hello World". * Find 3 more HTML elements you have yet to use, and implement them into

Ditto's Playground

You will re-create the following home page of the following website: http://www.csszengarden.com/ Links and JavaScript functionality do not have to work. Fonts, images, etc can be found in the sources tab. You can also use this awesome Chrome extension called What Font, which lets you hover over

Blog Props

A great way to practice building web sites and web apps is to copy sites or apps that already exist. So, your assignment is to re-create the first page of this sample blog website. You will organize it into these components: (Indented components are suppose to be nested. E.g.

Friends with Pets Props Practice

Build a simple React app that has a component, a component and a component. In , .map() through an array of friends. Each friend will have an array of pets. Feel free to use array at the bottom of this write up. In your .map(), render a

Dynamic Rendering in React

Often times we will want to render different elements or components conditionally. Imagine a login button. The user will see the login button until they login. Then they will see a log out button. Maybe an help message should be rendered until the clicks to exit it. Or you want