083 - Create a document entitled "Mootools Tips and Tricks"

Google's Highly Open Participation Program tries to get young students into Open Source and Joomla! specifically. Everyone is welcome, there are not limits. You can be a coder, documenter, tester, translator to help out. Jump in and start helping!
User avatar
theY4Kman
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Wed Dec 05, 2007 8:44 pm
Contact:

083 - Create a document entitled "Mootools Tips and Tricks"

Postby theY4Kman » Wed Dec 05, 2007 10:08 pm

I'm Zach Kanzler, I'm a 15 year old programmer with about 5 or 6 years experience in languages spanning from C to Tcl. My favorite language is Python. For the web, I love using PHP for server side stuff, and there's nothing else besides Javascript on the client side (But I'm not complaining  ;) ). I've been using Mootools for a while now, using it in CMSs to file upload forms.

My task is to write up a page with Tips and Tricks on using Mootools with Joomla! It should include some Firefox extensions and sites on the web to help with learning and scripting in Javascript. It should also share some resources on the Mootools site that would help. Once I've gotten all of that, I'll type it up in an OpenOffice document.

Task Source:

Code: Select all

One line summary
Create a document entitled "Mootools Tips and Tricks"

Description
Explain how to begin using Mootools in a Joomla! v 1.5 environment. Share
several Firefox Extensions and Web Resources helpful when working with and
learning Javascript. Share resources available on Mootools website. Explain
several possibilities for Joomla! and Mootools.

Resources include:

    * Help! I Don't Know Javascript;
    * Strict Doctype
    * Mootools;
    * Forums;
    * Demos;
    * Docs.

Documentation written for this task must be made available under the
Joomla! Electronic Documentation License.

Skills Needed
Ability to install XAMPP, download and install Joomla! on a localhost using
default data. Ability to review software and identify features. Good Open
Office Writer and communication skills.

Difficulty
Moderate.

Work Product
Attractive, correctly written explanation. Use logo and color scheme.

Extra Credit (optional)
Provide a brief explanation why it is helpful to the Joomla! project to
keep the Powered by Joomla! link and encourage the community member to
display it proudly!

Show how to create an image to replace the header image using Gimp.

Time Limit
3 weeks.




Claimed: Dec 04 Due: Dec 25

Google Task

[me=AmyStephen]Changed subject slightly for sorting all threads to match against Google resource  :)[/me]

Read this paper at Google Docs
You do not have the required permissions to view the files attached to this post.
Last edited by AmyStephen on Sun Dec 23, 2007 5:08 am, edited 1 time in total.
"I'm too poor for a Mac and too stupid for Linux" - rela82me

"When fascism comes it will be wrapped in a flag and carrying a cross" - Ron Paul

User avatar
ianmac
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 4785
Joined: Sat Sep 24, 2005 11:01 pm
Location: Toronto, Canada

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby ianmac » Wed Dec 05, 2007 10:47 pm

Welcome!  Let us know if we can help at all!

We're looking forward to seeing what you come up with!

Ian

AmyStephen
Joomla! Champion
Joomla! Champion
Posts: 7056
Joined: Wed Nov 22, 2006 3:35 pm
Location: Nebraska
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby AmyStephen » Mon Dec 10, 2007 5:56 am

Welcome to Joomla! and thanks for participating in the GHOP contest. Please read GHOP Contestants Please Read: Task Process Start to Finish.

Open source communities are collaborative. It would be great if you shared your progress every few days and asked for help and input on your work.

Good luck with the contest,
Amy :)

User avatar
theY4Kman
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Wed Dec 05, 2007 8:44 pm
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby theY4Kman » Mon Dec 10, 2007 10:16 pm

Thanks for the sunny replies! I was away for the weekend, leaving me without a way to work on the task. However, I'm back and I've been working a little bit on it. I'm not too sure on how I'm going to structure the paper, but I've started writing on installing Firefox and a few extensions. I was just wondering if there were any addons I missed: http://docs.google.com/Doc?id=dfs6rhvx_4v3jxhcj. I felt it would be easier to just use Google Docs, so anyone could look at it.
"I'm too poor for a Mac and too stupid for Linux" - rela82me

"When fascism comes it will be wrapped in a flag and carrying a cross" - Ron Paul

User avatar
theY4Kman
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Wed Dec 05, 2007 8:44 pm
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby theY4Kman » Sat Dec 15, 2007 6:07 pm

Well, I finished it, but it still kinda looks incomplete to me: http://docs.google.com/Doc?id=dfs6rhvx_4v3jxhcj
You do not have the required permissions to view the files attached to this post.
"I'm too poor for a Mac and too stupid for Linux" - rela82me

"When fascism comes it will be wrapped in a flag and carrying a cross" - Ron Paul

User avatar
theY4Kman
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Wed Dec 05, 2007 8:44 pm
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby theY4Kman » Sat Dec 15, 2007 10:18 pm

I proofread it and edited the paper. A lot of unnecessary fluff is now out of it, and I think it's completed. Here's the Google Docs link: http://docs.google.com/Doc?id=dfs6rhvx_4v3jxhcj.

Thanks,
Zach
You do not have the required permissions to view the files attached to this post.
"I'm too poor for a Mac and too stupid for Linux" - rela82me

"When fascism comes it will be wrapped in a flag and carrying a cross" - Ron Paul

User avatar
drmmr763
Joomla! Ace
Joomla! Ace
Posts: 1675
Joined: Tue Oct 23, 2007 8:51 pm
Location: Orlando, Florida
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby drmmr763 » Sun Dec 16, 2007 12:01 am

I read it, and here are a few things I noticed:

Once Firefox installed and running, install these extensions:


That should read Once Firefox is installed and running...

--

One of the best places to learn web programming, W3Schools, has a tutorial on Javascript, including hundreds of examples.


missing something, try this:

One of the best places to learn web programming is W3Schools; it has a tutorial on Javascript, including hundreds of examples.

--

Thats all I have to say about the grammar stuff. But I have a question, how exactly does one begin to implement MooTools into Joomla!? I'm very interested in using MooTools, so thats why I am asking. (this probably doesn't have to be on the tips and tricks document, I'm just trying to suck information out of you!)
-Chad Windnagle
Please use the search feature as your question might already have been answered.

http://www.s-go.net/ ~ Website Hosting - Strategic Marketing - Website Development - Print Work

User avatar
theY4Kman
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Wed Dec 05, 2007 8:44 pm
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby theY4Kman » Sun Dec 16, 2007 1:29 am

Okay, made those changes in grammar! Thanks! Google Docs Link: http://docs.google.com/Doc?id=dfs6rhvx_4v3jxhcj

I guess I should specify in the paper that it's for Joomla! 1.5. In 1.5, Mootools is included. The document is supposed to show you a few things about how to implement it into your projects.
You do not have the required permissions to view the files attached to this post.
Last edited by theY4Kman on Sun Dec 16, 2007 1:41 am, edited 1 time in total.
"I'm too poor for a Mac and too stupid for Linux" - rela82me

"When fascism comes it will be wrapped in a flag and carrying a cross" - Ron Paul

AmyStephen
Joomla! Champion
Joomla! Champion
Posts: 7056
Joined: Wed Nov 22, 2006 3:35 pm
Location: Nebraska
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby AmyStephen » Sun Dec 16, 2007 1:53 am

Explain how to begin using Mootools in a Joomla! v 1.5 environment. Share
several Firefox Extensions and Web Resources helpful when working with and
learning Javascript. Share resources available on Mootools website. Explain
several possibilities for Joomla! and Mootools.


It's going to need a bit more, I think.

The Mootools library is loaded in the Joomla! frontend. How can that be utilized by an end user community?

This is a good intro...
In case you're scratching your head, wondering what to do, here are some ideas:


But instead of only saying this:
Turn the sidebar into an accordion. Only the title of the boxes will be displayed, and the user can click the titles to expand its contents. Accordion Documentation

Show it!

You could fairly easily demonstrate (keystroke - by - keystroke) how one could add an accordion to their article, and split content into sections. That's the kind of information I would hope to find in a Mootools Tips and Tricks document for Joomla! v 1.5.

Use said this very cool comment:
Using Fx.Morph, create a link on the front page that turns articles into larger forms, letting the user easily and quickly access and read them. Fx.Morph Demo


Show that!

Use pictures. Use Joomla!. Show some examples. MooTools is way cool. Help bring it to life for the Joomla! community - thousands and thousands and thousands of websites could be totally cool - all over the planet - if you show how!

Have fun!
Amy :)

User avatar
drmmr763
Joomla! Ace
Joomla! Ace
Posts: 1675
Joined: Tue Oct 23, 2007 8:51 pm
Location: Orlando, Florida
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby drmmr763 » Sun Dec 16, 2007 1:55 am

I guess I should specify in the paper that it's for Joomla! 1.5. In 1.5, Mootools is included. The document is supposed to show you a few things about how to implement it into your projects.


This I didn't know!

Amy, that is exactly what I would love to learn how to do! my boss would love me if I could do stuff like that for him!
-Chad Windnagle
Please use the search feature as your question might already have been answered.

http://www.s-go.net/ ~ Website Hosting - Strategic Marketing - Website Development - Print Work

User avatar
theY4Kman
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Wed Dec 05, 2007 8:44 pm
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby theY4Kman » Sun Dec 16, 2007 5:01 am

I'll write some code up now, I suppose!
"I'm too poor for a Mac and too stupid for Linux" - rela82me

"When fascism comes it will be wrapped in a flag and carrying a cross" - Ron Paul

User avatar
theY4Kman
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Wed Dec 05, 2007 8:44 pm
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby theY4Kman » Sun Dec 16, 2007 9:30 pm

I've been looking around the Joomla! code, the documentation online, and all about Google, trying to find the proper way to include a script tag in the header. I found the JDocument::HTML class, and the addHeadTag function, but I don't know how I would call it. So I read up on all the different types of extensions, but none of them seemed to fit the purpose. I thought modules would work, but they confuse me because I don't know how they're actually displayed on a page.

Does anyone know how to run PHP code without editing the core?

Thanks,
Zach
"I'm too poor for a Mac and too stupid for Linux" - rela82me

"When fascism comes it will be wrapped in a flag and carrying a cross" - Ron Paul

User avatar
theY4Kman
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Wed Dec 05, 2007 8:44 pm
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby theY4Kman » Wed Dec 19, 2007 12:57 am

I think I figured out how to do it, I just don't know how to package it: in a module or plugin? I'm guessing I should use a plugin, because I'll need the events for the Fx.Morph idea, but I still don't know if a module would be better for it. For both of them, though, I'm failing to find an accurate explanation for how they get called on a page. Can anyone help me out?

Thanks again,
Zach
"I'm too poor for a Mac and too stupid for Linux" - rela82me

"When fascism comes it will be wrapped in a flag and carrying a cross" - Ron Paul

AmyStephen
Joomla! Champion
Joomla! Champion
Posts: 7056
Joined: Wed Nov 22, 2006 3:35 pm
Location: Nebraska
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby AmyStephen » Wed Dec 19, 2007 1:46 am

Zach -

I didn't intend for you to create a plugin or a module. That would certainly be a task, in and of itself. Maybe I was wrong. Are there things that an end user can do with MooTools - without creating an extension?

If not, then I think your resource is done - it will be a developer resource to help them find the sites needed to begin creating extensions.

Are there little effects an end user can add within their articles without code?

Amy :)

User avatar
theY4Kman
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Wed Dec 05, 2007 8:44 pm
Contact:

Re: 083 - Create a document entitled "Mootools Tips and Tricks"

Postby theY4Kman » Wed Dec 19, 2007 2:28 am

I spent about 20 minutes writing up something on how to add ToolTips to an article, only to find out that Joomla! doesn't let you use

Return to “Google's Highly Open Participation Contest”

Who is online

Users browsing this forum: No registered users and 1 guest