How to create a web portal using angularJS - javascript

Im fresh out of the academy and have been given my first project. I need to create a web portal that can interface with RESTFUL services. Can anyone advise me on where and how to start?
After I create the basic html and css Web page I have to integrate the CRUD module. Should I look at creating a single page application?
Any advise is appreciated, thanks.

As Matus Dubrava as mentioned, this is off-topic and a very broad question. But I can help you with some guideline -
You will be having a database (mysql, postgresql, mongo etc.), an API server (can be built with Java Spring Boot, Python Django, NodeJS, PHP etc.) and lastly a frontend application (can be built with angularjs, reactjs etc.).
First, you have to sort out what you already know among these and then plan ahead what other modules you need to learn. After deciding what technologies you will use, you can google the tutorials and sample code for that technology. If I can help more ask me out.
Hope this helps.

Related

Is it possible to create a web chat application in plain Laravel

I just started studying and learning about Laravel Framework. My programming originated from Java Desktop application programming and I have not tried any web framework in the past.
I've little knowledge with Javascript, some PHP, HTML and CSS.
I would like to know if it's possible and advisable to create a chat application within a social network website I'm planning to create for school semester using Laravel.
If it's not possible, what web programming language for a total web newbie like me can use?
I thought it would be best for me play around and learn Javascript because the coding style is a bit similar to Java.
I would like to create something similar with facebook's chat application.
I'd appreciate any suggestion and help.
Thank you.
For such application you can use socket.io, based on node.js. The website offers a full tutorial to build a webchat.
You could do that in PHP using websockets, but it would be more complicated.
My advice is to keep Laravel for the non-interactive parts of your application and use node.js where you need real-time features.
It's more than possible.
Actually with the new 5.3 release, Laravel provides realtime app from scratch: https://laravel.com/docs/5.3/broadcasting
You need a third party service like pusher, but it's pretty easy to implement.
Go ahead and to dive in into the laravel worl, i can recommand https://laracasts.com/
Have fun! ;)

Web UI for a REST API

I wrote a REST API in Node.js (with Express)that implements a queue with some dequeue/enqueue functionality, and the next step is creating a web view for that API.
I am really new to javascript and Node.js , can i have some pointers on how to implement it? is there a framework I can use to integrate the api.js i built with a front-end?
When you wrote a REST api using nodejs and the expressjs framework, you are perfectly prepared to use the complete MEAN stack, which implements angularJS for frontend services.
Angular offers a complete REST implementation (called ngResource). Install via npm.
With the angular resource service you get your frontend interface (to interact with your backend) out of the box (except a few adaptations you'll have to make, e.g. to make it work with Mongoose, which is used to make the access to your MongoDB more comfortable).
You'll find a few superb tutorials, as this one and others on scotch.io are some of them. Google for 'api rest angular resource mean ...' in different selections ;-)
Other links that helped me a lot:
Tutorial from Angular itself
Thinkster.io - complete MEAN stack overview with examples
a helpful tutorial with good examples from Frederik Dietz
Buecheler comes out with this great tutorial, but its more about the backend side - as you might check your code againt the basic standards of a REST backend implementation.
Those are some of the links I noted and that could find ad hoc.
EDIT:
As your headline suggests you are searching for an UI, I suppose IBM Strongloop might be a good hint for you. IBM is strongly interconnected with the development of ExpressJS and offers this API and UI for probably all data concerning questions of your Webapp.

Creating web application for first time

I am tasked with creating a web application using HTML 5, CSS3 and JavaScript.( For a study assignment) and I have decided I will be making a web app to record your workouts in regards to weight lifting(As well as thing such as graphs and a counter for days without skipping a workout etc..). But there are a few requirements I have to meet and do not fully understand and would appreciate if anyone could help me with any of these enquires.
I need to use in-built cloud storage to ensuring persistence of data through in-built cloud storage. But as I try to create my project to utilize in built cloud storage, I am informed I do not have any subscriptions is there a free alternative to do this, or am I required to obtain a subscription ?.
I have also chosen to use ASP.NET MVC template to create my desired application, and was wondering if you consider this the correct choice for the app I wish to create? .
I am also required to make use of a library/ libraries external to the application and could use some clarification of if this mean using something such as JQuery etc. or I am just not understanding the requirement correctly. ?.
Sorry for such a long winded post. I look forward and pre thank you for and points you can help clear up for me in advance as well as for any addition tip you think a learner could use in the development if there first web app.
If you are a student, then you can apply for a dreamspark subscription for Azure.
I'm a beginner just like you, and I've used ASP.NET MVC to build my first app.I don't think the framework is an important part in project which is for a study assignment. Just use the one that you like most.
There are some packages that I used in my app:
Newtonsoft.Json
JQuery
NInject
log4net
EntityFramework

Single page application vs Full stack

I am mostly lost in this particular topic.
I want to develop a full stack app with Rails using sqlite 3 as back end now that is good and all, but as a comparison to that full stack app i need to do a single page app. I have no single idea how single pages work? How do you talk to the database, do you use MVVM as a architecture? Were does single page differs from stack? I have a lot of questions if someone could describe in detail what single page app is in reality i would certainly be grateful.
If possible to describe sort of the tools needed for a single page do you need just Angular js and MongoDb and you are good to go? Can you implement ajax? Please I know that it is a total newbie question but i haven't found any real detailed resource about the differences of full stack vs single page.
Ruby on Rails has now an API only mode.
For the UI I would use a JavaScript MVC framework such as React.js or something like Angular
Both links here are for a back-end API built with Rails.
There is no versus between single page and full stack. A single page can consist of multiple stack eg. Front-end, Back-end.
Angular JS is one of the most reputed framework for MVC to create a single Web App. You can use ajax too easily with build in Angular JS service.
Take a look into React.js, GraphQL, Relay stack for building single-page apps (used at Facebook). Here is a a nice starter kit which may help you to get started: https://github.com/kriasoft/react-starter-kit (disclaimer: I'm the author)

can we use couchdb for web application development?

I was wondering whether we can use java script for application development and use couchdb to serve it. I was also imagining jquery as the java script library. Do you think this is possible?
Check out using CouchApp. CouchApp allows you to build your application in JavaScript and host it out of CouchDB. Its a great way to learn CouchDB and its a very rapid development environment.
CouchApp
Sure you can. Following is a link to a blogging project being developed with couchdb as the backend and PHP as the front. Its open source so you might get some ideas by looking at its code.
Arik Blogging Software
Like others pointed out, CouchApps are one of they key features of CouchDB. CouchDB's built-in admin interface “Futon” is built that way. — The example application in CouchDB: The Definitive Guide (free online book) is also a CouchApp: http://guide.couchdb.org/

Categories