Simple one-page application with API, how to start - rest

I recently got a simple task to create one-page application with feeds showing from API. It should be possible to add, edit, delete feed. Add/remove like etc.
I spent last few hours trying to figure out how to start. I created several websites using HTML, CSS and some jQuery or Bootstrap.This is new to me.
API is here: http://fe-zadanie.herokuapp.com
Available: GET, PUT, DELETE
I do not want somebody to write code for me. I just need some little nudge on how to start. I found various sources to study but I cannot find something usable to study and to start from.
Any help would be nice, thank you.

Related

Tools to detect stolen content

Do you know any software or tools that can be used to detect when people are stealing content from our website?
Today we are only able the do something about the duplicate content, when we find it manually. There must be some kind of tool or service to use, to detect stolen content?
I'm a part of the project called whocopied.me where you can insert a little javascript snippet and you have a dashboard that helps you with an overview.
We created a little introduction to show it in action
https://www.youtube.com/watch?v=PsS_2oEzPqE&t=2s
If you are using Wordpress, we created a simple plugin for you to install - no requirement of understanding HTML :-)
https://wordpress.org/plugins/whocopiedme/

Swift Read HTML elements on webpage

I am trying to read a specific text on a website, and I was wondering how I would proceed doing so. I am trying to get the followers-count on the instagram website, to then retrieve it in my app and display it. How would I proceed with this?
I have searched both Google and GitHub for parser, with no luck - and there is no tutorial on YouTube explaining how to do this.
Thanks in advance.
Usually for something like this, you'll want to use the official API.
Isolating and reading an element in web page is likely not what you want to do. An API gives you access to parts of a service an application might need to interact with, just like this.

Candlestick chart on bitcoinwisdom

Im in need for good candlestick chart for my web app and chart at http://bitcoinwisdom.com/ is really what Im looking for. I like the way you can zoom and move with it. Is it possible to figure out what they are using or do you think they made it up on their own? If so with what tools? Another amazing charting can be found here https://www.tradingview.com/e/ these two sites have even better charting than some desktop apps and I wanna know how they did it.
In searching the bitcoinwisdom's forums I found a couple posts asking for the exact same thing. In fact, I stumbled upon your SO post here looking for the same thing.
According to those forum posts' responses they used d3js.org with the rest being custom code. Unfortunately for us as their implementation is very impressive! View source on the page and look for the JS files they are referencing. The code is obfuscated and minified so porting it will be very difficult.

How to Style Facebook Activity Feed

How do you implement custom css on a Facebook activity feed plugin? This related post does not fully answer the question. Is this the right way?
Where does the
<fb:tag name='link'></fb:tag>
go? Inside of of the
<fb:activity site="..." app_id="..." ></fb:activity>
outside of it, before or after? I'm sort of confused...
the only way i use activity feed is when its in a widget that will generically upate in all posts. Anyone who inserts these snippets into blog posts or other 'hard to find and edit later' posts and pages, will regret it
Why?
Because Facebook changes their script every month or so and the script snippet you inserted wont work anymore
I have hundreds of blank areas in blog posts where i inserted an activity feed and the script always stops working after some weeks when fb adds some code or changes the location of some script or renames a file and the old script has no canonical or generic way of readjusting.
There is no point in using a script which gets made obsolete every month and you then need to find all posts where you inserted the snippet and change it for the new working code.
Im always having to reinsert new code into my fb social widgets because they cease to function...
Not viable unless you take it into consideration. Only insert in spaces where oyu wil notice it when it stops working
As Facebook Answers answered, you cannot really style it with a custom CSS, nor via JS, as the activity feed widget creates an iframe.
The info from martincarlin87 is useful, but that is not exactly what you get with the Activity Plugin, which is what you meant I guess:
http://developers.facebook.com/docs/reference/plugins/activity/
For using this you cannot really interact with the Facebook API, it is a little world apart. By now... (July 12th 2012)
Facebook PHP SDK: https://github.com/facebook/php-sdk
Comes with some simple examples, I would suggest uploading it to your server and tinkering with it, Facebook has a steep learning curve but here at Stack Overflow there is even a Facebook section: facebook.stackoverflow.com so just take each step at a time and if you can't get it by reading the facebook docs: developers.facebook.com then you can always ask here and I'm sure someone will be able to help you.
Getting Started: http://developers.facebook.com/docs/reference/php/
Once you have made an app, you add it to your fan page and then you will be abel to test what information you can get using the Graph API Explorer: https://developers.facebook.com/tools/explorer
That post you refer to is a red herring I'm afraid. If you put any HTML between the activity tags it gets rendered BEFORE the iframe is added. So its a no starter, from what I can see. However, I eventually found a solution, which I gave on that thread. I am repeating it here in case somebody searching doesn't see the other thread.
I managed to customise an Activity plugin, after a great deal of effort.
You can see the result here:
http://www.quniverse.co.uk/shopdata/about_us.php
Feel free to post a comment on that site, it exists purely for test purposes so I'm not fussed what goes up there provided its clean.
I explain how I achieved this in the blog article posted here:
http://facebookanswers.co.uk/?p=302
To summarise briefly:
You cannot insert CSS into the activity plugin.
Rely on the fact it has a transparent background, and supply your own.
Turn off the header and supply your own.
You can specify a light or a dark font, a few fontfaces and a border colour.
If you read the blog article you will get a full explanation.

creating an address textfield like in apple's sms-app

I'm writing an app, where I the user has to be able to select multiple adresses. I wanted to solve this in the same way, apple does when you send an SMS to someone.
You can enter text and it gets surrounded by a blue bubble for each adress selected.
I've already found facebook's tree20-kit, but I can't get it to work because of some linker error I cannot solve.
Is there any other kit out there, that's capable of doing this, or do you have any suggestions on how to create such a textField?
Yours,
Bujtor
Interesting. I don't know of any other open source solutions for this, and I think writing from scratch would be much more time consuming than trying to resolve the linker error. I would recommend spending a few hours and do the following:
Create a new empty application.
Download Three20 and follow the detailed instructions on GitHub for linking the framework.
You should be able to get this to link as many others, including myself, have been able to use this framework.
Sorry this isn't a straight forward answer to your question. I hope it was helpful just the same. Andrew.