S1ngS1ng / Angular 2 Essentials
Stars: ✭ 24
Programming Languages
typescript
32286 projects
Angular-2-Essentials
http://singsing.io/Angular-2-Essentials
Live demo:Update 10/22/2016
Project Status
- Update to Angular 2.0.0
- Form module done
- Filter, directive WIP
THIS
This project is built according to:The tutorial on lynda is still using Angular2 beta version
Build your app with the latest version is highly recommended. Update from beta to final realease is not fun
Upgrade your project from System.js to Webpack
Angular-CLI is using webpack. Please follow this official guide.
Project Structure
.
├── e2e # Protractor test files
├── coverage # Auto-generated test coverage reports
├── src # Source code
│ ├── app # Project Source Code
│ │ ├── media-item # media-item module
│ │ ├── media-item-form # media-item-form module
│ │ ├── media-item-list # media-item-list module
│ │ ├── category-list.pipe # A pipe for filtering data (WIP)
│ │ ├── favorite.directive # A directive for customized style (WIP)
│ │ ├── media.interface.ts # Interface of media data
│ │ ├── media-app.*.* # A top-level module that wraps up all sub modules
│ │ ├── media-item.service # A service handling CRUD of media items
│ │ └── providers.ts # Opaque Token (WIP)
│ ├── main.ts # App entry file
│ ├── index.html # Index file
│ └── tsconfig.json # TS compiler configuration file
├── .editorconfig # Set coding style (indents, charset, etc.)
├── .gitignore # You know the drill...
├── Angular 2 - S1ngS1ng.pdf # Slides
├── angular-cli.json # Angular-CLI configuration file
├── package.json # npm configuration file
├── README.md # Read this FIRST :)
├── tslint.json # tsLint configuration file
└── ...
Clone and play (Command line guide)
git clone https://github.com/S1ngS1ng/Angular-2-Essentials.git
cd Angular-2-Essentials
npm i
npm start
Deploy to github-pages is easy
ng github-pages:deploy --message "Deploy messge"
ref: https://github.com/angular/angular-cli#deploying-the-app-via-github-pages
Have better ideas? Help me improve!
- Fork this
git clone [yourURL]
- coding...
git commit -m [commitMessage]
git push [yourBranch]
- Send Pull Request
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].