Contact     Why Poland @PL_Trade         Follow Python Links @PythonLinks
Root / zopache / Blogs / Browser-Based Javascript IDE

This Page

Browser-Based Javascript IDE

In your browser, you create a tree of folders, and populate those folders with HTML, CSS, Javascript, Jade and Image Objects.  Every object has its own URL, and can be displayed or edited. Text Objects  can be edited using the gorgeous syntax-checking ACE Editor.   HTML objects can also be edited with the WYSIWYG CkEditor.   Folders can be managed using the Zopache Management Interface (ZMI) which allows you to  rename, delete cut and copy any object.  Cut or copied objects can then be pasted anywhere in the tree.   

The Jewel in the crown is Jade.  Jade is a terse HTML templating language.    Like Python, CoffeeScript or HAML, Jade uses indentation to get rid of confusing end brackets.  Jade plays brilliantly with Javascript.  Indeed it is the preferred templating language for Node.js.  Zopache makes it easy to learn Jade.

  •  Zopache is browser-based: no need to know Unix or install Node.js, all you need is a browser. 
  • Zopache is javascript-enabled; you can animate your web pages with Javascript, and debug them in your browser.  
  • Zopache is multi-lingual:  You can enter multiple languages in a jade document.  Document/en will display in English.  Document/es will display in Spanish. 
  • Zopache is privacy-protecting you can control who has access to your professional information.  
  • Zopache  is an IDE, you can build and debug your entire web site with it. 
  • Zopache supports Acquisition: you can acquire templates, html fragments, and  images from a parent folder.

Learn Jade: Port your Resume

A meaningful way to learn Jade is to port your resume to Jade.  Start by learning the Jade basics. Use the HTML-to-Jade converter to do most of the work.  Then do the interesting stuff. Use jade includes to include a single element, maybe different introductions depending on the URL.  Use Jade Extends to make a whole suite of changes.  You might have a short version of your resume, and a long version of your resume.  The short one is quick to read, the long one has all the gory details.  They both share the same layout.  And of course it is easy to do multi-lingual resumes. Use JSON to bring in dynamically changing data, maybe your availability date.  

Zopache makes it trivial to manage a family of resumes. In a spam-flooded world, the average human resources person allocates 8 seconds to scan your resume.  If the introduction does not have the right buzz words, she hits the delete button.   To get their attention, you need a family of resumes.   They should have different introductions. They may have different job descriptions.  They may be in different languages.  They should leverage Javascript.   Zopache makes it trivial to manage such a family of resumes.  PrivaCV.com makes it possible to only show the resume you want to the hiring manager.

To manage multiple resumes, you create a tree of folders.  Each folder has its own URL. In the root folder you place your basic resume template and possibly the default introduction and job descriptions.  The basic resume template imports the relevant content. The branches below that are for different markets. Maybe one for SQLAlchemy, one for Django, and one for Ember.   Each market folder has a different introduction.    The branches below that might be for different jobs, maybe you emphasize different parts of your work history..  When a browser accesses a folder, it uses the local content, and acquires the other content from parent folders. So when accessing the Django market folder,   it acquires the basic resume template from the root folder, which imports the local Django introduction.   For a particular customer, you might have a local local job description, but acquire the introduction from a parent, and acquire the resume template from the root.  Once you understand acquisition,  this makes it really easy to maintain a family of resumes.  

Basic Web Objects

Basic Web Objects make it easy to put up web pages.  Basic web objects include Folder, HTML, CSS, Javascript, Image, and Jade objects.  Folders allow you to create a tree of objects. Each object has its own URL.  HTML, CSS, and Javascript objects all hold the relevant content type and all support the gorgous browser-based ACE editor and syntax checker.   HTML objects also support the WYSIWYG ckEditor.  Image objects store images.   

The jewel in the crown are Jade objects.  Jade is a terse Javascript templating language, much like Python or HAML it uses indenting to eliminate closing brackets.  That makes HTML way simpler to create, making it easy to embed multiple languages in the same Jade source page.  You also get to view and restore history for all but folder objects. 


Multilingual Editor/Server

Zopache is also the only multilingual html editor/server I know.  Usually multi-lingual people have to maintain two separate web pages, one in each language.  What a pain.  With Zopache, you edit a single web page, the last two letters of the url determine the language displayed.  Resume/en would be in English.  Resume/es would be in Spanish.  Technically the view on the resume sets the language headers, and javascript sets the CSS to determine which language to display. 


Zopache Technology

Zopache is built on Persistent Python. ‚Äč     History is stored for a day.   If you make a mistake, it is easy to revert to a previous version.  Looks good with Bootstrap.   User navigation is great with Breadcrumbs and every page says which class and view are being looked at. There is also a ZMI and Acquisition.  All implemented on top of a modern Grok/ZTK/ZODB infrastructure. 


All about the ZODB.

I invite you to Register and then link to your own blog postings and software packages..

Powered by Zopache, Grok, Zope and ZODB

Robots Crawl This