From mboxrd@z Thu Jan 1 00:00:00 1970 From: Matt Price Subject: teaching with live-updating code examples Date: Thu, 8 Dec 2016 13:07:53 -0500 Message-ID: Mime-Version: 1.0 Content-Type: multipart/alternative; boundary=001a1147c69c3531560543298469 Return-path: Received: from eggs.gnu.org ([2001:4830:134:3::10]:37505) by lists.gnu.org with esmtp (Exim 4.71) (envelope-from ) id 1cF38F-00020i-UC for emacs-orgmode@gnu.org; Thu, 08 Dec 2016 13:09:28 -0500 Received: from Debian-exim by eggs.gnu.org with spam-scanned (Exim 4.71) (envelope-from ) id 1cF38A-0001dj-Vg for emacs-orgmode@gnu.org; Thu, 08 Dec 2016 13:09:23 -0500 Received: from mail-io0-f169.google.com ([209.85.223.169]:35646) by eggs.gnu.org with esmtps (TLS1.0:RSA_AES_128_CBC_SHA1:16) (Exim 4.71) (envelope-from ) id 1cF38A-0001L1-No for emacs-orgmode@gnu.org; Thu, 08 Dec 2016 13:09:18 -0500 Received: by mail-io0-f169.google.com with SMTP id h30so13878429iod.2 for ; Thu, 08 Dec 2016 10:08:57 -0800 (PST) List-Id: "General discussions about Org-mode." List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org Sender: "Emacs-orgmode" To: Org Mode --001a1147c69c3531560543298469 Content-Type: text/plain; charset=UTF-8 I am preparing a set of lectures for a class teaching HTML, CSS, and javascript ot humanities students. I would like to have slides with a simple code editor on one side, and the results of the code on another: ------------------------------------------------------------------------ | [1,2,3].map(function(x){return x + 1;}) | Array[2,3,4] | ------------------------------------------------------------------------ or in other cases ------------------------------------------------------------------------ |

Hello

| Hello in appropriate format | ------------------------------------------------------------------------- The former, at least, is pretty straightforward to do in CodeMirror with the klipse plugin. However, codemirror integrates poorly with reveal.js, which is how I normally export my slides. So, I'm looking for other solutions. What do other people do in lecture? I'd really like to be able to keep all my notes and code in a single org file, if at all possible. I'm willing to switch away from reveal, but since this is a course about the web I'd really like to kep it in an HTML format if I can. On the other hand if you have a great solution I'd love to hear about it no matter what! Thanks everyone! Matt --001a1147c69c3531560543298469 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable
I am preparing a set of lectures for a= class teaching HTML, CSS, and javascript ot humanities students.

<= /div>I would like to have slides with a simple code editor on one side, and= the results of the code on another:

-------------------------------= -----------------------------------------
| [1,2,3].map(function(x= ){return x + 1;})=C2=A0=C2=A0 |=C2=A0=C2=A0 Array[2,3,4] |
-------------= -----------------------------------------------------------

or= in other cases

---------------------------------------------------= ---------------------
|<h1>Hello</h1>=C2=A0=C2=A0=C2= =A0 | Hello in appropriate format=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 |
------= -------------------------------------------------------------------

The former, at least, is pretty straightforward to do = in CodeMirror with the klipse plugin.=C2=A0 However, codemirror integrates = poorly with reveal.js, which is how I normally export my slides.=C2=A0
=
So, I'm looking for other solutions. What do other peopl= e do in lecture? I'd really like to be able to keep all my notes and co= de in a single org file, if at all possible.=C2=A0 I'm willing to switc= h away from reveal, but since this is a course about the web I'd really= like to kep it in an HTML format if I can.=C2=A0
On the other hand if = you have a great solution I'd love to hear about it no matter what!
=

Thanks everyone!

Matt
--001a1147c69c3531560543298469--