|
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.
|
|
|
|
|
You can't hide urls from the client. Implement proper security at the webserver level if you want to restrict access.
|
|
|
|
|
You could use the HTML5 download attribute like this:
<a href="path/to/your/pdf/file" download>Click here to download</a>
|
|
|
|
|
This is how you can hide download url in PHP:
<?php
$fakeFileName= "fakeFileName.zip";
$realFileName = "realFileName.zip";
$file = "downloadFolder/".$realFileName;
$fp = fopen($file, 'rb');
header("Content-Type: application/octet-stream");
header("Content-Disposition: attachment; filename=$fakeFileName");
header("Content-Length: " . filesize($file));
fpassthru($fp);
?>
You can see all steps to hide download url here http://5ss.co/viewtopic.php?f=26&p=3[^]
|
|
|
|
|
Hi,
I have company policies and I want to put it under the employee internet access on our website.
All the policies are in PDF format.
What's the best and recommended way to do it?
Should I put it in a BLOB or just use a PDF url then display it when the user clicks on the url?
Thanks,
Jassim[^]
Technology News @ www.JassimRahma.com
|
|
|
|
|
Where I work and where I play, it's as a link to the URL.
Just plain simple. Reliable. Why knock yourself out?
Now - for your specific task - company policies for employees. I didn't do the deed, but it's in HTML: tabbed pages with hyperlinks on the company Wiki.
| "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 |
|
|
|
|
|
First BLOB doesnt support all browsers, so first confirm the version your users are going to use, and proceed. And, PDF's all the browsers are not capable of opening PDF's in browser so you need to take care of this also
|
|
|
|
|
I'm just curious to know who remembers working with ASP 1.0 and SQL Server 6.5 back in 1996?
Dark days in the distant past... There must be some battle-hardened veterans from that age in the developer community here.
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
