http://www.eventbrite.com/event/3491482117/mtup

We do have a small $20 free to both help cover some costs as well as get a clear picture of what attendance will be.  MindSource will be picking up the additional expenses beyond the $20 paid fees.

Hope to see you there!

Here are the details:

Join us for this fast-paced hands-on lab where you will develop your own working mobile application to run on iPad, iPhones, and Android devices. Learn the fundamentals of developing mobile web applications with SenchTouch 2.0 by working in small teams to develop a rudimentary conference scheduling application and explore a number of important Sencha libraries.

The course will start with setting up a developer environment and creating your first “hello” App, cover the theory of mobile app design theory and the basics of MVC design, and progress to building the Conference Session Viewer, and create panels for button and toolbars.

After a break, then you will learn how to work create storage facilities and add styling. We will conclude with Q&A.

Bring your own Laptop!   Each module will take about 25 minutes, and if you get behind, you can take our completed code and move on to the next. This way, everyone will finish!

MindSource is honored to have Peter Kellner as our speaker.  Peter is founder and president of 73rd Street Associates and is a seasoned software professional specializing in high quality, scalable and extensible web applications. For the past six years, Peter has worked extensively with Microsoft’s ASP.NET and Sencha’s desktop and mobile developer platforms (ExtJS and SenchaTouch).  Peter delivers production software using these technologies.  Peter lectures regularly on these technologies at international conferences including DevConnections and VSLive as well as many local users groups.  Peter has headed up Silicon Valley Code Camp at Foothill College for seven years and also leads the local Sencha Community Meetup.

Hope to see you there!

http://baynetug.org/DesktopModules/DetailXEvents.aspx?ItemID=520&mid=49

Microsoft San Francisco Office
835 Market Street, Suite 700
San Francisco, CA 94103

Wednesday, March 21st, 6:30 PM to 9:00 PM
(Check-in begins at 6:00 PM)

Due to tightening of security rules at the Microsoft building, we cannot let people in without an escort. To make sure you get in the meeting without trouble, please try to arrive before 6:30, and kindly ask the security guard to badge you in or call up for an escort.?Thanks for your help!

Pizza will be ordered so be sure to register before 10:30am on the day of the event.

Event registration: http://baynetug.org/DesktopModules/DetailXEvents.aspx?ItemID=520&mid=49

Event Description

Do you want to know what it would be like to build your first Windows 8 Metro App in HTML5/CSS3 with the BUILD bits distributed by Microsoft last year? Having just submitted an app to the windows 8 app store contest, I (Peter Kellner) will give you a guided tour of the steps I went through. This includes running the preview of Blend (HTML5 only), Visual Studio 2011 Preview, all the sample code Microsoft provides as well as the documentation you will run into if you try to do the same thing. Windows 8 Metro programming is going to be too big for any of us to ignore. If you want to get a jump start on this new way of programming windows programming, come to the presentation and hopefully, save yourself many hours of newby mistakes (like I made). Hope to see you there!

Presenters’ Bio

Peter Kellner, a Microsoft ASP.NET MVP since 2007, is founder and president of ConnectionRoad, and a seasoned software professional specializing in high quality, scalable and extensible .Net web applications. His experience includes building and leading engineering teams both on and off shore. When not working, Peter spends most his free time biking. He has ridden his bike across the globe. Most recently he and his wife, Tammy, rode across the U.S., from California to Georgia, in just 27 days. You can find his blog at peterkellner.net, and follow him on Twitter @pkellner

Agenda

6:00 doors open (pizza and drinks)
6:10 – 6:25 Lightning talks
6:30 announcements
6:45 – 8:15 presentation
8:15 – 8:30 raffle
This event is sponsored by JetBrains and PluralSight.

Bay.NET is a California Nonprofit Corporation operated entirely by volunteers and we are proud of our service to the .NET community of the greater San Francisco Bay Area. We regularly provide world-class speakers at no cost to our members. We offer a full-day "Education Day" once every quarter for a nominal registration fee.

You received this message because you signed up to receive announcements from the Bay.NET User Group.

If you are a member and no longer wish to receive e-mail from us, please login to the website at http://www.baynetug.org/ and go to the Edit User Profile link (in the upper right of the home page). The profile allows you to make changes in your Bay.NET membership record including your email preferences. If you are unable to login or if you feel you received this announcement in error please send an email to webmaster@baynetug.org with the details of the problem.  Please send your message from the same address that this email was sent to.

Bay.NET is committed to respecting your privacy. For specific guidelines, read Bay.NET’s privacy policy.

Today we had our first meetup of the Windows 8 Metro JavaScript Group.

http://www.meetup.com/The-Silicon-Valley-Windows-8-Metro-Development-in-JavaScript/

We had about 10 people in all at the CloudCenter in Sunnyvale.  Ward Bell talked for about an hour during his 15 minute introduction to programming in Windows 8.  He did an awesome job of explaining the ins and outs.  Even though I went to BUILD, I still learned a lot from Ward!

Next time, we’ll talk JavaScript testing.

Here are some fun photos.

As the primary organizer for Silicon Valley Code Camp, I’m very excited to say things are really going well for this year.  Our attendance looks to be setting yet another record (we are just now passing the 2800 or so we had registered at the start of Code Camp last year and I expect at least 100 people a day to be signing up in the next few days).  We have not yet decided to cut off attendance.  We are taking that one day at a time (but watching the sign ups and plan to attends very closely).  I hate to even consider that but if we have to in order to keep the experience for the attendees great, we will.

We also just added (yesterday) the ability to capture tweets with #svcc in them and filter them on your main code camp page (once you log in) by all code camp speakers, just speakers you plan to attend, as well as those sessions you said you are interested in.  Speakers simply put there twitter handle on their registration page, tweet with #svcc and the rest is magic!  Check it out when you login (you can’t miss it).

If you have not registered, now is the time! and don’t forget to indicated what sessions you want to attend.  We’ve got a great page for that now.  Below is a screen shot that you see once you are logged in.

Hope to see you this weekend!

Hope you can make it.  Details are here:

http://www.meetup.com/The-San-Francisco-ExtJS-Meetup-Group/events/28760211/

For those that don’t know what I’m going to talk about, here is a prelude.

First, I’m going to go through about 10 slides talking briefly about what is azure.  That is, Azure is basically a family of hosted services that Microsoft provides in the cloud.  I’m going to talk about:

• Compute
• Storage
• Cache
• Service Bus
• SqlAzure

Then, I’m going to got through and actually show all the things I do on a daily basis while I’m doing my development work.  That includes using their development environment (called the dev fabric) as well as how I deploy and test.  The product I developed can be found at http://connectionroad.com if you are interested.  It’s basically Microsoft SyncToy to Cloud Storage.

Bring your questions!  This could be very fun.

Also, if you have not registered for our code camp, being hold October 8th and 9th at Foothill College for the 6th year in a row, please do so now at our registration page.

Blogged here and available here

Let us know what you think!

For my final of 3 presentations at DevConnections Orlando is about building a hugely performant web application with html5 storage.  The app we built was a simple photo viewer that let you first look at hour images on line, then view them being pulled from local storage.  Here are a couple screen shots of what we built:

And, here is the Visual Studio 2010 Project File:

To build fully-featured web applications that support complex interaction in a reasonable amount of time requires a high-end JavaScript library. Someday, maybe JQueryUI will be good for this, but for now, the choices are few and include ExtJS, Dojo, YUI and a handful of others. This session will use ExtJS as the example. We will use Microsoft’s ASP.NET MVC as the data / CRUD layer and from that, we will build a typical LOB (line of business) application using complex UI elements. Those elements include layout managers, data grids, extensive validation, spinner controls and other advanced UI features. To get an idea of what I’m talking about, spend five minutes looking at the examples on the ExtJS web site demonstrating these advanced web UI features http://www.sencha.com/products/js/. You will be convinced that spending hundreds of hours trying to build something not nearly as well done as this is a waste of time when there are such excellent libraries already built for you.

The source attached below for my demos.

Final ExtJS4 JavaScript (that didn’t quite work, but working now)

// Load dependenciesExt.require([    'Ext.data.*',    'Ext.button.*',    'Ext.form.*']);

Ext.onReady(function () {

    // Date renderer    var dateConvert = function (val, record) {        if (val.split('(').length == 2) {            var dateObj = new Date(parseInt(val.substr(6)));            return Ext.util.Date.format(dateObj, 'm/d/Y');        } else {            return val;        }

    }

    Ext.regModel('Users', {

        fields: [            { name: 'Id', type: 'int' },            { name: 'Username' },            { name: 'CreationDate' },            { name: 'FirstName' },            { name: 'LastName' },            { name: 'PlanExpirationDate' }        ],        // Proxy        proxy: {            type: 'ajax',            url: '/Users/JsonData',            api: {                read :    '/Users/JsonData',                create :  '/Users/Create',                update :    '/Users/Edit',                destroy : '/Users/Delete'            },            // Json Reader            reader: {                type: 'json',                idProperty: 'Id',                totalProperty: 'total',                root: 'data'            },            writer: {                type: 'json',                encode: false,                listful: true,                writeAllFields: true            },            headers: { 'Content-Type': 'application/json; charset=UTF-8' }                            }

    });

    var usersStore = new Ext.data.Store({        model: 'Users',        autoLoad: true,        pageSize: 10    });

    var gridForm = Ext.create('Ext.form.FormPanel', {        id: 'userFormPanel',        frame: true,        title: 'Users Data',        store: usersStore,        bodyPadding: 5,        width: 910,        layout: 'column',    // Specifies that the items will now be arranged in columns

        fieldDefaults: {            labelAlign: 'left',            msgTarget: 'side'        },

        items: [{            columnWidth: 0.65,            xtype: 'gridpanel',            id: 'usersGrid',            store: usersStore,            height: 410,            title: 'Users',

            headers: [        {            text: 'User Name',            flex: 1,            sortable: true,            dataIndex: 'Username'        },        {            text: 'CreationDate',            width: 100,            sortable: true,            renderer: dateConvert,            dataIndex: 'CreationDate'        },        {            text: 'First Name',            width: 100,            sortable: true,            dataIndex: 'FirstName'        },        {            text: 'Last Name',            width: 100,            sortable: true,            dataIndex: 'LastName'        },        {            text: 'Plan Expiration Date',            width: 120,            sortable: true,            renderer: dateConvert,            dataIndex: 'PlanExpirationDate'        }    ],

    listeners: {        selectionchange: function (model, records) {            if (records[0]) {                var recordToLoad = {                    Username: records[0].data.Username,                    CreationDate: dateConvert(records[0].data.CreationDate),                    FirstName: records[0].data.FirstName,                    LastName: records[0].data.LastName,                    PlanExpirationDate: dateConvert(records[0].data.PlanExpirationDate)                }                this.up('form').getForm().setValues(recordToLoad);            }        }    },    bbar: new Ext.PagingToolbar({        store: usersStore    })        }, {            columnWidth: 0.35,            margin: '0 0 0 10',            bodyStyle: {                margin: '4px'            },            xtype: 'form',            id: 'userForm',            title: 'Add / Edit User Details',            defaults: {                width: 260,                labelWidth: 120,                margin: '7px'            },            defaultType: 'textfield',            items: [{                fieldLabel: 'User Name',                name: 'Username'            }, {                xtype: 'datefield',                fieldLabel: 'Creation Date',                name: 'CreationDate'            }, {                fieldLabel: 'First Name',                name: 'FirstName'            }, {                fieldLabel: 'Last Name',                name: 'LastName'            }, {                xtype: 'datefield',                fieldLabel: 'Plan Expiration Date',                name: 'PlanExpirationDate'            }],            buttons: [{                text: 'Update Record',                scale: 'medium',                handler: function (btn, e) {                    var userSelectionModel = Ext.getCmp('usersGrid').getSelectionModel();                    if (userSelectionModel.hasSelection()) {                        // get the form                        var formCmp = Ext.getCmp('userForm');                        // get the form field values                        var formValues = formCmp.getForm().getValues();                        // get the selected record                        var recordSelection = userSelectionModel.getLastSelected();                        // update the record with the form fields                        recordSelection.set(formValues)                        // sync store                        usersStore.sync();                    }                }            }, {                text: 'Add As New Record',                scale: 'medium',                handler: function (btn, e) {                    // get the form                    var formCmp = Ext.getCmp('userForm');                    // get the form field values                    var formValues = formCmp.getForm().getValues();                    // add to the the store                    usersStore.add(formValues);                    // sync with the store                    usersStore.sync();                }            }, {                text: 'Delete Record',                scale: 'medium',                handler: function (btn, e) {                    // get the user grid selection model                    var userSelectionModel = Ext.getCmp('usersGrid').getSelectionModel();                    // check if there's a selection                    if (userSelectionModel.hasSelection()) {                        // remove the selected record                        usersStore.remove(userSelectionModel.getLastSelected());                        usersStore.sync();                    }                }            }]        }],        renderTo: 'extjs-grid'    });

});

The Presentation was broken down into three parts. 

Part 1

Created a windows razor project that cached in image on a web site using best practices for threading and locking.  The code and project to do this are below:

var downloadByteArray = HttpContext.Current.Cache[cacheName] as byte[]; if (downloadByteArray == null) {     // make sure multiple requestors are not filling up the cache     lock (LockVal)     {         downloadByteArray = HttpContext.Current.Cache[cacheName] as byte[];         if (downloadByteArray == null)         {             Thread.Sleep(sleep * 1000);

             string imageLocation = HttpContext.Current.Server.MapPath("~") + imageUrl;

             downloadByteArray = File.ReadAllBytes(imageLocation);             if (cacheExpiresSeconds > 0)             {                 HttpContext.Current.Cache.Insert(cacheName, downloadByteArray,                                                  null,                                                  DateTime.Now.Add(new TimeSpan(0, 0, 0, cacheExpiresSeconds)),                                                  TimeSpan.Zero, CacheItemPriority.NotRemovable, null);                 CacheInsertCounter = 9999; // any touch of this increments the global counter             }         }     } }

Part 2

Tips from Steve Souders

Part 3

Sprite Library from Microsoft Example: 

Register Here:  http://www.baynetug.org/DesktopModules/DetailXEvents.aspx?ItemID=480&mid=49

When: 

Wednesday, 3/16/2011 at 6:30 PM

Where: 

Microsoft San Francisco Office, 835 Market Street, Suite 700

Event Description

All web developers need to know how to write web apps that give users great experience. In this presentation, Peter Kellner will talk first about the top 15 programming tips that you can use in your web site to make sure it’s as fast as it can be. Following Peter’s general discussion of client side optimization techniques, Doris Chen will talk about JavaScript best practices in web client development.

Many client side improvements can be implemented in under 10 minute. You will come away knowing a handful of tools you can use to analyze your web site as well as know what to do to make your web site perform faster. This presentation will focus on client site performance tips, that is things like cache headers, JavaScript optimizations, CDN’s and Sprite’s. JavaScript techniques such as clean separation of concerns, De-referencing objects, and thinking asynchronous when working with objects will be discussed. Server technologies and optimizations will be discussed, but the focus will be on what it takes to make your browser deliver your web application faster.

Agenda

• 6:00 doors open (pizza and drinks)
• 6:10 – 6:25 Lightning talks
• 6:30 announcements
• 6:45 – 8:15 presentation
• 8:15 – 8:30 raffle

Presenter’s Bio

Peter Kellner, a Microsoft ASP.NET MVP since 2007, is founder and president of ConnectionRoad, and a seasoned software professional specializing in high quality, scalable and extensible .Net web applications. His experience includes building and leading engineering teams both on and off shore. When not working, Peter spends most his free time biking. He has ridden his bike across the globe. Most recently he and his wife, Tammy, rode across the U.S., from California to Georgia, in just 27 days.

Doris Chen is a Developer Evangelist at Microsoft for the Western region of the United States, specialized in web technologies (Ajax, jQuery, ASP.NET, and Java). Doris has over 13 years of experience in the software industry working in several open source web tier technologies, Java platform, .NET and distributed computing technologies. She has developed and delivered over 400 keynotes, technical sessions, code camps worldwide, published widely at numerous international conferences and user groups including Bay.Net, JavaOne, O’Reilly, SD Forum and worldwide User Groups. Doris works very closely to create and foster the community around NetBeans, Glassfish, and related technologies.

As part of the meetup, Robin (@robindotnet) and I both did short presentations on how to  work SqlAzure, basically based around the problem of Azure (by design) dropping connections.  Robin talked about her real world experiences, and I talked about a method for how to deal with the problem elegantly in ado.net.  I did a blog post explaining what I presented here:  http://peterkellner.net/2011/01/21/sqlazure-connection-retry-problem-using-best-practices/

Of course ,what would a meet up be without pictures.  Feel free to add comments to the post about Ward Bell and the others.

That’s it for now!  Looking forward to the next Bruno Meetup

The computer steering committee took me to dinner before the presentation

Part of the group showed up on schedule, but quite a few wandered in. I actually heard people went out and got their friends. 

And finally, my slide deck

Here is the link:  http://tv.devexpress.com/#TechEd10PeterKellner.movie

As everyone knows, New Orleans was devastated after the kill hurricane went through.  Many houses were just totally demolished.  These Habitat for Humanity houses are designed to sit 5 feet above the ground on steel re-enforced concrete blocks.  They can withstand 125 MPH steady winds with 200 MPH gusts.

Before: (Just the foundation)

After: (Most of the stantions and concrete work done)

My small group’s contribution. Below, Sara Ford and I are standing with Ben, the Habitat for Humanity leader after inspecting our corner assembly.

Should Your Application Run In The Cloud

I’m back and sitting in Steve Evans Session, Should Your Application Run In The Cloud.  He’s now explaining how computers, since the stone age, have been running in hosted facilities where you had to worry about things like fire suppression.  Steve is explaining the advantages of cloud computing.

Upfront costs are cheap ($.10 –> $1./hr)

Let’s Build a Ruby on Rails App Together

Kristen Hazard of SunToucher presented the basics of Rails starting from the beginning.  She points out that most of the content at this event is .Net, but that doesn’t mean people are interested in other topics.  Kristen let’s us know she’s totally excited about Ruby and Rails. She goes from creating a complete rails app by simply creating a simple command line, all the way through deploying the ruby app to a server with just a simple command also.  Below show just what Kristen thinks of Ruby on Rails.

One more class on my agenda, GIT!

(Steve Evans, One of the organizers and Scott Stanfield, CEO of Vertigo and presenter of HTML5 here)

Following a good night sleep, camp began early, 8:30 was registration.

Moving on to the opening ceremony…

Justin Couto President of Couto Solutions took care of business letting everyone know the lay of the land with the rest of us paying close attention.

The first class started at 9AM. I attended Scott Stanfields’s presentation on HTML5 (pictured below).

Then, I presented on OData and hopefully helped explain some of the Microsoft Acronyms (WCF Data Services, Astoria, ADO.NET Data Services, RIA Services, etc.)  I build a twitter feed against a twitter call, and also build a simple WCF Data Service against our Silicon Valley Code Camp SqlServer Database and showed over 250 sessions that have been delivered.

Well, off to lunch now.  I always plan on posting more, but likely, I’ll just post my session powerpoint and that will be it.  So far, having a great time and thanks to all the organizers for putting on such a great event.

Mathias Brandewinder,the local leader of Bay.Net in San Francisco,  has just put together such a site.

It’s:  http://www.norcalweekly.net/

I will subscribe to it as well as check it regularly.  If I hear things that are going on, I’ll be letting Mathias know through the Contact page.

HTH’s!

http://www.meetup.com/The-San-Francisco-ExtJS-Meetup-Group/calendar/12527913/

Most of the ExtJS team stayed until after 9.  The team introduced themselves to start the event, then we got presentations of all kind of cool upcoming technologies from ExtJS that we promised not share because it was top secret.

I’ve posted more pictures to FaceBook at the following URL:  Click Here  I believe you will have to create a facebook account if you don’t have one to view them.  It would be great if everyone can Tag themselves so next time we will all know each other.

Abe invited us all back so I’m sure we will have the chance to all see each other again.  Here are a couple shots, including the rock band at the end of he meeting starring Tommy.

(above picture courtesy of Mats)

NOTE ADDED 1/25/2010 by PETER KELLNER:    Just finished 7 blog posts that each have video that basically follows was was done in the presentation.  They are linked here on this blog at:  http://peterkellner.net/category/ria-services/

I just volunteered to present at the next Bay.Net Meeting (San Francisco, at the Microsoft office) RIA Services in Silverlight 4 (Visual Studio 2010).  The original speaker couldn’t make it so this is a last minute thing.  I’m busy preparing an example of using the Silicon Valley Code Camp Session Listings as an example.  The example will hopefully including authentication (logging in and out), special admin access to certain functions, validation as well as other cool tricks.

RIA Services is an inspirational technology.  Let me show you why I think so!

http://www.baynetug.org/DesktopModules/DetailXEvents.aspx?ItemID=411&mid=49