https://github.com/BowlerHatLLC/NextGenAS_LoanPaymentCalculator

Multiple examples of building a loan payment calculator widget using transpiled ActionScript and HTML
https://github.com/BowlerHatLLC/NextGenAS_LoanPaymentCalculator

actionscript apache-flexjs flexjs html material-design-lite nextgen-actionscript

Last synced: about 2 months ago
JSON representation

Multiple examples of building a loan payment calculator widget using transpiled ActionScript and HTML

• Host: GitHub
• URL: https://github.com/BowlerHatLLC/NextGenAS_LoanPaymentCalculator
• Owner: BowlerHatLLC
• License: mit
• Archived: true
• Created: 2016-06-18T21:34:03.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-08-23T16:31:56.000Z (over 7 years ago)
• Last Synced: 2024-08-03T05:06:07.937Z (5 months ago)
• Topics: actionscript, apache-flexjs, flexjs, html, material-design-lite, nextgen-actionscript
• Language: ActionScript
• Homepage: https://nextgenactionscript.com/tutorials/html-with-transpiled-actionscript/
• Size: 8.79 KB
• Stars: 4
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-actionscript-sorted - NextGenAS_LoanPaymentCalculator - Multiple examples of building a loan payment calculator widget using transpiled ActionScript and HTML (Unsorted / Other API)

README

        
# NextGenAS HTML Loan Payment Calculator Examples

This set of [NextGen ActionScript](http://nextgenactionscript.com/) examples demonstrates three different ways of using HTML with transpiled ActionScript. In each example, we'll build the same simple "loan payment calculator" widget in HTML, but we'll approach the same problem differently each time.

* [Read Tutorial on NextGen ActionScript](http://nextgenactionscript.com/tutorials/html-with-transpiled-actionscript/)

## Part 1: ActionScript Only

In the first example, we build our widget by creating all of the HTML elements dynamically with ActionScript code. By starting at a low-level, we see how well transpiled code integrates with the web browser.

* [Part 1 Tutorial](http://nextgenactionscript.com/tutorials/html-with-transpiled-actionscript/part-1-build-the-html-dom-transpiled-actionscript/)

## Part 2: Markup and Styles

The next example uses real markup and styles, and we'll learn how transpiled ActionScript can query the HTML DOM to access elements at runtime. Combine HTML, CSS, and ActionScript, and take advantage of the strengths of all three.

* [Part 2 Tutorial](http://nextgenactionscript.com/tutorials/html-with-transpiled-actionscript/part-2-markup-and-stylesheets-transpiled-actionscript/)

## Part 3: Material Design Lite

In the final example, learn how easily we can take advantage of popular CSS libraries by integrating Google's [Material Design Lite](https://getmdl.io/) library.

* [Part 3 Tutorial](http://nextgenactionscript.com/tutorials/html-with-transpiled-actionscript/part-3-material-design-lite-transpiled-actionscript/)

---

Special thanks to the following sponsors for their generous support:

* [YETi CGI](http://yeticgi.com/)