OpenLaszlo 4 Programming Tutorial

OpenLaszlo architect and ultimate insider Adam Wolff has recorded a screencast version of his wonderful OpenLaszlo programming tutorial, available below. Besides being a tour de force of 'vim' text-editing acrobatics, this tutorial demonstrates construction of a simple client-server application in OpenLaszlo 4, and highlights several of the most exciting features of the OL4 release. The video is about 40 minutes long, and best viewed at full resolution. Enjoy!


Click To Play

56 Responses to “OpenLaszlo 4 Programming Tutorial”

  1. Quirino Says:

    Very clear and interesting. A good way to make new developers understand OpenLaszlo potential. Congratulations :-)

  2. OLaszloFan Says:

    Outstanding Tutorial! Appreciate the tag addition with an example of how to use it. Can you please post a link to the source code.

    Thank you,

    Patrick

  3. Jeff Says:

    How could anyone watch this and not say “I need to play with OpenLaszlo” ?

    More Screencasts good!

  4. jose gouveia Says:

    Excellent work! OpenLaszlo will extend the knowledge for Sotf/WeB Developing! Amazing Job!

  5. Gerry Says:

    This is a great way to learn about applications, I’d love to see more of them. Presentation style and delivery was excellent also. Makes a nifty litte app too :)

  6. crueltown.com » OpenLaszlo Project Blog » OpenLaszlo 4 Programming Tutorial Says:

    [...] Link to OpenLaszlo Project Blog » OpenLaszlo 4 Programming Tutorial [...]

  7. Don Says:

    Great demo! I too would love to see more of these, particularly on trickier topics such as dynamically manipulating data/views with datapointers.

  8. Nicolas Dijkstra Says:

    Awesome tutorial!!
    I hope there are some more to come soon

  9. OpenLaszlo 4 Tutorial de programação Says:

    [...] desde o dia 29/05/2007 está disponível um video tutorial de programação introdutória do OpenLaszlo 4[...]

  10. Asaf Shakarchi Says:

    Very clear, and cool :)

  11. Patrick Says:

    Nice Job!!

    I hope there are more to come. I enjoyed the comments you made about how OL4 runs in dhtml as well as Flash. That’s really exciting!

    Keep it coming!

  12. sebastian Says:

    Interesting but I need an IDE, I’d like design graphical interfaces with a graphical tool. And I dont want to learn tag names to produce graphical interfaces and his properties.

  13. sebastian Says:

    I need an IDE, I’d like design graphical interfaces with a graphical tool. And I dont want to learn tag names to produce graphical interfaces and his properties.

  14. Shek Says:

    I am very impressed. This is my first look into openlaszlo. Before going anywhere into demos etc. as a developer I headed straight for this video which is a programming tutorial. I am so bowled away that I am going to check out the licensing policy here and start with some development ASAP.
    I won’t have to hire a flash developer anytime soon. Though I still need to figure out how a flash designer can modify the look and feel on the client. It does help abstract the programming and output essential for web development. I am going to the forums . Tada

  15. OpenLaszlo Community Germany · OpenLaszlo Videotutorial von Adam Wolff Says:

    [...] Ihr kennt OpenLaszlo und die Programmiersprache LZX noch nicht? Adam Wolff hat ein hervorragendes Videotutorial als Schnelleinstieg in die OpenLaszlo Entwicklung erstellt, das seit ein paar Wochen im OpenLaszlo Blog verfügbar ist. Der Erfolg des Videos hat Jim Grandy davon überzeugt, wie wichtig Screencasts für uns sind, was mich persönlich sehr freut. Ihr könnt also damit rechnen, das es in Zukunft mehr Videotutorials vom OpenLaszlo Team gibt. [...]

  16. Kenneth Says:

    The tutorial is great, especially for newbies like me! I’m very interested in the Google Map integration. Is there a way I can have a copy of the full source (restdata.jsp, htmlview.lzx, etc.) mentioned in the tutorial ?

  17. Kevin Yeandel Says:

    Excellent tutorial and what an excellent product.
    Please make more of these tutorials!!
    I have been working with a product called Documentum (which oddly enough shares an almost identical logo) for more than 10 years, I can see this product being highly commercially viable within this field.

    Kevin

  18. abi Says:

    see google’s programmers search engine http://devshots.com

    Devshots returns Google search results, but emphasize on programming related sites and resources. So the search result will be smart and accurate.

  19. Ramkumar Says:

    woow —- good work

    not only me every one will appricate this work

    i love it very much

    am appricating all the heads behind this product

  20. Sebo Says:

    Ye, everything is cool…but HOW CAN I INSTALL THIS??

  21. Ioan Says:

    My Firefox version on LINUX has flash player V 9.0 r31but I can not follow the presentation video :-(:-(…. can you explain me why? Thanks…

  22. jgrandy Says:

    Sebo, OpenLaszlo is available from the main OpenLaszlo website, http://www.openlaszlo.org, from the downloads page.

    Ioan, blip.tv serves the screencast in either FLV (Flash video) or Quicktime. Can you view other blip.tv content? If not, perhaps there is a blip.tv compatibility and we’ll join you in letting them know.

  23. OpenLaszlo vs Adobe Flex Says:

    [...] I watched a screencast of OpenLaszlo and a screencast of Adobe Flex. [...]

  24. Miron Says:

    I’m on my knees. I work with XML related stuff for a few years and IMO this one is most spectacular piece of software that use this technology. I’m really, REALLY impressed.

  25. Tim Says:

    The link provided doesn’t work on Linux. Here’s a direct link to a qt version of the video that plays fine in mplayer.

    http://s4.video.blip.tv/0480000462107/Laszlo-OpenLaszlo4ProgrammingTutorial213.mov

  26. paigema Says:

    #Jeff said,May 31, 2007 at 7:01 am
    How could anyone watch this and not say “I need to play with OpenLaszlo� ?

    Exactly !!!

  27. Srikumar Says:

    Wow! that was a great tutorial. I am all interested in getting these to work with applications developed by me.

  28. Mathew Thomas Says:

    This was one of the best tutorials i have ever seen. And yes it seems like a great product. I will be checking it out more and blogging on it.

  29. kamaldahlan Says:

    why cannot download…

  30. Abiola Aluko Says:

    The link doesn’t seem to be working :-(

  31. Pilar Collins Says:

    Hello - I am seeking your permission to use a screen copy picture of this tutorial site in my graduate research project. Please tell me if this is acceptable by sending an email to the address provided before 31 July 07. Thank you.

    By the way, this was a great tutorial.

  32. Tech 4D » Blog Archive » Browser Lock-in 2007 Says:

    [...] Adobe is certainly in the running. Adobe already benefits from a huge adoption rate of flash players and a lot of new web applications are built to run in flash. The other day, I got a demo from a friend who is building an application for a new web startup. He built it using openlaszlo, an open source development framework for Adobe Flash and native web browser Dynamic HTML. It is clean an snappy and has great interactive animations. [...]

  33. Karl Says:

    Is there any chance to get the source code for restdata.jsp ??

  34. xuchen Says:

    Currently, it can NOT be viewed. Is there any error occurs or server down?

  35. liwenzhi Says:

    the link is not available now, why?

  36. Anand Kumar Says:

    My friend who is building an application for a new web startup. He built it using openlaszlo, & Flex an open source development framework for Adobe Flash and native web browser Dynamic HTML. It is clean an snappy and has great interactive animations. […]

    Now i want to use open source development framework OPENLASZLO .
    for myself Project i need any psd guide book

  37. Carl Eckhardt Says:

    KUDOS on the presentation; as well as making us aware of features in your new release. Thank you so much for the clarity your bring to the product demo. I think it will quickly grow its popularity because of the talent applied to this project. Very Cool. I’m a newbee, but feel this could be the tool I MUST have to get my work done in a timely manner.

  38. Subraya Mallya Says:

    Pretty Cool Demo. Is there any way I can download the source for the demo.

  39. Denis Fortict Says:

    Boom !!!
    xcellent…
    A book to learn ?
    thx

  40. Ryan Price vs. the Media » Forget Flex, go OpenLaszlo Says:

    [...] After watching the OpenLaszlo 4 Programming Tutorial Screencast, I’m convinced that Laszlo is more capable than Flex, and there is less proprietary code to learn since you use Javascript instead of Actionscript. It’s all ECMA and XML, so I guess at some point it becomes 6 vs. a half dozen, but I will mention one small caveat: iPhone compatible. Oh yes, I’ve seen the first iPhone app in Laszlo, and it’s pretty and touch-screen happy. (I think it goes without saying that if it works on iPhone, it can work with all major browsers) [...]

  41. Ryan Price vs. the Media » Forget Flex, Go OpenLaszlo Says:

    [...] After watching the OpenLaszlo 4 Programming Tutorial Screencast, I’m convinced that Laszlo is more capable than Flex, and there is less proprietary code to learn since you use Javascript instead of Actionscript. It’s all ECMA, XML and xPath, so I guess at some point it becomes 6 vs. a half dozen, but I will mention one small caveat: iPhone compatible. Oh yes, I’ve seen the first iPhone app in Laszlo, and it’s pretty and touch-screen happy. (I think it goes without saying that if it works on iPhone, it can work with all major browsers) [...]

  42. Jonathan Says:

    Excellent!!!

    I looked at OL about a year ago and unfortunately lost interest. Now I need to develop an application and was comparing Flex and OL. Definitely going with OL. I’ve done some PHP development some time back and now will have to learn LZX, JS, XML and XPath.

    One major request. TRAINING materials

    I know there are training courses on offer but like a LOT of OL adopters, I don’t stay in the US (Cape Town, South Africa). PLEASE make these courses available on DVD or downloadable FLV like the demo….I’m more than willing to pay for it as I learn a lot quickier watching a course/video than reading thru a manual and can’t wait to get started.

    Again, EXCELLENT product
    Thanks

  43. kener Says:

    Excellent, now i can start bake with open OpenLaszlo and cakePHP

  44. Sylwek Says:

    Very practical, I learned many tricks but I was failed to practice google maps implementation.

    Does anyone know if it’s generated automatically or give me sample of htmlview.lzx, restdata.jsp map.html in that case. That points were not clear for me. sylux@op.pl

  45. Arnolds wor(l)ds » RE: How to choose an Ajax Framework Says:

    [...] If you’re working on a web based application and not at a website RIA platforms are certainly worth having a look at. OpenLaszlo has got a good screencast, which is representative for all of these frameworks. Like this article? Please share it: These icons link to social bookmarking sites where readers can share and discover new web pages. [...]

  46. Sam Barnum Says:

    The depth on this was perfect, I’ve never looked at this before. Definitely something I’d use for a new flashy project. Thanks!

  47. Richard Moran Says:

    I enjoyed the demo . It was very informative and at the right level. Is there a way I can get the source for the htmlview.lzx file? I want to see how that works. Thank you.

  48. Rajesh Narayanan Says:

    That was a Amazing video
    made me to play with openlaszlo rite now !!!
    wld be good to see the HTMLVIEW.LZX and RESTA.JSP file if by chance

    thanks & regards
    Rajesh

  49. Prashanth Udupa Says:

    Just awesome … Simply wonderful. Tech screencasts are difficult to present. Adam, you have done an amazing job. So much to learn not just from the OpenLaszlo point of view but also from your presentation style.

  50. JCR’s Place » Blog Archive » Desarrollo de una RIA con Openlaszlo Says:

    [...] Screencast (tutorial) [...]

  51. Guillermo de Jesus Hoyos Rivera Says:

    I want to know how to deploy an OpenLaszlo as DHTML without having to use a Servlet, that means, I want to generate directly the DHTML from the LZX file, in order to serve it from a classical Web server (i.e. Apache).
    Best regards.

  52. Igor Hovyakov Says:

    That was amazing!!! How to inegrate OpenLaszlo app. with another servers, for examples Apache? How to use it with PHP and MySQL?
    Thank’s a lot for that demo!!!

  53. Krishnaswamy Says:

    I don’t have any words other than to say WOW!!!!
    impressed !!!!

  54. Daniel Says:

    Where is it? I can see nothing but a red cross!

  55. Benjamín Says:

    Great tutorial, but, can anybody explain the content of restdata.jsp file?.

    Thanks & Regards.

  56. Prasanna Kumar Says:

    This is my first look at Laszlo… and I am impressed.

    The tutorial is excellent and presentation is awesome!

    The tutorial is very simeple and still has touched upon the topics like event handling, implementing constraints, lazy replication and the OO features of Lazlo… Awesome!

    I looked at Adobe Flex and now I looked at OpenLaszlo… it makes no sense to look at Flex or Silverlight anymore.