ractivejs / learn Goto Github PK

Looks like the build pushes it to surge. This means the Github pages version is not used anymore. Suggesting removal of the branch to remove confusion.

See bottom of ractivejs/ractive#103

including iPhone and iPad

There is a data-index attribute in the

There is a function error in the tutorial : http://learn.ractivejs.org/expressions/1 , which the 'format' function for the third 'case num>1000' is wrong, suppose the 'population = 2000', it will output '2,0'.

Code:
error: 'if ( num > 1000 ) return ( Math.floor( num / 1000 ) ) + ',' + ( num % 1000 );'
It should work in this way: 'if ( num >= 1000 ) return ( Math.floor( num / 1000 ) ) + ',' + ( String.prototype.slice.call(num,-3) );'

I did all the tutorial steps in a row, and transitions didn't behave as expected (the 3 parts) :

• Without "intro", the buttons were just piling up and didn't hide
• With "intro", nothing happened when clicking the button.

A simple F5 fixed the problem.

Config : Chromium 51.0.2704.79 // Ubuntu 16.04 (64-bit)

We're locked on an outdated version of jshint (2.6.3) until jshint/jshint#2362 is closed.

(Or move to eslint - not sure if eslint is suitable for in-browser lint-as-you-type applications though)

Presumably an issue across all *.ractivejs.org sites, but particularly acute here – colours apparently rather unusable on some screens. Via ractivejs/ractive#2289

Add simple examples to your DOCs. Like MDN does.
For example http://docs.ractivejs.org/latest/ractive-get don't explain anything.
Sometimes description on MDN also are useless, but simple examples do the thing.

Testing http://learn.ractivejs.org/event-proxies/4 on iOS 8.0.2 iPad mini sometimes produces two taps and usually gets the wrong "pressed/hovered" markup.

Learn is still using .39. Should probably be updated and a few examples of computed propertied should be added.

From ractivejs/ractive#2703

and probably other IE versions as well. Presumably misdetecting support for the history API, or something

The text guide does not specify the inclusion of the 'counter: 0' into the jason data.
Anyway, if somebody click 'fix the code' button, it appear.
The errata it's only with the text guide.

Off the top of my head:

• Computed properties
• Adaptors
• Inline components
• Component loaders
• Pattern observers (observers are hardly mentioned at all in fact)
• Contenteditable (ractivejs/ractive#579)

Feel free to add to this list...

The favicon doesn't load except if you're at the very beginning of the tutorial.

If you go to http://learn.ractivejs.org/expressions/1/ for example, you'll have the following error :
GET http://learn.ractivejs.org/expressions/1/assets/favicon.png 404 (Not Found)

I'm not sure what's going on, but when you do as the tutorial tells you and add to the end of the script the following:

var newSuperhero = {
  name: 'Storm',
  realname: 'Monroe, Ororo',
  power: 'Controlling the weather',
  info: 'http://www.superherodb.com/Storm/10-135/'
};

ractive.push('superheroes', newSuperhero);

Then every time you hit execute, another copy of storm gets added to the array, for multiple Stormy goodness.

The divvy-vertical-control between the tutorial text and the template and code areas for horizontal resizing is interfering with the scrolling of the tutorial text. It overlaps the scrollbar by more than 50% which makes it more likely to start a resize when you go to scroll the tutorial down by dragging. This happens in Chrome 41, Firefox 35 and IE 11 and can get real frustrating.

A possible solution that works in Chrome is:

.divvy-leaf.divvy-left {
  z-index: 11;
}

This CSS my be too general though, I don't know how divvy works.

Crossposting from @donnyv's issue:

It looks like the ability to edit is broken.
I click on the item and nothing happens.
http://learn.ractivejs.org/partials/1