Landing : Athabascau University

Unit 5 - Review of my Javascript Program Designs

  • Public
By Daniel Escobar April 13, 2016 - 12:09pm

Below are the 3 javascript program ideas I have for the javascript programs I want for my portfolio project.

I was asked by our instructors to keep going and not get held up too much on the design of these since I have about 2 weeks to complete the course. With that in mind, I have pretty much created working copies of everything I want to add to my site for this unit. What's left to do, is actually implement these to my current website to finalize unit 5, after I receive the design approval from our instructors.

Sources are at the bottom of all the .txt documents, and will be properly cited in my reflection for this unit. 

Idea #1: Testimonial slider / animation

This code is going to be used to create a 'slider' for my portfolio. This slider can be applied to anything, not limited to text content; I could also create an image slider by modifiying it. If this design is not complex enough, I can add a few more lines of code to make the slider rotate automatically after a specific amount of time.

pseudo-code-page-testimonial-anim.txt

Idea #2: User registration form

Originally, this was meant to be a contact form for users to contact me, but that idea was too simple and not complex enough to meet the requirements of this unit. Instead, I have created a user registration form, which has various validation alerts which ocurr on submit.

pseudo-code-contact-forms.txt

Idea #3: Website preloader

Ideally the javascript used for the other 2 ideas makes up for the short amount of javascript required to make this preloader work. Now, thanks to CSS3 animation, javascript is mostly unecessary for a preloader of this kind.

pseudo-code-pre-loader.txt

That's all for now, lots to power through this month.

Please let me know your thoughts,