Ella is a universal JavaScript application development framework.
Ella has two subprojects:
- Ella Framework is an opinionated Angular Universal implementation. As such, it includes UI code and a rendering server.
- Ella API is an opinionated Loopback API server.
'Ella' personifies E.L.A, an abbreviation of Express + Loopback + Angular.
The project was originally an Angular Universal CMS and called Ng Express CMS. For technical reasons the API server was split out and implemented in Loopback.
Loopback does not leverage Express in all versions, and the API server can be used with or without Angular. This called for a rename.
To prevent renaming in the future, the technical ingrediants were obfoscated in the current name. If the project composition changes further, it will continue to operate under the name 'Ella'.
npm installnpm start- visit localhost:4200
- Globally install Angular CLI:
npm install -g @angular/cli
The most important is #1. #2+ are not ordered.
- https://medium.com/@cyrilletuzi/angular-server-side-rendering-in-node-with-express-universal-engine-dce21933ddce
- https://blog.angular.io/version-5-0-0-of-angular-now-available-37e414935ced
- https://github.com/born2net/ng-skeleton
- https://universal.angular.io/
- https://blog.angularindepth.com/creating-an-angular-universal-app-with-the-angular-cli-5ef26c9fd9a5
- https://medium.com/@evertonrobertoauler/angular-5-universal-with-transfer-state-using-angular-cli-19fe1e1d352c
- https://github.com/tastejs/todomvc/tree/gh-pages/examples/angular2
- https://github.com/angular/angular-cli
- https://github.com/born2net/studioDashboard
- https://github.com/angular/universal-starter
- https://codecraft.tv/courses/angular/reactive-programming-with-rxjs/rxjs-and-angular/
- https://developers.google.com/web/fundamentals/architecture/app-shell
- https://blog.angular.io/angular-5-1-more-now-available-27d372f5eb4e
- http://www.afterecon.com/other/existing-js-cms-solutions-shit/
- https://www.youtube.com/watch?v=oa9cnWTpqP8
- angular/universal-starter#411
- https://github.com/seriema/angular-apimock
- https://github.com/EreckGordon/angular-universal-pwa-starter
- https://github.com/ramsaylanier/VuePress
- https://scotch.io/tutorials/angular-2-http-requests-with-observables
- https://codecraft.tv/courses/angular/http/core-http-api/
- https://stackoverflow.com/questions/34190375/how-can-i-await-on-an-rx-observable
- angular/angular#4017
- https://www.google.com/search?q=loopback+get+authorization+token&rlz=1C1GCEA_enUS779US779&oq=loopback+get+authorization+token&aqs=chrome..69i57j0.4191j0j7&sourceid=chrome&ie=UTF-8
UX: Bootstrap 4 + Angular Material + Rando Components including Angular and HTML5, SCSS
- using Boostrap 4.0.0-beta.3
- https://www.youtube.com/watch?v=-k73oWFrRoE
- https://getbootstrap.com/docs/4.0/examples/
- https://material.angular.io/components/categories
- https://www.youtube.com/watch?v=XGEsZmoZNbw
- https://scotch.io/tutorials/using-sass-with-the-angular-cli
- https://www.youtube.com/watch?v=2osMpXOe5fA
- CSS Grid...? https://www.youtube.com/watch?v=7kVeCqQCxlk
- CSS Grid...? https://www.youtube.com/watch?v=jV8B24rSN5o
- https://ng-bootstrap.github.io/#/components/rating/examples
- https://www.bootstrapcdn.com/
- https://coolors.co/
- http://paletton.com
Chart.js w/ Angular 5, with data and API (ng generate service)
Card component https://getbootstrap.com/docs/4.0/components/card/
log in https://getbootstrap.com/docs/4.0/examples/signin/
admin ui / dashboard https://getbootstrap.com/docs/4.0/examples/dashboard/
blog (pre-archive) https://getbootstrap.com/docs/4.0/examples/blog/
homepage https://getbootstrap.com/docs/4.0/examples/justified-nav/#
- generate components like
ng generate service ServiceStateManager --flat=false- prefix with component type so when we sort components are grouped
- non-flat to prevent so many files in one dir
- name services like service-a and componenets like component-b (ng cli compatible)
- it's a strongly embedded convention in Angular CLI that the main app & module are called 'app'