22
The Modern Web Platform Jump Start Q&A Log Live Event Date: August 26, 2014 Page 1 of 22 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:37:23 PDT Question: Hello everyone!! Greetings from Greece. Answer: Hi Ilias! w elcome! 08:37:35 PDT Question: Hello from Czech republic. I hope I am connected. Answer: Hi Frankie - I bet you are! 08:37:48 PDT Question: Good morning everyone! Answer: Morning digitalphil! 08:38:08 PDT Question: Im getting could not load client errors.. any idea? Using IE 10 / Server 2008r2 64bit Answer: Can you check the FAQ? if not, please post in the HELP tab. Thanks! 08:38:18 PDT Question: Hi Everyone Answer: Hey Tom, how is it going? 08:38:42 PDT Question: Coming in from around the w orld... perfect! Welcome, everyone. Answer: Lookin forw ard to the session Jeremy! 08:38:58 PDT Question: Morning from Sydney Australia Answer: Must be late for you Alvin -glad to have you w ith us! 08:46:42 PDT Question: Hi everyone! Namaste from India! Answer: Welcome! 08:46:50 PDT Question: Does anyone else get an out of memory exception? Answer: Yeah. Many are getting that, but it still should w ork. 08:47:20 PDT Question: Phoenix AZ, It's a dry heat Answer: Nice to have a Phoenician among us 08:48:10 PDT Question: Hello guys from London!!! Answer: Hi Oscar! 08:48:37 PDT Question: Yes I got the out of memory sever exception several times. Answer: It's a new one to us. We're taking a look. Haven't seen it before. 08:49:13 PDT Question: I hope Jeremy and I do not have out of memory issues today Answer: Wait, w hat are w e doing today?

Public QA Log the Modern Web Platform Jump Start

Embed Size (px)

Citation preview

Page 1: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 1 of 22 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:37:23 PDT

Question: Hello everyone!! Greetings from Greece. Answer: Hi Ilias! w elcome!

08:37:35 PDT

Question: Hello from Czech republic. I hope I am connected.

Answer: Hi Frankie - I bet you are!

08:37:48 PDT

Question: Good morning everyone!

Answer: Morning digitalphil!

08:38:08 PDT

Question: Im getting could not load client errors.. any idea? Using IE 10 / Server 2008r2 64bit

Answer: Can you check the FAQ? if not, please post in the HELP tab. Thanks!

08:38:18 PDT

Question: Hi Everyone Answer: Hey Tom, how is it going?

08:38:42 PDT

Question: Coming in from around the w orld... perfect! Welcome, everyone.

Answer: Lookin forw ard to the session Jeremy!

08:38:58 PDT

Question: Morning from Sydney Australia

Answer: Must be late for you Alvin -glad to have you w ith us!

08:46:42 PDT

Question: Hi everyone! Namaste from India!

Answer: Welcome!

08:46:50 PDT

Question: Does anyone else get an out of memory exception? Answer: Yeah. Many are getting that, but it still should w ork.

08:47:20 PDT

Question: Phoenix AZ, It's a dry heat

Answer: Nice to have a Phoenician among us

08:48:10 PDT

Question: Hello guys from London!!!

Answer: Hi Oscar!

08:48:37 PDT

Question: Yes I got the out of memory sever exception several times.

Answer: It's a new one to us. We're taking a look. Haven't seen it before.

08:49:13 PDT

Question: I hope Jeremy and I do not have out of memory issues today

Answer: Wait, w hat are w e doing today?

Page 2: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 2 of 22 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: the only w ay I f ind the link to access the event w as register again, is there other w ay to have access to the event besides the register page?

Answer: We need to make it easier for sure. The easiest w ay might be to go to the reminder mail that w e send w hic h

links to our event environment. Otherw ise you can also bookmark events.microsoftvirtualacademy.com

08:49:47 PDT

Question: G'd Mor'ng from Las Vegas, NV

Answer: Hi Carlos!

08:50:09 PDT

Question: Will Michael and Jeremey be doing the ice bucket challenge?

Answer: they don't know it yet

08:50:24 PDT

Question: Hello from Birmingham, Alabama, United States.

Answer: Welcome!

08:50:50 PDT

Question: Morning from Olympia Washingotn

Answer: Beautiful day in Puget Sound!

08:51:11 PDT

Question: Morning guys. Are there any tools w e should have installed that w ill help us play around during the

course?

Answer: You can go to aka.ms/codeshow app if you have Window s 8 and install the codeShow app

08:51:28 PDT

Question: Electrify

Answer: Haha

08:51:56 PDT

Question: is this started

Answer: Almost

08:52:11 PDT

Question: Is the event already started? Answer: Almost

08:52:37 PDT

Question: Hi from Boston, MA. I'm here w atching w ith my 8 year old son. He's just learning how to make apps on

VS. (no kidding).

Answer: We'll do our best to make it fun for him!

08:52:53 PDT

Question: Saw on TV that Dallas Tx w as going to be 38 or 39 degrees today, took me a min to realize I w as

w atching BBC America.

Answer: LOL

08:53:07 PDT

Question: @Jeremy: Is that the same codeShow app you w ere using in other MVA courses?

Answer: It is... w e w on't use it so much in today's course, but tomorrow and Thursday w e w ill

08:54:00 PDT

Question: w hat is the codeShow app?

Answer: It's an app for seeing a bunch of simple demos and the code that make them... good f or learning

Page 3: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 3 of 22 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:54:26 PDT

Question: Hello from Iran Answer: Welcome

08:55:38 PDT

Question: Greetings from Mauritius

Answer: Great to see you! There seems to be a good tech community in Mauritius! Y'all tune in for these a lot

08:55:50 PDT

Question: am from pakistan...my f irst experience

Answer: Glad you can join us!

08:56:02 PDT

Question: Note to self, w hen Jeremy is a presenter, bring a Window s 8 machine or Surface to w ork.

Answer: You can access the code from any device you w ant using codeshow .codeplex.com

08:58:44 PDT

Question: Is the course going to be available recorded for off line w atching later?

Answer: We w ill have the recordings on MVA in about 2 w eeks

08:59:38 PDT Question: Uzo w hat is the w eather there like

Answer: @ Uzo

08:59:54 PDT

Question: hi , joining in from NY.

Answer: Thanks for tuning in!

09:05:37 PDT

Question: is the video running already? I can't see it.

Answer: Yes, if refreshing your brow ser doesn't w ork, please go to the help tab so w e can assist.

09:06:26 PDT

Question: Will these classes be available on-demand?

Answer: Yes, the full course w ith assessments and f inal slides w ill be available for dow nload in tw o w eeks.

09:09:41 PDT

Question: Has the video feed started yet?

Answer: The video has started. Make sure you have Silverlight enabled.

09:17:47 PDT

Question: Please post URL to dow nload code app

Answer: aka.ms/codeshow app

09:26:15 PDT

Question: Hasn't "b" been replaced by "strong" to emphasize text?

Answer: Strong is recommended w hen you're marking up a document, yes. b is still supported though.

09:26:45 PDT

Question: Hasn't "b" been replaced by "strong" to emphasize text?

Answer: b, em, and strong are among many tags that can be used to differentiate text. the b tag w asn't necessarily

replaced, there are just more alternatives.

09:28:31 PDT

Question: Is there a Win 7 version of the CodeShow app?

Answer: Nope. Window s 8 only.

Page 4: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 4 of 22 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.

09:29:35 PDT

Question: Can you explain w hat a div is? Answer: div stands for division and is a generic container element in HTML. It's used to contain a section so that you

can reference its contents all together (i.e. for styling it).

09:30:28 PDT

Question: w ill you guys have these videos recorded and upload to some site?

Answer: They'll be available on microsoftvirtualacademy.com until the sun burns out

09:31:03 PDT

Question: is it available for w indow s 8.1 Jeremy

Answer: Yes. Actually, if you w ant Window s 8, you have to go get an old commit. If you get the latest, it's a Window s

8.1 project.

09:31:16 PDT

Question: Please post the codepen URL?

Answer: codepen.io

09:33:36 PDT

Question: Can you short the js script by using onClick in HTML?

Answer: You can refer to global functions from HTML. In this small example, it could be acceptable, but in larger

projects, your functions can get hidden and then are inaccessible from the markup processor

09:34:18 PDT

Question: He had displayed a link that began w ith aka.ms/mva ??? before his demo

Answer: aka.ms/mva-w eb-demos

09:35:29 PDT

Question: w hat's the difference betw een id and name?

Answer: id is an identif ier used by all html elements. name is an attribute available only on some form elements.

09:36:49 PDT

Question: Is JavaScript Microsoft's version of Java?

Answer: JavaScript w as created a long time ago and is w idely used by all brow sers today, like Chrome, Firefox and IE. WinJS is a JavaScript UI library created by Microsoft for Window s 8 apps. It is built on top of JavaScript like

jQuery UI and Tw itter Bootstrap

09:37:43 PDT

Question: If he does another "onclick" assignment in his example, w ould it replace the current "onclick" event or

appened it to the "onclick" event?

Answer: onclick is a simple property of the element. re-assigning it w ould overw rite the other handler. If you w ant to

use multiple handlers, you need addEventListener

09:40:25 PDT

Question: What is the difference betw een JS and Java?

Answer: Java is an object-oriented language that runs on a Java virtual machine - it is not typically used in the

brow ser. It is similar to C# in technology. JavaScript is a prototypal scripting language that is used mostly in

brow sers, but is starting to be adopted in places outside of the brow ser like in NodeJS.

09:43:29 PDT Question: I thought the name tag is depreciated/not used in HTML5, only the id tag is supported

Answer: According to the standards doc, name is not deprecated on all form elements, but it is on the applet tag.

http://w w w.w3.org/TR/html401/index/attributes.html

09:46:14 PDT

Page 5: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 5 of 22 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.

Question: Hi guys, as you are talking about HTML + CSS + JavaScript should w e assume that it is better to have

Javascript as server side code vs. C# ? Answer: I'd say it depends heavily on your needs. NodeJS can run JavaScript on the server -side, but in some cases

ASP.net w ould better suit your needs

09:49:32 PDT

Question: i think C# has its ow n lot of benif its. C# can do all those, w hich simple JS like Node.js can't do.

Answer: It really depends on style and w hat your needs are. Sometimes C# has a lot of boilerplate for something

simple you can do quickly in NodeJS.

09:49:53 PDT

Question: Can someoe please link the codepen that Mr. Foster is using right now ?

Answer: http://codepen.io/codefoster

09:52:09 PDT

Question: Tw o part question: 1) Are there any good resources on packaging a w eb app for off line delivery? My

clients customers are ship-board w ith limited or no bandw idth. 2) Does it even make sense to think about deploying a

w eb app in such a constrained scenario? Answer: Customers can side-load packaged WWA apps (HTML5 apps for Window s 8/8.1) for off line use in low -

bandw idth scenarios. With Window s 8, w e really w ant to make things f it your developer skills and not force you dow n

one API or another.

09:52:52 PDT

Question: I had to pop out for a second, so maybe I missed it, but are you going to talk at all about gracefully

handling html 5 in older brow sers that don't support it? I know there are some framew orks that help w ith this.

Answer: We're not going to be addressing that.

09:53:40 PDT

Question: Do you record the class?

Answer: yes. it w ill be available for dow nload as a full course in tw o w eeks

09:54:09 PDT

Question: Thanks Rob. Unfortunately a small percentage of my client's customers are running Win8. We (ugh) even

continue to support WinXP sites... Answer: That's going to be tough for the long-term to support a real packaged, off line app experience dow n to XP.

You might consider shipping a Node.js server/local w eb client app in that case, although that seems like overkill in

many w ays.

09:56:01 PDT

Question: In the f loating box example thing by codefoster, w hen you change the number of boxes, the size returns to

the default 100px until you move the f irst slider to update it. Is that because I'm using chrome or it w as intentional?

Answer: Not sure. I'll have to check it out. Feel free to fork and f ix it.

09:56:22 PDT

Question: I'm guessing that I am the dinosaur here since I earlier posted I speak DOS. Does anyone but me

remember FORTRA N? I actually see great similarities

Answer: I studied FORTRA N in college. But I survived.

10:04:05 PDT

Question: Where is this site Jeremy is talking about? Answer: modern.ie

10:07:09 PDT

Question: w hat w as the site that check for errors

Answer: modern.ie

Page 6: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 6 of 22 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.

10:07:33 PDT

Question: What w as that testdrive site again? Answer: http://ie.microsoft.com/testdrive/

10:08:11 PDT

Question: How to implement touch events? API?

Answer: You can handle pointerevents for IE, other brow sers use touchstart/touchend - take a look at this polyfill

http://blogs.msdn.com/b/eternalcoding/archive/2013/01/16/hand-js-a-polyfill-for-supporting-pointer-events-on-every-

brow ser.aspx

10:12:43 PDT

Question: Where are these selectors used?

Answer: Selectors are used in CSS definitions

10:14:05 PDT

Question: Hi @Rob: I have a Window s 8 consumer version and I'm intending to develop apps for Window s mobile

and desktop. Can the Window s consumer version serve for this purpose?

Answer: Most definitely! Any Window s 8 sku can develop apps w ith Visual Studio, express or otherw ise.

10:15:27 PDT

Question: how to use the external css script in html

Answer: CSS: <link type="text/css" href="{URL to external CSS file" rel="stylesheet" />

10:19:00 PDT

Question: Rob, can you do phone on the low er SKU's or does it need Hyper-V for the WP emulator?

Answer: Good catch, you're right - Phone 8 development requires Win8 Pro because of the Hyper-V requirement.

Just looked it up on MSDN.

10:21:58 PDT

Question: What should I do w hen my PC doesn't support Hyper-V? Which part needs a upgrade?

Answer: It's generally either a BIOS or processor issue. Many of the low -end processors don't physically include

some of the required features. Other times, BIOSes disable Hardw are Virtualization features as w ell. Check your

boot-time setup for such Hardw are Virtualization settings.

10:24:16 PDT

Question: I'm currently learning C# but not sure w hat console app can really do for me lol.

Answer: You could try to make a Window s app instead of a Console app?

10:24:31 PDT

Question: @Rob speaking about the WP emulator - can I use it to test how my w ebsite w ould look on phone? Or is it

limited to loading apps?

Answer: For sure! And actually, w ith Visual Studio 2013 Update 2 + Window s Phone 8.1, you can directly debug

your w eb site for things like responsive design and see your DOM explorer / JavaScript debugger. You can also build

things like ASP.NET applications that your phone can access via localhost, and have them being accessed from a

client app (for example, if you build a WWA or XAML app, it can access that service via localhost as if the service

w ere running on the phone).

10:25:08 PDT

Question: w hat is url for current codepen?

Answer: codepen.io/codefoster/pen/mtAoG

10:28:02 PDT

Question: Rob for the css directives?

Answer: I'm sorry Steven, I don't understand the question.

Page 7: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 7 of 22 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.

10:30:09 PDT

Question: are there publicly hosted fonts? or must you host your ow n Answer: Depends on the ow ner of the font, one place to check out is http://w w w.openfontlibrary.org/

10:30:27 PDT

Question: Are directives supported in earlier versions of ie? (8,9 and 10?)

Answer: Depends on the directive.

10:30:41 PDT

Question: For font-face, w ould it cache the font f ile just like an image file?

Answer: Yes it w ould. Normal HTTP caching rules apply.

10:32:04 PDT

Question: url for codeshow ?

Answer: Dow nload codeShow from the Window s store or get the solution at codeshow .codeplex.com

10:32:27 PDT

Question: Can CSS code for iPad's apply to android tablets? Answer: Yes modulo vendor-specif ic CSS like -w ebkit or -blink

10:33:18 PDT

Question: I have to say that Foster is an excellent comunicator. It's not the f irst event I see w ith him, it's very easy to

learn w ith him. Here's the question: building w eb apps using responsive layout is good, but it w ould be better to have

this as a native App. Is this possible? (make a WebApp a Native App using HTML+CSS+JS)?

Answer: WWA is our platform for HTML+CSS+JS apps, w hat advantage is there in making a C# WebView app to

host the same content?

10:34:09 PDT

Question: I'm thinking Jeremy is either an Eagle Scout or a sailor w ith all of the knot examples.

Answer: sailor I think

10:34:42 PDT

Question: did you give the font a size before you defined w hat the font actually is?

Answer: Order of style rules doesn't matter; they're applied as a unit.

10:41:37 PDT

Question: WWA ? thamks Answer: WWA stands for Window s Web App. It is a platform for building Window s Store apps using HTML + JS +

CSS and WinRT

10:43:57 PDT

Question: is WWA a platform that needs to be setup in VS dor example

Answer: In the list of new project templates in Visual Studio, if you choose a project under the JavaScript item, those

are all WWAs.

10:44:14 PDT

Question: I dow nloaded the CodeShow app in Window s 8, but I'm not seeing most of the demos.

Answer: Click the "Demos >" link in the top left from the home screen of CodeShow .

10:45:23 PDT

Question: WWA is a step to universal Apps? It w ill be used in the future as it is? What changes should w e expect?

Answer: As of Window s Phone 8.1 and Visual Studio 2013 Update 1, you can build a Universal App using WWA for

both Window s 8.1 and Window s Phone 8.1, so yes.

Page 8: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 8 of 22 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.

10:46:07 PDT

Question: @Rob, back on the Window s 7 question...tw o people asked questions, so I don't know if your answ er applied to my question. On the Window s store, codeShow is not available for Window s 7. So I'm assuming that only

part of the answ er applied to Window s 7, namely, "...or get the solution at codeshow .codeplex.com".

Answer: codeShow is a Win8/8.1 app. You can't run it on Win7.

10:47:28 PDT

Question: How do you search for the solution on codeshow .codeplex.com?

Answer: I'm sorry I don't understand your question. They told us this URL earlier in the talk.

10:47:41 PDT

Question: Could you post here the link for the w ebsite that Jeremy show to check brow ser capability?

Answer: http://modern.ie

10:47:46 PDT

Question: For f lexbox, do all the divs have to be loaded at load time, or can they be loaded dynamically as they are

brought into view ?

Answer: The brow ser w ill resize the elements if you modify the markup... not sure if that answ ers your question

10:48:30 PDT

Question: How do i search for the demos going to Codeshow .codeplex.com

Answer: You need to actually run the app. The demos aren't located there for the purpose of view ing.

10:51:08 PDT

Question: Wich is the difference betw een HTML and HTML5?

Answer: HTML5 is the new standard of HTML.

10:52:12 PDT

Question: I installed codeshow , the samples show n are not ther thanks for your help

Answer: Make sure you're clicking on the "Demos >" header in the top left to see the full list of demos. We know that

some of the demos they show ed are not appearing, w e're going to try to ask during the break.

10:52:31 PDT

Question: w hat has happened to xhtml? Answer: It is considered superceded by HTML5.

10:54:08 PDT

Question: w hat is angular js?

Answer: Angular.js is a framew ork that emphasizes separation of concerns betw een the HTML and templates and

the JavaScript code and data, so that you don't have to w orry about DOM manipulation.

10:54:16 PDT

Question: Hey Sean, so for f lexbox, Jeremy scrolled through div w ith text in them. I am guessing those w ere loaded

w hen the page w as loaded. But could those div be loaded via ajax w hen the div comes into focus? Does f lexbox

support ajax?

Answer: f lexbox does not have anything to do w ith ajax. That is, if you designed your ow n UI control to render those

boxes, you probably need to know at least how many to render before you draw them on the screen. Whether or not

you need to w ait for a netw ork response has to do w ith your design.

10:54:17 PDT Question: so html5 replaces xhtml

Answer: Yes.

10:55:15 PDT

Question: So the takeaw ay is, w hen in doubt "f lexbox"?

Answer: I w ould argue that w hen in doubt, use the default. Flexbox is really designed to solve a specif ic layout issue

w ith f lexible box models and such

Page 9: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 9 of 22 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.

10:55:37 PDT

Question: I meant to help it w ork correctly in older brow sers? Answer: One of the great parts about CSS is the cascading nature. You can start w ith older brow sers style rules f irst,

and then override them w ith new er style rules. New rules w on't be understood by older brow sers. You don't need to

duplicate, just order them correctly.

10:56:49 PDT

Question: I've heard that some w eb brow sers are still not compatible w ith HTML5. Is this correct and w hat w ould be

your recommendations for cross-brow ser compatibility?

Answer: HTML5 is mostly supported in all modern brow sers. There are limited HTML5 features that are not yet

w idely supported. In general, if you use a popular w eb framew ork, these issues are solved for you. Google Polymer is

a good example. WinJS is also w orking on this issue.

10:57:18 PDT

Question: So order them older to new er?

Answer: Right.

10:57:39 PDT Question: Hi Rod, is it possible for an intermediate coder to learn C# along w ith JavaScript or maybe PHP?

Answer: Sure

11:08:38 PDT

Question: What w as the aka.ms link for the Code app that w as being demo'ed earlier

Answer: aka.ms/codeshow app (links you to the Window s Store)

11:08:44 PDT

Question: Will a recording of this be available?

Answer: Yep

11:09:11 PDT

Question: w ill this entire presentation be archived as w ell for later view ing? First time to w atch a live event...I w ould

like to revisit this great information again.

Answer: Yep. It w ill be available on microsoftvirtualacademy.com

11:09:28 PDT

Question: What is the name of the app w ith all the code in?

Answer: codeShow

11:10:08 PDT

Question: Hi am having a bad connection and by any chance is there any to see this event like after 10 hours or

more? Thanks.

Answer: It's takes longer than 10 hours to get the live courses edited and posted, but you w ill be able to view it online

at microsoftvirtualacademy.com

11:11:19 PDT

Question: w ith animations, is it done w ith a set fps

Answer: There is no limit or bounds on FPS. IE w ill use your GPU, w hen available to help get more FPS

11:12:10 PDT

Question: Can you time transitions in milliseconds instead of full seconds?

Answer: Yes, using decimals

11:12:18 PDT Question: Can you time transitions in milliseconds instead of full seconds?

Answer: Yes, you can specify s or ms - http://msdn.microsoft.com/en-us/library/ie/hh772286(v=vs.85).aspx

Page 10: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 10 of 22 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.

11:12:41 PDT

Question: What is the Voucher Code for this Session? Answer: DevUnivWinAppsHTML1

11:13:42 PDT

Question: What propreties can be changed by animation? Can a text change it's color? Can I make element to fade

out by animating hidden property?

Answer: http://w ww.w3.org/TR/css3-transitions/#animatable-css

11:14:24 PDT

Question: What propreties can be changed by animation? Can a text change it's color? Can I make element to fade

out by animating hidden property?

Answer: Almost all color/size/position properties can be animated. Some properties are better performing, though. I

recommend using opacity for hide/show animations. See: http://msdn.microsoft.com/en-

us/library/jj680148(v=vs.85).aspx

11:14:38 PDT

Question: so if it lags it w ill skip frames rather than take longer to f inish the transition? Answer: Correct, animations can be skipped or appear jumpy

11:15:49 PDT

Question: Will codeshow run on a w in phone?

Answer: It w ill, but the Window s Phone app is not published to the store yet

11:16:15 PDT

Question: With the hover thing, w hat if you're using a touch screen?

Answer: You can't hover w ith touch, so you should be careful w ith that interaction

11:16:31 PDT

Question: This is the f irst session that I'm joining. What do I do w ith the voucher code?

Answer: Go to aka.ms/mva-voucher

11:17:07 PDT

Question: > Quoted question: With the hover thing, w hat if you're using a touch screen?

> Quoted answer: You can't hover w ith touch, so you should be careful w ith that interaction

Answer: Actually, in IE11 touch and hold is recognized as hover: http://msdn.microsoft.com/en-

us/library/ie/dn265029(v=vs.85).aspx

11:18:48 PDT

Question: How do I get to Mikes page on codepen.io?

Answer: codepen.io/palermo4

11:22:10 PDT

Question: if you search for red text for example, w ill it recognise the text as red as soon as the transition begins, or

only at the end?

Answer: If you mean "search for red text" by using a CSS style selector of .redtext or doing a querySelector in

JavaScript... then the answ er is that it w ill f ind it right aw ay... the class is applied to the element and THEN the

transition runs, but the class is available right aw ay

11:22:43 PDT

Question: I missed Jeremy's answ er on how he w ould apply those transformations prior to the current css w ay

Answer: There w as no good w ay using CSS or JS, so w e w ould have had to rotate it in our graphics softw are and

rendered it as an image... yuck.

Page 11: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 11 of 22 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.

11:24:27 PDT

Question: What steps are required to become a Technical Evangelist like Jeremy & Micheal? Answer: 1. Love code, 2. Love people and talking, 3. Work for years developing softw are, 4. Apply, 5. Cross your

f ingers

11:26:19 PDT

Question: w here is the rotation point? center of the span or left edge?

Answer: This is set using transform-origin property, w hich is the center by default: http://msdn.microsoft.com/en-

us/library/ie/jj127313(v=vs.85).aspx

11:26:25 PDT

Question: Hello! Is ASP.net vNext discussed on any day of this course? Thanks in advance!

Answer: not in this MVA course

11:26:45 PDT

Question: so can you make the transform take 2 secs, or do you apply a transition on it

Answer: transforms don't, on their ow n, have the concepts of time or animation... like you said, you apply a transition

to it to make it change over time

11:27:39 PDT

Question: Thank you for that info (transform origin)

Answer: transform-origin is the actual CSS property

11:30:10 PDT

Question: Can transform also do mirror affects?

Answer: Good question. I feel like perhaps it does, but I can't remember. Can you search it and report back?

11:30:42 PDT

Question: So, 'transforms' handle changes in space, like rotation and scale, and 'transitions' handle time, the

duration of change?

Answer: Mostly correct, I'd like to clarify: transforms are the actual transformations to position, size or color. the

transition is the timing function and duration.

11:30:59 PDT Question: isn't orientation related to north being 0?

Answer: Sort of, but I believe the question w e attempted to answ er w as more about an origin... a rotation point or a

skew point or w hatever

11:31:14 PDT

Question: Can't w ork. Skew X and Skew Y are just one-factor versions of Skew (X, Y) if I recall directly. Sadly, no Z

axis there...

Answer: Dang. Thanks.

11:32:00 PDT

Question: Is rotation & transform fully supported in IE w ithout requiring w ebkit

Answer: Yes. You can check out caniuse.com to see w hat w orks w here

11:32:34 PDT

Question: Can w e do a transition in tw o stages, for example Skew X positive for 1 second then negative for 1 second

Answer: That w ould be an animation, and the answ er is yes. You can animate by as many keyframes as you need

11:32:59 PDT

Question: Can't w ork. Skew X and Skew Y are just one-factor versions of Skew (X, Y) if I recall directly. Sadly, no Z

axis there...

Answer: You can do 3d rotations: http://blogs.msdn.com/b/ie/archive/2012/02/02/css3-3d-transforms-in-ie10.aspx

Page 12: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 12 of 22 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.

11:34:00 PDT

Question: Can w e skew the 1st letter only Answer: Yes. Using .fast:f irst-letter for the CSS selector

11:35:46 PDT

Question: differnece betw een developing app in html,css,javascritp and C#.Xaml

Answer: XAML is like HTML, it's still markup but the elements and attributes have different names. There is no CSS

equivalent in XAML. C# is heavily object oriented w here as javascript is prototypal and highly dynamic

11:37:22 PDT

Question: so scale(1) nothing w ill be changed ? Thanks

Answer: Correct

11:37:56 PDT

Question: scale an image to simulate a click

Answer: Perfect example

11:38:52 PDT Question: .trans is a class right but i dont remember w hat # is called... is it just ID? Or some other name in CSS?

Answer: # is the symbol for an ID selector

11:39:02 PDT

Question: The rotate example does not w ork in Firefox, 23.0.1, any f ix for it? IE does f ine.

Answer: Make sure you're using the correct vendor-prefixes in the CSS

11:39:51 PDT

Question: Can you use the transform on a ID selector as w ell? or does it have to be a class?

Answer: An ID selector w ould w ork f ine... any selector w orks

11:40:18 PDT

Question: Wouldn't scaling up a group of elements see them overlap each other?

Answer: No, it w ouldn't. It takes the group of elements AS RENDERED and scales it up. Great question.

11:40:20 PDT Question: Wouldn't scaling up a group of elements see them overlap each other?

Answer: really only if they w ere position absolute

11:41:08 PDT

Question: can I add more than 1 transform: to one definition?

Answer: yes, they are delimited by ,

11:42:37 PDT

Question: Can programming benefit me for my w ill be netw orking career?

Answer: Definitely

11:43:01 PDT

Question: Can I use hover or onclick of one element to apply - or start - the animation or transformation of another

element? ie. create zoom in / zoom out buttons for some other element? Or can I do so w ith JavaScript?

Answer: Yes - you could use :hover pseudo-selector, or if you w ant to respond to click you need to add a click

handler. In the javascript case, you can toggle a class on the element you w ant to toggle betw een states

11:43:42 PDT

Question: How do you rotate images?

Answer: Like he's saying now ... w ith a transform property (i.e. transform: rotateX(10deg))

Page 13: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 13 of 22 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.

11:44:06 PDT

Question: how can w e beam and scale at the same time? Answer: The transform property can take multiple transform statements separated by spaces.

11:44:20 PDT

Question: can you use translate w ith a transition to get a slow movement effect or is that done better in JS?

Answer: Depends if you need to know the position or interrupt the animation. If it is a simple animation that should

alw ays play, then CSS transition w ould have better performance

11:44:58 PDT

Question: Will "translation" takes elements our of f low ?

Answer: No. If you translate a w ord out of its place a hole w ill be left.

11:46:54 PDT

Question: If you scale a w ord and make it small, it sets in the middle vertically. How do you get it to set on the

bottom like the other w ords?

Answer: change the transform-origin. I believe the value of 100% w ill w ork.

11:47:35 PDT

Question: if you have a translate on a hover w ill the element untranslate if the hover is broken on translate?

Answer: Yes, if you use the :hover pseudo class to apply the transform, it w ill reset w hen you unhover

11:48:31 PDT

Question:: is it take top left corner as reference in in recent css ?

Answer: transform-origin: 0

11:48:56 PDT

Question: DonP: Would jQuerry do the same action to an object as Transform as Michael is illustrating.

Answer: jQuery w ill just use the underlying CSS that Michael is talking about, so yes.

11:49:29 PDT

Question: Hey w hy are you mixing <span> w ith </div>? Is that allow ed?

Answer: Sure, w hy not? a <div> is typically a block element and <span>s are used to callout an inline section

11:51:05 PDT

Question: There screen show a scrollbar at the bottom of code show but my w indow s 8.1 enterprise has no scroll

bar

Answer: It depends on w hether you're using a mouse or not. If you use a mouse it show s the scrollbar. The solution

to the issue you raise is to lead the user's eye off the screen by clipping the content, but it's tough to alw ays clip the

content in the demo section of codeShow because it's of variable w idth.

11:52:18 PDT

Question: is it like mathematics that w hatever inside parenthesis is done f irst

Answer: There is an implied order of operations in JavaScript and order of evaluation in CSS. I don't think you can

generalize "parenthesis are f irst"

11:54:14 PDT

Question: Is the classList property specif ic to WinJS?

Answer: Nope, it is also documented on MDN: https://developer.mozilla.org/en-

US/docs/Web/API/element.classList?redirectlocale=en-US&redirectslug=DOM%2Felement.classList

13:23:26 PDT

Question: Is there a pure CSS (not JS/jQuery) w ay to: w hen I hover div1, change style of div2?

Answer: No, there is no w ay to do this

Page 14: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 14 of 22 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.

13:26:10 PDT

Question: Is the WinJS object a part of IE? Or is it from a javascript library? Answer: WinJS is its ow n JavaScript library. It started as a WWA framew ork, but has now moved to be cross -

platform: http://try.buildw injs.com/

13:27:12 PDT

Question: Can I access WinJS library inside w ebsite or is it Win8 only library?

Answer: You can use the open-sourced WinJS project for w eb pages. It is currently under development to go cross -

brow ser. Many of the brow sers are already supported: http://try.buildw injs.com/

13:29:38 PDT

Question: So promise is actually a w rapped subroutine that interrupts itself to return intermediate status to main line

of code and allow the main line to process the sub's status and then return control to the subroutine - w hich picks up

w here it left off before reporting status?

Answer: This is a usual side-effect of using promises, but it is not its primary purpose. A promise is a w ay to

coordinate several async/sync tasks, so that they evaluate in a certain order or w ith specif ic timing.

13:31:11 PDT Question: I missed a tip around using promises outside the WinJS w orld. on http://w ww.caniuse.com i saw that

native promise is not supported in IE so far at all. You mentioned JQuery deffered method.

Answer: I believe ECMAScript 6 is proposing native Promises as part of JavaScript. WinJS has a promise

implementation that is built using pure JavaScript. I've heard jQuery promises are even faster than some native

brow ser implementations. The point is many framew orks have their ow n implementation of promises or futures.

13:33:05 PDT

Question: How is the variable "localstorage" defined to make it w ork like that? Or is 'localstorage" a key w ord?

Answer: There are a few reserved objects on w indow : http://msdn.microsoft.com/en-

us/library/ie/bg142799(v=vs.85).aspx

13:35:56 PDT

Question: Can you retrieve data from local storage if you go back to the page using a different brow ser? Ie, go to the

page in ie and go back later in chrome?

Answer: No, localStorage is managed by each individual brow ser, not the OS

13:36:11 PDT

Question: Where is local storage located on the client machine? Will an app need permission to use it?

Answer: This depends on the brow ser. The permissions are set in the brow ser.

13:36:34 PDT

Question: Is the previous data erased?

Answer: Yes, it is overw ritten. You can see some more info here about clearing data: http://msdn.microsoft.com/en-

us/library/ie/bg142799(v=vs.85).aspx

13:37:01 PDT

Question: w hat if I have multiple tabs opening different w eb sites, w ill the storage be corrupted by each other?

Answer: Please refer to this page, it talks about how the objects are shared betw een tabs

13:37:47 PDT

Question: can you know how much you can store on the machine?

Answer: It varies by brow ser and user settings. Please refer to this page: http://msdn.microsoft.com/en-us/library/ie/bg142799(v=vs.85).aspx

13:39:01 PDT

Question: I've read W3C announced that it w ill not continue development of the Web SQL specif ication, IndexedDB

can suffer the fate as Web SQL?

Answer: According to the W3C, Web Storage and IndexedDB w ill continue to be developed in favor of WebSQL:

http://w w w.w3.org/TR/w ebdatabase/

Page 15: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 15 of 22 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.

13:44:27 PDT

Question: Can local storage be disabled by a client? Answer: Yes, it's important to check if there is storage available

13:45:29 PDT

Question: SeanLee, Actually there's a w ay to use CSS only to achieve such effect w here you hover over one div and

another div changes. You just need to have nested divs and refer via CSS to them in such a w ay: div1:hover #div2 {

... } Anyw ay, the solution is rather specif ic than general and not so "elegant"

Answer: I believe you're referring to a solution w here you style div1:hover in a w ay that affects div2, but that's hardly

a useful solution

13:48:24 PDT

Question: Regarding the indexedDB - is there any persistency at all? Can I make a database, store it in local storage

and load it during user's nex visit?

Answer: Yes, IndexedDB is persistent

13:51:10 PDT

Question: What construct in .Net Framew ork is similar to indexedDB? Answer: LINQ?

13:52:12 PDT

Question: What's the advantage of using WebSockets rather than Ajax (XHR)?

Answer: WebSocket gives you full-duplex communications betw een clients. XHR only supports GET/POST to a

server

13:52:32 PDT

Question: IndexedDB, w here do it store the data? Brow ser managed files/folders, Temp files or other places?

Answer: This is abstracted by the brow ser

13:53:13 PDT

Question: Can I know w hat is Fiddler Web Debugger? There w as an hour-long netw ork outage from my side.

Thanks.

Answer: Fiddler is a tool to help you debug netw ork traff ic. It is especially useful if your app/w ebsite makes several

w eb requests and you need to debug the packets/responses

13:56:26 PDT

Question: Does the w ebsocked lead to JS file? Or can I open a w ebsocket to, say, perl CGI script or ASP.NET dll?

Answer: The WebSocket uses TCP, so as long as you can handle TCP requests, you can communicate w ith the

socket

13:57:00 PDT

Question: @SeanLee: Fiddler seems to be similar to Wireshark, but w hich one is recommended?

Answer: I like Fiddler or even the one built in to IE F12. I guess it's personal preference. Fiddler w orks w ell w ith

Window s Store apps too.

13:57:21 PDT

Question: What project type in VS2013 relates to the w eb development topic today?

Answer: Window s Store JavaScript apps!

13:58:06 PDT Question: How does Geolocation w ork w ith a desktop?

Answer: The OS usually has a location provider that uses available info. In the case of Window s, using IP address

and available w ireless netw orks can get a pretty good location of the user

14:09:34 PDT

Question: Stores = Window s Store JavaScript apps (sorry)

Answer: Is there any specif ic confusion that I can help clear up for you?

Page 16: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 16 of 22 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.

14:10:01 PDT

Question: I w onder, how much of this is managed in Window s apps? Is there some microserver running the JS? I know that this is w eb platform Jumpstart, I am just w ondering w hich part can w e use for store development...

Answer: In a Window s app, you just have an instance of the IE engine (engines actually, Trident and Chakra) that

runs the apps. It's not a w eb server then. Just a brow ser engine basically.

14:10:29 PDT

Question: I think this mixup of classic w eb and JavaScript for Stores is not so easy to get.

Answer: I'm not sure w hat you mean.

14:10:37 PDT

Question: I w onder, how much of this is managed in Window s apps? Is there some microserver running the JS? I

know that this is w eb platform Jumpstart, I am just w ondering w hich part can w e use for store development...

Answer: Window s Web Apps runs your javascript and HTML natively w ith all of these features enabled. There is no

w eb server in the app, but you do have access to the app package files via the ms-appx:// f ile protocol

14:11:19 PDT

Question: Are there limits to how many sockets can be opened at the same time? Answer: There are limits to the number of HTTP connections that can be open. The default on Window s I believe is

12. It's configurable though via the registry.

14:11:49 PDT

Question: i w ant to receive SMS in c# ?

Answer: Look into Tw ilio.com

14:12:15 PDT

Question: link to canvas pad please?

Answer: Go to ietestdrive.com and then go to Site Map (on the right)

14:12:47 PDT

Question: Is there a video recording of today's program?

Answer: Yes, w ill be on microsoftvirtualacademy.com

14:13:20 PDT Question: w hat did he click after he pressed f12 to show all the uis

Answer: I w ent to the console and typed w indow and then Enter

14:14:21 PDT

Question: Won't this be kinda pointless since w e have <video> object?

Answer: No, because you might w ant to combine a playing video and other canvas artifacts.

14:15:06 PDT

Question: I had to drop off for a w hile. Did you cover push notif ications?

Answer: No, that w ill be in course 2 tomorrow and thursday

14:15:36 PDT

Question: What are the differences betw een Web storage and indexedDB ?

Answer: Basically, indexedDB is a database w hich allow s you to query

14:16:48 PDT Question: I need to make sure of the code to DevUniWinAppsHTML1 voucher is correct as it not w orking w hen I

enter the code that is to expire today.

Answer: It's actually DevUnivWinAppsHTML1... you're missing the 'v'

Page 17: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 17 of 22 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.

14:17:36 PDT

Question: so w hy not just use a database? Answer: indexedDB is in the brow ser, so the client app running in the brow ser doesn't have to hit a server. There's

no netw ork call at all.

14:20:52 PDT

Question: How do you locate & verify w hich storage options exist & how much they hold?

Answer: I recommend using modernizer (modernizr.com)

14:21:22 PDT

Question: I keep missing stuff w hen I have to get up here at w ork. Please allow dow nloading or streaming this

content.

Answer: It w ill be available for dow nload in something like 2 w eeks

14:22:24 PDT

Question: how w ould you share info betw een a different end clients?

Answer: It involves quite a bit of architecture actually, but to make everything simple, you can set up a server and

use SignalR w hich is aw esome.

14:22:45 PDT

Question: Will this session be available for later preview ?

Answer: Yes. At microsoftvirtualacademy.com in something like 2 w eeks.

14:23:24 PDT

Question: Which means the indexedDB is only available to the user at the time of use.

Answer: indexedDB is intended to be a place w here you can mirror a portion of a database so the user can access

the data off line

14:23:24 PDT

Question: w hat is the url to the ie deve center and the w ebgl demos show n

Answer: aka.ms/iedevcenter

14:23:31 PDT

Question: w hile it's nice to introduce w ebgl, many people are going to w ant to use a library like three.js or Babylon.js Answer: Agreed!

14:24:05 PDT

Question: What's the link for Assassin's Creed?

Answer: You'll f ind it at ietestdrive.com

14:25:05 PDT

Question: What w ould be a real use case for w eb w orker?

Answer: If you w ant to render fractals w ithout blocking the user. That's one idea.

14:26:07 PDT

Question: Kinda starting to seem like Palermo doesn't like Foster. Why is that? Foster seems pretty cool.

Answer: I insulted his mom.

14:27:10 PDT

Question: What w ere the 2 w ebGL links? Answer: All of the WebGL demos are on ietestdrive.com

14:27:37 PDT

Question: Hi, I started late. Can I dow nload all video after f inishing ?

Answer: Yep. At microsoftvirtualacademy.com in something like 2 w eeks.

Page 18: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 18 of 22 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.

14:28:46 PDT

Question: I don't see the Canvas Ball demo under Jeremy's pens -- anyone got a link? Answer: It's in codeShow not CodePen. codeShow code is available at codeshow .codeplex.com

14:36:14 PDT

Question: Could a w eb w orker be used to retrieve a users profile info from a database after the login, store it locally,

then w hen they click on the "profile" link, the data is show n w ithout a trip to the server?

Answer: You can certainly do this, but I don't think you need a WebWorker to enable that scenario. It might be just as

slow to communicate betw een the w orker and the UI thread

14:38:45 PDT

Question: In order to use Video, does it need to be a video f ile you have control of, or are you able to use YouTube

as a Source (For instance)...

Answer: You can use any source compatible w ith the client's brow ser and as long as the f ile is accessible from the

user's machine

14:41:45 PDT

Question: w hat's best w ay to use Audio for all brow sers supporting html5 or low er Answer: You can try to f ind a polyfill to support the brow ser you w ant to w ork: http://html5polyfill.com/

14:45:07 PDT

Question: How is MPEG used in code?

Answer: Do you mean, how do you embed an MPEG video f ile?

14:45:55 PDT

Question: Can LINQ be used on indexedDB?

Answer: Not from a brow ser or from a Universal w eb app.

14:48:07 PDT

Question: If you started panning back, w ould it snap the group list back into full view ?

Answer: If he started panning the other w ay, the listview w ill pan until it reaches the end, then the top page w ill

pan/chain

14:48:29 PDT Question: Yes, how do I embed an MPEG video to play in on my html page?

Answer: There are examples here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

14:49:06 PDT

Question: How do you query an IndexedDB then?

Answer: This is a great starting point to learn about the API http://msdn.microsoft.com/en-

us/library/ie/hh673548(v=vs.85).aspx

14:57:46 PDT

Question: How do w e Sync IndexedDB w ith Sql Server?

Answer: You need to push the data back at opportune moments

14:59:18 PDT

Question: SeanLee could you provide a link to w hat Michael w as talking about before he started his presentation?

Answer: There w ere lots of topics going around, could you give me a hint on w hat it w as?

15:01:18 PDT

Question: Thanks. How to tackle lot of local client databases that'd be created during the sync?

Answer: It's better to have a single point w here the data is transformed for your local app and then mapped back to

the server storage

Page 19: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 19 of 22 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.

15:04:42 PDT

Question: Is there a w ay to include another f ile in js? Answer: There isn't today (short of creating a script element via the DOM and adding it to the document). In the

future, you'll get to have Modules, w hich is a future part of the standard for ECMAScript 6 (ES6). Keep an eye on

status.modern.ie for details about modules.

15:07:48 PDT

Question: so in thinking about analytics & visualization graphs, is there a w ay or code example demos to combine

say w eb storage or indexdb values and canvas to create some graph or analytics visualization?

Answer: I'm not aw are of any libraries that just connect w eb storage or IndexedDB directly to a visualization

framew ork, but if you know how to structure the data store in the w ay a visualization framew ork (stay tuned for details

about d3.js) expects, you should be able to build that plumbing yourself.

15:08:59 PDT

Question: Last time i w as a bit disapointed about formatting data in JavaScript (eg currency w ith thousand

semicolons etc.). Any tip about that Topic?

Answer: Yes! Check out Intl.NumberFormat, one of the ES6 features supported in IE11.

http://msdn.microsoft.com/en-us/library/ie/dn342819(v=vs.94).aspx

15:12:25 PDT

Question: Assuming I w ould like to include WinJS in my w ebpage. How can I reference it? Is there some cannonical

URL to add as script source for it?

Answer: Currently, there is no CDN for WinJS. You'll need to clone the repo, build it yourself and include it in your

w ebserver

15:12:57 PDT

Question:

> Quoted question: Assuming I w ould like to include WinJS in my w ebpage. How can I reference it? Is there some

cannonical URL to add as script source for it?

> Quoted answer: Currently, there is no CDN for WinJS. You'll need to clone the repo, build it yourself and include it

in your w ebserver

Answer: As a note, the repo is at https://github.com/w injs/w injs

15:13:05 PDT Question: Last time i w as a bit disapointed about formatting data in JavaScript (eg currency w ith thousand

semicolons etc.). Any tip about that Topic?

Answer: Is this more of a localization issue? Can you be more clear about the issue?

15:14:26 PDT

Question:

> Quoted question: Is there a w ay to include another f ile in js?

> Quoted answer: There isn't today (short of creating a script element via the DOM and adding it to the document). In

the future, you'll get to have Modules, w hich is a future part of the standard for ECMAScript 6 (ES6). Keep an eye on

status.modern.ie for details about modules.

Answer: I'd like to add, that for a WebWorker, you can use importScripts('f ile.js')

15:15:00 PDT

Question: WinJs w orks w ith all platforms???

Answer: It's now open-source and w orks across brow sers.

15:16:39 PDT

Question: We are covering a lot of scripting for w indow s 8 and 8.1, w hat are the top 5 computer language's should a

beginner softw are developer study, coming from system engineering?

Answer: This presentation is regarding Universal Window s Apps. JavaScript/HTML5 is a very good foundation. You

can also look into C#/XAML. As for general system engineering, C/C++ are alw ays good to learn.

Page 20: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 20 of 22 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.

15:16:46 PDT

Question: We are covering a lot of scripting for w indow s 8 and 8.1, w hat are the top 5 computer language's should a beginner softw are developer study, coming from system engineering?

Answer: It really depends on w hat you're trying to do. Web development is hugely w idespread today. Learning w eb

development and JavaScript is going to be a strong tool for any developer, and using these for Window s apps is just

one w ay you can leverage such skills.

15:25:04 PDT

Question: Is there CDN for Mr. Foster's "the q library" as I call it? The one he uses to alias his jQuerry queries in the

q() function, can't remember the name now ...

Answer: I'm not familiar w ith the q library, but if you w ant to alias, you can do so right after jQuery is included by

typing the follow ing: (function(global) { global.q = global.jQuery; })(this);

15:26:21 PDT

Question: Did you discuss TypeScript today, and do you think it's helpful to annotate your JavaScript code w ith types

for documentation? Will TypeScript be part of the agenda tomorrow ?

Answer: I haven't been here and I don't think TypeScript has been discussed yet today. That having been said, I

think a lot of us think there's HUGE value in annotating types in code. I am very, very pro-TypeScript.

15:26:34 PDT

Question: Hello. What about AngularJS ?

Answer: That's coming up soon on the agenda.

15:30:51 PDT

Question: What is the Microsoft Inside preference for Window s Apps. Is now WinJS ruling or more the c#/xaml style?

Answer: I think it's a misnomer to assume there's a preference for one or the other. I think the prevailing opinion is:

the right tool for the job.

15:34:08 PDT

Question: I'm assuming so, but does VS 2013 support all the technologies w e've seen today?

Answer: VS 2013 Ultimate supports everything, VS2013 Express for Window s is the minimum to w ork w ith the

technologies discussed today.

15:36:47 PDT Question: How does VS 1013 Pro compare?

Answer: VS 2013 Professional and up also supports all of the technologies discussed today.

15:38:24 PDT

Question: Will you have some course / event about The MEAN Stack ?

Answer: MEAN = MongoDB, Express, AngularJS and NodeJS.. I do not believe w e w ill be talking about the entire

stack as a w hole. In fact, MongoDB, Express and NodeJS are not going to be discussed.

15:39:04 PDT

Question: Can you use all of these libraries together? e.g. Angular and WinJS?

Answer: Many of these libraries w ork w ell together. Angular and WinJS has been supported by the community:

https://github.com/codemonkeychris/angular-w injs

15:39:51 PDT

Question: Is it possible to create a w eb frontend (add/remove/brow se data) for simple MSSQL database in VS2013

Express? Answer: Possibly, using VS 2013 Express for Web. But I am not 100% sure. I typically use Ultimate for MSSQL

things.

15:42:46 PDT

Question: SeanLee, I'm trying to learn VS 2013, but w ondering if I should continue to use JavaScript to retrain

myself before moving up to VS 2013?

Answer: What languages/technologies do you have most experience w ith today?

Page 21: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 21 of 22 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.

15:43:50 PDT Question: Is there intellisense plug for Angular in visual studio?

Answer: You can try the NuGET package: https://w ww.nuget.org/packages?q=Tags%3A%22angularjs%22

15:45:14 PDT

Question: most of my experience has been w ith PASCAL and C

Answer: If you desire to make Universal apps to run on Window s devices, I think JavaScript/HTML is a good starting

point. The know ledge is applicable to w ebsites and Cordova apps on iOS/Android. Window s also supports Cordova!

15:46:40 PDT

Question: Widow erat61 posted:

> Quoted answer: If you desire to make Universal apps to run on Window s devices, I think JavaScript/HTML is a

good starting point. The know ledge is applicable to w ebsites and Cordova apps on iOS/Android. Window s also

supports Cordova!

Answer: Go ahead and get VS 2013 Update 3 asap, regardless of language, you'll enjoy hacking around

15:55:21 PDT Question: With VS2013, it looks like there's no option to do Window s Phone 7 w ork... is that right, or do I just need to

re-install the SDK that w as w orking w ith VS2012 (on the same machine)?

Answer: Sorry, WP7 Silverlight apps are only supported in VS 2010 and 2012

15:55:33 PDT

Question:

> Quoted question: With VS2013, it looks like there's no option to do Window s Phone 7 w ork... is that right, or do I

just need to re-install the SDK that w as w orking w ith VS2012 (on the same machine)?

> Quoted answer: Sorry, WP7 Silverlight apps are only supported in VS 2010 and 2012

Answer: But you can port your app to be a WP8 app using VS 2013

15:55:43 PDT

Question: How can I get a Cortana T-shirt

Answer: Work at Microsoft

15:56:04 PDT

Question: Can i use Visual Studio Express w eb and Visual Studio Express for Window s at the same machine

w ithout any conflicts?

Answer: Yes, this should w ork f ine.

15:56:23 PDT

Question: Could you provide the D3 link for GitHub?

Answer: d3.js: https://github.com/mbostock/d3

15:57:45 PDT

Question: Jeremy can you please post the link of the currated JS list ?

Answer: codefoster.com/jslibraries

15:58:03 PDT

Question: did it end an hour early?

Answer: Nope. We're right on time.

15:58:25 PDT

Question: or w as it just contingency time

Answer: Yeah, w e set aside more time than w e might need in case Michael get's long w inded

Page 22: Public QA Log the Modern Web Platform Jump Start

The Modern Web Platform Jump Start

Q&A Log

Live Event Date: August 26, 2014 Page 22 of 22 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.

15:58:34 PDT

Question: Can angularjs be used in Window s 8 apps? Answer: Yes!

15:59:25 PDT

Question: Is there an MVA link for suggesting course ideas?

Answer: send course ideas to cahow [email protected]

15:59:25 PDT

Question: w hat w as that URL?

Answer: Which one? codefoster.com/jslibraries perhaps?

15:59:54 PDT

Question: Hi Jeremy w ill you guys provide the list of all the w ebsites you visited during the course ?

Answer: They're in the slides. Or Tw eet us if you can thing of one that's missing.

16:02:51 PDT

Question: What w as that URL for Jeremy's lib list? Answer: codefoster.com/jslibraries

16:03:14 PDT

Question: could you use more than one libray in your application?

Answer: Sure

16:03:57 PDT

Question: Are the libraries all under MIT license / able to build in commercial softw are?

Answer: You'll have to read the license on each of the libraries to see w hat they use.

16:04:48 PDT

Question: CodeShow says it is the JavaScript edition. Will there be more versions for other languages in the future?

Answer: Yes, the source code contains a C# version. We are w orking to get it to production.

16:04:57 PDT

Question: What is the name of tomorrow 's follow -up? Do I need to register again? Answer: the next tw o days cover developing universal Window s apps using HTML. Registration is separate from

today but covers the next tw o days

16:06:57 PDT

Question: CanIUse.com lists promises as unsupported in IE through version 11?

Answer: Correct. They are not DIRECTLY supported by the brow ser. They are implemented in the WinJS library .

16:10:05 PDT

Question: Fiddler Web Debugger?

Answer: f iddler2.com

16:10:42 PDT

Question: Just one question if I don't make it tomorrow - if I develop WinRT app using HTML/JS/WinJS "stack", do I

still get WebStorage? If so, can it be used to store data betw een tw o launches of the app on the device?

Answer: Yes. There is also WinRT APIs for syncd storage, w hich goes betw een the users Window s devices. There

is also a WinJS helper to make using those APIs easier.