For the past nine months I have been working at Web Ascender. Web Ascender was started by Ryan Doom and Kevin Southworth roughly three years ago. I knew Ryan and Kevin before they started the business and when they stared Web Ascender I admired their courage. Over the past three years Web Ascender has grown into a company of six, I was hired on in July of 2008 and was a bit concerned because it was such as small company. During my first week at Web Ascender, any hesitations about if the company would succeed was negated by one thing I noticed, the relationships with the clients.

Every employee treats the clients very professionally, bending over backwards in some situations to make the clients happy, not just happy extremely happy. This is going to sound very cheesy, but many of the clients we have are friends, we laugh and joke with them, go to lunch together, and even do things outside of work with some of our clients (one of our clients plays on the Web Ascender Soccer Team).

A few weekends ago, all of the employees of Web Ascender participated in the Lansing Give Camp. A give camp is a weekend long event that matches a team of developers with a local charity that needs custom software developed. This was the first year we held this type of event in Lansing and it was a success. The event was held at the Impressions 5 science center in Lansing, where we had 24 hour access to create the applications for charities. With over fifty developers, we were able to create applications for thirteen different charities.  I was the co-organizer of the event, and anytime I was stressed out the Web Ascender staff would help out in any way they could. Multiple times during the event I would look out and see the Web Ascender staff working with the charities and other developers in the community and think “wow what a great company I work for”. Every single employee of Web Ascender was at the event with five of us leading teams.

Amelia
Amelia has a background in design and creates the most amazing designs for websites I have ever seen. During the first week of work, I remember a conversion between her and Matt about shades of black and when to use each one. They swear they don’t remember the conversion, but it happened. I remember this conversation because it was different than the conversions I normally heard in developer shops. I was now working at a place where design mattered.

Amelia lead a team at the give camp of three people and had a charity representative that stayed all weekend with her to help her with the application. Out of all the teams, I think this was the best match of personalities. Also I think the site she made was the best looking one there (no big surprise there though)

Mike
Mike is the “jack of all trades” from Dot Net Nuke, Joomla, PHP, Photoshop, <insert other random technology here>, Mike has worked with it to some level.  Mike and I shoot our crazy ideas back and forth and it even paid off one time. With an idea I had,  he went off and created a caller id application for the Android phone and had success with it (over 250,000 downloads)

Mike collected the requirements for two charities during give camp and his team created two applications. Mike’s leadership during this weekend was amazing, taking on two projects was a heavy task, but he stepped up to the plate and deliver two web sites that where great.

Ryan
Ryan is extremely active in the local community, so active I think he knows everyone in the Greater Lansing area. The way Web Ascender treats clients is mostly due to Ryan’s influence. His down to earth/ techy personality helps make clients feel at ease and willing to work with us. Ryan has a very good business sense, if he doesn’t think a project is a good fit for Web Ascender, he will tell the potential client that it’s not a good fit, and help find a company that is a good fit. I have seen Ryan do this on numerous occasions.

For the Lansing Give Camp, Ryan did so much. Using his wide range of contacts, he single handedly recruited at least five the charities that applied for applications to be created. He used his contacts to help get hosting of the applications donated from Liquid Web, and even collected requirements for a charity.  Throughout the weekend, I would see Ryan and Kevin at different teams, helping them out. To get an idea of Ryan’s business sense, they even brought the Web Ascender banner and put it up by their teams table.

Kevin
Kevin is one of the best developers that I know. He is extremely smart, humble and never hesitates to answer your questions, even if it’s the fifth time you have asked the same thing. I made the comment during the give camp weekend, I don’t know how I could work anyplace else without Kevin.  Web Ascender has done so much Dot Net Nuke work over the past few years, I would put good money on it that Kevin knows more about Dot Net Nuke then most of the developers on the core DNN team.

During this weekend Kevin worked on a team with Ryan and two other developers they did not know. Over the past few months Kevin has been asking the other developers at Web Ascender about their opinion of using the Microsoft Entity Framework with MVC, I have not had experience with EF so I was not much of a help. During that weekend, in true Kevin style, their team used EF and MVC with success. I haven’t talked with him about his experience with it yet and if he would recommend using it in the future.

Matt
This leaves us with Matt. Matt is the part time employee Web Ascender who is going to Michigan State to complete a teaching degree. Matt is the youngest of the group, at 22. Matt is always full of energy, willing to help whenever you need it. Matt reminds me of myself when I was that age in many ways. Matt, my wife Carla and I have developed a really good friendship, we meet at coffee shops outside of work and he studies, I work on my book, and Carla would work on give camp stuff.

During this weekend he worked on an application for a charity that I collected the requirements for.  He was able to complete the application early, so he even worked on a secrete project for Impressions 5.  Matt kept morale up as always and provided comic relief late into the night.

Where do I fit in at Web Ascender? I am the guy is trying to catch up with the talent of the rest of the group. I’m trying to absorb everything that each one of these talented people has to offer.  I help with marketing by always wearing a Web Ascender t-shirt, most people think I don’t own any other t-shirts.
I get to write code every day, manage projects, help with marketing and do a bunch of really cool things. I get to try new things out on projects, and have a ball where I work. Web Ascender is a company to watch over the next few years, expect great things.

(Left to right) Carla , Matt, Mike, Jeff, Ryan, Kevin, Amelia

Update: I originally wrote this post right after the Lansing Give Camp, but did not post it. During the time between the Lansing Give Camp and today, I have made another observation that makes Web Ascender a great place, that is the employees significant others.

Not only do I feel a sense of friendship with all of the Web Ascender employees, there is a friendship between everyone’s significant others. With activities such as watching John (Amelia’s boyfriend) play hockey (professional hockey in the IHL), everyone helping with the Web Ascender office move last week, playing on a soccer league together, and going to see Star Trek this weekend, everyone gets along very well together, and are friends.

Testing for the Web

 

The next installment of the So You Think Your A Web Developer series will talk about Regular Expressions in Java Script. Many developers cringe at the site of Java Script, and even more run and hide with the mention of Regular Expressions. As a web developer, it is your responsibility to write sites that load fast, and often times string manipulation is the cause of bottlenecks on web sites. String manipulation is most efficient when Regular Expressions are used. If you are unfamiliar with Regular Expression syntax, check out SYTYAWD #3 about Regular Expression Syntax.

Regular Expressions in Java Script

One you have the Regular Expression syntax down working with it inside of Java Script is a breeze.

Inside of Java Script Regular Expression can be created in two ways. As literals or by calling the constructor of the RegExp object. In most cases I prefer calling the constructor, because I find it makes the code more readable.

As a literal:

var re = //bjeff/b/;

Calling the constructor:

var re = new RegExp(“/bjeff/b”);

Perform a search on a string, and then write the results to the page.

var printArray = function (x) {document.writeln(x + "<br>");}
var stringToSearch = "dood this is soo cool";
var re = new RegExp ("d(o+)d", "g");		// return any o’s that are between d and the full word
var matches = re.exec(stringToSearch);

matches.forEach(printArray);

Perform a string substitution, and then write the results to the page

       var stringToSearch ="dood this is soo cool, doooooood";
      	var re = new RegExp("/dood/g");
      	var processedString = stringToSearch.replace(/dood/g, "dude");	// replace the full word dood w/ dude

      	document.writeln(processedString);

The Java Script RegExp object has the following methods that are useful.

Tip #1 Use Regular Expressions For Client Side Validation

Wire your onBlur or keyPress event to call a function that runs a Regular Expression on the content of the control. Below you will find a bunch Regular Expressions for common validation needs.

Tip # 2 Tools For Regular Expressions in Java Script

• Regular Expression.info
• Expresso

The Basics of Regular Expressions

As web developers we tend to manipulate text often. This text is often HTML or XML, and in many cases the manipulation is done inefficiently. For text manipulation and searching you should be using Regular Expressions, but many developers do not. Do regular expressions look like cartoon characters swearing to you? Often times, I have ran into string manipulation code that contained loops, inside of loops, inside of loops which could have been avoided with a Regular Expression that would have been more performant and more readable? Wait, What a Regular Expression that is readable, yes once you get the basics of Regular Expressions down, they are more easier to interpret then stepping threw a bunch of control statements trying to figure out what they do.

Simple Searches

Special Characters

Negation

Sometimes we need to search for a character that is not a member of an easily defined class of characters. The following table shows how this can be specified.

Positive Lookaround

Next we look at the lookahead or lookbehind assertions. They look for things that go before or after the current match without including them in the match. It is important to understand that these expressions match a position like “^” or “\b” and never match any text. For this reason, they are known as “zero-width assertions”. They are best illustrated by example:

The beginning of words ending with “ing”	\b\w+(?=ing\b)
The end of words starting with “re”	(?<=\bre)\w+\b
Three digits at the end of a word, preceded by a digit	(?<=\d)\d{3}\b
Alphanumeric strings bounded by whitespace	(?<=\s)\w+(?=\s)

Negative Lookaround

Earlier, I showed how to search for a character that is not a specific character or the member of a character class. What if we simply want to verify that a character is not present, but don’t want to match anything? Negative lookarounds will match a position and does not consume any text. As with positive lookaround, it can also be used to match the position of an arbitrarily complex subexpression, rather than just a single character.

Greedy and Lazy

When a regular expression has a quantifier that can accept a range of repetitions (like “.*“), the normal behavior is to match as many characters as possible. If the first Regular Expression in the table below is used to search the string “aabab”, it will match the entire string “aabab”. This is called “greedy” matching. Sometimes, we prefer “lazy” matching in which a match using the minimum number of repetitions is found. If we apply the second regular expression in the table below to the same string “aabab” it will first match “aab” and then “ab”.

Tip #1 Try Expresso

Expresso is a free tool to aid in Regular Expression Development. Created for “.net Regular Expressions”, I have found it to be a very valiable tool. One of the best features is the Regex Analyzer. In the screen shot below, towards the right of the screen you will see the feature. This feature has helped me figure out exactly what Regular Expressions created by someone do, without pulling out my hair.

Tip #2 Start Slow

You are not going to master this skill over night, Regular Expression syntax takes time to learn, and even longer to master. Start using Regular Expressions when ever you can for simple matches or substitutions. As you become more familiar with the syntax you will find places to use Regular Expressions and make your code or efficient.

Reference: Expresso Help Documentation

The other day I read that the market share for Internet Explorer dropped below 70% for the first time in eight years.

Looking at my Google Analytics statistics, this is not the case for my domain McWherter.net. The image below shows the market share for the past few years. Since my blog caters to web developers, its no surprise that Firefox is higher.

Another observance was the number of people still using Internet Explorer 6. Recently a co-worker of mine at Web Ascender, Matt Hall, blogged about the importance of updating your browser. Below are the Internet Explorer version statistics for McWherter.net, which are close to the numbers Matt mentions in his post. Ok come on who is still using Internet Explorer 5.5?

Continuing with the So You Think You’re A Web Developer series, as a web developer you should realize that trips back  to the server are an expensive resource, and you should try avoid these trips. In the past few years AJAX techniques have been gaining in popularity, but I still find web developers who avoid Java Script like the plague.

JavaScript has been around for years (roughly 13 years), and originally was named Live Script. Because of the addition of Java to Netscape back in the mid 90’s, someone thought it would be a good idea to rename Live Script to Java Script, even though the syntax only contained similarities(similarities as in any c based language). In my option, JavaScript is a great language, it combines OO principals and a few functional programming principals to make a language that is very robust. I think JavaScript is pretty simple to learn, its the intracies of the DOM (document object model) and the BOM (browser object model) that cause developers the most head aches.

Tip #1 What JavaScript is good for

• Restricting data entered into a text box

Often times you will want to restrict what type of data is entered into an input box. The Java Script function below is called on the KeyPress event of a button, and will only return the character if its a valid number.

function OnlyAllowNumbers(field, e)
{
    // Special keyboard keys - Netscape 6 passes these to onkeypress
    // {{Home, End, Delete, Arrow Keys}, {Backspace}, {Enter}}
    var reKeyboardChars = /[x00x08x0D0]/;

    // Numeric characters
    var reValidChars = /d/;

    // Grab event key code and character (method depends on browser)
    var keycode = window.Event ? e.which : e.keyCode;
    var strChar = String.fromCharCode (keycode);

    // Block non-numeric characters and non-special keys
    if (!reValidChars.test (strChar) && !reKeyboardChars.test (strChar))
    {
        // Invalid character, reject key press
        return false;
    }  

    // Valid character or special key, allow key press
    return true;
}

• Adding days to a date

Recently a client asked for a feature to extend a date in a text box by 4 weeks. Something this simple does not make sense to make a trip back up to server, so I wired a button to call a function that contained code that looked similar to below.

	var startDate = new Date('12/30/2008');     var daysToAdd = 28;                            // 4 weeks
	var newDate =  new Date(startDate.getTime() + daysToAdd*24*60*60*1000);        // get the milliseconds for days to add, then add

	// add 1 to the month because js months start at 0
	var formattedDate = newDate.getMonth() + 1 + "/" + newDate.getDate() +"/" +   newDate.getFullYear();

There are far to many business cases to list, but as a rule of thumb, think before you wire a control that goes back to the server, can this functionality be done on the client?

Tip #2 Tools for debugging

While throwing an alert box in every few lines, may get the job done but its not the most efficient way to debug issues.

• Firebug

Firebug is a plug in for Firefox that contains a great Java Script debugger.

Firebug adds a global variable named “console” to all web pages loaded in Firefox. This object contains many methods that allow you to write to the Firebug console to expose information that is flowing through your scripts.

var daysToAdd = 28;                            // 4 weeks
console.log("daysToAdd=%d ",daysToAdd);

• Visual Studio

Visual Studio 2008 ships with a JavaScript debugger also. I have had issues in the past setting break points, and actually having them break correctly. When this happens, I just use the debugger Java Script statement. When testing with Internet Explorer, Visual Studio will present the Debugger box, if using Firefox with Firebug installed this will throw you right into the Firebug debugger.

• Firefox

Many times I just need to test if a small script works. Instead of creating an html file to test my logic, I will just copy my script into the Firefox address bar

javascript: var foo=’my javascript test’; alert(foo);

Tip #3 Testing Frameworks

Most developers don’t create automated test’s for server side code, let alone tests for Java Script. Below are a few testing frameworks to be aware of. Keep an eye out for a SYTYAWD post about qUnit.

• YUITest
• qUnit
• JSUnit
• Test Case

Tip #4 Java Script Frameworks

There is common logic that we as Web Developers do often, show/hide content in a div tag, perform a calculation on an object and dump the result into a text box. There are a bunch of tools out there that wrap this common logic into an easy to use API. Often times these tools cause religious wars between developers, on which one is the best to use.

• Moo Tools
• Script.aculo.us
• Prototype
• ASP.net AJAX
• jQuery

I suggest you try out a few tools and get comfortable with one. I personally use jQuery as my tool of choice. Also Microsoft has recently made the announcement that they will ship jQuery in Visual Studio 2010.

In order to see where you are going often times its necessary to see where you have been. I try to do this every six months, I think about events, new technologies and accomplishments. Below is a list of a few of these that I have been thinking back too:

Mid-Michigan Tweet Up’s

July marked the first of many of Tweet-Ups that occurred in the past six months in the Lansing area. The Mid-Michigan Tweet Up was started by Jennifer Midland, Betsy Weber and Casey Anderson Its a great way to get out to the local pub, enjoy a few drinks and make some new friends, outside of the tech community.

Codestock

Held down in Tennessee and organized by Michael Neel, Wally McClure and Alan Stevens. What I remember most about this event, was the people. A few people traveled a great distance to make this event, James Avery, Rachel Appel, Scott C Reynolds a few names that helped make this event enjoyable.

Dev Link

A few weeks after Code Stock, the car was packed up again for another trip down to Tennessee. This year Alan Stevens organized the Open Spaces and they where great. It was the first .net event in the Midwest that I truly feel nailed what an open space conference was.

Job Move To Web Ascender

In July, I joined Web Ascender, a web development firm started by friends of mine Ryan Doom and Kevin Southworth. It was a great move. Kevin and Ryan foster a great learning environment, where everyone is eager to learn about new things.

Web Ascender Becomes a Microsoft Certified Partner

Soon after staring at Web Ascender, I was able to help the company become a Microsoft Certified Partner, this was my second time going through the steps of this process and with all the certifications that the guys at Web Ascender already had, made it a breeze.

MVP Award

On an early October day, I received an email entitled “Congratulations MVP 2008”, for a Most Valuable Professional award in ASP.net from Microsoft. 

Ann Arbor Day of .net

A few weeks before Halloween Jason Follas, John Hopkins, Scott Z, Chris Woodruff and few others, put on a great conference at the Washtenaw Community College. I believe this was the 4th year, and those guys really know how to run an event, its like clock work every year.

PDC

Its always great when you are able to attend conferences on this scale, plus October is a great a great month to have an event.  It was great to see so many friends, make new friends and learn as much as I did. The memory that sticks out most is at the attendee party, Dave Bost suggesting that we go on the “Movie Tour Ride” because Jennifer Marsman didn’t like the haunted attractions, turned out to be the scariest haunted attraction I had ever been to, it was great. . 

Great Lakes Software Excellence Conference

This event is in Grand Rapids Michigan, and my first year attending/speaking. The conference attracts project managers, QA and a few developers. There were very few people that I had already met, so it was a great opportunity to meet a new group of friends.

Web Ascender Becomes a Microsoft Certified Gold Partner

After only being a certified partner for about 5 months, Web Ascender was able to achieve Microsoft Gold Partner Status. With only six employees this makes Web Ascender one of the smallest Gold Partners in the country.

As a web developer you should be making sure your sites work in multiple browsers. Hopefully you are striving to comply with XHTML standards, to minify cross browser issues. Maybe you are working on an intranet site, where you can control which browser is used, but it only takes a few seconds to look at how you site renders in different browsers. As a rule of I try to support IE 7, IE 6, Firefox 2, Firefox 3 and Safari.

Cross Browser Testing Tip 1:

Check out Browser Shots. Its a site that allows you to enter a URL and it will produce an image of how the site renders in over 100 different browser versions.

Cross Brower Testing Tip 2:

Just looking at how a page renders is not enough. JavaScript often performs differently on different browsers, so its best to run tests with the actual browser. Microsoft provides free Virtual Machine images containing IE6 and IE8 Beta. For the other browsers you will have to create your own images.

Cross Browser Testing Tip 3:

Creating automated tests can save you time in the long run. Tools such as WatiN allow for tests to be created using different browsers

using (IBrowser ie = BrowserFactory.Create(BrowserType.InternetExplorer))
{
    ie.GoTo("http://www.google.com");
    ie.TextField(Find.ByName("q")).Value = "WatiN";
    ie.Button(Find.ByName("btnG")).Click();
    Assert.IsTrue(ie.ContainsText("WatiN"));
} 

using (IBrowser firefox = BrowserFactory.Create(BrowserType.FireFox))
{
  firefox.GoTo("http://www.google.com");
  firefox.TextField(Find.ByName("q")).Value = "WatiN";
  firefox.Button(Find.ByName("btnG")).Click();
  Assert.IsTrue(firefox.ContainsText("WatiN"));
}