mirror/notebook
2
0
Fork 0
mirror of https://github.com/jupyter/notebook.git synced 2025-01-24 12:05:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

move typo from rst to ipynb

Browse Source
This commit is contained in:
Matthias Bussonnier 2015-08-29 12:08:49 +01:00
parent 5f2dea1c8e
commit de925603e4
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
docs/source/examples/Notebook/JavaScript Notebook Extensions.ipynb
View File

@ -4,17 +4,17 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"# Embrasing web standards"
"# Embracing web standards"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"One of the main reason that allowed us to developp the current notebook web application \n",
"was to embrase the web technology. \n",
"One of the main reason that allowed us to develop the current notebook web application \n",
"was to embrace the web technology. \n",
"\n",
"By beeing a pure web application using HTML, Javascript and CSS, the Notebook can get \n",
"By being a pure web application using HTML, Javascript and CSS, the Notebook can get \n",
"all the web technology improvement for free. Thus, as browsers support for different \n",
"media extend, The notebook web app should be able to be compatible without modification. \n",
"\n",
@ -34,16 +34,16 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"## Tempering with Notebook app"
"## Tampering with Notebook app"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"The first tool that is availlable to you and that you shoudl be aware of are browser \"developpers tool\". The exact naming can change across browser, and might require the installation of extensions. But basically they can allow you to inspect/modify the DOM, and interact with the javascript code that run the frontend.\n",
"The first tool that is available to you and that you should be aware of are browser \"developers tool\". The exact naming can change across browser, and might require the installation of extensions. But basically they can allow you to inspect/modify the DOM, and interact with the javascript code that run the frontend.\n",
"\n",
" - In Chrome and safari Developper tools are in the menu [Put mmenu name in english here] \n",
" - In Chrome and safari Developer tools are in the menu [Put mmenu name in english here] \n",
" - In firefox you might need to install [Firebug](http://getfirebug.com/)\n",
" - others ?\n",
" \n",
@ -68,12 +68,12 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"Above tools can be tedious to edit long javascipt files. Hopefully we provide the `%%javascript` magic. This allows you to quickly inject javascript into the notebook. Still the javascript injected this way will not survive reloading. Hence it is a good tool for testing an refinig a script.\n",
"Above tools can be tedious to edit long javascript files. Hopefully we provide the `%%javascript` magic. This allows you to quickly inject javascript into the notebook. Still the javascript injected this way will not survive reloading. Hence it is a good tool for testing an refining a script.\n",
"\n",
"You might see here and there people modifying css and injecting js into notebook by reading file and publishing them into the notebook.\n",
"Not only this often break the flow of the notebook and make the re-execution of the notebook broken, but it also mean that you need to execute those cells on all the notebook every time you need to update the code.\n",
"\n",
"This can still be usefull in some cases, like the `%autosave` magic that allows to control the time between each save. But this can be replaced by a Javascript dropdown menu to select save interval."
"This can still be useful in some cases, like the `%autosave` magic that allows to control the time between each save. But this can be replaced by a Javascript dropdown menu to select save interval."
]
},
{
@ -100,7 +100,7 @@
"metadata": {},
"source": [
"To inject Javascript we provide an entry point: `custom.js` that allow the user to execute and load other resources into the notebook.\n",
"Javascript code in `custom.js` will be executed when the notebook app start and can then be used to customise almost anything in the UI and in the behavior of the notebook.\n",
"Javascript code in `custom.js` will be executed when the notebook app start and can then be used to customize almost anything in the UI and in the behavior of the notebook.\n",
"\n",
"`custom.js` can be found in the Jupyter dir. You can share your custom.js with others."
]
@ -214,7 +214,7 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"We've seen above that you can change the autosave rate by using a magic. This is typically something I don't want to type everytime, and that I don't like to embed into my workwlow and documents. (reader don't care what my autosave time is), let's build an extension that allow to do it. "
"We've seen above that you can change the autosave rate by using a magic. This is typically something I don't want to type everytime, and that I don't like to embed into my workflow and documents. (reader don't care what my autosave time is), let's build an extension that allow to do it. "
]
},
{
@ -223,7 +223,7 @@
"foo": true
},
"source": [
"Create a dropdow elemement in the toolbar (DOM `Jupyter.toolbar.element`), you will need \n",
"Create a dropdown element in the toolbar (DOM `Jupyter.toolbar.element`), you will need \n",
"\n",
"- `IPython.notebook.set_autosave_interval(miliseconds)`\n",
"- know that 1min = 60 sec, and 1 sec = 1000 ms"
@ -341,7 +341,7 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"By browsing the doc you will see that we have soem convenience methods that avoid to re-invent the UI everytime :\n",
"By browsing the doc you will see that we have some convenience methods that avoid to re-invent the UI everytime :\n",
"```javascript\n",
"Jupyter.toolbar.add_buttons_group([\n",
" {\n",
@ -373,8 +373,8 @@
"foo": true
},
"source": [
"The most requested feature is generaly to be able to distinguish individual cell in th enotebook, or run specific action with them.\n",
"To do so, you can either use `Jupyter.notebook.get_selected_cell()`, or rely on `CellToolbar`. This allow you to register aset of action and graphical element that will be attached on individual cells."
"The most requested feature is generally to be able to distinguish individual cell in the notebook, or run specific action with them.\n",
"To do so, you can either use `Jupyter.notebook.get_selected_cell()`, or rely on `CellToolbar`. This allow you to register asset of action and graphical element that will be attached on individual cells."
]
},
{
@ -395,7 +395,7 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"First we define a function that takes at first parameter an element on the DOM in which to inject UI element. Second element will be the cell this element will be registerd with. Then we will need to register that function ad give it a name.\n"
"First we define a function that takes at first parameter an element on the DOM in which to inject UI element. Second element will be the cell this element will be registered with. Then we will need to register that function ad give it a name.\n"
]
},
{
@ -478,7 +478,7 @@
" - Tutorial 2\n",
" \n",
"And check that the buttons you defin share state when you toggle preset. \n",
"Check moreover that the metadata of the cell is modified when you clisk the button, and that when saved on reloaded the metadata is still availlable."
"Check moreover that the metadata of the cell is modified when you clisk the button, and that when saved on reloaded the metadata is still available."
]
},
{
@ -506,7 +506,7 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"`require` is provided by a [javascript library](http://requirejs.org/) that allow to express dependency. For simple extension like the previous one we directly mute the global namespace, but for more complexe extension you could pass acallback to `require([...], <callback>)` call, to allow the user to pass configuration information to your plugin.\n",
"`require` is provided by a [javascript library](http://requirejs.org/) that allow to express dependency. For simple extension like the previous one we directly mute the global namespace, but for more complex extension you could pass a callback to `require([...], <callback>)` call, to allow the user to pass configuration information to your plugin.\n",
"\n",
"In Python lang, \n",
"\n",
@ -558,7 +558,7 @@
" - `Medium`\n",
" - `Hard`\n",
" \n",
"We will use it to customise the output of the converted notebook depending of the tag on each cell"
"We will use it to customiZe the output of the converted notebook depending of the tag on each cell"
]
},
{
@ -589,7 +589,7 @@
"name": "python",
"nbconvert_exporter": "python",
"pygments_lexer": "ipython3",
"version": "3.4.0"
"version": "3.4.3"
}
},
"nbformat": 4,