Developing advanced software platforms using HTML5/CSS/JavaScript, moving away from Adobe Flash

Recently, I embarked on a new software platform project using my own Java-made Application Server and Adobe Flash as the client-side technology. However, given that this project is long-term, I have realized that Flash is no longer a suitable option due to its uncertain future. Deciding to future-proof my project, I've added websockets support to my Application Server and transitioned to HTML5/CSS/JS for the client side. This move marks a significant departure from my reliance on Flash since 2001.

The challenge lies in being able to load numerous external software components from the web in real-time, which has always been crucial for my development process. In the past, my Flash/AIR-based apps simply loaded external SWF files dynamically when needed. Can JavaScript achieve a similar implementation with modules?

Thank you for your insights.

Edit: [‪#‎wantToBuildAnAwesomeRealTimeWebOSguiUsingJavascript‬]

P.S. You can visit my website's homepage at to see an example of what I aim to achieve (originally built with Flash).

javascriptcsshtmlflash

Answer №1

When it comes to javascript frameworks, there are numerous options available. Here are a few that come to mind:

The possibilities are endless. Each framework has its own strengths and weaknesses, and personal preference plays a big role in choosing one (my current favorite is angular, although react is also very impressive).

For help in selecting the right javascript framework for you, check out the TodoMVC page. It provides the same Todo app built with most major frameworks so you can see which one aligns best with your preferences.

Most MV* frameworks follow some sort of modular approach.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Adjusting the width of a kendo UI themed text field using CSS

Isn't it fascinating how you can adjust the width of a text box like this? @Html.TextBoxFor(m => m.LoginId, new { @class = "k-textbox", style="width:400px" }) However, I am seeking a more elegant solution. I attempted to implement this in a fres ...

asp.netcssasp.net-mvckendo-ui

Unable to get jQuery date picker to function on dynamically generated input fields through ajax

I'm facing an issue with my jQuery date picker not working on an input field generated via Ajax from the server-side, but it works fine when the field is directly added to the page. Here's a simplified version of what I'm dealing with: The ...

javascriptjqueryajax

Display user input within a modal dialogue box

I have a subscription form that requires users to enter their name and email address. After clicking on "Compete Now," a pop-up appears asking for workshop information and postal code. The form is functioning correctly as intended. However, I want the em ...

javascripthtmlcsstwitter-bootstrap

How can I make two flexbox items in a row stack on top of each other as a column?

I'm currently working on a layout that involves a parent flexbox containing multiple sections. My challenge lies in getting two specific sections to stack vertically while the rest of the layout remains horizontal. At the moment, I have two sections ...

csslayoutflexboxalignment

React frontend unable to retrieve JSON data from Rails API

I have developed a backend Rails API and confirmed that the endpoint is being accessed by monitoring my server in the terminal. Additionally, I am able to view the response in Postman. However, I am facing an issue where the payload is not returned in my R ...

javascriptruby-on-railsrubyreactjsapi

Guide on assigning a dynamic margin-left value to a sibling div element that has absolute positioning in CSS

I'm facing some difficulty with the .half-circle:nth-child class in my CSS. I am attempting to set a varying margin-left value for each absolutely positioned <div> within the same class, but I am unable to achieve the desired result. .header-pa ...

htmlcsscss-positionmargin

Creating a Django HTML IF statement that encompasses all descendants of the current URL

Is there a way to use django html logic to display content on all child pages if the URL matches a certain pattern? For example, can I make an if statement true for '/chat/', as well as '/chat/1/1', '/chat/members', and other ...

htmldjango

Produce a dynamic floating bar graph based on date using Chart.js library in Node.js environment

Attempting to articulate my issue clearly without being overly verbose, I recently discovered the Chart.js library which perfectly suits my needs. However, as I am working with Node.js and require a png image of the graph, I am utilizing the chartjs-node-c ...

javascriptnode.jschart.js

End the connection to mysql once several queries have been executed

I am currently working on a project that involves fetching data from an API using node.js and running multiple mysql queries in a loop to update rows. However, I am facing an issue where the script keeps running until I manually terminate the mysql connect ...

javascriptmysqlnode.jsasynchronous

What is the reason for the non-standard XML formatting of the content within the HTML style element

I just started learning HTML, but I am already familiar with XML. It seems strange to me that an HTML style element is structured like this. <style type="text/css"> .style1 { width: 250px; } .style2 { width: 20px; } </style> Instead o ...

htmlcssxml

Unable to update Favicon in XAMPP

I've tried using XAMPP and even included the code for index.html, but the favicon won't budge. <!DOCTYPE html> <html> <head> <link rel="icon" href="favicon.ico" type="image/x-icon"> </head> <body> </body> ...

html

Error: Attempting to assign a value to the 'fillStyle' property of a null object in HTML5 Javascript

I've been experimenting with HTML5 canvas and JavaScript to draw shapes. While I can successfully draw shapes directly within the HTML file, I encounter an Uncaught Type Error when attempting to do so through an external JavaScript file. My goal is si ...

javascripthtmlcanvasmethodstypeerror

How to verify if both MySQL queries in Node.js have fetched results and then display the page content

Seeking assistance with two queries: one to verify user following post author and another to check if the user has liked the post. I attempted to use the logic: if ((likes) && (resault)), but it's not yielding the desired outcome. After inve ...

javascriptmysqlnode.js

get the second child element using javaScript

Alright, I am working on a school assignment where I have 4 containers. When you click a button in a container, a popup shows the image and heading of the container you clicked on. I have figured out how to get the image to display, but I'm struggling ...

javascripthtmlcss

Steps for using the ModelName.objects.filter method in HTML

I'm looking to streamline the amount of code needed in my view and aiming to achieve this directly in my HTML file: {% for committee in c %} {% for article in Article.objects.filter(committee=committee) %} <a class="post-link" hre ...

htmldjangodjango-models

Error message indicating that a TypeError is occurring specifically while using the

For the past two days, I've been encountering an error when attempting to upload files using AJAX with angularJS. The error occurs after selecting the file to upload, and it's a TypeError: TypeError: Failed to execute 'append' on &apos ...

javascriptajaxangularjsfile-upload

Binding variables in JSX with Vue.js scope involves connecting data directly to the template

I am in search of code similar to this: <div v-for="item in items" :key="item"> {{ item }} ... <div v-with:newValue="calculateValue(item)"> {{ newValue }} </div> </div> I'm not sure what to call this pattern, but ...

javascriptvue.jsjsx

Creating dynamic ng-model for input type [text] in AngularJS

Here is the current situation I'm dealing with in my code: <form name="task_form" ng-app="myApp" ng-submit="tasksubmit()"> <ul class="items-list"> <li ng-repeat="task in taskslist ...

javascriptangularjs

Postpone the execution of the toggleClass function

I have a tab that, when clicked, fades in to reveal content loaded with AJAX. However, the content loads immediately upon clicking the button. I attempted to use toggleClass with delay, but it was unsuccessful. How can I effectively delay the loading of t ...

htmljquerycss

What is the process for displaying a hidden div using a button?

I'm running into a problem with my project. Here is the code I've been using to hide my div element : @keyframes hideAnimation { to { visibility: hidden; } } To trigger the animation and hide the div after 6 seconds, I have implemented ...

javascripthtmljquerycss