Thinkful Tutorial on Front End Design

Project 1 - About me page

During this lesson you will be coding an "About Me" website based on this example design . You will learn to use CodePen which will then be used to complete this project.

You will plan you page by creating a wireframe. From there you will build your "About Me" page for scratch using HTML and CSS skills. You'll create the page section by section during the lesson. Try not look at the finished code until the end.

You might occasionally experience frustration during this lesson, but stick with it. Solving problems you encounter will help you internalize your new coding skills. And just remember, by the end of the lesson, you will have created your own "About Me" page from scratch.

Project 2 - Building a landing page from scratch

For this project, you will clone the landing page of a startup called Karma . Since Karma is a live startup that regularly updates their site, the link above will send you to a previous version of Karma's site.

Project 3 - JQuery

Created a web page that loads a hello world dialog. Also gathered some examples from w3c on JQuery selectors, effects and events.

To-do

- add more effects - add links to more documentation - explore jquery api - possibly put all effects into bootstrap? - add menu?

Project 4 - Streetfigher

Create a webpage that uses jquery hide and show effects to animate Ryu from Streetfighter. He can throw a hadouken - Personally, I think a dragon punch would have been more impressive...

Project 5 - JQuery shopping list app

Create a shopping list app (more aptly a to-do list) using concepts learned thus far using html5 semantic tags, css with a focus on positioning and jquery

To-Do(haha)

- add deleted tasks to completed - checkboxes?

Project 6 - Javascript

Created static site detailing the foundations of javascript. Includes fizzBuzz exercise

Project 7 - Hot or Cold app

App is a single page site that uses an input text box to play a number guessing game. The user is prompted to guess a number between 1 and 100. App uses jquery, javascript and static files cloned from https://github.com/thinkful-fewd/hot-or-cold-starter

Project 8 - Quiz app

Built a quiz app that can be used in the browser. Uses custom javascript functions, some jquery and javascript arrays

To-Do

- modify app for input from a text file - modify to use directory of random pictures