GUI tutorial?
Locked
12
 
|
Is there a tutorial for writing web-based GUIs in Amber?
-- Is there a tutorial on integrating third party JavaScript libraries into Amber? Thanks, Tom You received this message because you are subscribed to the Google Groups "amber-lang" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. For more options, visit https://groups.google.com/d/optout. |
|
|
Take a look at Richard Eng's tutorials <div class="comment"> <a href="https://medium.com/smalltalk-talk/a-gentle-introduction-to-amber-8c532631e9ab#.w6ai5nco9">https://medium.com/smalltalk-talk/a-gentle-introduction-to-amber-8c532631e9ab#.w6ai5nco9</a> <a href="https://medium.com/smalltalk-talk/you-are-now-an-ambersmith-c257a73f4ef9#.1x3wh7osf">https://medium.com/smalltalk-talk/you-are-now-an-ambersmith-c257a73f4ef9#.1x3wh7osf</a> <a href="https://medium.com/smalltalk-talk/amber-alert-we-can-do-mobile-apps-34b2d4d32731#.mowl2gs0e">https://medium.com/smalltalk-talk/amber-alert-we-can-do-mobile-apps-34b2d4d32731#.mowl2gs0e</a> </div> Tariq http://amber.confusedprogrammer.com/ You received this message because you are subscribed to the Google Groups "amber-lang" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. For more options, visit https://groups.google.com/d/optout. |
|
|
In reply to this post by T.M. Breuel
Take a look at Richard Eng's tutorials https You received this message because you are subscribed to the Google Groups "amber-lang" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. For more options, visit https://groups.google.com/d/optout. |
|
|
Hi guys - i’d fallen off the wagon on Amber and wanted to get back into it. The links below are great - however is there anything special I need to do given I’ve got an old version of amber installed on my system?
I did just try: nam install -g amber-cli It seemed to work correctly - although it does warn about 2 deprecations (see below). Also when I try and create a new project, it downloaded a bunch more stuff but it shows a bunch of “invalid-meta” messages on items like silk, amber-ide-starter-dialog etc. e.g. bower silk#^0.2.0 invalid-meta silk is missing “main" entry in bower.json Tim /usr/local/bin/amber -> /usr/local/lib/node_modules/amber-cli/support/amber-cli.js /usr/local/bin/amberc -> /usr/local/lib/node_modules/amber-cli/support/amberc-cli.js npm WARN deprecated lodash@0.9.2: Grunt needs your help! See https://github.com/gruntjs/grunt/issues/1403. npm WARN deprecated graceful-fs@1.2.3: graceful-fs version 3 and before will fail on newer node releases. Please update to graceful-fs@^4.0.0 as soon as possible. /usr/local/bin/grunt -> /usr/local/lib/node_modules/grunt-cli/bin/grunt /usr/local/bin/grunt-init -> /usr/local/lib/node_modules/grunt-init/bin/grunt-init grunt-cli@0.1.13 /usr/local/lib/node_modules/grunt-cli ├── resolve@0.3.1 …..
You received this message because you are subscribed to the Google Groups "amber-lang" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. For more options, visit https://groups.google.com/d/optout. |
|
|
Help - I’ve forgotten how the basics work and the tutorial below is quite sparse on the basics (I need to watch the embedded video maybe?). Its a bit frustrating as the web is littered with all kinds of Amber stuff from varying versions and so its hard to make sense of what is current?
My main problem is how do I commit my changes so that I don’t lose them? I create the sample form class in the tutorial and then it says “run it”? Not sure how to run it - and pressing refresh on the localhost:4000 page reloads everything and loses my changes? When I try the commit package button - I get an error in Safari (A problem occurred on this page and it was reloaded) and then Safari gives me a report this problem error. I also noticed the if you leave out the package name when creating a class, I get an error: nil does not understand #beDirty I also notice that in the workspace, if I click “printit” on 5 + 1, I also get an error nil does not understand #onDblClick I’m wondering if my setup is wrong? As this is much harder than I remember? Tim
You received this message because you are subscribed to the Google Groups "amber-lang" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. For more options, visit https://groups.google.com/d/optout. |
|
|
see my related question:
-- My code goes missing on Amber restart https://groups.google.com/forum/#!topic/amber-lang/Rl4pgBBUTwI To summarize: *** You either have to put your class in the package that has the same name as your amber project, or your add an import entry into the package pane within the class brower. For example, in the single-page app that is http://amber.confusedprogrammer.com/ my main app is called AmberCordova [click the red button Class Browser to see the code] I can add new classes to that default package and they won't be lost on restart. Alternatively, I can refer to other packages in the AmberCordova package and commit the changes. On restart these other packages will also be loaded. ----- As for your amber not doing simple arithmetic, I suggest you create a new project using the command amber init All changes the you commit to your main package will not be lost. You received this message because you are subscribed to the Google Groups "amber-lang" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. For more options, visit https://groups.google.com/d/optout. |
|
|
Hi - thanks for pointing me in the right direction. Sorry to be so thick - but I must be missing something obvious as I still can’t get this to work.
I created my project Richardengtut1 (it was camel cased - but the init seemed to lowercase the rest - from the examples you showed me, I guess people put hyphens in their names to make it more readable?) - and I have a Package for that name, with a class of that name. If I click on that class and then replace the contents with the “FormExample” sample from the tutorial (and change the package name to Richardengtut1), and then press cmd-s, I get a new class in the same package. So it all looks good. But I don’t see anything being saved in the src folder, and when reload the page - its all gone? I must be missing something very obvious - as its quite frustrating. Tim
You received this message because you are subscribed to the Google Groups "amber-lang" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. For more options, visit https://groups.google.com/d/optout. |
|
|
What about to just recreate the project? If setup is botched, than it's hard to try to fix it unless you understand all the moving pieces.
Tim Mackinnon wrote: > Hi - thanks for pointing me in the right direction. Sorry to be so > thick - but I must be missing something obvious as I still can’t get > this to work. > > I created my project Richardengtut1 (it was camel cased - but the init > seemed to lowercase the rest - from the examples you showed me, I > guess people put hyphens in their names to make it more readable?) - > and I have a Package for that name, with a class of that name. If I > click on that class and then replace the contents with the > “FormExample” sample from the tutorial (and change the package name to > Richardengtut1), and then press cmd-s, I get a new class in the same > package. So it all looks good. > > But I don’t see anything being saved in the src folder, and when > reload the page - its all gone? I must be missing something ve > obvious - as its quite frustrating. > > Tim > > >> On 26 Feb 2016, at 12:05, Tariq <[hidden email] >> <mailto:[hidden email]>> wrote: >> >> see my related question: >> >> My code goes missing on Amber restart >> <https://groups.google.com/forum/#!topic/amber-lang/Rl4pgBBUTwI> >> https://groups.google.com/forum/#!topic/amber-lang/Rl4pgBBUTwI >> >> To summarize: >> >> *** You either have to put your class in the package that has the >> same name as your amber project, or your add an import entry into the >> package pane within the class brower. >> >> For example, in the single-page app that is >> http://amber.confusedprogrammer.com/ >> >> my main app is called *AmberCordova *[click the red button Class >> Browser to see the code] >> I can add new classes to that default package and they won't be lost >> on restart.* >> * >> Alternatively, I can refer to other packages in the AmberCordova >> package and commit the changes. On restart these other packages will > > also be loaded. >> >> ----- >> >> As for your amber not doing simple arithmetic, I suggest you create a >> new project using the command *amber init >> *All changes the you commit to your main package will not be lost.* >> * >> <Auto Generated Inline Image 1.png> >> >> >> >> >> -- >> You received this message because you are subscribed to the Google >> Groups "amber-lang" group. >> To unsubscribe from this group and stop receiving emails from it, >> send an email to [hidden email] >> <mailto:[hidden email]>. >> For more options, visit https://groups.google.com/d/optout. >> <Auto Generated Inline Image 1.png> > > -- > You received this message because you are subscribed to the Google > Groups "amber-lang" group. > To unsubscribe from this group and stop receiving emails from it, send > an email to [hidden email] > <mailto:[hidden email]>. > For more options, visit htt -- You received this message because you are subscribed to the Google Groups "amber-lang" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. For more options, visit https://groups.google.com/d/optout. |
|
|
In reply to this post by Tim Mackinnon-6
Saving is a two-step process, Save-It Commit Package -- You received this message because you are subscribed to the Google Groups "amber-lang" group. To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. For more options, visit https://groups.google.com/d/optout. |
|
|
In reply to this post by Herby Vojčík
Hey thanks for chipping in - I just tried that now, re-ran “nam install -g amber-cli” and i got no warnings this time (and its 15.1 which I think I saw was the latest)
/usr/local/bin/amber -> /usr/local/lib/node_modules/amber-cli/support/amber-cli.js /usr/local/bin/amberc -> /usr/local/lib/node_modules/amber-cli/support/amberc-cli.js amber-cli@0.15.0 /usr/local/lib/node_modules/amber-cli ├── grunt-init-amber@0.15.4 ├── amber-dev@0.8.3 (amdefine@1.0.0, requirejs-text@2.0.12, es6-promise@3.1.2, amd-config-builder@0.2.3, requirejs@2.1.22) ├── amber@0.15.1 └── bower@1.7.7 I then did amber init and made my project human readable with spaces and the defaults were much better this time (by the way - if you do ? at that first prompt, it doesn’t give you useful help like it promises - it grumbles at you). Anyway - the end result is however still the same - when I put the “FormExample” sample into the same package - and do cmd-s, I see nothing saved in my src directing, and reloading the page loses my class? I did forgot to do the Commit step - so I’ve just done that as well I can confirm that when I select Commit - I get the error “a problem occurred with this web page” and then safari gives a “safari web content quit unexepecdely” error (and the stack trace in safari is in the Javascript process: Crashed Thread: 0 Dispatch queue: com.apple.main-thread Exception Type: EXC_BAD_ACCESS (SIGSEGV) Exception Codes: KERN_INVALID_ADDRESS at 0x0000000000000560 Exception Note: EXC_CORPSE_NOTIFY “ So something seems broken? Should I completely uninstall amber? This is on OS X 10.1.3. As I said, I did have an older version of amber from a long while back, so possibly something is not right? Tim Is something broken? Or am I doing something stupid? Tim p.s. I still get the walkback error in the Workspace if I try and use the InspectIt button, and I also still get an error if you leave the package name as an empty string (I was expecting it to default to the currently selected package). I’ve also noticed the default workspace when you launch the helios IDE has a funny scroll box in it - opening a new workspace doesn’t have that. Is my setup corrupted - or has something regressed in 15.x? > On 26 Feb 2016, at 15:47, Herby Vojčík <[hidden email]> wrote: > > What about to just recreate the project? If setup is botched, than it's hard to try to fix it unless you understand all the moving pieces. > > Tim Mackinnon wrote: >> Hi - thanks for pointing me in the right direction. Sorry to be so thick - but I must be missing something obvious as I still can’t get this to work. >> >> I created my project Richardengtut1 (it was camel cased - but the init seemed to lowercase the rest - from the examples you showed me, I guess people put hyphens in their names to make it more readable?) - and I have a Package for that name, with a class of that name. If I click on that class and then replace the contents with the “FormExample” sample from the tutorial (and change the package name to Richardengtut1), and then press cmd-s, I get a new class in the same package. So it all looks good. >> >> But I don’t see anything being saved in the src folder, and when reload the page - its all gone? I must be missing something ve > ry >> obvious - as its quite frustrating. >> >> Tim >> >> >>> On 26 Feb 2016, at 12:05, Tariq <[hidden email] <mailto:[hidden email]>> wrote: >>> >>> see my related question: >>> >>> My code goes missing on Amber restart <https://groups.google.com/forum/#!topic/amber-lang/Rl4pgBBUTwI> https://groups.google.com/forum/#!topic/amber-lang/Rl4pgBBUTwI >>> >>> To summarize: >>> >>> *** You either have to put your class in the package that has the same name as your amber project, or your add an import entry into the package pane within the class brower. >>> >>> For example, in the single-page app that is http://amber.confusedprogrammer.com/ >>> >>> my main app is called *AmberCordova *[click the red button Class Browser to see the code] >>> I can add new classes to that default package and they won't be lost on restart.* >>> * >>> Alternatively, I can refer to other packages in the AmberCordova package and commit the changes. On restart these other packages will >> >> also be loaded. >>> >>> ----- >>> >>> As for your amber not doing simple arithmetic, I suggest you create a new project using the command *amber init >>> *All changes the you commit to your main package will not be lost.* >>> * >>> <Auto Generated Inline Image 1.png> >>> >>> >>> >>> >>> -- >>> You received this message because you are subscribed to the Google Groups "amber-lang" group. >>> To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email] <mailto:[hidden email]>. >>> For more options, visit https://groups.google.com/d/optout. >>> <Auto Generated Inline Image 1.png> >> >> -- >> You received this message because you are subscribed to the Google Groups "amber-lang" group. >> To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email] <mailto:[hidden email]>. >> For more options, visit htt > ps://groups.google.com/d/optout. > > -- > You received this message because you are subscribed to the Google Groups "amber-lang" group. > To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email]. > For more options, visit 
Re: GUI tutorial?
|