codelab-fun / codelab Goto Github PK
View Code? Open in Web Editor NEWInteractive Angular Codelab ๐ฆ Learn Angular basics online without setup
Home Page: https://codelab.fun
License: Apache License 2.0
Interactive Angular Codelab ๐ฆ Learn Angular basics online without setup
Home Page: https://codelab.fun
License: Apache License 2.0
In angular-presentation/src/app/presentation/menu-shortcut/menu-shortcut.component.html
<p><a [href]="route.path + '/0'">{{route.name}}</a></p>
This causes a full page reload rather than a route change.
Similar to the browser window in #17 but should look like dev-tools console
This issue addresses migrating content from Google Slides to HTML slides
link to the slides
'Content' slides (i.e. 8 or 19) (Can be generated?):
Slide 67, 68:
Slides 17, 18, 23, 33, 41, 48, 54, 65:
It has to mention that the codelab is in early stages and can be broken and also encourage to send feedback.
Must be very beautiful, and the feedback button must BLINK!!! (or at least get highlighted) (Optionally add a gif)
I could see there being an argument for easing the transition, but I believe that any
should be warned against for people learning TS. It might encourage bad habits with typing.
May require some tinkering.
Here's a sample library from an ng-conf talk:
https://github.com/jasonaden/simple-ui-lib
here's semi-related angular-cli issue:
angular/angular-cli#1692
Use slide number in the url?
Basically as an alternative to something like <img src="{{foo}}">
, we can introduce the <img ngSrc="foo">
.
Would be cool to have a slide screenshot if possible
These changes will enable contributors to work together without creating many conflicts, among other things.
Run ng lint
and enjoy!
See here.
It should be constructor(private converter: UnitConverterService)
so the compiler creates a converter
field for the class.
Steps to reprocude: Open TS milestone, scroll through
something which is not app
but not as long as presentation?
Error is happening here: https://github.com/AngularNYC/angular-presentation/blob/e8e6309ab8e336d3a88a35d65acfb0bc97fcc5cf/src/app/exercise/runner/runner.component.ts#L88
Seems to only happen in overview mode.
core.es5.js:1084 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'body' of null
TypeError: Cannot read property 'body' of null
at Object.setHtml (runner.component.ts:88)
at runner.component.ts:287
at ZoneDelegate.invoke (zone.js:365)
at Object.onInvoke (core.es5.js:4125)
at ZoneDelegate.invoke (zone.js:364)
at Zone.run (zone.js:125)
at zone.js:758
at ZoneDelegate.invokeTask (zone.js:398)
at Object.onInvokeTask (core.es5.js:4116)
at ZoneDelegate.invokeTask (zone.js:397)
at Zone.runTask (zone.js:165)
at drainMicroTaskQueue (zone.js:591)
at HTMLDivElement.ZoneTask.invoke (zone.js:464)
at Object.setHtml (runner.component.ts:88)
at runner.component.ts:287
at ZoneDelegate.invoke (zone.js:365)
at Object.onInvoke (core.es5.js:4125)
at ZoneDelegate.invoke (zone.js:364)
at Zone.run (zone.js:125)
at zone.js:758
at ZoneDelegate.invokeTask (zone.js:398)
at Object.onInvokeTask (core.es5.js:4116)
at ZoneDelegate.invokeTask (zone.js:397)
at Zone.runTask (zone.js:165)
at drainMicroTaskQueue (zone.js:591)
at HTMLDivElement.ZoneTask.invoke (zone.js:464)
at resolvePromise (zone.js:710) [angular]
at :4200/polyfills.bundle.js:3534:17 [angular]
at Object.onInvokeTask (core.es5.js:4116) [angular]
at drainMicroTaskQueue (zone.js:591) [<root>]
at HTMLDivElement.ZoneTask.invoke (zone.js:464) [<root>]
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.