Vanessa Web Development Portfolio

Javascript

Assignments

Create a portfolio page to present your code for all projects using HTML and CSS. This page was created from scratch and maintained with new added javascript functionality.
Create 3 simple calculators:
1. Take 3 NUMERIC VALUES and add them together, outputting the equation and answer.
2. Take 2 NUMERIC VALUES and multiply them together, outputting the equation and answer.
3. Take 2 STRINGS and combines them into one STRING, outputting the "equation" and result.
Create a simple character skill generator program for a role playing game through an object. This object will contain lists for characteristics and abilities. Values that are randomly generated.
Use the interactive code tutorial Codecademy and practice with If/Else and For loops.
1. Output 5 desirable qualities that you think javascript programmers should have.
2. Output the current number of items in the list as a heading.
3. Create a button that adds 2 more list elements to the bottom of the list and output a sentence confirming 2 items where added.
4. Create a button to highlight the top three items in the list and output a confirmation sentence.
5. Create a button that will add a function to delete the last item form the list and output a confirmation sentence.
Create a form with a product or deal that you are marketing to the user.
1. Create a pop-up that displays upon loading the page that shows a deal they can get.
2. Use focus and blur to add character length validation for the username and password and repeat password.
3. Check that the passwords match.
4. Add a select input, and encourage the user to pick the higher priced option.
Complete codeacademy's jquery lesson. Topics include functions, dynamic html, events, effects, and a project.
Add data using JSON. Add long beach to the end of the list, and add events for the city and descriptions. Furthermore I linked videos to the descriptions with arduino projects I did during college since it was related to the assignments content.
Use the JQuery plug-in registry and implement a slideshow. Research 5 other plug-ins and what you liked/disliked about them.
Use google's free tutorials at codeschool for debugging and complete the first 4 chapters. Topics include DOM and styles, working with the console, and debugging javascript.
Add a javascript content panel to existing portfolio page. I wanted to add tabs at first for my page, but I think having one header and a JSON file for the body text in the future might work best. I used this assignment to fix the social media icons (created new icons :3) and added to modified the fallback for non-javascript browsers. On JS browsers, the pop-up works as normal, but on non-js browsers the follow button is not seen and displays the icons as a footer. Feel free to user test by disabling the js.
Build a "database" for 24 icons to filter and sort. Add three descriptors per image to filter through a navigation. Build a second page to sort the table data in ascending and descending alphabetical order.
Create a form and ensure that the following validations occur: username with more than 8 characters, valid email address, passwords are more than 7 characters and match, calendar form field, character counter on biography text field.
Part A: This portfolio site. Add descriptions to each of ther projects. I added descriptions through this JQuery accordion.
Part B: Research a popular javascript library other than JQuery and create a page that covers its purpose, how to learn it, community support, and examples. I chose angular for this assignment due to its large community support.