zeppelin-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From cornead...@apache.org
Subject svn commit: r1762596 - in /zeppelin/site/contribution: ./ zeppelinweb/
Date Wed, 28 Sep 2016 01:44:12 GMT
Author: corneadoug
Date: Wed Sep 28 01:44:12 2016
New Revision: 1762596

URL: http://svn.apache.org/viewvc?rev=1762596&view=rev
Log:
Add ZeppelinWeb GoodPracticeGuide 04

Added:
    zeppelin/site/contribution/zeppelinweb/goodPracticeGuide04.html
Modified:
    zeppelin/site/contribution/contributions.html
    zeppelin/site/contribution/documentation.html
    zeppelin/site/contribution/webapplication.html
    zeppelin/site/contribution/zeppelinweb/goodPracticeGuide01.html
    zeppelin/site/contribution/zeppelinweb/goodPracticeGuide02.html
    zeppelin/site/contribution/zeppelinweb/goodPracticeGuide03.html

Modified: zeppelin/site/contribution/contributions.html
URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/contributions.html?rev=1762596&r1=1762595&r2=1762596&view=diff
==============================================================================
--- zeppelin/site/contribution/contributions.html (original)
+++ zeppelin/site/contribution/contributions.html Wed Sep 28 01:44:12 2016
@@ -124,6 +124,12 @@
   
     
       
+        
+      
+    
+  
+    
+      
     
   
     
@@ -263,6 +269,12 @@
         
       
     
+  
+    
+      
+        
+      
+    
   
     
       

Modified: zeppelin/site/contribution/documentation.html
URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/documentation.html?rev=1762596&r1=1762595&r2=1762596&view=diff
==============================================================================
--- zeppelin/site/contribution/documentation.html (original)
+++ zeppelin/site/contribution/documentation.html Wed Sep 28 01:44:12 2016
@@ -124,6 +124,12 @@
   
     
       
+        
+      
+    
+  
+    
+      
     
   
     
@@ -263,6 +269,12 @@
         
       
     
+  
+    
+      
+        
+      
+    
   
     
       

Modified: zeppelin/site/contribution/webapplication.html
URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/webapplication.html?rev=1762596&r1=1762595&r2=1762596&view=diff
==============================================================================
--- zeppelin/site/contribution/webapplication.html (original)
+++ zeppelin/site/contribution/webapplication.html Wed Sep 28 01:44:12 2016
@@ -124,6 +124,12 @@
   
     
       
+        
+      
+    
+  
+    
+      
     
   
     
@@ -290,6 +296,16 @@
           
         
       
+    
+  
+    
+      
+        
+          
+            <li><a href="/contribution/zeppelinweb/goodPracticeGuide04.html">4
- Using ng-bind</a></li>
+          
+        
+      
     
   
     

Modified: zeppelin/site/contribution/zeppelinweb/goodPracticeGuide01.html
URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/zeppelinweb/goodPracticeGuide01.html?rev=1762596&r1=1762595&r2=1762596&view=diff
==============================================================================
--- zeppelin/site/contribution/zeppelinweb/goodPracticeGuide01.html (original)
+++ zeppelin/site/contribution/zeppelinweb/goodPracticeGuide01.html Wed Sep 28 01:44:12 2016
@@ -124,6 +124,12 @@
   
     
       
+        
+      
+    
+  
+    
+      
     
   
     
@@ -294,6 +300,16 @@
   
     
       
+        
+          
+            <li><a href="/contribution/zeppelinweb/goodPracticeGuide04.html">4
- Using ng-bind</a></li>
+          
+        
+      
+    
+  
+    
+      
     
   
     
@@ -374,8 +390,8 @@ limitations under the License.
 
 <p><br/>
 We should have only one Angular Component per file, and it should look like this:</p>
-<figure class="highlight"><pre><code class="language-text" data-lang="text">(function()
{
-  &#39;use strict&#39;;
+<figure class="highlight"><pre><code class="language-text" data-lang="text">&#39;use
strict&#39;;
+(function() {
 
   angular.module(&#39;zeppelinWebApp&#39;).controller(&#39;HomeCtrl&#39;,
HomeCtrl);
 

Modified: zeppelin/site/contribution/zeppelinweb/goodPracticeGuide02.html
URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/zeppelinweb/goodPracticeGuide02.html?rev=1762596&r1=1762595&r2=1762596&view=diff
==============================================================================
--- zeppelin/site/contribution/zeppelinweb/goodPracticeGuide02.html (original)
+++ zeppelin/site/contribution/zeppelinweb/goodPracticeGuide02.html Wed Sep 28 01:44:12 2016
@@ -124,6 +124,12 @@
   
     
       
+        
+      
+    
+  
+    
+      
     
   
     
@@ -290,6 +296,16 @@
           
         
       
+    
+  
+    
+      
+        
+          
+            <li><a href="/contribution/zeppelinweb/goodPracticeGuide04.html">4
- Using ng-bind</a></li>
+          
+        
+      
     
   
     

Modified: zeppelin/site/contribution/zeppelinweb/goodPracticeGuide03.html
URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/zeppelinweb/goodPracticeGuide03.html?rev=1762596&r1=1762595&r2=1762596&view=diff
==============================================================================
--- zeppelin/site/contribution/zeppelinweb/goodPracticeGuide03.html (original)
+++ zeppelin/site/contribution/zeppelinweb/goodPracticeGuide03.html Wed Sep 28 01:44:12 2016
@@ -124,6 +124,12 @@
   
     
       
+        
+      
+    
+  
+    
+      
     
   
     
@@ -294,6 +300,16 @@
   
     
       
+        
+          
+            <li><a href="/contribution/zeppelinweb/goodPracticeGuide04.html">4
- Using ng-bind</a></li>
+          
+        
+      
+    
+  
+    
+      
     
   
     
@@ -447,7 +463,7 @@ Our main rule regarding writing a contro
 
 <p>Now let&#39;s see how we can use it inside our <code>.html</code>
view in normal situations.</p>
 <figure class="highlight"><pre><code class="language-text" data-lang="text">&lt;div
ng-controller=&quot;myNewController as newCtrl&quot;&gt;
-  &lt;div ng-click=&quot;newCtrl.myControllerPublicFunction&quot;&gt;&lt;/div&gt;
+  &lt;div ng-click=&quot;newCtrl.myControllerPublicFunction&quot;&gt;{{newCtrl.publicVariable}}&lt;/div&gt;
 &lt;/div&gt;
 </code></pre></figure>
 <h4>Using the controller in a page</h4>
@@ -465,7 +481,7 @@ Our main rule regarding writing a contro
 </code></pre></figure>
 <p>Which will leave the <code>.html</code> view without any <code>ng-controller</code>
property.</p>
 <figure class="highlight"><pre><code class="language-text" data-lang="text">&lt;div&gt;
-  &lt;div ng-click=&quot;newCtrl.myControllerPublicFunction&quot;&gt;&lt;/div&gt;
+  &lt;div ng-click=&quot;newCtrl.myControllerPublicFunction&quot;&gt;{{newCtrl.publicVariable}}&lt;/div&gt;
 &lt;/div&gt;
 </code></pre></figure>
 <h4>The rules in detail</h4>

Added: zeppelin/site/contribution/zeppelinweb/goodPracticeGuide04.html
URL: http://svn.apache.org/viewvc/zeppelin/site/contribution/zeppelinweb/goodPracticeGuide04.html?rev=1762596&view=auto
==============================================================================
--- zeppelin/site/contribution/zeppelinweb/goodPracticeGuide04.html (added)
+++ zeppelin/site/contribution/zeppelinweb/goodPracticeGuide04.html Wed Sep 28 01:44:12 2016
@@ -0,0 +1,441 @@
+
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>4 - Using ng-bind</title>
+    <meta name="description" content="">
+    <meta name="author" content="The Apache Software Foundation">
+
+    <!-- Enable responsive viewport -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+
+    <!-- Le styles -->
+    <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
+    <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css"
media="screen" /> 
+    <!-- Le fav and touch icons -->
+    <!-- Update these with your own images
+    <link rel="shortcut icon" href="images/favicon.ico">
+    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
+    -->
+
+    <!-- Js -->
+    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
+    <script src="/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
+    <script src="/assets/themes/zeppelin/js/docs.js"></script>
+    <script src="/assets/themes/zeppelin/js/anchor.min.js"></script>
+      
+
+    <!-- atom & rss feed -->
+    <link href="/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide
ATOM Feed">
+    <link href="/rss.xml" type="application/rss+xml" rel="alternate" title="Sitewide RSS
Feed">
+  </head>
+
+  <body>
+    
+        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+      <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm
zeppelin">
+            Apache Zeppelin
+          </a>
+        </div>
+        <nav class="navbar-collapse collapse" role="navigation">
+          <ul class="nav navbar-nav navbar-right">
+            
+            
+            
+
+
+  
+    
+      
+    
+  
+    
+      
+    
+  
+    
+      
+        
+          
+            <li><a href="/community.html">Community</a></li>
+          
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+          
+            <li><a href="/download.html">Download</a></li>
+          
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+    
+  
+    
+      
+    
+  
+    
+      
+    
+  
+    
+      
+    
+  
+    
+      
+        
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+
+
+
+
+
+            <!-- Docs -->
+            <li id="docs">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Docs<b
class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><span><b>Release</b><span></li>
+                <li><a href="/docs/0.6.1">0.6.1</a></li>
+                <li><a href="/docs/0.6.0">0.6.0</a></li>
+                <li><a href="/docs/0.5.6-incubating">0.5.6-incubating</a></li>
+                <li><a href="/docs/0.5.5-incubating">0.5.5-incubating</a></li>
+                <li><a href="/docs/0.5.0-incubating">0.5.0-incubating</a></li>
+                <li role="separator" class="divider"></li>
+                <li><span><b>Snapshot</b>&nbsp;(development)<span></li>
+                <li><a href="/docs/0.7.0-SNAPSHOT">0.7.0-SNAPSHOT</a></li>
+              </ul>
+            </li>
+
+            <li><a href="https://github.com/apache/incubator-zeppelin">GitHub</a></li>
+
+            <!-- Apache -->
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b
class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache
Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="/assets.html">Assets</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+              </ul>
+            </li>
+          </ul>
+        </nav><!--/.navbar-collapse -->
+      </div>
+    </div>
+
+
+
+
+    <div class="content">
+      
+
+<div class="row">
+  
+    <div class="sideMenu col-sm-3">
+      
+      
+      
+
+
+  
+    
+      
+    
+  
+    
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+          
+            <li><a href="/contribution/zeppelinweb/goodPracticeGuide01.html">1
- Defining Components</a></li>
+          
+        
+      
+    
+  
+    
+      
+        
+          
+            <li><a href="/contribution/zeppelinweb/goodPracticeGuide02.html">2
- Event Dispatching</a></li>
+          
+        
+      
+    
+  
+    
+      
+        
+          
+            <li><a href="/contribution/zeppelinweb/goodPracticeGuide03.html">3
- Making A Controller</a></li>
+          
+        
+      
+    
+  
+    
+      
+        
+          
+            <li class="active"><a href="/contribution/zeppelinweb/goodPracticeGuide04.html"
class="active">4 - Using ng-bind</a></li>
+          
+        
+      
+    
+  
+    
+      
+    
+  
+    
+      
+    
+  
+    
+      
+    
+  
+    
+      
+    
+  
+    
+      
+        
+      
+        
+          
+            <li><a href="/contribution/webapplication.html">Web Application</a></li>
+          
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+    
+      
+        
+      
+    
+  
+
+
+
+
+    </div>
+    <div class="col-sm-9">
+      <!--
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
+<h1>Performance Gain Using ng-bind</h1>
+
+<p><br/>
+We recommend the usage of <code>ng-bind</code> in your views.</p>
+
+<p>It allows some performance improvements compared to the usual <code>{{ }}</code>
syntax, without adding too much code complexity.</p>
+
+<p>Your code would then look like:</p>
+<figure class="highlight"><pre><code class="language-text" data-lang="text">&lt;div
ng-bing=&#39;home.myValue&#39;&gt;&lt;/div&gt;
+</code></pre></figure>
+<p>Instead of:</p>
+<figure class="highlight"><pre><code class="language-text" data-lang="text">&lt;div&gt;
+{{home.myValue}}
+&lt;/div&gt;
+</code></pre></figure>
+<h4>Learn More</h4>
+
+<p>The topic has been discussed a lot, and you can follow some of these discussions
<a href="https://github.com/toddmotto/angular-styleguide/issues/41">here</a> or
+<a href="http://stackoverflow.com/questions/27097006/angularjs-why-is-ng-bind-faster-than-expressions">there</a>.</p>
+
+    </div>
+  
+</div>
+
+
+      <hr>
+      <footer>
+        <!-- <p>&copy; 2016 The Apache Software Foundation</p>-->
+      </footer>
+    </div>
+
+    
+
+
+
+
+  <script type="text/javascript">
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-45176241-5', 'zeppelin.apache.org');
+  ga('require', 'linkid', 'linkid.js');
+  ga('send', 'pageview');
+
+</script>
+
+
+
+  </body>
+</html>
+



Mime
View raw message