This was my Portfolio presentation detailing my first experience developing with jQuery Mobile. This presentation was given in June of 2011 at Portland State University.
3. Hi! I’m Amber.
@AmberBrucker
✤ I’m a web administrator at
Retail Micro
4. Hi! I’m Amber.
@AmberBrucker
✤ I’m a web administrator at
Retail Micro
✤ Received an Associate’s in
Multimedia in 2008
5. Hi! I’m Amber.
@AmberBrucker
✤ I’m a web administrator at
Retail Micro
✤ Received an Associate’s in
Multimedia in 2008
✤ Followed up by a Bachelor’s in
Project Management in 2009
6. Hi! I’m Amber.
@AmberBrucker
✤ I’m a web administrator at
Retail Micro
✤ Received an Associate’s in
Multimedia in 2008
✤ Followed up by a Bachelor’s in
Project Management in 2009
✤ Certified in Digital Marketing
Strategies
8. What is Kitty Kaddy?
✤ The original Kitty Kaddy was a single-page site created from a
mockup powered by a jQuery Plugin, HTML, and CSS.
9. What is Kitty Kaddy?
✤ The original Kitty Kaddy was a single-page site created from a
mockup powered by a jQuery Plugin, HTML, and CSS.
✤ It was suggested by several to create a mobile version of the site.
17. Some Reality
✤ I was taking a Javascript class
concurrently with Portfolio
18. Some Reality
✤ I was taking a Javascript class
concurrently with Portfolio
✤ I am excellent with code
19. Some Reality
✤ I was taking a Javascript class
concurrently with Portfolio
✤ I am excellent with code
✤ I had two devices to test a
mobile site with
24. Requirements of the Project
✤ It had to be touch-enabled
✤ It had to be simple, elegant, yet
mine
25. Requirements of the Project
✤ It had to be touch-enabled
✤ It had to be simple, elegant, yet
mine
✤ It had to swipe to change
images
26. Requirements of the Project
✤ It had to be touch-enabled
✤ It had to be simple, elegant, yet
mine
✤ It had to swipe to change
images
✤ It had to loop images
28. The Swipe
✤ To start, I found a code snippet
that registered actions on a
touch-enabled device.
29. The Swipe
✤ To start, I found a code snippet
that registered actions on a
touch-enabled device.
30. The Swipe
✤ To start, I found a code snippet
that registered actions on a
touch-enabled device.
✤ I used swipeleft and swiperight
since those would be the most
common actions when
changing images.
32. The Counter
✤ Todd wrote a count expression
for me.
33. The Counter
✤ Todd wrote a count expression
for me.
34. The Counter
✤ Todd wrote a count expression
for me.
✤ The counter noted items in an
implicit array, from 0 to 4.
35. The Counter
✤ Todd wrote a count expression
for me.
✤ The counter noted items in an
implicit array, from 0 to 4.
36. The Counter
✤ Todd wrote a count expression
for me.
✤ The counter noted items in an
implicit array, from 0 to 4.
✤ The console told me where it
was in the array.
38. The Array
✤ I added an explicit array with
the names of the divs I needed
to navigate to.
39. The Array
✤ I added an explicit array with
the names of the divs I needed
to navigate to.
✤ The console listed back to me
the names I had given the items
in the array.
40. The Array
✤ I added an explicit array with
the names of the divs I needed
to navigate to.
✤ The console listed back to me
the names I had given the items
in the array.