angular-ticker

  • Is a more detailed, official description of what the ticker does and what you should (and should not) do when using the ticker.
  • length is the number of cells for the ticker
  • A copy of the demo code is inside the demo folder of this repository.
  • While nicely written and documented, this code was developed just for fun and is not tested (not in an automated fashion, at least).
  • When parameters are omitted default values from the MslTickerDefaults service are used.

An AngularJS component for tickers.
Continue reading “angular-ticker”

SOLVED Jersey-Spring-Hibernate Maven Project Setup

Jersey-Spring-Hibernate Maven Project Setup  #angularjs #reactjs

  • Customer; public interface CustomerService { String getStringTest(); Customer addCustomer(Customer customer); Customer updateCustomer(int id, Customer customer); Customer deleteCustomer(int id); Customer getCustomerById(int id); List getAllCustomer(); }
  • Autowired; @Path(“customers”) @Consumes(MediaType.APPLICATION_JSON) @Produces(MediaType.APPLICATION_JSON) public class CustomerResource { @Autowired CustomerService customerService; @GET public List getCustomers(){ return customerService.getAllCustomer(); } @GET @Path(“/{customerId}”) public Customer getCustomer(@PathParam(“customerId”) int id){ return customerService.getCustomerById(id); } @POST public Customer saveCustomer(Customer customer){ return customerService.addCustomer(customer); } @PUT @Path(“/{customerId}”) public Customer updateCustomer(@PathParam(“customerId”) int id, Customer customer){ return customerService.updateCustomer(id, customer)
  • Autowired; public class CustomerServiceImpl implements CustomerService { @Autowired private CustomerDao customerDao; @Override public String getStringTest() { return customerDao.getStringTest(); } @Override public Customer addCustomer(Customer customer) { return customerDao.addCustomer(customer); } @Override public Customer updateCustomer(int id, Customer customer) { return customerDao.updateCustomer(id, customer); } @Override public Customer deleteCustomer(int id) { return customerDao.deleteCustomer(id); } @Override public Customer getCustomerById(int id) { return customerDao.getCustomerById(id); } @Override public List getAllCustomer() { return customerDao.getAllCustomer(); } }
  • Autowired; public class CustomerDaoImpl implements CustomerDao { @Autowired SessionFactory sessionFactory; @Override public String getStringTest(){ String save = “Got it”; return save; } @Override public Customer addCustomer(Customer customer) { Session session = sessionFactory.openSession(); Transaction tx = session.beginTransaction(); try{ session.save(customer); tx.commit(); return customer; }catch(Exception e){ tx.rollback(); return null; } } @Override public Customer updateCustomer(int id, Customer cust) { Session session = sessionFactory.openSession(); Transaction tx = session.beginTransaction(); try{ Customer customer = cust; customer.setId(id); session.update(customer); tx.commit(); return customer; }catch(Exception e){ tx.rollback(); return null
  • If you dont want to implement HIBERNATE, than you can omit this two files and in the applicationContext.xml file DELETE the bean with id’s “dataSource” and “sessionFactory”.

I am placing this request, because i couldn’t find any complete solution for JERSEY-SPRING-HIBERNATE setup and configuration. As i went through a lot to problem to find the solution. I thought of sharing my knowledge on creating basic setup, to give a kick start to your project.
You can also refer to my Github project Jersey-Spring-Hibernate-Project
.
Continue reading “SOLVED Jersey-Spring-Hibernate Maven Project Setup”

Introduction To AngularJS Services

Introduction To #AngularJS #Services by @IamJasbeerSingh cc @CsharpCorner  #Framework #App

  • Making separation of concerns possible, i.e. the property of AngularJS. Some examples of the inbuilt Services are $https, $route, $location, $window etc.
  • Let’s use an inbuilt Service to check what will be the benefit and how we can use the Services.
  • We can create the Services, using three ways.
  • By using Service method, we get an instance of a function passed to “module.service” and by using factory method, we get the value, which is returned by invoking the function reference, which is is passed to module.factory.
  • In the article, we have seen how the Services can be created as per use and how can we use inbuilt Services.

This article is about Angular Services. This will give you a brief idea about Angular Services and how can we create our own services.
Continue reading “Introduction To AngularJS Services”

Angular Logo with CSS

@CodePen @angularjs Angular logo with css

  • You can also add another Pen and it will pull the CSS from it.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • If the script you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen and we’ll pull the CSS from that Pen and include it.
  • HTML preprocessors can make writing HTML more powerful or convenient.


Continue reading “Angular Logo with CSS”

Angular and Webpack for Modular Applications

Angular and Webpack for Modular Applications course by @kentcdodds #angularjs

  • Angular with Webpack – Requiring Directives
  • Angular with Webpack – Requiring Templates
  • Angular with Webpack – Requiring CSS & Preprocessors
  • It is incredibly powerful and enables modularity in angular applications.
  • Angular with Webpack – Uglifying your JavaScript

How much work would it take for you to move all of your directives and their templates to several different new directories? You’d have to update the templateUrl, script tags, etc., etc. With webpack, this can be trivial. For example, you don’t need to worry about loading your templates in the $templateCache ever again. Webpack will help you modularize your css and tests. All of these things and more in this series so you can start using webpack with Angular today.

Continue reading “Angular and Webpack for Modular Applications”

MODULARIZATION IN ANGULARJS – Godspeed IT Services – Medium

MODULARIZATION IN ANGULARJS  #javascript

  • Developer may choose combination of 2nd (Folder per component) and 3rd (Module based) approach which is often referred as “Hybrid approach”.
  • Developer create single folder for common services and inject those services into individual modules.
  • “ngApp” consists of two modules ( ngProjectApp and ngUserApp ).
  • 3) Function based folder structure : It is also called as ” folder per feature “. This offers developer clear and distinct view based on function/feature of application.
  • The modules can either work independently or together as a unit to simply a more complex solution or design.

Modularization is one of key features of AngularJS; it is mainly achieved through the built-in dependency injection mechanism of AngularJS. Modularization using dependency injection allows developers…
Continue reading “MODULARIZATION IN ANGULARJS – Godspeed IT Services – Medium”

Angular 2

  • We found out that your browser is a little bit old!
  • Unfortunately we are not supporting this browser.
  • Please use one of the browsers below:
  • Chrome
  • Firefox

Learn how to create modern web applications with the successor of Angular.js
Continue reading “Angular 2”