Are there any good webOS OSE app development tutorials out there?

Hello everyone,

I am wondering if there is a tutorial out there that can help me get started with webOS OSE app development. I have experience in Java, C/C++, and Python. I haven't dabbled in JS or Enact before.

I want to know the first steps of how to develop an app, or have a sample project to follow to make an app.

EDIT:
I have already went through the Enact tutorial, but I want to go a bit more in-depth than that.

2 Likes

hmm. There's not a whole lot of information here on this site, beyond how to package/deploy.. http://webosose.org/develop/web-app-dev/external-web-apps/building-your-first-web-app/

Outside of the package/deploy steps, however, a webOS app is simply.. a web app. At least, until you start involving using device services, or creating your own services to use. You don't have to use Enact, although Enact (along with React, which it is an add-on for) is, IMO, a great tool to use.

Perhaps you could start with some specific questions that you might have, and we could put something together from there?

3 Likes

@kjhodge
I recommend that you read all categories in http://webosose.org/develop/architecture/

2 Likes

That could definitely help, but I'm also curious if there's some specific questions that answering would help people get started easier. :slight_smile:

1 Like

setting application (https://github.com/webosose/com.webos.app.settings) can be one of examples and I will request enact app guide for begineers to relavent team.

2 Likes

How about starting with making web apps (not specifically for webOS), since you said that a webOS app is basically a web app?

If that is the case, then I'll see what I can find in the area of beginning web apps.

Just an idea :slightly_smiling_face:

Thank you very much, I'll brush up on the architecture and the settings app!

Just follow the documentation on the LG webOS TV developer portal. All you basically need to get something up and running is an HTML file, the .JSON file with app metadata and the CLI tool to package the whole thing and deploy on an emulator or TV.

If it comes to using TV related APIs, just add the webOS JS library to the folder and include the implementation in JavaScript just as the doc explains.

Enact and Enyo(the earlier tool used for app development) is just stuff that helps you out to make the whole thing smoother.

2 Likes

@kjhodge if you do have any specific questions, don't hesitate to ask. I'm always interested in doing what I can to help people get off the ground, expand webOS :slight_smile: i just am not very good at anticipating what is helpful :expressionless:

4 Likes

@ericblade I determined that the first step that I need to take to get started is to get a RPi 3B and put webOS on it. Done!

Then, I messed around with the files and looked for things that I can tinker with. So far, I changed the background on the Bare app by changing the img.jpg file. Simple enough. If my skills get up to snuff, then I may make an app that lets you change the background.

I also found that it would be great if I knew javascript. So that's what I am doing, brushing up on javascript. I am also looking at the documentation for webOS to help me understand what I am working with.

More updates later on!

@kjhodge, that's pretty cool! :smiley:
btw if its webapp development you are after, you actually don't even need to go through with flashing webOS onto an RPi.

If you head over to the webOS TV developer site you could get the SDK that comes with the TV emulators that run on VBox. All the tools you ever need come bundled in that kit.
You can either use the Ares CLI tool or the Eclipse based IDE to create, package and deploy the app onto either an emulator or even an actual TV on the same network! :slight_smile:

You could also use the recently released QEMU emulator, but unfortunately I haven't used that to comment on it. :sweat_smile:

I suggest looking into ES2015, that's the latest iteration of JS. It has a ton more features than ES5(the last iteration and mostly used one) and is generally more mature. I'm also still going through some syntax changes in ES2015 and having bit of a hard time since it's sort of like relearning the language over again. If you're new the JS as a whole it could be vastly easier for you and learning ES2015 will open up whole other avenues like React Native development.

Hope this comes handy. This is basically the stuff I wished someone told me when I started out :sweat_smile:

1 Like

When it comes to webOS OSE app development , exploring Flutter third-party libraries can be immensely helpful. While specific webOS OSE tutorials might be limited, leveraging Flutter's extensive libraries allows you to enhance your app's functionality efficiently. These libraries offer pre-built solutions for various features, enabling developers to create robust applications for webOS OSE. By combining Flutter's versatility with webOS OSE, you can streamline your development process and create engaging apps effectively.

Hello @kjhodge ,

Great to see your interest in webOS OSE app development! Since you've already gone through the Enact tutorial, it's excellent that you have a foundation. If you're looking to delve deeper, here are a few resources that might help you progress in webOS OSE app development:

  1. webOS OSE Official Documentation: The official documentation is a comprehensive resource covering various aspects of webOS OSE app development. It includes guides, API references, and examples to help you build a solid understanding. webOS OSE Documentation
  2. GitHub Repositories: Explore GitHub repositories related to webOS OSE. The community often shares sample projects and code snippets that can be insightful. You might find specific examples that align with your interests. webOS OSE GitHub
  3. Community Forums: Joining webOS OSE community forums can be beneficial. Members often share their experiences, ask questions, and provide valuable insights. The forums can be a great place to seek advice and connect with developers who may have tackled similar challenges. webOS OSE Forum
  4. YouTube Tutorials: Video tutorials can be a helpful visual aid. Search for webOS OSE app development tutorials on platforms like YouTube. Some developers share their experiences, tips, and walkthroughs in video format.
  5. Stack Overflow: Developers often discuss technical challenges and solutions on Stack Overflow. You might find Q&A threads related to webOS OSE app development where experts share their insights. Stack Overflow - webOS

Remember, while Java, C/C++, and Python are valuable languages, JavaScript is crucial for webOS OSE app development, especially with Enact. If you haven't worked with JS before, it might be worth brushing up on the basics.

I hope these resources guide you in your webOS OSE journey. Feel free to ask for more specific help or share your progress with the community!

Best regards,
comfygenpvt

Thank you for share with us.9apps apk