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?
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
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.
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
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
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.
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.
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
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
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.
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
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))
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
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/
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?
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'
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.
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
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.
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?
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
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.