Last active
March 1, 2017 15:04
-
-
Save justinAurand/faccbb59bda6097c3798ac1d25dead39 to your computer and use it in GitHub Desktop.
Notes from Philly.NET Code Camp session on Angular 2017-02-24
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Code Camp Notes | |
| - Angular vs React -> Bill Wolff (speaker) beliefs | |
| - Angular is better at forms over data for business apps | |
| - React can be faster when utilized correctly | |
| - Wanna see Google search trends? https://trends.google.com/trends/ | |
| - SmarterASP.net (hosting provider) sucks | |
| - They no longer have phone support | |
| - It appears they've started running more sites on less servers | |
| - Angular 1 | |
| - Angular 1.5 and above, components replace directives | |
| - This is a necessary step to convert to Angular2 | |
| - For live reload capability, see npm live-server -> https://www.npmjs.com/package/live-server | |
| - Don't forget :: in front of your variables is an option to force one way binding (ex. ::firstName) | |
| - Shadow DOM -> processes the diff between current page and new page on the server side, then sends over the diff | |
| - If you don't know about viewports (some engineers don't), get some learnin' | |
| - Ex. <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| - Angular Material (the new replacement for Bootstrap) | |
| - https://material.angularjs.org/latest/ | |
| - They have their own icons, named material icons -> https://fonts.googleapis.com/icon?family=Material+Icons | |
| - Good support for those with disabilities -> <script src="angular-aria.min.js"></script> | |
| - Favicon size support -> https://github.com/audreyr/favicon-cheat-sheet | |
| - Angular 2 | |
| - Faster and better than Angular1 | |
| - There is a steeper learning curve than Angular1 | |
| - A great cross-platform tool (web, mobile, any OS) | |
| - Component based rather than directive based | |
| - TypeScript recommended, not required | |
| - Has a "quick seed," which is basically just Angular2 lite | |
| - Tutorials | |
| - https://angular.io/docs/ts/latest/tutorial/ | |
| - https://egghead.io/courses/angular-2-fundamentals | |
| - CLI (command line interface) learnings -> https://cli.angular.io/ | |
| - Similar to Yoeman, ng generate is the new component/route/service/pipe generation tool | |
| - WebPack -> finds the files you're actually using, then combines/minifies them for you | |
| - You should know about web workers -> https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Good stuff. Thanks for the write up homie