|
the toughest part of web dev is the variety of technologies involved. but having said that if it was easy then i couldn't justify my paycheck. the point it that there are far too many ways that things could go in the future. in the short while (compared to any other technology, like radio) that we have been playing around on the web people have come up with different way of doing things and they don't always pan out. i believe we are still too young for a consolidated stack. if it ever happens, it'll be organic and very effortless. to learn more in this are look at the work being done around jode.js also read google developer's blog about polymer and web components.
modified 19-Nov-15 19:59pm.
|
|
|
|
|
Hi!
Just want to ventilate my thoughts on my plans to build a web UI, turn based strategy game. This has been in my mind for more then a decade now, but it's now first that I got the time to start
I have started with the data model, and thats pretty completed by now. The database used will be MS Sql 2012 Express.
The business logic will be written in C#, simply because thats what I'm familiar with from my profession.
Now to the tricky part, the UI. Tricky at least for me since I haven't been coding web UI for many years
What should I go for here? What technology to choose for a web UI, turn based strategy game? There will be no moving graphics, no sound effects. Just an old school, bord game style, turn based war game with units to move upon a hex based 2d map.
My thoughs so far are leaning towards html 5. Build the map from hexagons placed upon a html 5 canvas object. Then place the game units to be moved on top of the maps hexes, in the same canvas.
To move the units on the map, Javascript will be used. Javascript will also be used to communicate between client side html/javascript and server side C#. Json will be used to have data structures at client side, compatible with the data structures at server side
Since I'm a c# developer, I'm used to MS Visual Studio. I'm still using VS 2010. In VS 2010, the support for html5 development is very poor but I guess in VS 2015 it has improved a lot, and I will get VS 2015 soon
Any thoughts on the choice for UI technology? Given the fact that C# will be used for logic layers
Thanks and regards,
Mild#7
|
|
|
|
|
By the sounds of it you are wanting your game to be played in a browser, over the web. In which case html5 is certainly the way to go, or else you'll be asking users to install plugins or allow an ActiveX component, which is a hurdle best avoided if possible.
Otherwise, you're talking about a desktop application that can communicate with your online server - which is fine, but a) you'll need to convince users to download and install it, and b) you'll have the headache of writing different versions for different platforms.
Even in html5, of course, you must still be aware of how your game will work on different size screens - everything from a dual-monitor 25" setup to a laptop to a tablet to a smartphone....
But there's rarely a "best" way to do anything - or rather, the "best" is what you're best at. And what you will enjoy doing the most. Not much point in doing it at all otherwise.
|
|
|
|
|
Thanks for your thoughts! Yes, the plan is to have it as a browser based game, not desktop. And yes, I agree about avoiding plugins such as ActiveX.
For sure I will have some headache when it comes to different browsers, different user settings for javascript, different monitor sizes and so on. But so far I have not seen anything besides html5 that seems to be a good alternative to html5
|
|
|
|
|
|
hello everyone, can you guys share how.do u practice your front end dev. skills? because im preparing for an interview and i have no idea what would be the test for the position as front end dev..
please share guys..
thanks...
|
|
|
|
|
Read the books, write some code, drink lots of gin.
But more seriously, if you need to ask this question then you are probably not the right man for the job.
|
|
|
|
|
front end web development can mean a lot of different things. but at it's most basic requires knowledge of anything that can be done on the client side vs the server side. so that means html, css, and javascript. if you concentrate on firebug (addon for Firefox browser) you'd have almost all f it covered. if you want to practice a particular js library, like jQuarry without downloading it try using codepen.com.
|
|
|
|
|
Why are you telling me this?
|
|
|
|
|
The interview is to evaluate what skills you currently have to see if they are a fit for their requirements. If you try and cheat the interview you're not doing yourself or the company any favours. You are forcing them to employ someone and give that person money for a job they are not able to do.
Act more ethically and go for jobs that are within your skill range, and if they are you will get those jobs. With experience you'll get better and will be able to go for better jobs.
|
|
|
|
|
As much as anything else, front-end development requires . . . practice by doing. A monkey can do the easy stuff you get in a tutorial. In real work, problems arise. If not, they'd not need you or anyone else: just an application to do the development for them.
There's no substitute for experience. The same is true for any other type of coding you want to do.
In particular, with a user interface, there's painful experience that the user will find a way to screw up anything you do => you learn to anticipate this => they come up with more => etc.
| "The difference between genius and stupidity is that genius has its limits." - Albert Einstein | | "As far as we know, our computer has never had an undetected error." - Weisert | | "If you are searching for perfection in others, then you seek disappointment. If you are seek perfection in yourself, then you will find failure." - Balboos HaGadol Mar 2010 |
|
|
|
|
|
hi,
i have this code for reading xml file into my list.
var zfullname, zphone_M, zphone_F, zMail, zFname,zLname;
var ALL;
var Fname, Lname, Phone_M, Phone_F, Mail;
function XX() {
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
}
else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", "Phone.xml", false);
xmlhttp.send();
xmlDoc = xmlhttp.responseXML;
$("#ZIZI").empty();
var x = xmlDoc.getElementsByTagName("MEN");
for (i = 0; i < x.length; i++) {
try { Fname = x[i].getElementsByTagName("Fname")[0].childNodes[0].nodeValue; }
catch (err) { Fname = "0"; }
try { Lname = x[i].getElementsByTagName("Lname")[0].childNodes[0].nodeValue; }
catch (err) { Lname = "0"; }
try { Phone_M = x[i].getElementsByTagName("Phone_M")[0].childNodes[0].nodeValue; }
catch (err) { Phone_M = "0"; }
try { Phone_F = x[i].getElementsByTagName("Phone_F")[0].childNodes[0].nodeValue; }
catch (err) { Phone_F = "0"; }
try { Mail = x[i].getElementsByTagName("Mail")[0].childNodes[0].nodeValue; }
catch (err) { Mail = "0"; }
if (Mail == "0") Mail = " ";
if (Phone_M == "0") Phone_M = " ";
if (Phone_F == "0") Phone_F = " ";
ALL =
'<li >' +
'<a href="men.html" data-transition="flip">' +
'<div class="ui-grid-a" id="restau_infos"> ' +
'<p style="font-size:22px; margin:0px;padding:0px;" class="nam"><b>' + Fname + " " + Lname + '</b></p>' +
'<p style="font-size:16px; margin:0px;padding:0px;" class="phn">' + Phone_M + '</p>' +
'<p style="font-size:16px; margin:0px;padding:0px;" class="phn2">' + Phone_F + '</p>' +
'<p style="font-size:14px; margin:1px;padding:1px;" class="crr">' + Mail + '</p>' +
' </div>' +
'</a>' +
'<a href="tel:' + Phone_M + ' data-icon="location" ></a>' +
'</li>'
$("#ZIZI").append(ALL);
$("#ZIZI").listview("refresh");
}
}
this work excellent.
i have WebService that return DataSet.
string SQL;
DataSet dsView;
[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Xml)]
public DataSet GetData( string sel)
{
dsView = new DataSet();
MyParam.OpenConnection();
SQL = "select Fname,Lname,S_phone from MEN where sel = '" + sel + "'";
dsView = new DataSet();
MyParam.adp = new SqlDataAdapter(SQL, MyParam.Conn);
MyParam.adp.Fill(dsView, "MEN");
MyParam.adp.Dispose();
if (dsView.Tables["MEN"].Rows.Count >= 1)
{
return dsView;
}
else
{
return null;
}
}
How to combine both that i can read from the WebService ?
(the WebService in 127.0.0.1/WS_TEST/Service1.asmx for example)
thanks
|
|
|
|
|
So what's wrong with the answer you accepted when you posted this question last year?
how to receive DataSet (xml) on jQuery[^]
And you urgently need to review your code and fix the SQL Injection[^] vulnerabilities.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
I am not sure this is the correct forum, so please excuse me if I am posting in the wrong forum.
I am trying to understand the best practices in building SOA applications. Unfortunately some of are not so black or white and need experience to figure out the right approach. Here are some of them:
1) Let's say I am building a REST service for extracting data from various tables. Is it considered best practice to return the whole entity or just the necessary values? The target might be multiple platforms (web, windows and mobile apps).
2) Also, is it RESTful to join entities from multiple tables and return it as a single entity?
3) When joining entity types, should only the necessary values be returned or is it better to form a compound type composed of the basic types?
Example: Consider a REST service that return's an employee's address. The address is composed of the types Apartment, Street, City and Zip Code. Each type has properties (eg: Street has starting and ending lat-lon). In the client only the address <apt number> <street name> <city code> <zip code> is required. How should the return type of a REEST service call be structured?
(It would also help if anyone can provide the recommended URL syntax for this as well. Should there be a specific call like "GetEmployeeAddress" or something like ' <service URL>/Employee/<emp ID>/Address' ?)
I would be very grateful for suggestions for reading materials in this topic.
Thanks in advance. 
|
|
|
|
|
I think you're misinterpreting the meaning of a REST service. The primary key is that the server itself should be stateless; each transaction must be atomic, having nothing to do with the ones before it, and no bearing on operations that occur after it. It is not just a service endpoint for a database, it is a methodology that pushes state management to the client.
Ultimately REST is more about how data is transferred than it is about what that data is.
So:
1. Bandwidth is bandwidth, but the average entity will not eat very much. It's perfectly fine to send a whole entity down the pipe if you need to. Be mindful that sensitive properties are not sent (tag with JsonIgnore if using JSON.NET eg. Newtonsoft, etc). That's not the case for arrays of entities, page those as appropriate on the server side.
- ViewModels are your very best friend. Well, they're mine, anyway.
- Completely immaterial. As long as the transaction can be done in an atomic manner you can do what you're most comfortable with. That said, ViewModels are my very best friend, as previously mentioned.
There is a pretty solid primer on IBM:
http://www.ibm.com/developerworks/library/ws-restful/[^]
|
|
|
|
|
Thanks a lot for your reply, Nathan. It answers my questions very clearly. The IBM article is also very useful. I will have to keep going back to it any time I forget what REST is when I get bogged down by implementation details. 
|
|
|
|
|
I'm going to show 5 videos with click button in html.
<html>
<body>
<button id="click">Click</button>
<div id='plc'></div>
</body>
<link rel="stylesheet" src="jquery-ui.css">
<script src="jquery.js"></script>
<script src="jquery-ui.js"></script>
<script type="text/javascript">
var video;
var index = 0;
$("#click").on("click", function() {
if (video != null)
video.remove();
video = document.createElement('video');
document.getElementById('plc').appendChild(video);
var realPath = 'file:///G:/temp/';
if (index == 0)
realPath += "1.mp4";
else if (index == 1)
realPath += "2.mp4";
else if (index == 2)
realPath += "3.mp4";
else if (index == 3)
realPath += "4.mp4";
else if (index == 4) {
realPath += "5.mp4";
index = -1;
}
index++;
video.setAttribute('src', realPath);
video.play();
});
$("#click").trigger("click");
</script>
</html>
It works.
But I press click button continuously, RAM increasing.
Why RAM increasing?
|
|
|
|
|
Hi,
I am trying to position My Account button to the right and the logo at the left but both should be at the same level. I am trying below code but the top position is not working. Why?
<img src="images/logo.jpg" style=" margin-top: 0; margin-left: 0px;">
<img src="images/my_account.png" style="margin-top: 0; margin-left: 500px;">
Please check this image[^]
Thanks,
Jassim[^]
Technology News @ www.JassimRahma.com
|
|
|
|
|
Maybe your elements' position is relative. Try to change it to absolute. Something like:
<img src="images/logo.jpg" style=" margin-top: 0; margin-left: 0px; position: absolute;">
<img src="images/my_account.png" style="margin-top: 0; margin-left: 500px; position: absolute;">
|
|
|
|
|
Just use
float property
<img src="images/logo.jpg" style="float: left;" /><img src="images/my_account.png" style="float: right;" />
|
|
|
|
|
Hi,
I would like to ask how can I add this type[^] of spinner which has plus and minus buttons only and user can't write the value? any guide please?
Thanks,
Jassim[^]
Technology News @ www.JassimRahma.com
|
|
|
|
|
For Spinner please check the link
http://www.virtuosoft.eu/code/bootstrap-touchspin/
and
<input type="text" class="spinner" value="10" readonly/>
for prevent to write user value
|
|
|
|
|
Hi,
I have files in my document folder, e.g. policy.pdf, procedures.pdf, etc
I don't want the user to know the file name and path so I was thinking if I can have a url like this:
http://www.mydomain.com/SESSION_GUID/TEMP_GUID.pdf[^]
and when then display the file without telling the user the real path.
Is this possible? How to implement it?
Thanks,
Jassim[^]
Technology News @ www.JassimRahma.com
|
|
|
|
|
At first convert your file into a byte array like fileContents
You have to set the file name in the Content-Disposition http header
Response.AddHeader("Content-Disposition", "attachment; filename=" + Newfilename);
Response.ContentType = "text/plain";
Response.BinaryWrite(fileContents);
Response.End();
File will get downloaded, and user will be prompted to save it with the New file name.
|
|
|
|
|
Hi,
I have policies to documents and I want to put it on a web PHP portal for download to the employee with a password protected access.
If the URL for a policy is www.myWeb.com/policies/document1.pdf, I don't want any one to see this url when downloading or when viewing the page source.
What's the best way to do it?
Thanks,
Jassim[^]
Technology News @ www.JassimRahma.com
modified 23-Oct-15 12:56pm.
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
