mobile web application development jump start q&a...

Mobile Web Application Development Jump Start

Q&A Log

Live Event Date: October 22, 2014 of 12 DISCLAIMER: This information is provided to you for informational purposes only and is provided “as is.” Microsoft has not reviewed the information and it may contain inaccuracies. You bear the risk of using it. Microsoft makes no warranties, express or implied, as to the information.

08:49:35 PDT Question: sent to Team: Hi Support Team Answer: Hi there!

08:49:57 PDT Question: will be used asp.net tech? Answer: Some. We're mostly focused on client side technology.

08:54:11 PDT Question: New here...first time taking class. Will we be working along w u or just watching video stream? Answer: The source code is available on https://github.com/GeekTrainer/FrayedKnot

08:54:30 PDT Question: Good evening, I hope to have an interesting presentation

Answer: Thanks! Me too!!

09:00:47 PDT Question: Is the Audio here or do we need to call a 1-800 number Answer: Audio should be playing for you

09:06:10 PDT Question: not yet started? Answer: It has started. If you aren't seeing video, refresh.

09:08:42 PDT Question: still not seeing anything, only the loading image Answer: Try clicking on Standard quality if you can't see it and see if that will work.

09:22:12 PDT Question: Christopher is very excited and talking very quickly

Answer: Sorry. I'll try to slow down.

09:31:55 PDT Question: Can a mobile web app have an native like icon on the user's phone? Answer: It can! We'll talk about that a bit later.

09:32:42 PDT Question: It's a amazing full mobile presentation from Christopher !!!

Answer:

09:32:51 PDT Question: Used to speed-talkers, bring it on Chris

Answer: I'm on it!

09:33:11 PDT Question: Christopher Harrison is a new test in the TOFL Exam! if you can get it, you understand english!! Answer: Ha! I'm working on slowing down. Very excited this morning.

https://github.com/GeekTrainer/FrayedKnot


Q&A Log


09:33:19 PDT Question: Keep him slow

Answer:

09:33:34 PDT Question: i see christopher is still setting the style for fashion luckily hes a brilliant presenter

Answer: I love my shirt!

09:34:18 PDT Question: Jeremy and Chris together. This is going to be a great presentation. Answer: Thanks!

09:34:49 PDT Question: So true about de m-Dot thing.... I use to go that way.... but no more! Answer: That's it!

09:35:29 PDT Question: I dont see anything related to security in the show .................. Answer: Check out the Identity MVA in about a month.

09:35:42 PDT Question: Are you going to use or talk about TypeScript in this presentation? Answer: We won't, but we hope to have an MVA in the future on that.

09:37:00 PDT Question: "Grok!". Awesome!

Answer:

09:39:48 PDT Question: Are you guys using Win 10 Preview? Live? Answer: We are not

09:39:57 PDT Question: how big efford needs someone to learn jason? Answer: Not necessarily a lot

09:40:06 PDT Question: is then any mva for json and odata? Answer: Not at the moment.

09:41:34 PDT Question: Will you show a way how to make sites that would scale from a phone to 24" screen and not look silly

because of too much in place (fat fingers) or not enough screen real estate used (thin column on huge screen)? Answer: We will

09:41:58 PDT Question: Are you going to be talking about Cordova/PhoneGap/Xamarin at all? Answer: We'll introduce that in Module 7 (last module of the day)


Q&A Log


09:42:21 PDT Question: c64.... I still have mine... hehehe hello Answer: Ha!

09:43:14 PDT Question: Are these sessions available for later viewing/storage? Answer: They'll be available in about two weeks

09:44:40 PDT Question: nice, where can we access them? Answer: The same shortcut URL, or here on mva.ms

09:56:28 PDT Question: what is the code to redeem 50 points? Answer: MobileWebDev

10:08:14 PDT Question: microjs are modules of jquery? Answer: They're typically standalone JavaScript files

10:08:22 PDT Question: is his name "detective gadget"? Answer: Ha!

10:08:59 PDT Question: Bundling is VERY simple! Answer: It really is

10:09:05 PDT Question: Is it always better to get files from cache memory? Answer: Whenever possible, yes!

10:09:14 PDT Question: or you can use a publicly hosted library for jQuery, both Google and Microsoft are jQuery hosts. Most

devices will already have the script from their locations cached. Answer: Absolutely!

10:10:01 PDT Question: Christopher i have watched several of you guys shows and in them you recommend Jquery and Bootstrap

so if we should not really use it what do we use... little confused Answer: I didn't recommend against it, I said to consider it carefully. I love Bootstrap, but in certain scenarios,

especially when I might only be using a couple of little features from it rather than the full framework, it's not worth taking the dependency.

10:10:35 PDT Question: Hmm. I have been trying to absorb Christopher's devShops on Bootstrap, and now I should avoid

Bootstrap??? Answer: Sorry - I didn't mean to imply to avoid Bootstrap. Just consider taking the dependency if you're not using all

of the functionality.

10:10:46 PDT Question: then disk 12 of 16 is corrupted, lol Answer: Exactly!


Q&A Log


10:11:22 PDT Question: Will you talk about transferring data securely btw client and server? Answer: As far as authentication, no. But the data itself - SSL

10:11:34 PDT Question: Do we have some documentation available for the commands that have been used used (e.g select, eq) ? Answer: check out odata.org

10:11:54 PDT Question: Is fiddler open source/ freeware? Any links? Answer: It is. You can bing for fiddler and it'll come up.

10:12:44 PDT Question: Fantastic session so far. Thanks for the microjs and wtfmobile sites links. Answer: Thanks!

10:13:04 PDT Question: the way I work concerning mobile is creating for example a banner, put some css into it for desktop and

directly add media queries for the mobile devices. When its done then I go to the next thing. Is this also good or mobile first?

Answer: Go mobile first.

10:13:27 PDT Question: so let me get this right it would be more economical and safer to use one of the CDN than have the code

lying on my device although a newbie to programming im security concious and worried about code for the sake of code Answer: The main CDNs are safe.

10:13:47 PDT Question: So which would be some architecture guidelines for build an app between a bunch of different

choices:Android,iOS,Phonegap,HTML5 ,Xamarin ? Answer: We'll address that in the last module

10:16:09 PDT Question: With bundling, can you detect the device and send specific bundles? ie move Jscript for Desktop less for

mobile etc Answer: We'll talk about that in the next module

10:16:17 PDT Question: We're going to discuss about offline data synchronization later right? Answer: We'll touch on that a bit

10:19:45 PDT Question: (prv) Now I see it: Christopher - Win 8.1, Jeremy - Win 10

Answer: Busted

10:20:52 PDT Question: I have never seen load more button in cell phone. Is this a feature more in windows phone? Answer: Not really. I see it equally (albeit rarely) on all of the platforms.


Q&A Log


10:21:26 PDT Question: Can you optimise to get rid of the repeated keys? Answer: What keys are you referring to?

10:23:08 PDT Question: css is not truly cross-platform Answer: I'm not sure what you mean. CSS the technology is, but I think you mean that the various browsers often

translate CSS properties differently, which is completely true.

10:23:52 PDT Question: unfortunetely I can't stay until 2 o clock this night. Is this recorded and can I see it some other time? Answer: @Roelof Yes in about two weeks this will be on-demand. There should be a follow up mail.

10:24:44 PDT Question: Hello from Brazil! Answer: Hi there! Thanks for joining us today.

10:25:00 PDT Question: G'Day from Sydney Australia Answer: G'day, Alvin. Thanks for joining us.

10:26:05 PDT Question: Ok understood but are ALL these libraries safe and secure Answer: I can't say whether they're all safe and secure or not. You'll have to come to that conclusion yourself.

Chances are if they're listed by a major library index online they have been looked at by many others already.

10:27:34 PDT Question: just why??? does IE say Mozilla? There is history and ancient history! Answer: See http://forum.notebookreview.com/windows-os-software/542807-why-does-ie-user-agent-string-start-

mozilla.html

10:29:18 PDT Question: So, who is going to teach how to choose when a particular library is best-suited? Answer: Too many libraries to analyze them all. Do you have any particular libraries in mind?

10:29:29 PDT Question: hi!from india Answer: Hello. Thanks for joining.

10:29:48 PDT Question: .video h2 { color:red; } Answer: That's correct.

10:31:03 PDT Question: sorry little confused isnt this already done through the initial client server handshakes before any data is

exchanged why do i need modernizer Answer: There's not an initial client server handshake with HTTP... requests are sent to the server... responses

come back regardless of what the server and client look like.

10:35:36 PDT Question: Module 1 question: what was the url to the OData data visualization page? Answer: http://pragmatiqa.com/EDMXGraph

http://forum.notebookreview.com/windows-os-software/542807-why-does-ie-user-agent-string-start-mozilla.html

http://forum.notebookreview.com/windows-os-software/542807-why-does-ie-user-agent-string-start-mozilla.html

http://pragmatiqa.com/EDMXGraph


Q&A Log


10:37:19 PDT Question: Ok sorry did not mean the TCP 3 way handshake i was enquiring to the request responese messages sen

t back and forth i though tese were agreement proposals Answer: The server might make some decisions about what to send back in the response based on the headers that

were in the request, but there is not an agreement of any kind.

10:37:33 PDT Question: which visual basic should i download .to create .html,.css files Answer: I don't understand the question.

10:37:51 PDT Question: which server are you using Answer: Which server is Christopher using? For what?

10:38:28 PDT Question: Do you use hex code for colors in CSS? Answer: You can, but if there's a named color it is easier

10:39:35 PDT Question: which version of visual basic I should download to make mobile apps Answer: If you're making ASP.NET web apps and want to use VB, you'll get everything you need by installing Visual

Studio and the most current .NET framework. Does that help?

10:40:39 PDT Question: for backend which server are you using Answer: He's not using a backend server at this point. He's just making web files - actually just an .html file. He's

working inside of a web project though that is based on C#, so he can edit the .cs files to work on the server logic part of the app if he wants.

10:41:24 PDT Question: If I want to use javascript and html ,css, json,jquery. So which Visual basic version should I use Answer: Use the latest that you can. Use 4.5 if possible.

10:53:00 PDT Question: remind me did isee jeremy saying for tables we could use grids and flexbox ... whats the difference

between bootstrap flexbox and grids what do i use for tables Answer: If you're trying to do layout, you can use grids or flexboxes. If you're trying to do tables, use tables. So

tables are for data. Tables are content. And actually, I have evolved my recommendation to try to use flexboxes over grids. The standard for grids is not getting implemented at a fast enough pace. Look at caniuse.com

10:53:35 PDT Question: Users may wonder where the some elements go when browser window size changes. Answer: That's where animations are helpful.

10:54:24 PDT Question: I download Visual Basic Update2 Answer: Aha... I think you're meaning to say Visual Studio... not Visual Basic, right?

10:57:26 PDT Question: Do we have a plugin support for Bootstrap in Visual Studio 2013? Answer: We have NuGet which allows us to quickly and easily include packages and their dependencies. We also

have a tools and extensions dialog that makes it easy to install VS plugins. Look in the Tools menu.


Q&A Log


11:10:58 PDT Question: background-size: contain is actually useful Answer: Dang! Thank you. contain is what I meant... not clip. There is no clip.

11:12:24 PDT Question: Whilst that div id is on display, can you make the point how useful ids are for automated testing pls? Answer: Why don't you just mention it in the chat room here.

11:21:09 PDT Question: how did christopher find the width and height in VS? Answer: If you open the picture in Visual Studio, click on it, and go to properties you can see it.

11:21:14 PDT Question: Starting to get the idea of small first. Good stuff. Answer: Awesome!

11:21:26 PDT Question: Hamburger Icon Rules!

Answer:

11:21:36 PDT Question: Definitely a very good point Christopher. Thank you very much for sharing that. Being Intuitive should be

every interface / web designer's first priority. Answer: Absolutely!

11:21:52 PDT Question: What do you think about mouseover of the hamburger? Too far from the typical user experience? Answer: Mouseover doesn't work on touch.

11:22:12 PDT Question: Which Visual Studio are you using Answer: We're using 2014.

11:22:23 PDT Question: Wow tables that is like 8 years ago and not simple Answer: Ha!

11:22:31 PDT Question: Bobby Tables? Answer: Instant geek cred

11:22:44 PDT Question: Less is more, 'deja vu' Christoper! Answer: I recycle my jokes

11:22:53 PDT Question: if you look at his IE you can see that the address bar starts with localhost. The files are served locally. I

believe it's IIS as part of Visual Studio. Answer: Correct


Q&A Log


11:23:07 PDT Question: which add-in is at right side of visual studio 2013 ??? Answer: That's actually new to Visual Studio 2013.

11:23:18 PDT Question: Don't forget the color-blind in the audience! Answer: Very true!

11:23:25 PDT Question: Do iOS & Android have the equivalent buildmypinnedsite support for web apps? Answer: Not that I know of. They don't have the same tile interface that Windows has.

11:23:37 PDT Question: Does browser cache images that we use inside a picture tag? Answer: Yes.

11:23:42 PDT Question: Excellent practical advice today, thanks! Answer: Thank you!

11:23:45 PDT Question: YES! Coding for one browser is not real web development IMO. Answer: Very true!

11:23:48 PDT Question: can you send me the link Answer: The link to what?

11:24:14 PDT Question: Thanks Christopher for some the guidance i was actually doing it the other way around bigger first shucks!

Answer:

11:24:30 PDT Question: Bing search formatted as JSON? Answer: The results as JSON? Not that I know of. Unless you use the developer API for Bing. Try dev.bing.com

11:28:31 PDT Question: How do I get bootstrap? Is this a download I have to install to work in Visual Studio? Answer: It's available in a NuGet package

11:53:52 PDT Question: Does Chris' method of just using the Id work on all browsers/devices? Answer: Most at least. You'll have to test to see if it works on _all_.

11:55:32 PDT Question: One more thing to fix on the IE Team!

Answer: Not necessarily (in this case )... it's a standards battle. Both sides claim some inherent performance

benefits to their own method. I personally think that IE's model is right. It's also the W3C standard. In this case, Google is not standards compliant.


Q&A Log


11:57:16 PDT Question: I take it this will get posted to MVA. Any ideas when the sessions will be available? I missed the start Answer: Usually 2 weeks at most

11:59:04 PDT Question: Does the mouse trigger pointer events? Answer: It does. The mouse, pen, and touch all trigger pointer events. The nice part is that within the event function,

you can determine what was used and act either the same or different. It's also awesome at handling multiple touch points or something like drawing with a pen while touching while using a mouse. Very cool.

12:01:56 PDT Question: Lynda.com Pluralsight and Cbt nuggets BYE BYE i have learned more in my 3 weeks on MVA than 3

months watching those other ............. Many thanks cant wait for more

Answer: Thanks!!

12:05:47 PDT Question: I've been watching MVA videos. You two are the best presenters I've ever seen. Kudos! Answer: Thank you!

12:07:17 PDT Question: How is Hammer.js different from jQuery mobile? Both support gestures and touch events Answer: jQuery mobile is a superset for sure. It includes touch events, but it's the rest of the UI as well. Hammer.js is

just touch events.

12:07:58 PDT Question: I couldn't find HTML5 templates in Visual Studio Ultimate 2013 Answer: Look under C# | Web | ASP.NET Website. If you just want a basic HTML5 template, then just create an

empty website

12:09:57 PDT Question: is the wat (web app template) a good source to use Answer: It is for certain projects. If you have a website and you want to turn it into an app, it might be right.

12:12:02 PDT Question: Question: Just to clarify...mobile web apps are downloaded from a website correct? That said wouldn't the

user need to allow for a download outside of the app store within their settings? Or am I thinking of something else entirely? Answer: @SnowFall, I think that will get answered in the next two modules. Ask again if not.

12:13:27 PDT Question: Can you provide how to add the Bing search as an RSS feed in the Q&A? Answer: Add &format=rss to the address

12:42:42 PDT Question: Did a Windows update, full browser text is back, glad I don't have to roll back Win10 9860 and this how is

quite informative. Good help, so far. Would like to know if fiddler is free and recommended install. Answer: Fiddler is free and definitely recommended.

12:51:38 PDT Question: Fiddler is from Telerik or is another tool? Answer: Yeah, Telerik bought them some months ago, but has committed to keeping it free.


Q&A Log


12:58:12 PDT Question: What settings would you recommend with fiddler or would you have a reference on this behalf, your site,

Jeremy, etc. Answer: I don't really change anything about fiddler after I install it. I would check out the keyboard shortcuts. I like

F12 for start/stop capturing, CTRL + X for clearing the list. I use the filtering tab so I don't get so much noise. Have fun!

13:02:34 PDT Question: Is there a possibility to download this video tomorrow, for example? Because it's already 11pm in my

country, so it's a bit late to stay for an end. But I want to watch it all Answer: It'll be available online in about two weeks

13:03:22 PDT Question: found it already at FAQ Just will wait for it. Have a nice evening, guys. You're really doing great Answer: Thanks!!

13:14:06 PDT Question: my trial is long gone Answer: There's still a fair amount you can do for free!

13:49:18 PDT Question: Is there or will there be a Azure Mobile Services Jump Start? Answer: Not at the moment, but maybe in the future.

13:53:12 PDT Question: Felt we just scratched the surface with the last session, would love to learn more. Answer: We did just scratch the surface, and it'd be awesome to have time to dig in further!

14:06:10 PDT Question: yoooo!!

Answer:

14:06:30 PDT Question: you guys are losing it!

Answer: We're getting it back.

14:06:36 PDT Question: LMAOROFL

Answer: That's it!

14:08:09 PDT Question: Love IRC, dont listen to the haters

Answer:

14:26:30 PDT Question: is this going anywhere? Answer: He's bringing it together. This is a possible completed app.

14:44:50 PDT Question: k guys 5 o clock here got to head home was fun thanks for this great jumstart Answer: You're welcome, thank you!!


Q&A Log


14:45:01 PDT Question: After all that, I just want to make sure that starting with an MVC project template would be a valid choice to

get started on a mobile site. Answer: It absolutely can be! Just depends on what you're looking to do!

14:45:18 PDT Question: been watching since 3am sydney time - concentration is waning… caffeine may be in order! Answer: Time for coffee!

14:55:58 PDT Question: Please Jeremy update the Github project with the hammer implementation Answer: Done!

15:25:01 PDT Question: ah, consistently wrong

Answer: Yup. There isn't a stock file.

15:25:33 PDT Question: the extension that you used was appchace instead of appcache, that is not relevant? Answer: There isn't a file type name. I'm a developer, I don't have to spell correctly, I only have to spell consistently.

15:25:56 PDT Question: wow thank you for all the handy keyboard shortcuts Christopher Answer: I try

15:27:57 PDT Question: Is it possible to sync data from the local storage to an online storage, for example a database hosted on

azure ? Answer: It's most certainly possible, but it's not a one click done thing. You'd have to implement it or find a library to

do it. I don't know of one off the top of my head.

15:28:29 PDT Question: Isn't there also a local SQL DB in HTML5? Answer: There's IndexedDb as a part of HTML5, yes.

15:28:38 PDT Question: correction: Hello IT. Have you tried turning it off and on again? Answer: And I can't even read that without hearing the character's voice

15:28:58 PDT Question: are there any good resources out there for a deeper look into hottowel, reminded me of rails functionality Answer: Yes. Watch John Papa take you through the entire project on his Pluralsight video

at http://www.pluralsight.com

15:29:20 PDT Question: this is a great real-world presentation showing tons of information, great job guys! Answer: Thanks!!

15:36:43 PDT Question: Especially to find out who is on first! Answer: Exactly!

http://www.pluralsight.com/


Q&A Log


15:36:48 PDT Question: Probably the best MVA jump start to date, well done guys, will look forward watching this again. Answer: Thank you so much!!

15:43:56 PDT Question: Cheers for everything guys, you've both been amazing and have re-invigorated my love for visual studio

and its many cool features, must run to meeting now sadly. Thanks again so much Answer: Ahhh... Thank you!

15:50:57 PDT Question: Is Cordova an Microsoft Project or Apache Project? Answer: Apache

16:05:09 PDT Question: it's getting late here in Egypt, but it's totally worth it! I'm learning too much, thanks for the amazing event! Answer: Thank you!!

16:05:58 PDT Question: dad, I'm in space! Answer: Pigs.... In.... Space!!!!!!

16:15:47 PDT Question: Cheers guys, was a good session. Thanks for the breaks and the session, was a good learning one. Answer: Thanks!!

16:18:31 PDT Question: Microsoft Virtual Academy is amazing!! Answer: Thanks!!

16:22:43 PDT Question: Great session. lots of good info! Answer: Thank you!

mobile web application development jump start q&a...

Documents