**** BEGIN LOGGING AT Sun Sep 16 02:59:59 2012 Sep 17 00:09:42 hi all. Sep 17 00:10:31 i'm learning how to code in enyo. i'm following this tutorial: https://developer.palm.com/content/resources/develop/extended_enyo_tutorial.html Sep 17 00:11:14 i'm running into a small problem... Sep 17 00:12:30 prior to the "Connect the Dots" stage in the tutorial, i should see the layout in my Chrome browser. problem is that i don't see the layout and it has got me worried that i did something wrong Sep 17 00:13:08 i followed the instructions to the letter. has anyone else used this tutorial before? Sep 17 00:24:11 could someone point me to a good step by step tutorial for enyo 2.x? not the twitter app one.... Sep 17 00:24:17 ..please Sep 17 00:24:35 the ones on enyojs.com aren't good enough Sep 17 00:24:37 ? Sep 17 00:28:37 you could find some cool stuff .. at sugardave.com Sep 17 00:29:09 what do you want to know more about? Sep 17 00:29:37 i don't know if there's any real extensive 2.0 tutorials, but i could point you towards pages that i think are important to know Sep 17 00:30:58 for instance, https://github.com/enyojs/enyo/wiki/Creating-Controls and https://github.com/enyojs/enyo/wiki/Creating-Components are two files i would strongly recommend reading every word through and understanding if you want to get familiar Sep 17 00:31:48 along with https://github.com/enyojs/enyo/wiki/Encapsulation-in-Enyo, https://github.com/enyojs/enyo/wiki/Event-Handling, and https://github.com/enyojs/enyo/wiki/Fittables Sep 17 00:32:02 if you know those pages you're good i think Sep 17 00:33:30 fxspec06: i was following the extended tutorial. it seems to only work with enyo 1.0. i'm frustrated because i can't get the layout to work in my browser halfway through the tutorial. however the final code does work Sep 17 00:34:21 i'm also worried that if i learn with just this tutorial it won't help me make an app that is enyo 2.x compatible. Sep 17 00:34:51 layout is difficult to pick up because there's so many important details beginners overlook. i recommend reading on fittables and playing around with scrollers. the examples are great to copy and paste, and then break down, for the sake of getting stuff working Sep 17 00:35:25 enyo 1 can definitely help with enyo 2 Sep 17 00:35:44 it's a great start, they're familiar enough to help learn Sep 17 00:35:51 s/familiar/similar Sep 17 00:37:13 that's good to know. i was worried because i linked my index.html file to enyo-1.0 online (instead of local file) for the tutorial and it worked like a charm, but when i linked it to enyo-2.0.1, the app failed to work Sep 17 00:38:24 well, it would fail to work Sep 17 00:39:06 not everything from enyo 1 is the same in enyo 2, and a lot of things are done differently in 2. but you can do so much more in 2, and it makes more sense, and it's easier Sep 17 00:41:11 says you Sep 17 00:41:13 i guess i will stick with the 2.0 tutorial. it seems a little confusing and goes off on too many tangents though Sep 17 00:42:01 i wish there was an enyo 2.0 for dummies book. Sep 17 00:42:16 the docs are WIP, but there's more individual articles, which is nice for the guys who like to dig deep Sep 17 00:45:34 i'm just getting stuck figuring it all out. i have an idea for a music app. i designed the layout and wanted to build everything in enyo 2.0. i'm familiar with css and could do this in css easily, but enyo is a different story. Sep 17 00:46:12 seems everything is drawn with javascript instead Sep 17 00:46:50 yes. that's it's greatest feature Sep 17 00:48:03 no html interaction Sep 17 00:49:36 hold on, i think i've got better pages to read Sep 17 00:50:37 confusing because i'm used to using html to show the content, css to draw the layout, and javascript to interact with the user Sep 17 00:52:37 this one is huge IMO -- https://github.com/enyojs/enyo/wiki/Published-Properties Sep 17 00:53:21 also, the source is the greatest documentation out of anything Sep 17 00:55:13 ok, what if i wanted to see what that did in the browser. how would i do that? Sep 17 00:56:31 make chrome shortcut, in properties add 3 flags to target field: --allow-file-access-from-files --enable-file-cookes --disable-web-security Sep 17 00:56:55 in latest you'll see a error for unsupported param, ignore it, you still need it.. then just load it up and use chrome inspector Sep 17 01:01:59 using linux mint 13 (ubuntu 12.04). ran chrome with the parameters. how do i pull up chrome inspector? Sep 17 01:02:21 ctrl+shift+i, or f12 Sep 17 01:02:42 then console is last tab on the right Sep 17 01:03:54 important logs: console.log() is what i use the most, but this.log("title:", "message"); staples the log with the function name as a prefix, and enyo.log("title:", etc, etc) Sep 17 01:04:12 got it. do i just copy and paste the dialog in the console? Sep 17 01:04:36 the dialog? not sure i follow Sep 17 01:07:15 with regular css and javascript i can put the code in the console (on firefox) and see the results. is there a way to see the results of the different enyo kinds in chrome? Sep 17 01:09:25 hmm, idk Sep 17 01:12:35 well i have got a lot of learning to do with enyo. with regular html/css/javascript i could write the content i wanted in html, make the layout in css, then assign the interaction with javascript easily. the whole while i could watch the results come to life in my browser while making it. not so much with doing it all in enyo. Sep 17 01:14:25 enyo will take a bit of getting used to, but after some time you'll be able to make a lot of things in a little bit of time Sep 17 01:14:45 it's its own language of sorts Sep 17 01:16:38 i mean i have a simple layout i want: a "4 column design" . top is the header, then two unordered lists taking up 30% of the screen (with padding) on the left (one on top of the other), then a main area to the right taking up 70% of the screen (with padding). Sep 17 01:16:55 i would like to know how to make that in enyo 2.0 Sep 17 01:19:49 when i click on an item in the lists, i would like for the results to pop up in the main window. i would also like to give the user the option to cover the lists with the main window. Sep 17 01:20:43 {kind: "FittableColumns", classes: "enyo-fit", components: [ {name: "panels", style: "width:30%;", kind: "Panels", components: [ {name: "c1"}, {name: "c2"} ]},/*2x*/ {name:"right", fit:true, kind: "FittableRows" ]} Sep 17 01:20:55 whoops, i missed a } 3rd from end Sep 17 01:23:08 so i would put this into a appname.js file in the source folder? Sep 17 01:31:44 shouldn't each component have a [ and ] brackets? Sep 17 01:35:21 yes Sep 17 01:35:31 components: [] Sep 17 01:35:49 a component is an object, { kind: "FittableRows" } is a component Sep 17 01:36:09 {content: "hello"} is a control. Sep 17 01:36:20 i can't emphasize the difference between components and controls Sep 17 01:36:27 enough* Sep 17 01:37:44 will you dump this into a text file for my, then pastebin. i'm having a hard time put this in my js file right. Sep 17 01:37:54 ...my=me Sep 17 01:46:16 i think my problem is that i am a visual person. i have to see the results at each step before i move on. doing this in html/css/javascript is easy to see the results and fix as i move along. doing this all in javascript (enyo) is not. Sep 17 01:57:23 fxspec06: you still there? Sep 17 02:06:25 ya, i'm here Sep 17 02:06:32 hold up Sep 17 02:06:48 tonight is the last night i think i can code for a few days, maybe, so i'll be up for a bit **** ENDING LOGGING AT Mon Sep 17 02:59:59 2012