This was built with JQuery Easing and was based on this tutorial. This animation provides a link to this blog entry where I detail my lessons learned from 75 days of building sites.
Here are my reflections:
What have I done well?
- Focused on small and consistent steps. Made sure to learn by building small pieces and gradually adding on to those pieces.
- Used tutorials when I needed to get started with new technologies.
- Learned from Free Code Camp and solved coding challenges at Code Wars.
- Used Google, documentation, Stack Overflow, Github to build my sites.
What would I have done differently?
- Try to put the pieces together better, i.e. make sure the AngularJS sites have the Bootstrap design features.
- Don’t be afraid to abandon Ruby on Rails especially if I dive more into AngularJS and want to synchronize with a database. If this were to happen, don’t hesitate to learn Node and the rest of the MEAN Stack.
- Build more basic sites where I learn and explain a concept, i.e. a coding problem, or a computer science concept like Closures.
Overall this has been a rewarding journey and I have learned, built, and shared much. I am especially proud to say that I have learned how to learn. If I have an idea, I know how to read Stack Overflow, blog posts, documentation, and if these do not yield a solution, I also know how to get help from Slack, IRC, or from Meetup members. I am eager to see where the rest of this journey will take me, and which concepts or technologies I might explore next…
Creative Portfolio 2
This site used HTML, CSS, and Bootstrap. It is an upgrade from this portfolio site because it uses JQuery to categorize the websites.
Furthermore this Pet Shop site will allow me to compare and contrast the JQuery way with the AngularJS way. I think having this goal will make learning AngularJS even more interesting, tangible, and compelling.
Here are some links that helped me with this site:
Get Spinner UI value on change
Get value attribute from jQueryUI Spinner
This site was based on this walkthrough. This site demonstrated that CSS, media queries, and JQuery can achieve a responsive design.
This site used JQuery Tubular to play the Turtles “Happy Together” in the background.
This site used JQuery Lightbox to overlay images on top of the current page. See for yourself by clicking on an image.
Pomodoro Timer with Improved Styling