codelab-fun / codelab Goto Github PK

See here.

It should be constructor(private converter: UnitConverterService) so the compiler creates a converter field for the class.

Content projection:
https://docs.google.com/presentation/d/1Wh4ZwTKG1h66f3mTD4GQO8rKwGDEJeBSvUDJ3udU1LA/edit#slide=id.g1b20e4e474_0_37

Run ng lint and enjoy!

https://docs.google.com/presentation/d/1Wh4ZwTKG1h66f3mTD4GQO8rKwGDEJeBSvUDJ3udU1LA/edit#slide=id.g165e56e4e2_0_123

• Add feedback form
• See if firebase functions can be used to create gh-issue

Steps to reprocude: Open TS milestone, scroll through

https://docs.google.com/presentation/d/1Wh4ZwTKG1h66f3mTD4GQO8rKwGDEJeBSvUDJ3udU1LA/edit#slide=id.g1b20e4e474_0_32

something which is not app but not as long as presentation?

• How to install
• All necessary plugins (editor config? css-formatter? anything else?)
• All required shortcuts (how to format, how open file, how to search globally, etc)

• Feedback - comments - form
• Home button
• Preview/Print button

This issue addresses migrating content from Google Slides to HTML slides
link to the slides

Most of the slides:

• file names under code (for ex. slides 20-22)
• text is white or gray
• highlight code and put a box around it
• have fixed (always in the same place) current section (gray) & title (white)

slide 1-2:

• background image - scale&position
  No background for now

Slides 3-75:

• gray background

Slide 4:

• grid boxes of different color

Slide 5:

• TS graph

Slides 5, 74:

• Notes on the bottom

Slides 7, 9:

• huge titles
• highlighted words

Slide 11:

• custom code highlight (red)

Slides 10-15:

• yellow tooltips on the code
• very large code

'Content' slides (i.e. 8 or 19) (Can be generated?):

• Highlight current section with yellow & bigger font

Slides 20, 21, 32:

• arrows pointing to code

Slides 45, 47, 64:

• position multiple boxes of code

Slides 46, 50, 52:

• Mixed code boxes & arrows & colored boxes

Slide 67, 68:

• display output

Slide 58, 59, 60, 62, 63:

• add image
• add colored filter on image

Slides 3, 36, 60:

• highlighted words in different colors (i.e. slide 3)

Slides 17, 18, 23, 33, 41, 48, 54, 65:

• Directions title in gray and bigger font

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>]

Would be cool to have a slide screenshot if possible

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.

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?

• Lock master branch to everyone (All new master branch code must come through PR)
• Require tests to pass before PR merge to master (related #34)
• Add CONTRIBUTING.md
• Create a quick start presentation (#31)
• Add .github/ISSUE_TEMPLATE.md
• Add .github/SAVED_REPLIES.md (Optional)

These changes will enable contributors to work together without creating many conflicts, among other things.

https://docs.google.com/presentation/d/1Wh4ZwTKG1h66f3mTD4GQO8rKwGDEJeBSvUDJ3udU1LA/edit#slide=id.g1b20e4e474_0_42

Basically as an alternative to something like <img src="{{foo}}">, we can introduce the <img ngSrc="foo">.

Similar to the browser window in #17 but should look like dev-tools console

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.

Currently we have this.
Maybe add a nice button?

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)

https://choosealicense.com/licenses/apache-2.0/