How do I create a simple "news feed" inside my Angular App? - javascript

Im working on a static Homepage right now.
Im a beginner in Web-Dev and also a beginner in using Angular.
What I want:
I want my site to take Data outside of a spreadsheet (or any other data source) and display it on my Page, so I don't have to rebuild my page each time the Data changes.
The Data should be 1 single sentence. Not more.
I does not matter if its a spreadsheet or another online services, it just should be easy to implement.
What i have tried:
I have tried making this work with google spreadsheets. But to be honest, I don't know enough to do it by myself and the tutorials I tried didn't work or i didn't understand
Example:
I open google spreadsheet (or whatever is the best option here).
I write "Im on vacation until 12.03" inside the sheet.
My Site takes the Data / Sentence and display it somewhere, so someone visiting my site knows im on vacation
Im looking for the simplest method to implement those functionality. I dont need JSON format or anything. Just 1 sentence that i write /change from time to time to display on my Website without the need to rebuild the angular app.
Greetings

Related

How to make an autocompletion search form with data indexed in elasticsearch/kibana?

I have set a real time data indexation of my dynamodb streams into kibana. All work fine.
When i make a research in kibana search bar, i can find data without any problem.
However i want to make a little search engine in an HTML webpage that i will create myself and be able to to get the kibana index in real time directly from this webpage and making some features like autocompletion, auto suggest etc.
So i think that involve to use kibana as an API or something like that in order to get data by using javascript code.
But I have no idea about how to process for setting this.
Any help would be very appreciated.
Thanks

How to generate an index page for a specific tag link in a tag cloud?

Failed to find an answer for this question, though it must be quite simple. I'm a beginner in web dev and will highly appreciate your help.
I want to make a tag cloud on a web site which i'm working on. It's a sort of diary when each page corresponds to some date. No CMS, my own coding (just for learning reasons). There are many solutions how to generate a cloud itself from the given list of words, but I'm stuck on the further step, i.e. tag links:
Should I create an index page for every tag 'manually' or is there some way to automate this process? I mean, should I write in html/css every tag-connected page, which would contain links to the other pages linked to a particular tag, or is it possible to code some template and then generate pages for each tag based on that template? I have some knowledge of javascript, python and very little of php (but ready and eager to learn more :).
What would you suggest?
Thnx

How to embed a self updating photo album that fetches images from Google Drive

So first of pardon me for being really noobish at this. I'm trying to build a site from an HTML5 template for a small music company I work with for fun and educational reasons. I have very limited knowledge of Web development, but I am able to edit the template and have done quite a bit of reading to try to understand how everything works. I find that it's much easier to do so than having to build it from scratch, which could take months to do so properly. (Not to say I don't want to learn, but I'd like to get this done quickly if I can).
So let me get right to it, and I'll try to be short. The company is a music promotion company. They need the following pages: about, team, in-house musician bios, blog, contact form and events. I have pretty much everything figured out (the blog and musicians currently need to be properly finished in terms of content and CSS), except for the events page.
Currently its a static album that pulls images link by link from a Google Drive folder instead of the Web server (For ease of access). The issue with this is that every time an event is outdated or new ones need to be added, I have to manually update the index file and change the links, which is time consuming and unnecessary. I want this site to be fairly autonomous, so that I don't have to log into the server every few days and change the index file over and over. I hope you understand where I am coming from.
So, my idea is to use the same Drive folder, but have the site automatically pull the images, properly resize them (if possible) and show them on the page. I haven't found an easy solution to this yet, and with my lack of web experience, I don't think I can write this myself. I know self updating albums that pull form the server exist and can be found online, but those still require FTP access, which is not bad, but can be improved on.
So the process I think is as follows
Fetch images from shared drive folder via Drive API
Fetch individual image link
Insert each link dynamically into an array/table.
Have individual row/column resize the image.
Here is what the site I am working on currently looks like: http://rushone2010.x10host.com/ocml
And here is their current site: http://www.ocmusicleague.com/
The culprit is in the idea of automatically fetching the images every time they get updated/removed from the Drive folder, without server access. Sort of reminds me of this:

Creating a note taking app using JQuery mobile and phone gap

I have an app i'm developing with JQ Mobile and PhoneGap. Within this app, i want to include a 'Notes Taking' page and it has to do the following.
Make new notes and save them locally.
Recall them whenever i need to,
Edit them and delete them
i could not find a good example to follow, i tried this:
http://tutorialzine.com/2012/09/simple-note-taking-app-ajax/
but he lost me at the index php and how to implement that, i also tried this example:
http://miamicoder.com/2011/building-a-jquery-mobile-application-part-1/
but its so complex i got lost in all the code.
I'm a beginner at programming and my JavaScript is very very poor and i have no idea where to start and what kind of code is involved in making this part of the app.
Please help. Thank you.
Your first site (http://tutorialzine.com/2012/09/simple-note-taking-app-ajax/) will not work for you as the examples are embedding PHP into the html and that is not acceptable with phonegap apps.
Your second site is making it way more complicated than it needs to be for your limited scope.
Not going to do this for you but I will give you some advice and places to look.
Draw out what you want the user interface to look like and create that html
Create a load and save function in javascript to... well... load and save your notes. Take a look at the below references:
This will show you how to interact with the local database and store and retrieve info. Always a good thing to read the documentation.
This is a great resource for help all sorts of stuff. In this case, with SQL queries.
Test, test, test. With the above, you will be able to figure it out if you put your mind to it. Come back here and post specific questions with code samples of what you have tried if you get stuck.

Unable to see complete scraped web page in Google Apps Script logs

A few weeks ago I started learning Javascript and the Google Apps Script API, specifically in regard to spreadsheets. I have been trying to make a spreadsheet that fetches web pages and pulls stats about my friends for the game League of Legends. However, I have been running into a problem with the site I want to use, which is basically the only free LoL stats site that updates frequently. I'm not familiar at all with web development, but it seems when I try to access a page on lolking.net, for example http://www.lolking.net/summoner/na/60783 with Google's UrlFetchApp.fetch() it does not load the dynamic page. So instead of the final source, I get this which doesn't help me. Is there an easy way around this or would I simply have to use another website?
Thanks for thie info! Although it turns out I was mistaken. The UrlFetchApp was indeed returning the full source code, but I was using GAS's Logger to view the text. It seems the Logger has a length limit, so when I searched for the stats I wanted they weren't there simply because the source code got truncated. So, due to an oversight on my part, I never had a problem in the first place. For other people reading this question, in the end I have no idea how UrlFetchApp works with dynamic pages using clientside js (you'd probably want to talk to the poster below or post a new question).
You are getting fhe raw html page with clientside js included. That wont work from any system not just gas. You need to debug that page js and find where it does an ajax call to get the data you want.
Then do the same from your gas. Might not work if the call is authenticated etc.

Categories

Resources