save file

Author: javascript-2020

html-components/html-components.html

@@ -291,7 +291,7 @@ <h3>
                                 </span>
                           </h3>
                           <p>
-                                many of the official components, at this time, require some boiler plate code, mainly small dependencies.
+                                Many of the official components, at this time, require some boiler plate code, mainly small dependencies.
                           </p>
                           <p>
                                 <code>
@@ -307,7 +307,7 @@ <h3>
                           </p>
 
                           <p>
-                                when the ?hdr parameter is used, after component initialisation is complete, a user function is called.  This function can can be named
+                                When the ?hdr parameter is used, after component initialisation is complete, a user function is called.  This function can can be named
                                 any of these names :
                           </p>
                           <ul>
@@ -338,7 +338,7 @@ <h3>
                           </ul>
 
                           <p>
-                                here is a simple example that includes the
+                                Here is a simple example that includes the
                                 <a href='list/web-console/web-console.html'>
                                       web-console
                                       <span class=link-domain>
@@ -354,12 +354,12 @@ <h3>
 
                     <div>
                           <p>
-                                the code for a component, note
+                                The code for a component, note :
                           </p>
 
                           <ul>
                                 <li>
-                                      the function that defines the module is wrapped in parentheses () making it a function expression,
+                                      The function that defines the module is wrapped in parentheses () making it a function expression,
                                       this is required.
                                       <code>
 
@@ -369,27 +369,27 @@ <h3>
                                       </code>
                                 </li>
                                 <li>
-                                      the arguments to the function ({mod,host})
+                                      The arguments to the function ({mod,host}) :
 
                                       <ul>
                                             <li>
                                                   <b>
                                                         mod
                                                   </b>
                                                   <br>
-                                                  the modules own namespaced component module reference
+                                                  The modules own namespaced component module reference.
                                             </li>
                                             <li>
                                                   <b>
                                                         host
                                                   </b>
                                                   <br>
-                                                  the root element of the component
+                                                  The root element of the component.
                                             </li>
                                       </ul>
                                 </li>
                                 <li>
-                                      the function defines an object that is returned, note : the variable name <b>obj</b>, is purely an internal reference.
+                                      The function defines an object that is returned, note : the variable name <b>obj</b>, is purely an internal reference.
                                       <code>
 
                                             var obj   = {
@@ -405,7 +405,7 @@ <h3>
                                       </code>
                                 </li>
                                 <li>
-                                      any methods and properties that are exposed to the public are added as properties to the obj
+                                      Any methods and properties that are exposed to the public are added as properties to the obj :
                                       <br>
                                       <code>
 
@@ -422,7 +422,7 @@ <h3>
 
 
                           <p>
-                                Skeletal function definition
+                                Skeletal function definition :
                           </p>
 
                           <code-src src='ex/define-component.js'></code-src>
@@ -432,7 +432,7 @@ <h3>
 
                     <div>
                           <p>
-                                a typical component / module lifecycle might have
+                                A typical component / module lifecycle might have :
                           </p>
 
                           <ul>
@@ -444,15 +444,15 @@ <h3>
                                       This is where local depencies can be passed to the component
                                       <br>
                                       They fundamentally should not be relying on global state to receive their local depencies, this method is not always
-                                      needed
+                                      needed.
                                 </li>
                                 <li>
                                       <b>
                                             init
                                       </b>
                                       <br>
                                       This is the first entry point to the component, it is an asynchronous function that allows the component to check
-                                      that it has everything it needs to run, including access to the network to load resources it may need
+                                      that it has everything it needs to run, including access to the network to load resources it may need.
                                 </li>
                                 <li>
                                       <b>
@@ -465,7 +465,7 @@ <h3>
                           </ul>
 
                           <p>
-                                components are also effectively namespaced so they are free to load any other components that they may need without having to
+                                Components are also effectively namespaced so they are free to load any other components that they may need without having to
                                 worry that there will ever be a clash of variables or tag names.
                           </p>
                     </div>
@@ -474,15 +474,15 @@ <h3>
                     <div style='margin-top:50px;margin-bottom:50px'>
 
                           <p>
-                                view the full list of components
+                                View the full list of components
                                 <br>
                                 <a href='html-components-list/html-components-list.html'>
                                       html component list
                                 </a>
                           </p>
 
                           <p>
-                                view the
+                                View the
                                 <b>
                                       component.js
                                 </b>
@@ -498,7 +498,7 @@ <h3>
 
                     <div>
                           <p>
-                                here is a very simple component
+                                Here is a very simple component
                           </p>
                           <web-editor id=ex2 component fullsize mode=html src='https://libs.ext-code.com/html/demo/demo-example/demo-example.html'></web-editor>
                           <p>