Learning jQuery

by Ethan Kershaw
July 20, 2011 7:33 AM

Last summer, one of my first projects was a simple jQuery plugin. jQuery is a javascript library that allows for easy manipulation of elements on a page. It didn't seem easy at first though. That simple project took me about a week. Looking back, I could probably make that plugin in two hours tops. Something that has helped me learn jQuery is the online tool Visual jQuery.

Visual jQuery (http://api.jquery.com/visual/) is a command dictionary with a tree structure allowing you to find the right jQuery method for your task at hand. Once you select a method, you see a description of the method as well as the parameters it receives. There are also multiple examples showing you how the method works.

While I feel like I have a pretty good grasp of jQuery now, I still pull up Visual jQuery at least a few times a week. It seems I also learn something new every week about jQuery. Two little shortcuts I have found over the past week have drastically decreased the amount of code needed for a few tasks.

First, when you are looking for an element that has some specific text in it you do not have to loop through every element checking the .text() of it. Instead, simply using

$(".myClass:contains('the text you are looking for')");
will select any element with the class 'myClass' that has the shown text. So what used to take 3 or 4 lines of looping through a bunch of elements can now be accomplished with 1 line. I wish I had learned this months ago.

Second, when selecting elements there are some usefull criteria such as :visible, :selected, :first and :contains() as seen above. These can also be used with the .is() method. To check if an element is visible, you can simply use 

$("element").is(':visible');
Since the .is() method returns a boolean value, it is most useful in conditional statements.

I learned both of these time/code saving shortcuts on Visual jQuery. Not only is it a great tool to start learning with, its also great for continued exploration of jQuery.

Visual jQuery


Easier Web Development

by Michael Clark
July 14, 2011 10:35 AM

Something I've been playing with in the past week or so has been a product called Microsoft WebMatrix - a free web development tool from, you guessed it, Microsoft. It includes everything you need to put together a complete web site - including a Web server, database, and programming frameworks.

When you start the program up, you get four options - open previous WebMatrix sites (My Sites), Site From Web Galley, Site From Template, and Site From Folder. A Web Gallery site allows you to seamlessly connect to popular and free open-source Web applications such as WordPress and Joomla. WebMatrix goes through the process of downloading, installing, and configuring everything for you. There are also 5 templates to choose from - Empty Site, Starter Site, Bakery, Photo Gallery, and Calendar.

Upon opening a web site, you can go straight to writing code or manage the settings of your web site - enable SSL, select the .NET Framework, enabled PHP, etc. The file editor is your typical editor with line numbers, syntax highlighting, and code completion. You can also create multiple different files from within WebMatrix - including HTML, ASPX, CSS, and JavaScript files.

When you are finished editing, you can click the run button on the ribbon to view the results in your selected browser.

I'm still playing with the product to learn its ins and outs, but it seems like a pretty good starter development kit. Check it out for yourself at http://www.microsoft.com/web/webmatrix/.


Week 7: Summer of Code

by Lance Williams
July 1, 2011 12:01 PM

This week has been a productive week to say the least. I have recently completed all tasks associated with the core functionality of the back channel app. This included adding the ability for any user to join, search for, and create a session. Users that are affiliated with Freed-Hardeman have the ability to create or search for a session based on a certain class they might be involved in. Outside users still have the ability to create a session, it's just not tied to a particular class. We also added the ability to send out email invites to any one that the creator might want to have access to their session. We've also completed our roles and their functional privileges.

One additional functionality that was completed yesterday was the creation of our own application account management. Originally we had used the default ASP Membership accounts as the template for our Contribute Accounts, but it didn't work out so well. The Contribute Account also allows for the retrievals of forgotten passwords, so at the point that you log-in to the app, you'll never have an excuse to not be able to join again. 

Like I said it's been a very productive week and it's only going to get better. I'm learning a lot and becoming even more interested in this project than I already was. I'm looking forward to sharing some new features that will be added in the next few weeks very soon!