http://wiki.karljones.com/api.php?action=feedcontributions&user=Karl+Jones&feedformat=atomWiki @ Karl Jones dot com - User contributions [en]2024-03-28T10:14:13ZUser contributionsMediaWiki 1.24.2http://wiki.karljones.com/index.php?title=Kim_Matthews&diff=20317Kim Matthews2020-02-02T14:33:16Z<p>Karl Jones: </p>
<hr />
<div>[[File:Visitor-by-Kim-Matthews-(2015).png|thumb|''Visitor'' (2015).]]'''Kim Matthews''' is an American [[sculptor]].<br />
<br />
== See also ==<br />
<br />
* [[Sculpture]]<br />
<br />
== External links ==<br />
<br />
* [http://kimmatthewsart.com/ Official website]<br />
* [http://gnomonchronicles.com/wiki/Kim_Matthews_(nonfiction) Kim Matthews] @ Gnomon Chronicles<br />
<br />
<br />
[[Category:Artists]]<br />
[[Category:Sculptors]]<br />
[[Category:People]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=AngularJS&diff=20316AngularJS2019-06-03T15:38:03Z<p>Karl Jones: </p>
<hr />
<div>In software development, AngularJS (commonly referred to as "Angular") is an [[open source]] [[web application]] [[JavaScript library|JavaScript framework]] for developing [[Single-page application|single-page applications]].<br />
<br />
This article focuses on Angular 2.<br />
<br />
== Description ==<br />
<br />
AngularJS simplifies both the development and the testing of web applications by providing a framework for [[client-side]] [[Model-view-controller|Model–view–controller]] (MVC) architecture, along with components commonly used in [[rich Internet application|rich Internet applications]].<br />
<br />
AngularJS works by first reading the [[HTML]] page, which has embedded into it additional custom tag attributes. <br />
<br />
Angular interprets those attributes as directives to bind input or output parts of the page to a model that is represented by standard JavaScript variables. <br />
<br />
The values of those JavaScript variables can be manually set within the code, or retrieved from static or dynamic JSON resources.<br />
<br />
== Why Angular 2 ==<br />
<br />
* Keep and enhance best practices from Angular 2<br />
* Standards: new syntax for templates binding to native DOM<br />
* Improved change detection for speed/performance<br />
* Reactive mechanism handling<br />
* Immutable data objects<br />
<br />
== Directive ==<br />
<br />
A directive is a class decorated with <code>@Directive</code>.<br />
<br />
See [[AngularJS directive]].<br />
<br />
== Component ==<br />
<br />
A component is a directive with added template features.<br />
<br />
See [[AngularJS component]].<br />
<br />
== Metadata ==<br />
<br />
Metadata allows Angular to process (decorate) a class.<br />
<br />
See [[AngularJS metadata]].<br />
<br />
== Templates ==<br />
<br />
Template is HTML which tells Angular how to render a component.<br />
<br />
See [[AngularJS template]].<br />
<br />
== Data binding ==<br />
<br />
Enables data to flow from component to template and vice-versa.<br />
<br />
See [[AngularJS data binding]].<br />
<br />
== Services ==<br />
<br />
A service is a class.<br />
<br />
Handles business logic (so components don't have to).<br />
<br />
Decorate with <code>@Injectable</code> to inject dependencies into service.<br />
<br />
See also Event Handling Services.<br />
<br />
== Modules ==<br />
<br />
See [[AngularJS module]].<br />
<br />
== Dependency injection ==<br />
<br />
See [[AngularJS dependency injection]].<br />
<br />
== Data sharing ==<br />
<br />
Four different ways to share data in Angular:<br />
<br />
* Parent to Child: Input decorator.<br />
* Child to Parent via Output and eventEmitter - button clicks, form entries, etc.<br />
* Child to Parent via Viewchild - inject one component into another.<br />
* Shared service: rxJs behavior subject - create a private behavior subject that holds current value, then create ... then create function call.<br />
<br />
https://www.youtube.com/watch?v=I317BhehZKM<br />
<br />
https://angularfirebase.com/lessons/sharing-data-between-angular-components-four-methods/<br />
<br />
== Class definitions ==<br />
<br />
<pre><br />
.Class({<br />
constructor: function() {}<br />
});<br />
</pre><br />
<br />
== Components ==<br />
<br />
See [[AngularJS component]].<br />
<br />
== Forms ==<br />
<br />
See [[AngularJS form]].<br />
<br />
== Transclusion ==<br />
<br />
In Angular 2, the concept of transclusion is simply no longer necessary. Because component directives are built on top of web components, we can simply take advantage of the built-in web component functionality instead -- content tags.<br />
<br />
If we use content tags with select attributes to filter the user-provided template, our directive already has all that it needs natively to handle multiple insertion points. <br />
<br />
See:<br />
<br />
* [https://scotch.io/tutorials/angular-2-transclusion-using-ng-content Angular 2 Transclusion using ng-content].<br />
* [https://toddmotto.com/transclusion-in-angular-2-with-ng-content Transclusion in Angular 2]<br />
* [https://www.airpair.com/angularjs/posts/creating-components-p3-angular2-directives Creating Container Components, Part 3: Angular 2 Component Directives]<br />
<br />
== Promises ==<br />
<br />
Promises in AngularJS are provided by the built-in <code>$q</code> service. They provide a way to execute asynchronous functions in series by registering them with a promise object.<br />
<br />
Promises have made their way into native JavaScript as part of the ES6 specification. The angular $q service provides an interface that closely resembles this new API so porting code to ES6 should be easy.<br />
<br />
See [[Promise object (JavaScript)]].<br />
<br />
== Tooling ==<br />
<br />
See [[AngularJS tooling]].<br />
<br />
== AngularJS Material ==<br />
<br />
* [https://material.angularjs.org/latest/ What is AngularJS Material]<br />
* [https://stackblitz.com/angular/pdgrgaapeoo Basic expansion paneld] - Stackblitz example<br />
<br />
== PrimeNG ==<br />
<br />
PrimeNG is a collection of rich UI components for Angular 2. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.<br />
<br />
All widgets are open source and free to use under MIT License.<br />
<br />
See [http://www.primefaces.org/primeng/ PrimeNG].<br />
<br />
== TreeView ==<br />
<br />
See:<br />
<br />
* [http://ngmodules.org/modules/angular.treeview Angular Treeview] @ ngmodules.org<br />
* [https://angular-ui-tree.github.io/angular-ui-tree AngularJS UI Tree] @ github.io<br />
* [http://stackoverflow.com/questions/11854514/is-it-possible-to-make-a-tree-view-with-angular Is it possible to make a Tree View with Angular?]<br />
<br />
== See also ==<br />
<br />
* [[AngularJS change detection]]<br />
* [[AngularJS pagination]]<br />
* [[Client-side]]<br />
* [[Framework (computing)]]<br />
* [[JavaScript library]]<br />
* [[Web application]]<br />
<br />
== External links ==<br />
<br />
* [https://www.angularjs.org/ Official website] <br />
* [https://angular.io/docs/js/latest/quickstart.html Quickstart]<br />
* [https://docs.angularjs.org/guide Developer guide]<br />
* [https://docs.angularjs.org/guide/introduction Introduction]<br />
* [https://docs.angularjs.org/guide/concepts Conceptual overview]<br />
* [https://docs.angularjs.org/tutorial/ Tutorial] <br />
* [http://code.karljones.com/angularjs/ Angular code examples] @ code.karljones.com<br />
* http://onehungrymind.com/build-a-simple-website-with-angular-2/ Building a simple website with Angular]<br />
* [https://github.com/jmcunningham/AngularJS2-Learning Learning Angular2]<br />
* [https://herringtondarkholme.github.io/2015/10/25/angular2-quick-start/ The Real Angular2 quick start]<br />
* [http://angularjs.blogspot.com/2016/04/5-rookie-mistakes-to-avoid-with-angular.html 5 Rookie Mistakes to Avoid with Angular 2]<br />
* [https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html Angular Change Detection Explained] @ thoughtram.io<br />
* [https://blog.thoughtram.io/angular/2016/02/01/zones-in-angular-2.html Zones in Angular] @ thoughtram.io<br />
* [https://en.wikipedia.org/wiki/AngularJS AngularJS] @ Wikipedia<br />
* [https://manuel-rauber.com/2016/09/30/how-to-debug-angular-2-with-webstorm/ How to debug Angular 2 with WebStorm]<br />
* [https://codeburst.io/angular-bad-practices-eab0e594ce92 Angular Bad Practices]<br />
* [https://medium.com/@chriscordle/why-angular-2-4-is-too-little-too-late-ea86d7fa0bae Why Angular 2/4 Is Too Little, Too Late]<br />
* [https://scotch.io/tutorials/all-the-ways-to-add-css-to-angular-2-components All the Ways to Add CSS to Angular 2 Components]<br />
<br />
[[Category:AngularJS]]<br />
[[Category:Web design and development]]<br />
[[Category:JavaScript]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=AngularJS&diff=20315AngularJS2019-06-03T15:36:23Z<p>Karl Jones: /* Services */</p>
<hr />
<div>In software development, AngularJS (commonly referred to as "Angular") is an [[open source]] [[web application]] [[JavaScript library|JavaScript framework]] for developing [[Single-page application|single-page applications]].<br />
<br />
This article focuses on Angular 2.<br />
<br />
== Description ==<br />
<br />
AngularJS simplifies both the development and the testing of web applications by providing a framework for [[client-side]] [[Model-view-controller|Model–view–controller]] (MVC) architecture, along with components commonly used in [[rich Internet application|rich Internet applications]].<br />
<br />
AngularJS works by first reading the [[HTML]] page, which has embedded into it additional custom tag attributes. <br />
<br />
Angular interprets those attributes as directives to bind input or output parts of the page to a model that is represented by standard JavaScript variables. <br />
<br />
The values of those JavaScript variables can be manually set within the code, or retrieved from static or dynamic JSON resources.<br />
<br />
== Why Angular 2 ==<br />
<br />
* Keep and enhance best practices from Angular 2<br />
* Standards: new syntax for templates binding to native DOM<br />
* Improved change detection for speed/performance<br />
* Reactive mechanism handling<br />
* Immutable data objects<br />
<br />
== Directive ==<br />
<br />
A directive is a class decorated with <code>@Directive</code>.<br />
<br />
See [[AngularJS directive]].<br />
<br />
== Component ==<br />
<br />
A component is a directive with added template features.<br />
<br />
See [[AngularJS component]].<br />
<br />
== Metadata ==<br />
<br />
Metadata allows Angular to process (decorate) a class.<br />
<br />
See [[AngularJS metadata]].<br />
<br />
== Templates ==<br />
<br />
Template is HTML which tells Angular how to render a component.<br />
<br />
See [[AngularJS template]].<br />
<br />
== Data binding ==<br />
<br />
Enables data to flow from component to template and vice-versa.<br />
<br />
See [[AngularJS data binding]].<br />
<br />
== Services ==<br />
<br />
A service is a class.<br />
<br />
Handles business logic (so components don't have to).<br />
<br />
Decorate with <code>@Injectable</code> to inject dependencies into service.<br />
<br />
See also Event Handling Services.<br />
<br />
== Modules ==<br />
<br />
See [[AngularJS module]].<br />
<br />
== Dependency injection ==<br />
<br />
See [[AngularJS dependency injection]].<br />
<br />
== Class definitions ==<br />
<br />
<pre><br />
.Class({<br />
constructor: function() {}<br />
});<br />
</pre><br />
<br />
== Components ==<br />
<br />
See [[AngularJS component]].<br />
<br />
== Forms ==<br />
<br />
See [[AngularJS form]].<br />
<br />
== Transclusion ==<br />
<br />
In Angular 2, the concept of transclusion is simply no longer necessary. Because component directives are built on top of web components, we can simply take advantage of the built-in web component functionality instead -- content tags.<br />
<br />
If we use content tags with select attributes to filter the user-provided template, our directive already has all that it needs natively to handle multiple insertion points. <br />
<br />
See:<br />
<br />
* [https://scotch.io/tutorials/angular-2-transclusion-using-ng-content Angular 2 Transclusion using ng-content].<br />
* [https://toddmotto.com/transclusion-in-angular-2-with-ng-content Transclusion in Angular 2]<br />
* [https://www.airpair.com/angularjs/posts/creating-components-p3-angular2-directives Creating Container Components, Part 3: Angular 2 Component Directives]<br />
<br />
== Promises ==<br />
<br />
Promises in AngularJS are provided by the built-in <code>$q</code> service. They provide a way to execute asynchronous functions in series by registering them with a promise object.<br />
<br />
Promises have made their way into native JavaScript as part of the ES6 specification. The angular $q service provides an interface that closely resembles this new API so porting code to ES6 should be easy.<br />
<br />
See [[Promise object (JavaScript)]].<br />
<br />
== Tooling ==<br />
<br />
See [[AngularJS tooling]].<br />
<br />
== AngularJS Material ==<br />
<br />
* [https://material.angularjs.org/latest/ What is AngularJS Material]<br />
* [https://stackblitz.com/angular/pdgrgaapeoo Basic expansion paneld] - Stackblitz example<br />
<br />
== PrimeNG ==<br />
<br />
PrimeNG is a collection of rich UI components for Angular 2. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.<br />
<br />
All widgets are open source and free to use under MIT License.<br />
<br />
See [http://www.primefaces.org/primeng/ PrimeNG].<br />
<br />
== TreeView ==<br />
<br />
See:<br />
<br />
* [http://ngmodules.org/modules/angular.treeview Angular Treeview] @ ngmodules.org<br />
* [https://angular-ui-tree.github.io/angular-ui-tree AngularJS UI Tree] @ github.io<br />
* [http://stackoverflow.com/questions/11854514/is-it-possible-to-make-a-tree-view-with-angular Is it possible to make a Tree View with Angular?]<br />
<br />
== See also ==<br />
<br />
* [[AngularJS change detection]]<br />
* [[AngularJS pagination]]<br />
* [[Client-side]]<br />
* [[Framework (computing)]]<br />
* [[JavaScript library]]<br />
* [[Web application]]<br />
<br />
== External links ==<br />
<br />
* [https://www.angularjs.org/ Official website] <br />
* [https://angular.io/docs/js/latest/quickstart.html Quickstart]<br />
* [https://docs.angularjs.org/guide Developer guide]<br />
* [https://docs.angularjs.org/guide/introduction Introduction]<br />
* [https://docs.angularjs.org/guide/concepts Conceptual overview]<br />
* [https://docs.angularjs.org/tutorial/ Tutorial] <br />
* [http://code.karljones.com/angularjs/ Angular code examples] @ code.karljones.com<br />
* http://onehungrymind.com/build-a-simple-website-with-angular-2/ Building a simple website with Angular]<br />
* [https://github.com/jmcunningham/AngularJS2-Learning Learning Angular2]<br />
* [https://herringtondarkholme.github.io/2015/10/25/angular2-quick-start/ The Real Angular2 quick start]<br />
* [http://angularjs.blogspot.com/2016/04/5-rookie-mistakes-to-avoid-with-angular.html 5 Rookie Mistakes to Avoid with Angular 2]<br />
* [https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html Angular Change Detection Explained] @ thoughtram.io<br />
* [https://blog.thoughtram.io/angular/2016/02/01/zones-in-angular-2.html Zones in Angular] @ thoughtram.io<br />
* [https://en.wikipedia.org/wiki/AngularJS AngularJS] @ Wikipedia<br />
* [https://manuel-rauber.com/2016/09/30/how-to-debug-angular-2-with-webstorm/ How to debug Angular 2 with WebStorm]<br />
* [https://codeburst.io/angular-bad-practices-eab0e594ce92 Angular Bad Practices]<br />
* [https://medium.com/@chriscordle/why-angular-2-4-is-too-little-too-late-ea86d7fa0bae Why Angular 2/4 Is Too Little, Too Late]<br />
* [https://scotch.io/tutorials/all-the-ways-to-add-css-to-angular-2-components All the Ways to Add CSS to Angular 2 Components]<br />
<br />
[[Category:AngularJS]]<br />
[[Category:Web design and development]]<br />
[[Category:JavaScript]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Donald_M._Huber&diff=20314Donald M. Huber2019-05-17T13:48:24Z<p>Karl Jones: </p>
<hr />
<div>'''Donald M. Huber''' is an Emeritus Professor of Botany and Plant Pathology at Purdue University.<br />
<br />
In January 2011, Huber sent a letter to Secretary of Agriculture Tom Vilsack, alerting the federal government to a newly discovered micro-organism that may have the potential to cause infertility and spontaneous abortion in farm animals, raising significant concerns about human health.<br />
<br />
The letter described the appearance and prevalence of the unnamed organism may be related to the nation’s over reliance on the weed killer Roundup and/or to something about the genetically engineered Roundup Ready crops, and called on the federal government to immediately stop deregulation of Roundup Ready crops, particularly Roundup Ready alfalfa.<br />
<br />
In an interview published in May 2011, Huber said:<br />
<br />
<blockquote><br />
The letter to the Secretary wasn't for public dissemination. It was a request for help. It was meant to bring to his attention the things that many of us out in the field, both from the veterinarians and animal producers as well as agronomists, plant pathologists and our crop producers.<br />
<br />
-- [https://www.organicconsumers.org/sites/default/files/artman2/uploads/1/May2011_Huber.pdf Interview with Dr. Huber] (pdf) @ Organic Consumers Association<br />
</blockquote><br />
<br />
== External links ==<br />
<br />
* [https://ag.purdue.edu/btny/Pages/Profile.aspx?strAlias=huberd& Profile] @ Purdue<br />
* [https://www.organicconsumers.org/sites/default/files/artman2/uploads/1/May2011_Huber.pdf Interview with Dr. Huber] (pdf) @ Organic Consumers Association<br />
* [http://action.fooddemocracynow.org/sign/dr_hubers_warning/ Dr. Huber's Warning] @ Food Democracy Now<br />
* [http://farmandranchfreedom.org/letter-dr-huber-roundup-animal-miscarriage-infertility/ Letter to Secretary Vilsack from Dr. Huber – Roundup May Be Causing Animal Miscarriages and Infertility]<br />
* [https://geneticliteracyproject.org/glp-facts/don-huber-science-still-looking-for-purdue-professors-gmo-pathogen-time-bomb-2/ Don Huber: Science still looking for Purdue professor’s GMO pathogen time bomb] - July 17, 2018 | Genetic Literacy Project<br />
<br />
[[Category:People]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Regular_expression&diff=20313Regular expression2019-05-04T13:50:09Z<p>Karl Jones: </p>
<hr />
<div>In [[theoretical computer science]] and [[formal language]] theory, a '''regular expression''' (abbreviated '''regex''' or '''regexp''' and sometimes called a '''rational expression''') is a [[sequence of characters]] that define a [[search pattern]].<br />
<br />
== Description ==<br />
<br />
This search pattern is used for [[pattern matching]] with [[String (computer science)|strings]], or string matching, i.e. "find and replace"-like operations.<br />
<br />
== History ==<br />
<br />
The concept arose in the 1950s, when the American mathematician [[Stephen Kleene]] formalized the description of a regular language, and came into common use with the [[Unix]] text processing utilities ed, an editor, and grep (global regular expression print), a filter.<br />
<br />
== Standards ==<br />
<br />
Regular expressions are so useful in computing that the various systems to specify regular expressions have evolved to provide both a basic and extended standard for the [[grammar]] and [[syntax]].<br />
<br />
Modern regular expressions heavily augment the standard.<br />
<br />
== Regular expression processors ==<br />
<br />
Regular expression processors are found in several [[Web search engine|search engines]], search and replace dialogs of several [[Word processor|word processors]] and [[Text editor|text editors]], and in the command lines of text processing utilities, such as [[sed]] and [[AWK]].<br />
<br />
== Examples ==<br />
<br />
Remove pairs of square brackets and their contents:<br />
<br />
<code><br />
\[[^\[]*\]<br />
</code><br />
<br />
Source: [https://stackoverflow.com/questions/43246115/java-regular-expression-matching-square-brackets/43246127 Stack Overflow]<br />
<br />
== See also ==<br />
<br />
* [[Comparison of regular expression engines]]<br />
* [[Computer science]]<br />
* [[Extended Backus–Naur Form]]<br />
* [[Formal language]]<br />
* [[List of regular expression software]] – applications which support regular expressions<br />
* [[Pattern matching]]<br />
* [[Ragel]]<br />
* [[Regular tree grammar]]<br />
* [[Search pattern]]<br />
* [[String (computer science)]]<br />
* [[Theoretical computer science]]<br />
* [[Thompson's construction algorithm]] – converts a regular expression into an equivalent [[nondeterministic finite automaton]] (NFA)<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/Regular_expression Regular expression] @ Wikipedia<br />
<br />
[[Category:Computer science]]<br />
[[Category:Data structures]]<br />
[[Category:Logic]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Graphic_design&diff=20312Graphic design2019-02-27T14:24:50Z<p>Karl Jones: /* External Links */</p>
<hr />
<div>'''Graphic design''' is the process of [[visual communication]], and [[problem solving]] through the use of [[type]], [[space]], and [[image]].<br />
<br />
== Description ==<br />
<br />
The field is considered a subset of visual communication and communication design, but sometimes the term "graphic design" is used interchangeably with these due to overlapping skills involved. <br />
<br />
== Methods ==<br />
<br />
Graphic designers use various methods to create and combine words, symbols, and images to create a visual representation of ideas and messages. <br />
<br />
== Techniques ==<br />
<br />
A graphic designer may use a combination of typography, visual arts and page layout techniques to produce a final result. <br />
<br />
== Process and products ==<br />
<br />
Graphic design often refers to both the process (designing) by which the communication is created and the products (designs) which are generated.<br />
<br />
== Uses ==<br />
<br />
Common uses of graphic design include:<br />
<br />
* [[Identity]] ([[Logo|logos]] and [[branding]])<br />
* Publications (magazines, newspapers and books)<br />
* Print advertisements<br />
* Posters<br />
* Billboards<br />
* [[Website graphics and elements]]<br />
* Signs and product packaging<br />
<br />
For example, a product package might include a logo or other artwork, organized text and pure design elements such as images, shapes and color which unify the piece. <br />
<br />
== Composition ==<br />
<br />
[[Composition (visual arts)|Composition]] is one of the most important features of graphic design, especially when using pre-existing materials or diverse elements.<br />
<br />
== See Also ==<br />
<br />
* [[Composition (visual arts)]]<br />
* [[Computer graphics]]<br />
* [[Design]]<br />
* [[Design elements and principles]]<br />
* [[Image]]<br />
* [[Lorem ipsum]]<br />
* [[Ombré]]<br />
* [[Page layout]]<br />
* [[Pattern]]<br />
* [[Problem solving]]<br />
* [[Space]]<br />
* [[Style (visual arts)]]<br />
* [[Table (information)]]<br />
* [[Type]]<br />
* [[Typography]]<br />
* [[Visual arts]]<br />
* [[Visual communication]]<br />
* [[Visual design]]<br />
* [[Web design]]<br />
<br />
== External Links ==<br />
<br />
* [https://en.wikipedia.org/wiki/Graphic_design Graphic Design] @ Wikipedia<br />
* [https://edu.gcfglobal.org/en/beginning-graphic-design/ Beginning Graphic Design]<br />
<br />
[[Category:Arts and crafts]]<br />
[[Category:Colors]]<br />
[[Category:Design]]<br />
[[Category:Graphic design]]<br />
[[Category:Light]]<br />
[[Category:Visual arts]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=MediaWiki&diff=20311MediaWiki2019-02-24T20:49:51Z<p>Karl Jones: </p>
<hr />
<div>'''MediaWiki''' is a [[free and open-source]] [[wiki]] application.<br />
<br />
== Description ==<br />
<br />
It was developed by the [[Wikimedia Foundation]] and runs on many [[Website|websites]], including [[Wikipedia]], [[Wiktionary]] and [[Wikimedia Commons]].<br />
<br />
== PHP and MySQL ==<br />
<br />
It is written in the [[PHP]] programming language and uses a [[MySQL|MySQL database]].<br />
<br />
== Features ==<br />
<br />
The software has more than 800 configuration settings and more than 2,000 extensions available for enabling various features to be added or changed. <br />
<br />
On Wikipedia alone, more than 1000 automated and semi-automated bots and other tools have been developed to assist in editing.<br />
<br />
== Data structure notes ==<br />
<br />
Table: page<br />
<br />
Query for pages:<br />
<br />
SELECT page_title, page_touched FROM `page` <br />
where page_namespace=0 <br />
AND page_is_redirect=0 <br />
ORDER BY page_title<br />
<br />
Use namespace=6 for images ("File:" prefix)<br />
<br />
Field: page_namespace<br />
<br />
page_namespace values:<br />
<br />
* 0: page<br />
* 4: About_(nonfiction), About (redirect)<br />
* 6: image<br />
* 8: Sidebar, Loginreqtitle, Loginreqpagetext<br />
* 10: template<br />
* 10: page "Test" page_id: 2403 ... or Template:Test<br />
* 14: page<br />
<br />
== wikitext ==<br />
<br />
See:<br />
<br />
* [https://en.wikipedia.org/wiki/Help:HTML_in_wikitext Help:HTML in wikitext] @ Wikipedia<br />
* [https://www.mediawiki.org/wiki/Help:Formatting Help:Formatting]<br />
<br />
== History ==<br />
<br />
The first version of the software was deployed to serve the needs of the [[Wikipedia]] encyclopedia in 2002.<br />
<br />
Wikipedia and other Wikimedia projects continue to define a large part of the requirement set for MediaWiki.<br />
<br />
The software is optimized to efficiently handle large projects, which can have terabytes of content and hundreds of thousands of hits per second. <br />
<br />
Because Wikipedia is one of the world's largest websites, achieving [[scalability]] through multiple layers of caching and database replication has been a major concern for developers.<br />
<br />
== Other uses ==<br />
<br />
It has also been deployed by some companies as an internal knowledge management system, and some educators have assigned students to use MediaWiki for collaborative group projects.<br />
<br />
== Upgrading ==<br />
<br />
See: <br />
<br />
* [https://www.mediawiki.org/wiki/Manual:Upgrading Manual:Upgrading] @ MediaWiki<br />
* [http://www.wikihow.com/Update-MediaWiki-Wiki How to Update MediaWiki] @ Wiki How<br />
<br />
== Changing the logo ==<br />
<br />
The logo that appears in the top left of each page is determined by the <code>$wgLogo</code> configuration line in the <code>LocalSettings.php</code> file.<br />
<br />
There are two ways to change the logo:<br />
<br />
=== Method one ===<br />
<br />
Upload a picture to your wiki using the normal file uploading interface. This allows the logo to be replaced easily, so you may want to protect the page if you use this method.<br />
<br />
Then add the <code>$wgLogo</code> line to <code>LocalSettings.php</code>, for example:<br />
<br />
<code>$wgLogo = "{$wgUploadPath}/6/62/mylogo.png";</code><br />
<br />
=== Method two ===<br />
<br />
Upload an image to your server by other means (such as [[File Transfer Protocol|FTP]]).<br />
<br />
Add the <code>$wgLogo</code> line to LocalSettings.php, for example:<br />
<br />
<code>$wgLogo = "{$wgScriptPath}/mylogo.jpg";</code><br />
<br />
(In this example, the image is in the same folder as the LocalSettings.php file.)<br />
<br />
If you want to change the logo in only specific pages, override #p-logo css's background-image property or use third party extension like Extension:LogoFunctions.<br />
<br />
Caution: Do not simply overwrite the default logo installed with MediaWiki <code>(/skins/common/images/wiki.png)</code>; this file will be overwritten when you upgrade.<br />
<br />
A good logo size is 135x135px or 150x150px. The maximum logo size in Vector is ~160x160px, while MonoBook's is ~155x155px. A logo that is too large will be cut off.<br />
<br />
Source: https://www.mediawiki.org/wiki/Manual:FAQ#How_do_I_change_the_logo.3F<br />
<br />
See also: https://www.mediawiki.org/wiki/Manual:$wgLogo<br />
<br />
== On This Day ==<br />
<br />
See [[MediaWiki On This Day]].<br />
<br />
== WikiApiary ==<br />
<br />
[[WikiApiary]] is a resource for people who run MediaWiki websites.<br />
<br />
WikiApiary collects, graphs and analyzes information about MediaWiki websites, providing visibility and awareness of activity.<br />
<br />
== See also ==<br />
<br />
=== General ===<br />
<br />
* [[Database]]<br />
* [[Information system]]<br />
* [[Information technology]]<br />
* [[Math support in MediaWiki]]<br />
* [[MediaWiki naming conventions]]<br />
* [[MySQL]]<br />
* [[PHP]]<br />
* [[Scalability]]<br />
* [[Wiki]]<br />
* [[WikiApiary]]<br />
* [[Wikipedia]]<br />
<br />
=== Special pages ===<br />
<br />
* [[MediaWiki:Sidebar]]<br />
* [[Special:Version]]<br />
<br />
== External links ==<br />
<br />
=== General ===<br />
<br />
* [https://www.mediawiki.org/wiki/MediaWiki MediaWiki Home Page]<br />
* [https://en.wikipedia.org/wiki/MediaWiki MediaWiki] @ Wikipedia<br />
* [https://www.cloudways.com/blog/mediawiki-seo-tips/ MediaWiki SEO Tips]<br />
<br />
=== Skins ===<br />
<br />
* [https://www.mediawiki.org/wiki/Skin:Foreground Foreground]<br />
<br />
[[Category:MediaWiki]]<br />
[[Category:Wiki]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Node.js_File_System&diff=20310Node.js File System2019-02-24T13:13:10Z<p>Karl Jones: </p>
<hr />
<div>In [[Node.js]], '''File System''' is a file input/output module.<br />
<br />
== See also ==<br />
<br />
* [[Node.js]]<br />
<br />
== External links ==<br />
<br />
* [https://nodejs.org/api/fs.html File System] @ nodejs.org<br />
<br />
* [https://www.npmjs.com/package/node-dir node-dir: asynchronous file and directory operations for Node.js] @ npmjs.com<br />
* [http://stackoverflow.com/questions/2727167/getting-all-filenames-in-a-directory-with-node-js Getting all filenames in a directory with node.js] @ stackoverflow.com<br />
* [http://code-maven.com/list-content-of-directory-with-nodejs List content of a directory with Node.js] @ code-maven.com<br />
* [http://www.codingdefined.com/2014/09/how-to-get-list-of-files-in-directory.html How to get list of files in a directory in Nodejs] @ codingdefined.com<br />
* [http://nodeexamples.com/2012/09/28/getting-a-directory-listing-using-the-fs-module-in-node-js/ Getting a directory listing using the fs module in Node.js] @ nodeexamples.com<br />
* [https://gist.github.com/kethinov/6658166 walksync.js: List all files in a directory in Node.js recursively in a synchronous fashion] @ gist.github.com<br />
* [https://github.com/coolaj86/node-walk node-walk] @ github.com<br />
* [https://sankartypo3.wordpress.com/2013/02/12/how-to-list-files-and-folders-using-nodejs/ How to list files and folders using nodejs?] @ sankartypo3.wordpress.com<br />
* [https://flaviocopes.com/node-writing-files/ Writing files with Node] @ Flavioscopes.com<br />
* [https://tutorialedge.net/javascript/nodejs/reading-writing-files-with-nodejs/ Reading and writing files with Node] @ Tutorial Edge<br />
* [https://docs.nodejitsu.com/articles/file-system/how-to-read-files-in-nodejs/ How do I read files in node.js?] @ nodejitsu<br />
<br />
[[Category:Software]]<br />
[[Category:Node.js]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Node.js_File_System&diff=20309Node.js File System2019-02-24T13:11:52Z<p>Karl Jones: </p>
<hr />
<div>In [[Node.js]], '''File System''' is a file input/output module.<br />
<br />
== See also ==<br />
<br />
* [[Node.js]]<br />
<br />
== External links ==<br />
<br />
* [https://nodejs.org/api/fs.html File System] @ nodejs.org<br />
<br />
* [https://www.npmjs.com/package/node-dir node-dir: asynchronous file and directory operations for Node.js] @ npmjs.com<br />
* [http://stackoverflow.com/questions/2727167/getting-all-filenames-in-a-directory-with-node-js Getting all filenames in a directory with node.js] @ stackoverflow.com<br />
* [http://code-maven.com/list-content-of-directory-with-nodejs List content of a directory with Node.js] @ code-maven.com<br />
* [http://www.codingdefined.com/2014/09/how-to-get-list-of-files-in-directory.html How to get list of files in a directory in Nodejs] @ codingdefined.com<br />
* [http://nodeexamples.com/2012/09/28/getting-a-directory-listing-using-the-fs-module-in-node-js/ Getting a directory listing using the fs module in Node.js] @ nodeexamples.com<br />
* [https://gist.github.com/kethinov/6658166 walksync.js: List all files in a directory in Node.js recursively in a synchronous fashion] @ gist.github.com<br />
* [https://github.com/coolaj86/node-walk node-walk] @ github.com<br />
* [https://sankartypo3.wordpress.com/2013/02/12/how-to-list-files-and-folders-using-nodejs/ How to list files and folders using nodejs?] @ sankartypo3.wordpress.com<br />
* [https://flaviocopes.com/node-writing-files/ Writing files with Node] @ Flavioscopes.com<br />
* [https://tutorialedge.net/javascript/nodejs/reading-writing-files-with-nodejs/ Reading and writing files with Node] @ Tutorial Edge<br />
<br />
<br />
[[Category:Software]]<br />
[[Category:Node.js]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Node.js_File_System&diff=20308Node.js File System2019-02-24T13:08:50Z<p>Karl Jones: </p>
<hr />
<div>In [[Node.js]], '''File System''' is a file input/output module.<br />
<br />
== See also ==<br />
<br />
* [[Node.js]]<br />
<br />
== External links ==<br />
<br />
* [https://nodejs.org/api/fs.html File System] @ nodejs.org<br />
<br />
* [https://www.npmjs.com/package/node-dir node-dir: asynchronous file and directory operations for Node.js] @ npmjs.com<br />
* [http://stackoverflow.com/questions/2727167/getting-all-filenames-in-a-directory-with-node-js Getting all filenames in a directory with node.js] @ stackoverflow.com<br />
* [http://code-maven.com/list-content-of-directory-with-nodejs List content of a directory with Node.js] @ code-maven.com<br />
* [http://www.codingdefined.com/2014/09/how-to-get-list-of-files-in-directory.html How to get list of files in a directory in Nodejs] @ codingdefined.com<br />
* [http://nodeexamples.com/2012/09/28/getting-a-directory-listing-using-the-fs-module-in-node-js/ Getting a directory listing using the fs module in Node.js] @ nodeexamples.com<br />
* [https://gist.github.com/kethinov/6658166 walksync.js: List all files in a directory in Node.js recursively in a synchronous fashion] @ gist.github.com<br />
* [https://github.com/coolaj86/node-walk node-walk] @ github.com<br />
* [https://sankartypo3.wordpress.com/2013/02/12/how-to-list-files-and-folders-using-nodejs/ How to list files and folders using nodejs?] @ sankartypo3.wordpress.com<br />
* [https://flaviocopes.com/node-writing-files/ Writing files with Node] @ Flavioscopes.com<br />
<br />
<br />
<br />
[[Category:Software]]<br />
[[Category:Node.js]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=AngularJS_tooling&diff=20307AngularJS tooling2019-02-16T21:40:38Z<p>Karl Jones: </p>
<hr />
<div>This article discusses tooling practices for [[AngularJS]].<br />
<br />
== Code editors ==<br />
<br />
Top Angular Code Editors - by Murtaza Basrai (3rd July, 2017):<br />
<br />
* https://code.visualstudio.com/ Visual Studio Code]<br />
* [[Sublime Text]]<br />
* [[Atom (text editor)|Atom]]<br />
* [https://www.jetbrains.com/webstorm/ Webstorm]<br />
* [https://www.genuitec.com/products/angular-ide/ Angular IDE]<br />
* [http://alm.tools/ ALM IDE]<br />
* [[Brackets (text editor)|Brackets]]<br />
* Vim Editor<br />
<br />
https://www.icicletech.com/blog/angular-2-ecosystem-review-top-angular-code-editors<br />
<br />
== Module loader ==<br />
<br />
* Not required, but recommended.<br />
* Load only what is needed<br />
* Provide namespacing<br />
* Don't need script tags<br />
<br />
Modules provide translation between a module (file) and a pseudo module (wrapped function).<br />
<br />
See [[AngularJS module]].<br />
<br />
== Webpack ==<br />
<br />
One of the most popular module loaders.<br />
<br />
Allows any sort of file (JSON, CSS, etc.) to be imported as a [[AngularJS module|module]].<br />
<br />
In addition to being useful for module loading, Webpack is also useful for the entire build process.<br />
<br />
See [[Webpack]].<br />
<br />
== ES6 ==<br />
<br />
ES6 is latest (2016) standard for JavaScript.<br />
<br />
New features include:<br />
<br />
* Module system<br />
* New array methods<br />
* Classes<br />
* Multi-line templates<br />
* Arrow functions<br />
<br />
Almost the same as TypeScript but without types and interfaces.<br />
<br />
Define dependency parameters explicitly for DI to work properly.<br />
<br />
Use the same build system, or switch out transpiler (babel).<br />
<br />
== ES5 ==<br />
<br />
Supported natively.<br />
<br />
No module system.<br />
<br />
It exposes global ng namespace with methods to build application.<br />
<br />
No need for build system or transpiler.<br />
<br />
No type files or configs.<br />
<br />
Documentation lacking.<br />
<br />
Advice: don't do it.<br />
<br />
== TypeScript ==<br />
<br />
TypeScript is a typed superset of JavaScript.<br />
<br />
Compiled language, catches errors before runtime.<br />
<br />
Includes features of ES6 but with type, as well as better tooling support.<br />
<br />
TypeScript allows classes to be decorated with <code>@<Decorator</code>.<br />
<br />
See also [[TypeScript]].<br />
<br />
== Typings ==<br />
<br />
'''types''' is an NPM package to handle the type definitions associated with third-party libraries.<br />
<br />
== Build system ==<br />
<br />
See [[AngularJS build system]].<br />
<br />
== See also ==<br />
<br />
* [[AngularJS]]<br />
* [[JavaScript library]]<br />
* [[Web application]]<br />
<br />
[[Category:AngularJS]]<br />
[[Category:Web design and development]]<br />
[[Category:JavaScript]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=AngularJS_tooling&diff=20306AngularJS tooling2019-02-16T21:36:46Z<p>Karl Jones: </p>
<hr />
<div>This article discusses tooling practices for [[AngularJS]].<br />
<br />
== Integrated Developement Environments ==<br />
<br />
Top Angular Code Editors - by Murtaza Basrai (3rd July, 2017):<br />
<br />
* https://code.visualstudio.com/ Visual Studio Code]<br />
* [[Sublime Text]]<br />
* [[Atom (text editor)|Atom]]<br />
* [https://www.jetbrains.com/webstorm/ Webstorm]<br />
* [https://www.genuitec.com/products/angular-ide/ Angular IDE]<br />
* [http://alm.tools/ ALM IDE]<br />
* [[Brackets (text editor)|Brackets]]<br />
* Vim Editor<br />
<br />
https://www.icicletech.com/blog/angular-2-ecosystem-review-top-angular-code-editors<br />
<br />
== Module loader ==<br />
<br />
* Not required, but recommended.<br />
* Load only what is needed<br />
* Provide namespacing<br />
* Don't need script tags<br />
<br />
Modules provide translation between a module (file) and a pseudo module (wrapped function).<br />
<br />
See [[AngularJS module]].<br />
<br />
== Webpack ==<br />
<br />
One of the most popular module loaders.<br />
<br />
Allows any sort of file (JSON, CSS, etc.) to be imported as a [[AngularJS module|module]].<br />
<br />
In addition to being useful for module loading, Webpack is also useful for the entire build process.<br />
<br />
See [[Webpack]].<br />
<br />
== ES6 ==<br />
<br />
ES6 is latest (2016) standard for JavaScript.<br />
<br />
New features include:<br />
<br />
* Module system<br />
* New array methods<br />
* Classes<br />
* Multi-line templates<br />
* Arrow functions<br />
<br />
Almost the same as TypeScript but without types and interfaces.<br />
<br />
Define dependency parameters explicitly for DI to work properly.<br />
<br />
Use the same build system, or switch out transpiler (babel).<br />
<br />
== ES5 ==<br />
<br />
Supported natively.<br />
<br />
No module system.<br />
<br />
It exposes global ng namespace with methods to build application.<br />
<br />
No need for build system or transpiler.<br />
<br />
No type files or configs.<br />
<br />
Documentation lacking.<br />
<br />
Advice: don't do it.<br />
<br />
== TypeScript ==<br />
<br />
TypeScript is a typed superset of JavaScript.<br />
<br />
Compiled language, catches errors before runtime.<br />
<br />
Includes features of ES6 but with type, as well as better tooling support.<br />
<br />
TypeScript allows classes to be decorated with <code>@<Decorator</code>.<br />
<br />
See also [[TypeScript]].<br />
<br />
== Typings ==<br />
<br />
'''types''' is an NPM package to handle the type definitions associated with third-party libraries.<br />
<br />
== Build system ==<br />
<br />
See [[AngularJS build system]].<br />
<br />
== See also ==<br />
<br />
* [[AngularJS]]<br />
* [[JavaScript library]]<br />
* [[Web application]]<br />
<br />
[[Category:AngularJS]]<br />
[[Category:Web design and development]]<br />
[[Category:JavaScript]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=JavaScript_object&diff=20305JavaScript object2019-02-10T12:58:15Z<p>Karl Jones: </p>
<hr />
<div>This article discusses '''[[Object (computer science)|objects]]''' in the '''[[JavaScript]]''' programming language.<br />
<br />
== See also ==<br />
<br />
* [[JavaScript]]<br />
* [[JavaScript encapsulation]]<br />
* [[Object (computer science)]]<br />
<br />
== External links ==<br />
<br />
* [https://www.sitepoint.com/javascript-object-creation-patterns-best-practises/ JavaScript Object Creation: Patterns and Best Practices]<br />
* [https://levelup.gitconnected.com/the-javascript-object-paradigm-and-prototypes-explained-simply-e9cb9eaa49aa The JavaScript Object Paradigm and Prototypes Explained Simply] - "All the confusing points about JavaScript objects revealed so you can stop hating them as much" - <br />
by Sean Maxwell<br />
<br />
[[Category:JavaScript]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=AngularJS&diff=20304AngularJS2019-02-02T13:57:29Z<p>Karl Jones: </p>
<hr />
<div>In software development, AngularJS (commonly referred to as "Angular") is an [[open source]] [[web application]] [[JavaScript library|JavaScript framework]] for developing [[Single-page application|single-page applications]].<br />
<br />
This article focuses on Angular 2.<br />
<br />
== Description ==<br />
<br />
AngularJS simplifies both the development and the testing of web applications by providing a framework for [[client-side]] [[Model-view-controller|Model–view–controller]] (MVC) architecture, along with components commonly used in [[rich Internet application|rich Internet applications]].<br />
<br />
AngularJS works by first reading the [[HTML]] page, which has embedded into it additional custom tag attributes. <br />
<br />
Angular interprets those attributes as directives to bind input or output parts of the page to a model that is represented by standard JavaScript variables. <br />
<br />
The values of those JavaScript variables can be manually set within the code, or retrieved from static or dynamic JSON resources.<br />
<br />
== Why Angular 2 ==<br />
<br />
* Keep and enhance best practices from Angular 2<br />
* Standards: new syntax for templates binding to native DOM<br />
* Improved change detection for speed/performance<br />
* Reactive mechanism handling<br />
* Immutable data objects<br />
<br />
== Directive ==<br />
<br />
A directive is a class decorated with <code>@Directive</code>.<br />
<br />
See [[AngularJS directive]].<br />
<br />
== Component ==<br />
<br />
A component is a directive with added template features.<br />
<br />
See [[AngularJS component]].<br />
<br />
== Metadata ==<br />
<br />
Metadata allows Angular to process (decorate) a class.<br />
<br />
See [[AngularJS metadata]].<br />
<br />
== Templates ==<br />
<br />
Template is HTML which tells Angular how to render a component.<br />
<br />
See [[AngularJS template]].<br />
<br />
== Data binding ==<br />
<br />
Enables data to flow from component to template and vice-versa.<br />
<br />
See [[AngularJS data binding]].<br />
<br />
== Services ==<br />
<br />
A service is a class.<br />
<br />
Handles business logic (so components don't have to).<br />
<br />
Decorate with <code>@Injectable</code> to inject dependencies into service.<br />
<br />
== Modules ==<br />
<br />
See [[AngularJS module]].<br />
<br />
== Dependency injection ==<br />
<br />
See [[AngularJS dependency injection]].<br />
<br />
== Class definitions ==<br />
<br />
<pre><br />
.Class({<br />
constructor: function() {}<br />
});<br />
</pre><br />
<br />
== Components ==<br />
<br />
See [[AngularJS component]].<br />
<br />
== Forms ==<br />
<br />
See [[AngularJS form]].<br />
<br />
== Transclusion ==<br />
<br />
In Angular 2, the concept of transclusion is simply no longer necessary. Because component directives are built on top of web components, we can simply take advantage of the built-in web component functionality instead -- content tags.<br />
<br />
If we use content tags with select attributes to filter the user-provided template, our directive already has all that it needs natively to handle multiple insertion points. <br />
<br />
See:<br />
<br />
* [https://scotch.io/tutorials/angular-2-transclusion-using-ng-content Angular 2 Transclusion using ng-content].<br />
* [https://toddmotto.com/transclusion-in-angular-2-with-ng-content Transclusion in Angular 2]<br />
* [https://www.airpair.com/angularjs/posts/creating-components-p3-angular2-directives Creating Container Components, Part 3: Angular 2 Component Directives]<br />
<br />
== Promises ==<br />
<br />
Promises in AngularJS are provided by the built-in <code>$q</code> service. They provide a way to execute asynchronous functions in series by registering them with a promise object.<br />
<br />
Promises have made their way into native JavaScript as part of the ES6 specification. The angular $q service provides an interface that closely resembles this new API so porting code to ES6 should be easy.<br />
<br />
See [[Promise object (JavaScript)]].<br />
<br />
== Tooling ==<br />
<br />
See [[AngularJS tooling]].<br />
<br />
== AngularJS Material ==<br />
<br />
* [https://material.angularjs.org/latest/ What is AngularJS Material]<br />
* [https://stackblitz.com/angular/pdgrgaapeoo Basic expansion paneld] - Stackblitz example<br />
<br />
== PrimeNG ==<br />
<br />
PrimeNG is a collection of rich UI components for Angular 2. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.<br />
<br />
All widgets are open source and free to use under MIT License.<br />
<br />
See [http://www.primefaces.org/primeng/ PrimeNG].<br />
<br />
== TreeView ==<br />
<br />
See:<br />
<br />
* [http://ngmodules.org/modules/angular.treeview Angular Treeview] @ ngmodules.org<br />
* [https://angular-ui-tree.github.io/angular-ui-tree AngularJS UI Tree] @ github.io<br />
* [http://stackoverflow.com/questions/11854514/is-it-possible-to-make-a-tree-view-with-angular Is it possible to make a Tree View with Angular?]<br />
<br />
== See also ==<br />
<br />
* [[AngularJS change detection]]<br />
* [[AngularJS pagination]]<br />
* [[Client-side]]<br />
* [[Framework (computing)]]<br />
* [[JavaScript library]]<br />
* [[Web application]]<br />
<br />
== External links ==<br />
<br />
* [https://www.angularjs.org/ Official website] <br />
* [https://angular.io/docs/js/latest/quickstart.html Quickstart]<br />
* [https://docs.angularjs.org/guide Developer guide]<br />
* [https://docs.angularjs.org/guide/introduction Introduction]<br />
* [https://docs.angularjs.org/guide/concepts Conceptual overview]<br />
* [https://docs.angularjs.org/tutorial/ Tutorial] <br />
* [http://code.karljones.com/angularjs/ Angular code examples] @ code.karljones.com<br />
* http://onehungrymind.com/build-a-simple-website-with-angular-2/ Building a simple website with Angular]<br />
* [https://github.com/jmcunningham/AngularJS2-Learning Learning Angular2]<br />
* [https://herringtondarkholme.github.io/2015/10/25/angular2-quick-start/ The Real Angular2 quick start]<br />
* [http://angularjs.blogspot.com/2016/04/5-rookie-mistakes-to-avoid-with-angular.html 5 Rookie Mistakes to Avoid with Angular 2]<br />
* [https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html Angular Change Detection Explained] @ thoughtram.io<br />
* [https://blog.thoughtram.io/angular/2016/02/01/zones-in-angular-2.html Zones in Angular] @ thoughtram.io<br />
* [https://en.wikipedia.org/wiki/AngularJS AngularJS] @ Wikipedia<br />
* [https://manuel-rauber.com/2016/09/30/how-to-debug-angular-2-with-webstorm/ How to debug Angular 2 with WebStorm]<br />
* [https://codeburst.io/angular-bad-practices-eab0e594ce92 Angular Bad Practices]<br />
* [https://medium.com/@chriscordle/why-angular-2-4-is-too-little-too-late-ea86d7fa0bae Why Angular 2/4 Is Too Little, Too Late]<br />
* [https://scotch.io/tutorials/all-the-ways-to-add-css-to-angular-2-components All the Ways to Add CSS to Angular 2 Components]<br />
<br />
[[Category:AngularJS]]<br />
[[Category:Web design and development]]<br />
[[Category:JavaScript]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=DeepDream&diff=20303DeepDream2019-02-02T12:40:44Z<p>Karl Jones: </p>
<hr />
<div>'''DeepDream''' is a [[computer vision]] program created by Google which uses a [[convolutional neural network]] to find and enhance patterns in images via algorithmic pareidolia, thus creating a dreamlike hallucinogenic appearance in the deliberately over-processed images.<br />
<br />
Google's program popularized the term (deep) "dreaming" to refer to the generation of images that desired activations in a trained deep network, and the term now refers to a collection of related approaches.<br />
<br />
== See also ==<br />
<br />
* [[Algorithmic art]]<br />
* [[Computer vision]]<br />
* [[Procedural textures]]<br />
* [[Texture synthesis]]<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/DeepDream DeepDream] @ Wikipedia.org <br />
* [https://github.com/google/deepdream deepdream] @ GitHub - "The repository contains IPython Notebook with sample code, complementing Google Research blog post about Neural Network art."<br />
* [https://research.googleblog.com/2015/06/inceptionism-going-deeper-into-neural.html Inceptionism: Going Deeper into Neural Networks] - "We train an artificial neural network by showing it millions of training examples and gradually adjusting the network parameters until it gives the classifications we want."<br />
* [https://research.googleblog.com/2015/07/deepdream-code-example-for-visualizing.html DeepDream - a code example for visualizing Neural Networks]<br />
* [http://thirdeyesqueegee.com/deepdream/2015/07/19/running-googles-deep-dream-on-windows-with-or-without-cuda-the-easy-way/ Running Google’s Deep Dream on Windows (with or without CUDA) – The Easy Way]<br />
* [http://www.makeuseof.com/tag/create-artificial-fever-dreams-googles-deepdream/ Create Your Own Artificial Fever Dreams with Google’s "DeepDream"]<br />
* [https://boingboing.net/2019/01/31/sade-and-co.html Afrofuturist artist Wagner James Au creates gorgeous portraits with Deep Dreaming] - comments:<br />
** It sure looks like they were generated with Neural Style Transfer, not Deep Dreams. If it were Deep Dreams, there’d been hundreds of mutant doggies, eyeballs, and gazebos everywhere (or just very typical curved lines).<br />
** I’ve been using Deep Dream Generator, which has three options including the mutant things.<br />
** I played around with “DEEPART”.<br />
** It looks like the Deep Dream Generator page is somewhat misleading in the names: the “Deep Style” is probably Gatys’ Gram-matrix based Neural Style Transfer, and the “Thin Style” looks like one of the feed-forward network style transformation methods. Neither of those are Deep Dream methods. The Gatys method (“Deep Style”, most likely) is this one: https://arxiv.org/abs/1508.06576 Something I wrote with more background on Neural Style Transfer: https://research.adobe.com/image-stylization-history-and-future-part-3/<br />
<br />
<br />
[[Category:Algorithms]]<br />
[[Category:Art]]<br />
[[Category:Computer science]]<br />
[[Category:Computing]]<br />
[[Category:Visual arts]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=DeepDream&diff=20302DeepDream2019-02-02T12:39:07Z<p>Karl Jones: </p>
<hr />
<div>'''DeepDream''' is a [[computer vision]] program created by Google which uses a [[convolutional neural network]] to find and enhance patterns in images via algorithmic pareidolia, thus creating a dreamlike hallucinogenic appearance in the deliberately over-processed images.<br />
<br />
Google's program popularized the term (deep) "dreaming" to refer to the generation of images that desired activations in a trained deep network, and the term now refers to a collection of related approaches.<br />
<br />
== See also ==<br />
<br />
* [[Algorithmic art]]<br />
* [[Computer vision]]<br />
* [[Procedural textures]]<br />
* [[Texture synthesis]]<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/DeepDream DeepDream] @ Wikipedia.org <br />
* [https://github.com/google/deepdream deepdream] @ GitHub - "The repository contains IPython Notebook with sample code, complementing Google Research blog post about Neural Network art."<br />
* [https://research.googleblog.com/2015/06/inceptionism-going-deeper-into-neural.html Inceptionism: Going Deeper into Neural Networks] - "We train an artificial neural network by showing it millions of training examples and gradually adjusting the network parameters until it gives the classifications we want."<br />
* [https://research.googleblog.com/2015/07/deepdream-code-example-for-visualizing.html DeepDream - a code example for visualizing Neural Networks]<br />
* [http://thirdeyesqueegee.com/deepdream/2015/07/19/running-googles-deep-dream-on-windows-with-or-without-cuda-the-easy-way/ Running Google’s Deep Dream on Windows (with or without CUDA) – The Easy Way]<br />
* [http://www.makeuseof.com/tag/create-artificial-fever-dreams-googles-deepdream/ Create Your Own Artificial Fever Dreams with Google’s "DeepDream"]<br />
* [https://boingboing.net/2019/01/31/sade-and-co.html Afrofuturist artist creates gorgeous portraits with Deep Dreaming] - comments:<br />
** It sure looks like they were generated with Neural Style Transfer, not Deep Dreams. If it were Deep Dreams, there’d been hundreds of mutant doggies, eyeballs, and gazebos everywhere (or just very typical curved lines).<br />
** I’ve been using Deep Dream Generator, which has three options including the mutant things.<br />
** I played around with “DEEPART”.<br />
** It looks like the Deep Dream Generator page is somewhat misleading in the names: the “Deep Style” is probably Gatys’ Gram-matrix based Neural Style Transfer, and the “Thin Style” looks like one of the feed-forward network style transformation methods. Neither of those are Deep Dream methods. The Gatys method (“Deep Style”, most likely) is this one: https://arxiv.org/abs/1508.06576 Something I wrote with more background on Neural Style Transfer: https://research.adobe.com/image-stylization-history-and-future-part-3/<br />
<br />
<br />
[[Category:Algorithms]]<br />
[[Category:Art]]<br />
[[Category:Computer science]]<br />
[[Category:Computing]]<br />
[[Category:Visual arts]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=DeepDream&diff=20301DeepDream2019-02-02T12:36:02Z<p>Karl Jones: </p>
<hr />
<div>'''DeepDream''' is a [[computer vision]] program created by Google which uses a [[convolutional neural network]] to find and enhance patterns in images via algorithmic pareidolia, thus creating a dreamlike hallucinogenic appearance in the deliberately over-processed images.<br />
<br />
Google's program popularized the term (deep) "dreaming" to refer to the generation of images that desired activations in a trained deep network, and the term now refers to a collection of related approaches.<br />
<br />
== See also ==<br />
<br />
* [[Algorithmic art]]<br />
* [[Computer vision]]<br />
* [[Procedural textures]]<br />
* [[Texture synthesis]]<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/DeepDream DeepDream] @ Wikipedia.org <br />
* [https://github.com/google/deepdream deepdream] @ GitHub - "The repository contains IPython Notebook with sample code, complementing Google Research blog post about Neural Network art."<br />
* [https://research.googleblog.com/2015/06/inceptionism-going-deeper-into-neural.html Inceptionism: Going Deeper into Neural Networks] - "We train an artificial neural network by showing it millions of training examples and gradually adjusting the network parameters until it gives the classifications we want."<br />
* [https://research.googleblog.com/2015/07/deepdream-code-example-for-visualizing.html DeepDream - a code example for visualizing Neural Networks]<br />
* [http://thirdeyesqueegee.com/deepdream/2015/07/19/running-googles-deep-dream-on-windows-with-or-without-cuda-the-easy-way/ Running Google’s Deep Dream on Windows (with or without CUDA) – The Easy Way]<br />
* [http://www.makeuseof.com/tag/create-artificial-fever-dreams-googles-deepdream/ Create Your Own Artificial Fever Dreams with Google’s "DeepDream"]<br />
* [https://boingboing.net/2019/01/31/sade-and-co.html Afrofuturist artist creates gorgeous portraits with Deep Dreaming]<br />
<br />
<br />
[[Category:Algorithms]]<br />
[[Category:Art]]<br />
[[Category:Computer science]]<br />
[[Category:Computing]]<br />
[[Category:Visual arts]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Google_Chrome_extension&diff=20300Google Chrome extension2019-01-29T16:53:51Z<p>Karl Jones: </p>
<hr />
<div>'''Google Chrome Extensions''' are browser extensions that modify the [[Google Chrome]] browser.<br />
<br />
== Description ==<br />
<br />
These extensions are written using web technologies like [[HTML]], [[JavaScript]], and [[CSS]].<br />
<br />
Google Chrome Extensions are downloadable through the [[Chrome Web Store]] (formerly the Google Chrome Extensions Gallery).<br />
<br />
As of February 2010, over 2,200 extensions have been published by developers.<br />
<br />
All users with a Google Account are able to add extensions after developing them.<br />
<br />
== See also ==<br />
<br />
* [[Google Chrome]]<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/Google_Chrome_extension Google Chrome extension] @ Wikipedia<br />
<br />
=== Tutorials ===<br />
<br />
* [https://developer.chrome.com/extensions/getstarted Get started] @ developer.chrome.com<br />
* [https://developer.chrome.com/extensions/overview Overview] <br />
* [https://developer.chrome.com/extensions/tut_debugging Tutorial: debugging]<br />
* [https://developer.chrome.com/extensions/api_index JavaScript APIs]<br />
* [https://developer.chrome.com/extensions/devguide Developer's guide]<br />
<br />
=== Favorites ===<br />
<br />
* [https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl?hl=en Full Page Screen Capture] by mrcoles.com<br />
<br />
[[Category:Web browsers]]<br />
[[Category:Web design and development]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=AngularJS&diff=20299AngularJS2019-01-10T14:53:32Z<p>Karl Jones: </p>
<hr />
<div>In software development, AngularJS (commonly referred to as "Angular") is an [[open source]] [[web application]] [[JavaScript library|JavaScript framework]] for developing [[Single-page application|single-page applications]].<br />
<br />
This article focuses on Angular 2.<br />
<br />
== Description ==<br />
<br />
AngularJS simplifies both the development and the testing of web applications by providing a framework for [[client-side]] [[Model-view-controller|Model–view–controller]] (MVC) architecture, along with components commonly used in [[rich Internet application|rich Internet applications]].<br />
<br />
AngularJS works by first reading the [[HTML]] page, which has embedded into it additional custom tag attributes. <br />
<br />
Angular interprets those attributes as directives to bind input or output parts of the page to a model that is represented by standard JavaScript variables. <br />
<br />
The values of those JavaScript variables can be manually set within the code, or retrieved from static or dynamic JSON resources.<br />
<br />
== Why Angular 2 ==<br />
<br />
* Keep and enhance best practices from Angular 2<br />
* Standards: new syntax for templates binding to native DOM<br />
* Improved change detection for speed/performance<br />
* Reactive mechanism handling<br />
* Immutable data objects<br />
<br />
== Directive ==<br />
<br />
A directive is a class decorated with <code>@Directive</code>.<br />
<br />
See [[AngularJS directive]].<br />
<br />
== Component ==<br />
<br />
A component is a directive with added template features.<br />
<br />
See [[AngularJS component]].<br />
<br />
== Metadata ==<br />
<br />
Metadata allows Angular to process (decorate) a class.<br />
<br />
See [[AngularJS metadata]].<br />
<br />
== Templates ==<br />
<br />
Template is HTML which tells Angular how to render a component.<br />
<br />
See [[AngularJS template]].<br />
<br />
== Data binding ==<br />
<br />
Enables data to flow from component to template and vice-versa.<br />
<br />
See [[AngularJS data binding]].<br />
<br />
== Services ==<br />
<br />
A service is a class.<br />
<br />
Handles business logic (so components don't have to).<br />
<br />
Decorate with <code>@Injectable</code> to inject dependencies into service.<br />
<br />
== Modules ==<br />
<br />
See [[AngularJS module]].<br />
<br />
== Dependency injection ==<br />
<br />
See [[AngularJS dependency injection]].<br />
<br />
== Class definitions ==<br />
<br />
<pre><br />
.Class({<br />
constructor: function() {}<br />
});<br />
</pre><br />
<br />
== Components ==<br />
<br />
See [[AngularJS component]].<br />
<br />
== Forms ==<br />
<br />
See [[AngularJS form]].<br />
<br />
== Transclusion ==<br />
<br />
In Angular 2, the concept of transclusion is simply no longer necessary. Because component directives are built on top of web components, we can simply take advantage of the built-in web component functionality instead -- content tags.<br />
<br />
If we use content tags with select attributes to filter the user-provided template, our directive already has all that it needs natively to handle multiple insertion points. <br />
<br />
See:<br />
<br />
* [https://scotch.io/tutorials/angular-2-transclusion-using-ng-content Angular 2 Transclusion using ng-content].<br />
* [https://toddmotto.com/transclusion-in-angular-2-with-ng-content Transclusion in Angular 2]<br />
* [https://www.airpair.com/angularjs/posts/creating-components-p3-angular2-directives Creating Container Components, Part 3: Angular 2 Component Directives]<br />
<br />
== Promises ==<br />
<br />
Promises in AngularJS are provided by the built-in <code>$q</code> service. They provide a way to execute asynchronous functions in series by registering them with a promise object.<br />
<br />
Promises have made their way into native JavaScript as part of the ES6 specification. The angular $q service provides an interface that closely resembles this new API so porting code to ES6 should be easy.<br />
<br />
See [[Promise object (JavaScript)]].<br />
<br />
== Tooling ==<br />
<br />
See [[AngularJS tooling]].<br />
<br />
== PrimeNG ==<br />
<br />
PrimeNG is a collection of rich UI components for Angular 2. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.<br />
<br />
All widgets are open source and free to use under MIT License.<br />
<br />
See [http://www.primefaces.org/primeng/ PrimeNG].<br />
<br />
== TreeView ==<br />
<br />
See:<br />
<br />
* [http://ngmodules.org/modules/angular.treeview Angular Treeview] @ ngmodules.org<br />
* [https://angular-ui-tree.github.io/angular-ui-tree AngularJS UI Tree] @ github.io<br />
* [http://stackoverflow.com/questions/11854514/is-it-possible-to-make-a-tree-view-with-angular Is it possible to make a Tree View with Angular?]<br />
<br />
== See also ==<br />
<br />
* [[AngularJS change detection]]<br />
* [[AngularJS pagination]]<br />
* [[Client-side]]<br />
* [[Framework (computing)]]<br />
* [[JavaScript library]]<br />
* [[Web application]]<br />
<br />
== External links ==<br />
<br />
* [https://www.angularjs.org/ Official website] <br />
* [https://angular.io/docs/js/latest/quickstart.html Quickstart]<br />
* [https://docs.angularjs.org/guide Developer guide]<br />
* [https://docs.angularjs.org/guide/introduction Introduction]<br />
* [https://docs.angularjs.org/guide/concepts Conceptual overview]<br />
* [https://docs.angularjs.org/tutorial/ Tutorial] <br />
* [http://code.karljones.com/angularjs/ Angular code examples] @ code.karljones.com<br />
* http://onehungrymind.com/build-a-simple-website-with-angular-2/ Building a simple website with Angular]<br />
* [https://github.com/jmcunningham/AngularJS2-Learning Learning Angular2]<br />
* [https://herringtondarkholme.github.io/2015/10/25/angular2-quick-start/ The Real Angular2 quick start]<br />
* [http://angularjs.blogspot.com/2016/04/5-rookie-mistakes-to-avoid-with-angular.html 5 Rookie Mistakes to Avoid with Angular 2]<br />
* [https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html Angular Change Detection Explained] @ thoughtram.io<br />
* [https://blog.thoughtram.io/angular/2016/02/01/zones-in-angular-2.html Zones in Angular] @ thoughtram.io<br />
* [https://en.wikipedia.org/wiki/AngularJS AngularJS] @ Wikipedia<br />
* [https://manuel-rauber.com/2016/09/30/how-to-debug-angular-2-with-webstorm/ How to debug Angular 2 with WebStorm]<br />
* [https://codeburst.io/angular-bad-practices-eab0e594ce92 Angular Bad Practices]<br />
* [https://medium.com/@chriscordle/why-angular-2-4-is-too-little-too-late-ea86d7fa0bae Why Angular 2/4 Is Too Little, Too Late]<br />
* [https://scotch.io/tutorials/all-the-ways-to-add-css-to-angular-2-components All the Ways to Add CSS to Angular 2 Components]<br />
<br />
[[Category:AngularJS]]<br />
[[Category:Web design and development]]<br />
[[Category:JavaScript]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=AngularJS&diff=20298AngularJS2019-01-10T14:48:53Z<p>Karl Jones: </p>
<hr />
<div>In software development, AngularJS (commonly referred to as "Angular") is an [[open source]] [[web application]] [[JavaScript library|JavaScript framework]] for developing [[Single-page application|single-page applications]].<br />
<br />
This article focuses on Angular 2.<br />
<br />
== Description ==<br />
<br />
AngularJS simplifies both the development and the testing of web applications by providing a framework for [[client-side]] [[Model-view-controller|Model–view–controller]] (MVC) architecture, along with components commonly used in [[rich Internet application|rich Internet applications]].<br />
<br />
AngularJS works by first reading the [[HTML]] page, which has embedded into it additional custom tag attributes. <br />
<br />
Angular interprets those attributes as directives to bind input or output parts of the page to a model that is represented by standard JavaScript variables. <br />
<br />
The values of those JavaScript variables can be manually set within the code, or retrieved from static or dynamic JSON resources.<br />
<br />
== Why Angular 2 ==<br />
<br />
* Keep and enhance best practices from Angular 2<br />
* Standards: new syntax for templates binding to native DOM<br />
* Improved change detection for speed/performance<br />
* Reactive mechanism handling<br />
* Immutable data objects<br />
<br />
== Directive ==<br />
<br />
A directive is a class decorated with <code>@Directive</code>.<br />
<br />
See [[AngularJS directive]].<br />
<br />
== Component ==<br />
<br />
A component is a directive with added template features.<br />
<br />
See [[AngularJS component]].<br />
<br />
== Metadata ==<br />
<br />
Metadata allows Angular to process (decorate) a class.<br />
<br />
See [[AngularJS metadata]].<br />
<br />
== Templates ==<br />
<br />
Template is HTML which tells Angular how to render a component.<br />
<br />
See [[AngularJS template]].<br />
<br />
== Data binding ==<br />
<br />
Enables data to flow from component to template and vice-versa.<br />
<br />
See [[AngularJS data binding]].<br />
<br />
== Services ==<br />
<br />
A service is a class.<br />
<br />
Handles business logic (so components don't have to).<br />
<br />
Decorate with <code>@Injectable</code> to inject dependencies into service.<br />
<br />
== Modules ==<br />
<br />
See [[AngularJS module]].<br />
<br />
== Dependency injection ==<br />
<br />
See [[AngularJS dependency injection]].<br />
<br />
== Class definitions ==<br />
<br />
<pre><br />
.Class({<br />
constructor: function() {}<br />
});<br />
</pre><br />
<br />
== Components ==<br />
<br />
See [[AngularJS component]].<br />
<br />
== Forms ==<br />
<br />
See [[AngularJS form]].<br />
<br />
== Transclusion ==<br />
<br />
In Angular 2, the concept of transclusion is simply no longer necessary. Because component directives are built on top of web components, we can simply take advantage of the built-in web component functionality instead -- content tags.<br />
<br />
If we use content tags with select attributes to filter the user-provided template, our directive already has all that it needs natively to handle multiple insertion points. <br />
<br />
See:<br />
<br />
* [https://scotch.io/tutorials/angular-2-transclusion-using-ng-content Angular 2 Transclusion using ng-content].<br />
* [https://toddmotto.com/transclusion-in-angular-2-with-ng-content Transclusion in Angular 2]<br />
* [https://www.airpair.com/angularjs/posts/creating-components-p3-angular2-directives Creating Container Components, Part 3: Angular 2 Component Directives]<br />
<br />
== Promises ==<br />
<br />
Promises in AngularJS are provided by the built-in <code>$q</code> service. They provide a way to execute asynchronous functions in series by registering them with a promise object.<br />
<br />
Promises have made their way into native JavaScript as part of the ES6 specification. The angular $q service provides an interface that closely resembles this new API so porting code to ES6 should be easy.<br />
<br />
See [[Promise object (JavaScript)]].<br />
<br />
== Tooling ==<br />
<br />
See [[AngularJS tooling]].<br />
<br />
== PrimeNG ==<br />
<br />
PrimeNG is a collection of rich UI components for Angular 2. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.<br />
<br />
All widgets are open source and free to use under MIT License.<br />
<br />
See [http://www.primefaces.org/primeng/ PrimeNG].<br />
<br />
== TreeView ==<br />
<br />
See:<br />
<br />
* [http://ngmodules.org/modules/angular.treeview Angular Treeview] @ ngmodules.org<br />
* [https://angular-ui-tree.github.io/angular-ui-tree AngularJS UI Tree] @ github.io<br />
* [http://stackoverflow.com/questions/11854514/is-it-possible-to-make-a-tree-view-with-angular Is it possible to make a Tree View with Angular?]<br />
<br />
== See also ==<br />
<br />
* [[AngularJS change detection]]<br />
* [[AngularJS pagination]]<br />
* [[Client-side]]<br />
* [[Framework (computing)]]<br />
* [[JavaScript library]]<br />
* [[Web application]]<br />
<br />
== External links ==<br />
<br />
* [https://www.angularjs.org/ Official website] <br />
* [https://angular.io/docs/js/latest/quickstart.html Quickstart]<br />
* [https://docs.angularjs.org/guide Developer guide]<br />
* [https://docs.angularjs.org/guide/introduction Introduction]<br />
* [https://docs.angularjs.org/guide/concepts Conceptual overview]<br />
* [https://docs.angularjs.org/tutorial/ Tutorial] <br />
* [http://code.karljones.com/angularjs/ Angular code examples] @ code.karljones.com<br />
* http://onehungrymind.com/build-a-simple-website-with-angular-2/ Building a simple website with Angular]<br />
* [https://github.com/jmcunningham/AngularJS2-Learning Learning Angular2]<br />
* [https://herringtondarkholme.github.io/2015/10/25/angular2-quick-start/ The Real Angular2 quick start]<br />
* [http://angularjs.blogspot.com/2016/04/5-rookie-mistakes-to-avoid-with-angular.html 5 Rookie Mistakes to Avoid with Angular 2]<br />
* [https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html Angular Change Detection Explained] @ thoughtram.io<br />
* [https://blog.thoughtram.io/angular/2016/02/01/zones-in-angular-2.html Zones in Angular] @ thoughtram.io<br />
* [https://en.wikipedia.org/wiki/AngularJS AngularJS] @ Wikipedia<br />
* [https://manuel-rauber.com/2016/09/30/how-to-debug-angular-2-with-webstorm/ How to debug Angular 2 with WebStorm]<br />
* [https://codeburst.io/angular-bad-practices-eab0e594ce92 Angular Bad Practices]<br />
* [https://medium.com/@chriscordle/why-angular-2-4-is-too-little-too-late-ea86d7fa0bae Why Angular 2/4 Is Too Little, Too Late]<br />
<br />
[[Category:AngularJS]]<br />
[[Category:Web design and development]]<br />
[[Category:JavaScript]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=WordPress_plugin&diff=20297WordPress plugin2018-10-03T22:37:30Z<p>Karl Jones: /* External links */</p>
<hr />
<div>A '''WordPress plugin''' is software which extends the functionality of [[WordPress]], allowing developers to create new WordPress features.<br />
<br />
== Free versus commercial ==<br />
<br />
Many WordPress plugins are available for free. <br />
<br />
Others are commercial products, commonly with a free starter version, and a pay version which unlocks more features.<br />
<br />
== Authoring plugins ==<br />
<br />
Authoring new plugins requires some knowledge of [[PHP]], and specific knowledge about the [[WordPress plugin API]].<br />
<br />
Many tutorials and examples are available on the web to help developers acquire the necessary knowledge.<br />
<br />
== See also ==<br />
<br />
* [[Akismet]] - anti-spam plugin<br />
* [[Plug-in (computing)]]<br />
* [[PHP]]<br />
* [[WordPress]]<br />
* [[WordPress plugin API]]<br />
* [[WordPress widget]]<br />
<br />
=== Categories ===<br />
<br />
* [[:Category:WordPress plugins]]<br />
<br />
== External links ==<br />
<br />
* [https://wordpress.org/plugins/ Plugins directory] @ WordPress.org<br />
<br />
=== Recommended plugins ===<br />
<br />
* [https://audiotheme.com/blog/13-recommended-wordpress-plugins-for-band-websites/ 13 Recommended WordPress Plugins for Band Websites]<br />
<br />
=== Custom fields ===<br />
<br />
* [https://wordpress.org/plugins/advanced-custom-fields/ Advanced Custom Fields]<br />
<br />
=== Custom posts and taxonomies ===<br />
<br />
* [https://metabox.io/plugins/mb-relationships/ https://metabox.io/plugins/mb-relationships/]<br />
<br />
=== Contact forms ===<br />
<br />
* [https://wordpress.org/plugins/contact-form-7/ Contact Form 7]<br />
* [https://www.gravityforms.com/ Gravity Forms]<br />
* [http://www.wpbeginner.com/plugins/5-best-contact-form-plugins-for-wordpress-compared/ 5 Best Contact Form Plugins for WordPress Compared]<br />
* [https://www.codeinwp.com/blog/best-contact-form-plugins-wordpress/ 6 Best Contact Form Plugins for WordPress Compared (2016 Edition)]<br />
<br />
=== E-commerce ===<br />
<br />
* [http://www.woothemes.com/woocommerce/ WooCommerce]<br />
<br />
=== Data management ===<br />
<br />
* [https://www.elegantthemes.com/blog/resources/vital-link-six-of-the-best-wordpress-database-plugins Vital Link: Six of the Best WordPress Database Plugins]<br />
* [https://wordpress.org/plugins/data-tables-generator-by-supsystic/ Data Tables Generator]<br />
<br />
=== Other ===<br />
<br />
* [https://buddypress.org/ BuddyPress]<br />
<br />
[[Category:WordPress]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=HTML_element&diff=20296HTML element2018-10-03T18:09:49Z<p>Karl Jones: </p>
<hr />
<div>An '''element''' is a fundamental unit in [[HTML]].<br />
<br />
The HTML language is made up of a set of elements, and rules for using element.<br />
<br />
Elements are the basis for [[Tag|tags]]. <br />
<br />
In an HTML document, tags represent elements.<br />
<br />
== One Tag, Two Tag ==<br />
<br />
Some HTML elements require one tag:<br />
<br />
<pre><br />
<img src="image.jpg" alt="element with one tag" /><br />
</pre><br />
<br />
Most HTML elements require two tags: an opening tag, and a closing tag:<br />
<br />
<pre><br />
<p>Text inside paragraph.</p><br />
</pre><br />
<br />
== See also ==<br />
<br />
* [[HTML]]<br />
* [[HTML attribute]]<br />
* [[List of HTML elements]]<br />
* [[Markup language]]<br />
* [[Tag (markup language)]]<br />
* [[Web design]]<br />
<br />
== External links ==<br />
<br />
* [http://en.wikipedia.org/wiki/HTML_element HTML element] @ Wikipedia<br />
* [https://www.lifewire.com/html-tag-vs-element-3466507 What Is An HTML Tag Versus an HTML Element?]<br />
<br />
[[Category:HTML]]<br />
[[Category:HTML elements]]<br />
[[Category:Markup languages]]<br />
[[Category:Web design]]<br />
[[Category:Web design and development]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Generative_art&diff=20295Generative art2018-10-02T15:42:33Z<p>Karl Jones: </p>
<hr />
<div>'''Generative art''' refers to [[art]] that in whole or in part has been created with the use of an [[autonomous system]].<br />
<br />
== Description ==<br />
<br />
An autonomous system in this context is generally one that is non-human and can independently determine features of an artwork that would otherwise require decisions made directly by the artist.<br />
<br />
In some cases the human creator may claim that the generative system represents their own artistic idea, and in others that the system takes on the role of the creator.<br />
<br />
"Generative art" is often used to refer to [[algorithmic art]] (computer generated artwork that is algorithmically determined).<br />
<br />
Generative art can also be made using systems of [[chemistry]], [[biology]], [[mechanics]], [[robotics]], smart materials, manual [[randomization]], [[mathematics]], [[data mapping]], [[symmetry]], [[tiling]], and more.<br />
<br />
== See also ==<br />
<br />
* [[Algorithm]]<br />
* [[Algorithmic composition]]<br />
* [[Artmedia]]<br />
* [[Autonomous system]]<br />
* [[Cellular automata]]<br />
* [[Computer art]]<br />
* [[Conway's Game of Life]]<br />
* [[Deep Dream]]<br />
* [[Demoscene]]<br />
* [[Digital morphogenesis]]<br />
* [[Display hack]]<br />
* [[Emergence]]<br />
* [[Evolutionary art]]<br />
* [[Generative music]]<br />
* [[Low-complexity art]]<br />
* [[Interactive art]]<br />
* [[Mathematical beauty]]<br />
* [[Mathematics and art]]<br />
* [[New media art]]<br />
* [[Post-conceptualism]]<br />
* [[Systems art]]<br />
* [[Systems theory]]<br />
* [[Virtual art]]<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/Generative_art Generative art] @ Wikipedia<br />
* [https://boingboing.net/2018/04/17/glitch-makes-programming-on-th.html Glitch makes programming on the web fun again]<br />
* [https://generativeartistry.com/ Generative artistry]<br />
<br />
[[Category:Algorithms]]<br />
[[Category:Art]]<br />
[[Category:Computer art]]<br />
[[Category:Mathematical beauty]]<br />
[[Category:Mathematics and art]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=JavaScript&diff=20294JavaScript2018-09-30T18:34:54Z<p>Karl Jones: /* External links */</p>
<hr />
<div>'''JavaScript''' (/ˈdʒɑːvɑːˌskrɪpt/; JS), also known as '''ECMAScript''', is a [[dynamic programming language]].<br />
<br />
== Description ==<br />
<br />
It is most commonly used as part of [[Web browser|web browsers]], whose implementations include [[Client-side script|client-side scripts]] which perform a wide range of tasks, including:<br />
<br />
* [[Interact with the user]]<br />
* [[Control the browser]]<br />
* [[Communicate asynchronously]]<br />
* [[Alter the document content that is displayed]]<br />
<br />
== Web applications ==<br />
<br />
JavaScript is widely used for [[Web application|web applications]], including [[Single-page application|single-page applications]].<br />
<br />
== Programming paradigms ==<br />
<br />
JavaScript is classified as a prototype-based scripting language with dynamic typing and first-class functions. This mix of features makes it a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles.<br />
<br />
== Non-web uses for JavaScript ==<br />
<br />
JavaScript is also used in environments that aren not web-based, such as PDF documents, site-specific browsers, and desktop widgets.<br />
<br />
== Just-in-time compilation ==<br />
<br />
On the [[client side]], JavaScript has been traditionally implemented as an [[Interpreted programming language|interpreted language]], but more recent browsers perform [[just-in-time compilation]].<br />
<br />
== Server-side JavaScript ==<br />
<br />
JavaScript is also used in server-side network programming with runtime environments such as Node.js, game development and the creation of desktop and mobile applications.<br />
<br />
Newer and faster JavaScript virtual machines (VMs) and platforms built upon them have also increased the popularity of JavaScript for server-side web applications.<br />
<br />
== Standards ==<br />
<br />
JavaScript has been standardized in the ECMAScript language specification.<br />
<br />
== JavaScript is not Java ==<br />
<br />
Despite some naming, syntactic, and standard library similarities, JavaScript and [[Java (programming language)|Java]] are otherwise unrelated and have very different semantics. <br />
<br />
== See also ==<br />
<br />
* [[Asynchronous module definition]]<br />
* [[Client-side scripting]]<br />
* [[Computer program]]<br />
* [[Immediately-invoked function expression]]<br />
* [[Isomorphic Javascript application]]<br />
* [[melonJS]]<br />
* [[JavaScript associative arrays]]<br />
* [[JavaScript destructuring]]<br />
* [[JavaScript encapsulation]]<br />
* [[JavaScript framework]]<br />
* [[JavaScript object]]<br />
* [[JavaScript prototype]]<br />
* [[JavaScript syntax and semantics]]<br />
* [[JSON]]<br />
* [[Learning JavaScript (1)]]<br />
* [[Recognizing JavaScript]]<br />
* [[Simulations in JavaScript]]<br />
* [[Using JavaScript]]<br />
* [[Web browser]]<br />
* [[WebGL]]<br />
<br />
== External links ==<br />
<br />
* [http://en.wikipedia.org/wiki/Javascript JavaScript] @ wikipedia.org<br />
* [https://www.w3.org/community/webed/wiki/What_can_you_do_with_JavaScript What you can do with JavaScript] @ w3.org<br />
* [http://learn.jquery.com/javascript-101/getting-started/ Getting Started: JavaScript 101] @ jquery.com<br />
* [http://www.slideshare.net/fulvio.corno/introduction-to-javascript-programming Introduction to JavaScript] @ by Fulvio Corno<br />
* [http://www.w3schools.com/js/default.asp JavaScript Introduction] @ w3schools.org<br />
* [http://www.w3schools.com/js/default.asp JavaScript Tutorial] @ w3schools.org<br />
* http://msdn.microsoft.com/library/bb288795.aspx[ Introduction to JavaScript] @ microsoft.com<br />
* [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Getting_Started Getting Started (JavaScript Tutorial)] @ mozilla.org<br />
* [http://www.adobe.com/devnet/dreamweaver/articles/introduction-to-javascript.html Introduction to JavaScript] @ adobe.com<br />
* [http://sedgestuff.wordpress.com/2013/09/05/javascript-introduction-to-javascript/ Introduction to JavaScript] @ sedgestuff.wordpress.com<br />
* [http://cs.lmu.edu/~ray/notes/javascript/ Introduction to JavaScript] by ~ray<br />
* [http://yujianrong.github.io/JavascriptTraining/#/ Dive Into JavaScript] @ yujianrong.github.io<br />
* [http://eloquentjavascript.net/ Eloquent JavaScript] by Marijn Haverbeke<br />
* [http://www.openbookproject.net/books/mi2pwjs/ Modern Introduction to Programming with JavaScript] @ openbookproject.net<br />
* [http://www.srirangan.net/2011-12-functional-programming-in-javascript Introduction to Functional Programming in JavaScript] @ srirangan.net<br />
* [http://svendvanderveken.wordpress.com/2012/01/04/introduction-to-clean-javascript-design/ Introduction to Clean JavaScript Design] @ svendvanderveken.wordpress.com<br />
* [https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript A Re-Introduction to JavaScript] @ mozilla.org<br />
* [http://webteacher.com/javascript/ JavaScript for the Total Non-Programmer] @ webteacher.com<br />
* [https://medium.com/@benastontweet/lesson-1a-the-history-of-javascript-8c1ce3bffb17#.vkikbm9qc A brief history of JavaScript]<br />
* [http://creativejs.com/ Creative JS]<br />
<br />
JavaScript graphics:<br />
<br />
* [https://www.dwitter.net/top Dwitter] - JavaScript animations using 140 characters or less<br />
<br />
<br />
[[Category:Computer programming]]<br />
[[Category:Computer science]]<br />
[[Category:JavaScript]]<br />
[[Category:Programming languages]]<br />
[[Category:Web design]]<br />
[[Category:Web design and development]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Web_image&diff=20293Web image2018-09-26T13:41:54Z<p>Karl Jones: </p>
<hr />
<div>A '''web image''' is a [[digital image]] available via the [[World Wide Web]].<br />
<br />
== See also ==<br />
<br />
* [[Digital image]]<br />
<br />
== External links == <br />
<br />
* [http://stackoverflow.com/questions/16106234/is-there-an-optimal-image-size-width-x-height-filesize-for-full-screen-sca Is there an optimal image size ( width x height | filesize ) for full-screen scaling backgrounds?] @ Stack Overflow<br />
* [https://imgflip.com/memegenerator Meme generator] - superimpose custom text on image<br />
* [http://buns.life/ Put Words Between Buns]<br />
* [https://boingboing.net/2018/09/26/pixelmash-make-resolution-ind.html Pixelmash: make resolution-independent pixel art]<br />
<br />
[[Category:Computing]]<br />
[[Category:Web design]]<br />
[[Category:Web design and development]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Application_programming_interface&diff=20292Application programming interface2018-09-14T14:44:19Z<p>Karl Jones: </p>
<hr />
<div>In [[computer programming]], an '''application programming interface''' ('''API''') is a set of routines, protocols, and tools for building [[application software]].<br />
<br />
== Description ==<br />
<br />
An API expresses a software component in terms of its [[operations]], [[Input|inputs]], [[Output|outputs]], and underlying [[Data type|data types]]. <br />
<br />
An API defines functionalities that are independent of their respective implementations, which allows definitions and implementations to vary without compromising each other. <br />
<br />
A good API makes it easier to develop a program by providing all the building blocks. A programmer then puts the blocks together.<br />
<br />
== APIs and programming GUI components ==<br />
<br />
In addition to accessing databases or computer hardware, such as hard disk drives or video cards, an API can ease the work of programming [[GUI]] components. <br />
<br />
For example, an API can facilitate integration of new features into existing applications (a so-called "plug-in API"). An API can also assist otherwise distinct applications with sharing data, which can help to integrate and enhance the functionalities of the applications.<br />
<br />
== API libraries ==<br />
<br />
APIs often come in the form of a [[Library (computing)|library]] that includes specifications for:<br />
<br />
* [[Routines]]<br />
* [[Data structure|Data structures]]<br />
* [[Class (computer programming)|Object classes]]<br />
* [[Variable (computing)|Variables]] <br />
<br />
== SOAP and REST ==<br />
<br />
In other cases, notably [[SOAP]] and [[Representational state transfer|REST]] services, an API is simply a specification of remote calls exposed to the API consumers.<br />
<br />
== See also ==<br />
<br />
* [[Application software]]<br />
* [[Class (computer programming)]]<br />
* [[Computer program]]<br />
* [[Computer programming]]<br />
* [[Data (computing)]]<br />
* [[Data structure]]<br />
* [[Data type]]<br />
* [[Framework (computing)]]<br />
* [[Libraries and frameworks (computing)]]<br />
* [[Library (computing)]]<br />
* [[Input]]<br />
* [[Operations]]<br />
* [[Output]]<br />
* [[Protocol]]<br />
* [[Representational state transfer]] (REST)<br />
* [[Routines]]<br />
* [[SOAP]]<br />
* [[Software development]]<br />
* [[Software development kit]]<br />
* [[Variable (computing)]]<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/Application_programming_interface Appplication programming interface] @ Wikepedia<br />
* [https://blog.apisyouwonthate.com/guessing-api-contracts-ac1b7eaebced Commit to API Contracts]<br />
<br />
=== Public APIs ===<br />
<br />
* [http://loripsum.net/ Loripsum.net]<br />
* [http://calapi.inadiutorium.cz/api-doc Church Calendar API]<br />
* [http://www.setgetgo.com/randomword/ Random word API]<br />
* [http://www.recipepuppy.com/about/api/ Recipe Puppy]<br />
* [http://fixer.io/ Foreign exchange rates and currency conversion]<br />
* [http://deckofcardsapi.com/ Deck of cards API]<br />
* [https://quotesondesign.com/api-v4-0/ Quotes on Design]<br />
* [http://sunrise-sunset.org/api Sunset and sunrise times API]<br />
<br />
=== Lists of public APIs ===<br />
<br />
* [https://github.com/toddmotto/public-apis Public APIs] compiled by Todd Motto<br />
* [https://en.wikipedia.org/wiki/List_of_open_APIs List of open APIs] @ Wikipedia<br />
* [http://www.programmableweb.com/apis/directory Search the Largest API Directory on the Web]<br />
* [https://www.publicapis.com/ Explore The Largest API Directory In The Galaxy]<br />
* [https://www.any-api.com/ Any API]<br />
* [http://www.computersciencezone.org/50-most-useful-apis-for-developers/ 50 Most Useful APIs for Developers]<br />
* [https://www.data.gov/developers/apis Data.gov APIs]<br />
<br />
[[Category:Computer science]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=MongoDB_populate&diff=20291MongoDB populate2018-09-12T15:04:18Z<p>Karl Jones: Created page with "In the MongoDB database, '''populate''' is a function which links documents across collections. == See also == * MongoDB == External links == * [https://medium.com..."</p>
<hr />
<div>In the [[MongoDB]] database, '''populate''' is a function which links documents across collections.<br />
<br />
== See also ==<br />
<br />
* [[MongoDB]]<br />
<br />
== External links ==<br />
<br />
* [https://medium.com/@nicknauert/mongooses-model-populate-b844ae6d1ee7 Mongoose’s Model.Populate() - A Tutorial We Newbs Can Understand] @ Medium<br />
* [https://stackoverflow.com/questions/38051977/what-does-populate-in-mongoose-mean What does populate in mongoose mean?] @ Stack Overflow<br />
<br />
[[Category:Computer science]]<br />
[[Category:Databases]]<br />
[[Category:MongoDB]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Category:MongoDB&diff=20290Category:MongoDB2018-09-12T15:00:13Z<p>Karl Jones: Created blank page</p>
<hr />
<div></div>Karl Joneshttp://wiki.karljones.com/index.php?title=MongoDB&diff=20289MongoDB2018-09-12T15:00:02Z<p>Karl Jones: </p>
<hr />
<div>'''MongoDB''' (from humongous) is a free and open-source cross-platform [[document-oriented database]].<br />
<br />
Classified as a [[NoSQL]] database, MongoDB avoids the traditional table-based [[relational database]] structure in favor of [[JSON]]-like documents with dynamic schemas (it calls the format [[BSON]]), making the integration of data in certain types of applications easier and faster.<br />
<br />
MongoDB is developed by MongoDB Inc., and is published under a combination of the GNU Affero General Public License and the [[Apache License]].<br />
<br />
== See also ==<br />
<br />
* [[BSON]]<br />
* [[Couchbase]] - an enterprise NoSQL document database with SQL and Master/Master replication<br />
* [[Document-oriented database]]<br />
* [[HyperDex]] - a NoSQL database providing the MongoDB API with stronger consistency guarantees<br />
* [[MEAN (software bundle)]] - a solutions stack using MongoDB as the database<br />
* [[MongoDB populate]]<br />
* [[NoSQL]]<br />
* [[Server-side scripting]]<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/MongoDB MongoDB] @ Wikipedia.org <br />
* [https://www.mongodb.com/blog/post/6-rules-of-thumb-for-mongodb-schema-design-part-1 6 Rules of Thumb for MongoDB Schema Design: Part 1] @ mongodb.com<br />
* [http://www.sarahmei.com/blog/2013/11/11/why-you-should-never-use-mongodb/ Why You Should Never Use MongoDB] by Sarah Mei<br />
<br />
[[Category:Computer science]]<br />
[[Category:Databases]]<br />
[[Category:MongoDB]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Inkscape&diff=20288Inkscape2018-09-09T19:59:17Z<p>Karl Jones: </p>
<hr />
<div>'''Inkscape''' is a [[vector graphics editor]].<br />
<br />
Inkscape is [[free and open source]].<br />
<br />
== Description ==<br />
<br />
Inkscape can be used to create or edit [[vector graphics]] such as:<br />
<br />
* [[Illustration|Illustrations]]<br />
* [[Diagram|Diagrams]]<br />
* [[Line art]]<br />
* [[Chart|Charts]]<br />
* [[Logo|Logos]]<br />
<br />
Inkscape's primary vector graphics format is [[Scalable Vector Graphics]] (SVG) version 1.1.<br />
<br />
While Inkscape can import and export several formats, all editing workflow inevitably occur within the constraints of the [[SVG]] format.<br />
<br />
Inkscape can render the primitive vector shapes (e.g. rectangles, ellipses, polygons, arcs, [[Spiral|spirals]], stars and isometric boxes), text and regions containing raster graphics.<br />
<br />
Inkscape supports [[image tracing]], enabling the user to create vector graphics from photos and other raster sources.<br />
<br />
Created shapes can be subjected to further transformations, such as moving, rotating, scaling and skewing.<br />
<br />
These objects may be filled with solid colors or [[Color gradient|color gradients]], their borders stroked or their transparency changed.<br />
<br />
As of 2015, Inkscape does not support SVG animation or full Cascading Style Sheet (CSS) specifications.<br />
<br />
== GIMP ==<br />
<br />
Inkscape users also commonly use [[GIMP]], a [[raster graphics editor]].<br />
<br />
[[GIMP]] is [[free and open source]].<br />
<br />
== See also ==<br />
<br />
* [[Computer graphics]]<br />
* [[GIMP]]<br />
* [[Scalable Vector Graphics]]<br />
* [[Vector graphics editor]]<br />
<br />
== External links ==<br />
<br />
* [https://inkscape.org Official website]<br />
* [https://en.wikipedia.org/wiki/Inkscape Inkscape] @ Wikipedia<br />
* [http://goinkscape.com/how-to-vectorize-in-inkscape/ How to vectorize in Inkscape]<br />
<br />
[[Category:Computing]]<br />
[[Category:Computer graphics]]<br />
[[Category:Computer programs]]<br />
[[Category:Graphic design]]<br />
[[Category:Computing]]<br />
[[Category:Software]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=WordPress_plugin&diff=20287WordPress plugin2018-09-09T19:58:06Z<p>Karl Jones: /* External links */</p>
<hr />
<div>A '''WordPress plugin''' is software which extends the functionality of [[WordPress]], allowing developers to create new WordPress features.<br />
<br />
== Free versus commercial ==<br />
<br />
Many WordPress plugins are available for free. <br />
<br />
Others are commercial products, commonly with a free starter version, and a pay version which unlocks more features.<br />
<br />
== Authoring plugins ==<br />
<br />
Authoring new plugins requires some knowledge of [[PHP]], and specific knowledge about the [[WordPress plugin API]].<br />
<br />
Many tutorials and examples are available on the web to help developers acquire the necessary knowledge.<br />
<br />
== See also ==<br />
<br />
* [[Akismet]] - anti-spam plugin<br />
* [[Plug-in (computing)]]<br />
* [[PHP]]<br />
* [[WordPress]]<br />
* [[WordPress plugin API]]<br />
* [[WordPress widget]]<br />
<br />
=== Categories ===<br />
<br />
* [[:Category:WordPress plugins]]<br />
<br />
== External links ==<br />
<br />
* [https://wordpress.org/plugins/ Plugins directory] @ WordPress.org<br />
<br />
=== Recommended plugins ===<br />
<br />
* [https://audiotheme.com/blog/13-recommended-wordpress-plugins-for-band-websites/ 13 Recommended WordPress Plugins for Band Websites]<br />
<br />
=== Custom fields ===<br />
<br />
* [https://wordpress.org/plugins/advanced-custom-fields/ Advanced Custom Fields]<br />
<br />
=== Custom posts and taxonomies ===<br />
<br />
* [https://metabox.io/plugins/mb-relationships/ https://metabox.io/plugins/mb-relationships/]<br />
<br />
=== Contact forms ===<br />
<br />
* [https://wordpress.org/plugins/contact-form-7/ Contact Form 7]<br />
* [http://www.wpbeginner.com/plugins/5-best-contact-form-plugins-for-wordpress-compared/ 5 Best Contact Form Plugins for WordPress Compared]<br />
* [https://www.codeinwp.com/blog/best-contact-form-plugins-wordpress/ 6 Best Contact Form Plugins for WordPress Compared (2016 Edition)]<br />
<br />
=== E-commerce ===<br />
<br />
* [http://www.woothemes.com/woocommerce/ WooCommerce]<br />
<br />
=== Data management ===<br />
<br />
* [https://www.elegantthemes.com/blog/resources/vital-link-six-of-the-best-wordpress-database-plugins Vital Link: Six of the Best WordPress Database Plugins]<br />
* [https://wordpress.org/plugins/data-tables-generator-by-supsystic/ Data Tables Generator]<br />
<br />
=== Other ===<br />
<br />
* [https://buddypress.org/ BuddyPress]<br />
<br />
[[Category:WordPress]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=WordPress_plugin&diff=20286WordPress plugin2018-09-09T19:50:11Z<p>Karl Jones: /* External links */</p>
<hr />
<div>A '''WordPress plugin''' is software which extends the functionality of [[WordPress]], allowing developers to create new WordPress features.<br />
<br />
== Free versus commercial ==<br />
<br />
Many WordPress plugins are available for free. <br />
<br />
Others are commercial products, commonly with a free starter version, and a pay version which unlocks more features.<br />
<br />
== Authoring plugins ==<br />
<br />
Authoring new plugins requires some knowledge of [[PHP]], and specific knowledge about the [[WordPress plugin API]].<br />
<br />
Many tutorials and examples are available on the web to help developers acquire the necessary knowledge.<br />
<br />
== See also ==<br />
<br />
* [[Akismet]] - anti-spam plugin<br />
* [[Plug-in (computing)]]<br />
* [[PHP]]<br />
* [[WordPress]]<br />
* [[WordPress plugin API]]<br />
* [[WordPress widget]]<br />
<br />
=== Categories ===<br />
<br />
* [[:Category:WordPress plugins]]<br />
<br />
== External links ==<br />
<br />
* [https://wordpress.org/plugins/ Plugins directory] @ WordPress.org<br />
<br />
=== Recommended plugins ===<br />
<br />
* [https://audiotheme.com/blog/13-recommended-wordpress-plugins-for-band-websites/ 13 Recommended WordPress Plugins for Band Websites]<br />
<br />
=== Custom fields ===<br />
<br />
* [https://wordpress.org/plugins/advanced-custom-fields/ Advanced Custom Fields]<br />
<br />
=== Contact forms ===<br />
<br />
* [https://wordpress.org/plugins/contact-form-7/ Contact Form 7]<br />
* [http://www.wpbeginner.com/plugins/5-best-contact-form-plugins-for-wordpress-compared/ 5 Best Contact Form Plugins for WordPress Compared]<br />
* [https://www.codeinwp.com/blog/best-contact-form-plugins-wordpress/ 6 Best Contact Form Plugins for WordPress Compared (2016 Edition)]<br />
<br />
=== E-commerce ===<br />
<br />
* [http://www.woothemes.com/woocommerce/ WooCommerce]<br />
<br />
=== Data management ===<br />
<br />
* [https://wordpress.org/plugins/data-tables-generator-by-supsystic/ Data Tables Generator]<br />
<br />
=== Other ===<br />
<br />
* [https://buddypress.org/ BuddyPress]<br />
<br />
[[Category:WordPress]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=WordPress&diff=20285WordPress2018-09-09T19:49:08Z<p>Karl Jones: </p>
<hr />
<div>'''WordPress''' is a free and open-source [[web application framework]] based on [[PHP]] and [[MySQL]].<br />
<br />
== Description ==<br />
<br />
WordPress began as [[blog]] software.<br />
<br />
It has since evolved into a web-based [[content management system]] which can be customized for a wide range of purposes, including traditional non-blog websites, portfolio websites, e-commerce websites, etc.<br />
<br />
== Features ==<br />
<br />
Features include a [[WordPress plugin|plugin architecture]] and a [[Web template system|template system]].<br />
<br />
== Themes ==<br />
<br />
WordPress uses a system of themes. See [[WordPress theme]] and [[WordPress theme examples]].<br />
<br />
== Plugins ==<br />
<br />
WordPress uses a system of [[Plug-in (computing)|plug-ins]], allowing third-party software developers to create new features for WordPress.<br />
<br />
See [[WordPress plugin]].<br />
<br />
== Popularity ==<br />
<br />
WordPress was used by more than 23.3% of the top 10 million websites as of January 2015.<br />
<br />
WordPress is the most popular blogging system in use on the Web, at more than 60 million websites.<br />
<br />
== License ==<br />
<br />
The license under which WordPress software is released is the GPLv2 (or later) from the Free Software Foundation.<br />
<br />
== Examples of WordPress sites ==<br />
<br />
* [https://wordpress.org/showcase/ WordPress Showcase] @ wordpress.org<br />
* [http://www.creativebloq.com/web-design/examples-wordpress-11121165 43 great examples of WordPress websites] - "WordPress is no longer just a blogging tool, as these brilliant examples of WordPress websites demonstrate."<br />
* [http://www.awwwards.com/websites/wordpress/ Wordpress Websites]<br />
* [http://www.wpbeginner.com/showcase/40-most-notable-big-name-brands-that-are-using-wordpress/ 40+ Most Notable Big Name Brands that are Using WordPress]<br />
<br />
== See also ==<br />
<br />
* [[Content management system]]<br />
* [[Custom taxonomy (WordPress)]]<br />
* [[Custom type (WordPress)]]<br />
* [[Framework (computing)]]<br />
* [[Web content management system]]<br />
* [[Web application framework]]<br />
* [[Web template system]]<br />
* [[WordPress and JavaScript]]<br />
* [[WordPress database]]<br />
* [[WordPress data model]]<br />
* [[WordPress terms]]<br />
* [[WordPress theme]]<br />
* [[WordPress theme examples]]<br />
* [[XML-RPC#WordPress_and_XML-RPC|XML-RPC]]<br />
<br />
== External links == <br />
<br />
* [https://en.wikipedia.org/wiki/WordPress WordPress] @ Wikipedia<br />
* [https://code.tutsplus.com/tutorials/creating-single-page-applications-with-wordpress-and-angularjs--cms-25095 Creating Single Page Applications With WordPress and Angular.js]<br />
<br />
[[Category:Computer science]]<br />
[[Category:Web design and development]]<br />
[[Category:WordPress]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=WordPress_data_model&diff=20284WordPress data model2018-09-09T19:48:45Z<p>Karl Jones: Created page with "The '''WordPress data model''' is the data model used by WordPress to organize data elements and standardize how the data elements relate to one another. == See also..."</p>
<hr />
<div>The '''WordPress data model''' is the [[data model]] used by [[WordPress]] to organize data elements and standardize how the data elements relate to one another.<br />
<br />
== See also ==<br />
<br />
* [[WordPress database]]<br />
<br />
== External links ==<br />
<br />
=== WordPress data model ===<br />
<br />
* [https://tommcfarlin.com/models-in-wordpress/ Data Models in WordPress – Their Perspective, Not Ours]<br />
<br />
[[Category:Databases]]<br />
[[Category:WordPress]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=WordPress_database&diff=20283WordPress database2018-09-09T19:45:50Z<p>Karl Jones: </p>
<hr />
<div>[[WordPress]] uses a [[MySQL]] database to store information such as blog posts and page content.<br />
<br />
See also [[WordPress data model]].<br />
<br />
== Using phpMyAdmin ==<br />
<br />
[[phpMyAdmin]] is a browser-based tool for working with MySQL databases.<br />
<br />
=== phpMyAdmin and WordPress ===<br />
<br />
To install WordPress, you must first create a database. <br />
<br />
You can do this using phpMyAdmin.<br />
<br />
=== phpMyAdmin and MAMP ===<br />
<br />
[[MAMP]] is a popular [[LAMP (software)]] stack.<br />
<br />
Browse the phpMyAdmin link in Localhost. Follow the ''phpMyAdmin'' link.<br />
<br />
* http://localhost/MAMP/index.php?page=phpmyadmin&language=English<br />
<br />
Screenshot:<br />
<br />
http://karljones.com/karljones.com/images/wiki/mamp-page.png<br />
<br />
== phpMyAdmin Database tab ==<br />
<br />
On the Default phpMyAdmin page, click the Databass tab:<br />
<br />
http://karljones.com/karljones.com/images/wiki/MAMP-phpMyAdmin.png<br />
<br />
The Databases view will look something like the screenshot below. Note that I have typed in the word "wordpress" for the database name.<br />
<br />
http://karljones.com/karljones.com/images/wiki/MAMP-phpMyAdmin-create-db.png<br />
<br />
Click the Create button. phpMyAdmin will look something like the screenshot below. Note that "wordpress" now appears in the list of databases, in the left column.<br />
<br />
You are done in phpMyAdmin. The database is ready for WordPress to use. <br />
<br />
In this example I created a database named "wordpress", because that is the the convention.<br />
<br />
However, you can name your database something else, so long as you specify the database name in the WordPress installation screen.<br />
<br />
http://karljones.com/karljones.com/images/wiki/MAMP-phpMyAdmin-create-db-complete.png<br />
<br />
== External links ==<br />
<br />
=== WordPress and phpMyAdmin ===<br />
<br />
These links relate to phpMyAdmin, a browser-based tool for working with MySQL databases.<br />
<br />
* [http://www.wpbeginner.com/beginners-guide/beginners-guide-to-wordpress-database-management-with-phpmyadmin/ Beginner’s Guide to WordPress Database Management with phpMyAdmin]<br />
* [http://www.wpbeginner.com/beginners-guide/how-to-reset-a-wordpress-password-from-phpmyadmin/ How to Reset a WordPress Password from phpMyAdmin]<br />
* [https://codex.wordpress.org/Changing_The_Site_URL#Changing_the_URL_directly_in_the_database Changing the Site URL]<br />
<br />
<br />
[[Category:Databases]]<br />
[[Category:WordPress]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=WordPress_plugin&diff=20282WordPress plugin2018-09-09T19:43:37Z<p>Karl Jones: /* External links */</p>
<hr />
<div>A '''WordPress plugin''' is software which extends the functionality of [[WordPress]], allowing developers to create new WordPress features.<br />
<br />
== Free versus commercial ==<br />
<br />
Many WordPress plugins are available for free. <br />
<br />
Others are commercial products, commonly with a free starter version, and a pay version which unlocks more features.<br />
<br />
== Authoring plugins ==<br />
<br />
Authoring new plugins requires some knowledge of [[PHP]], and specific knowledge about the [[WordPress plugin API]].<br />
<br />
Many tutorials and examples are available on the web to help developers acquire the necessary knowledge.<br />
<br />
== See also ==<br />
<br />
* [[Akismet]] - anti-spam plugin<br />
* [[Plug-in (computing)]]<br />
* [[PHP]]<br />
* [[WordPress]]<br />
* [[WordPress plugin API]]<br />
* [[WordPress widget]]<br />
<br />
=== Categories ===<br />
<br />
* [[:Category:WordPress plugins]]<br />
<br />
== External links ==<br />
<br />
* [https://wordpress.org/plugins/ Plugins directory] @ WordPress.org<br />
<br />
=== Custom fields ===<br />
<br />
* [https://wordpress.org/plugins/advanced-custom-fields/ Advanced Custom Fields]<br />
<br />
=== Contact forms ===<br />
<br />
* [https://wordpress.org/plugins/contact-form-7/ Contact Form 7]<br />
* [http://www.wpbeginner.com/plugins/5-best-contact-form-plugins-for-wordpress-compared/ 5 Best Contact Form Plugins for WordPress Compared]<br />
* [https://www.codeinwp.com/blog/best-contact-form-plugins-wordpress/ 6 Best Contact Form Plugins for WordPress Compared (2016 Edition)]<br />
<br />
=== E-commerce ===<br />
<br />
* [http://www.woothemes.com/woocommerce/ WooCommerce]<br />
<br />
=== Data management ===<br />
<br />
* [https://wordpress.org/plugins/data-tables-generator-by-supsystic/ Data Tables Generator]<br />
<br />
=== Other ===<br />
<br />
* [https://buddypress.org/ BuddyPress]<br />
<br />
[[Category:WordPress]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Math_support_in_MediaWiki&diff=20281Math support in MediaWiki2018-08-19T15:09:16Z<p>Karl Jones: </p>
<hr />
<div>[[MediaWiki]] supports the display of mathematical formulas.<br />
<br />
== Summary ==<br />
<br />
"How does math markup in MediaWiki work? It takes LaTeX math expression and converts them into images using texvc. The texvc source comes with MediaWiki, but you’ll have to compile it yourself. Since texvc is partly written in OCaml, you’d need to install OCaml on your server just to compile it. However, there’s an easier way: just go to MediaWiki’s SourceForge site and download texvc binary. If the binary doesn’t work for you, however, you’ll have to download OCaml and compile your own binary. Once you have the texvc binary, put it in the/math/ folder of your MediaWiki installation."<br />
<br />
Source: [https://www.scoop.it/t/webdevilopers/p/4018904758/2014/04/03/how-to-get-math-support-in-mediawiki Scoop.it]<br />
<br />
== Installation ==<br />
<br />
=== Math extension ===<br />
<br />
* [https://www.mediawiki.org/wiki/Extension:Math Extension:Math] - The Math extension provides support for rendering mathematical formulae. <br />
** An overview of what can currently be done with this extension is found at the [https://en.wikipedia.org/wiki/Help:Displaying_a_formula English Wikipedia's documentation].<br />
**More information about installing and configuring this extension, including for older versions, can be found at [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:Math/advancedSettings Extension:Math/advancedSettings].<br />
<br />
=== texvc ===<br />
<br />
* [https://www.mediawiki.org/wiki/Texvc Texvc] - One of the external programs to display mathematical formulas in MediaWiki. texvc is a shortened version of TeX validator and converter. It validates AMS-LaTeX mathematical expressions and converts them to HTML, MathML, or PNG graphics. <br />
<br />
== Troubleshooting ==<br />
<br />
* [https://www.mediawiki.org/wiki/Manual:Enable_TeX/problems Manual:Enable TeX/problems]<br />
<br />
== See also ==<br />
<br />
* [[Mathematics]]<br />
* [[MediaWiki]]<br />
<br />
== External links ==<br />
<br />
* [https://www.siteground.com/tutorials/mediawiki/math/ MediaWiki Math support] @ SiteGround<br />
<br />
[[Category:MediaWiki]]<br />
[[Category:Software]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Math_support_in_MediaWiki&diff=20280Math support in MediaWiki2018-08-19T15:07:40Z<p>Karl Jones: </p>
<hr />
<div>[[MediaWiki]] supports the display of mathematical formulas.<br />
<br />
== Summary ==<br />
<br />
"How does math markup in MediaWiki work? It takes LaTeX math expression and converts them into images using texvc. The texvc source comes with MediaWiki, but you’ll have to compile it yourself. Since texvc is partly written in OCaml, you’d need to install OCaml on your server just to compile it. However, there’s an easier way: just go to MediaWiki’s SourceForge site and download texvc binary. If the binary doesn’t work for you, however, you’ll have to download OCaml and compile your own binary. Once you have the texvc binary, put it in the/math/ folder of your MediaWiki installation."<br />
<br />
Source: [https://www.scoop.it/t/webdevilopers/p/4018904758/2014/04/03/how-to-get-math-support-in-mediawiki Scoop.it]<br />
<br />
== Installation ==<br />
<br />
=== Math extension ===<br />
<br />
* [https://www.mediawiki.org/wiki/Extension:Math Extension:Math] - The Math extension provides support for rendering mathematical formulae. <br />
** An overview of what can currently be done with this extension is found at the [https://en.wikipedia.org/wiki/Help:Displaying_a_formula English Wikipedia's documentation].<br />
**More information about installing and configuring this extension, including for older versions, can be found at [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:Math/advancedSettings Extension:Math/advancedSettings].<br />
<br />
=== texvc ===<br />
<br />
* [https://www.mediawiki.org/wiki/Texvc Texvc]<br />
<br />
== Troubleshooting ==<br />
<br />
* [https://www.mediawiki.org/wiki/Manual:Enable_TeX/problems Manual:Enable TeX/problems]<br />
<br />
== See also ==<br />
<br />
* [[Mathematics]]<br />
* [[MediaWiki]]<br />
<br />
== External links ==<br />
<br />
* [https://www.siteground.com/tutorials/mediawiki/math/ MediaWiki Math support] @ SiteGround<br />
<br />
[[Category:MediaWiki]]<br />
[[Category:Software]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Math_support_in_MediaWiki&diff=20279Math support in MediaWiki2018-08-19T15:03:52Z<p>Karl Jones: </p>
<hr />
<div>[[MediaWiki]] supports the display of mathematical formulas.<br />
<br />
== Summary ==<br />
<br />
"How does math markup in MediaWiki work? It takes LaTeX math expression and converts them into images using texvc. The texvc source comes with MediaWiki, but you’ll have to compile it yourself. Since texvc is partly written in OCaml, you’d need to install OCaml on your server just to compile it. However, there’s an easier way: just go to MediaWiki’s SourceForge site and download texvc binary. If the binary doesn’t work for you, however, you’ll have to download OCaml and compile your own binary. Once you have the texvc binary, put it in the/math/ folder of your MediaWiki installation."<br />
<br />
Source: [https://www.scoop.it/t/webdevilopers/p/4018904758/2014/04/03/how-to-get-math-support-in-mediawiki Scoop.it]<br />
<br />
== See also ==<br />
<br />
* [[Mathematics]]<br />
* [[MediaWiki]]<br />
<br />
== External links ==<br />
<br />
* [https://www.siteground.com/tutorials/mediawiki/math/ MediaWiki Math support] @ SiteGround<br />
<br />
[[Category:MediaWiki]]<br />
[[Category:Software]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Math_support_in_MediaWiki&diff=20278Math support in MediaWiki2018-08-19T15:02:07Z<p>Karl Jones: Created page with "MediaWiki supports the display of mathematical formulas. == Summary == "How does math markup in MediaWiki work? It takes LaTeX math expression and converts them into ima..."</p>
<hr />
<div>[[MediaWiki]] supports the display of mathematical formulas.<br />
<br />
== Summary ==<br />
<br />
"How does math markup in MediaWiki work? It takes LaTeX math expression and converts them into images using texvc. The texvc source comes with MediaWiki, but you’ll have to compile it yourself. Since texvc is partly written in OCaml, you’d need to install OCaml on your server just to compile it. However, there’s an easier way: just go to MediaWiki’s SourceForge site and download texvc binary. If the binary doesn’t work for you, however, you’ll have to download OCaml and compile your own binary. Once you have the texvc binary, put it in the/math/ folder of your MediaWiki installation."<br />
<br />
<br />
<br />
== See also ==<br />
<br />
* [[Mathematics]]<br />
* [[MediaWiki]]<br />
<br />
== External links ==<br />
<br />
* [https://www.siteground.com/tutorials/mediawiki/math/ MediaWiki Math support] @ SiteGround<br />
<br />
[[Category:MediaWiki]]<br />
[[Category:Software]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=MediaWiki&diff=20277MediaWiki2018-08-19T14:58:20Z<p>Karl Jones: /* General */</p>
<hr />
<div>'''MediaWiki''' is a [[free and open-source]] [[wiki]] application.<br />
<br />
== Description ==<br />
<br />
It was developed by the [[Wikimedia Foundation]] and runs on many [[Website|websites]], including [[Wikipedia]], [[Wiktionary]] and [[Wikimedia Commons]].<br />
<br />
== PHP and MySQL ==<br />
<br />
It is written in the [[PHP]] programming language and uses a [[MySQL|MySQL database]].<br />
<br />
== Features ==<br />
<br />
The software has more than 800 configuration settings and more than 2,000 extensions available for enabling various features to be added or changed. <br />
<br />
On Wikipedia alone, more than 1000 automated and semi-automated bots and other tools have been developed to assist in editing.<br />
<br />
== wikitext ==<br />
<br />
See:<br />
<br />
* [https://en.wikipedia.org/wiki/Help:HTML_in_wikitext Help:HTML in wikitext] @ Wikipedia<br />
* [https://www.mediawiki.org/wiki/Help:Formatting Help:Formatting]<br />
<br />
== History ==<br />
<br />
The first version of the software was deployed to serve the needs of the [[Wikipedia]] encyclopedia in 2002.<br />
<br />
Wikipedia and other Wikimedia projects continue to define a large part of the requirement set for MediaWiki.<br />
<br />
The software is optimized to efficiently handle large projects, which can have terabytes of content and hundreds of thousands of hits per second. <br />
<br />
Because Wikipedia is one of the world's largest websites, achieving [[scalability]] through multiple layers of caching and database replication has been a major concern for developers.<br />
<br />
== Other uses ==<br />
<br />
It has also been deployed by some companies as an internal knowledge management system, and some educators have assigned students to use MediaWiki for collaborative group projects.<br />
<br />
== Upgrading ==<br />
<br />
See: <br />
<br />
* [https://www.mediawiki.org/wiki/Manual:Upgrading Manual:Upgrading] @ MediaWiki<br />
* [http://www.wikihow.com/Update-MediaWiki-Wiki How to Update MediaWiki] @ Wiki How<br />
<br />
== Changing the logo ==<br />
<br />
The logo that appears in the top left of each page is determined by the <code>$wgLogo</code> configuration line in the <code>LocalSettings.php</code> file.<br />
<br />
There are two ways to change the logo:<br />
<br />
=== Method one ===<br />
<br />
Upload a picture to your wiki using the normal file uploading interface. This allows the logo to be replaced easily, so you may want to protect the page if you use this method.<br />
<br />
Then add the <code>$wgLogo</code> line to <code>LocalSettings.php</code>, for example:<br />
<br />
<code>$wgLogo = "{$wgUploadPath}/6/62/mylogo.png";</code><br />
<br />
=== Method two ===<br />
<br />
Upload an image to your server by other means (such as [[File Transfer Protocol|FTP]]).<br />
<br />
Add the <code>$wgLogo</code> line to LocalSettings.php, for example:<br />
<br />
<code>$wgLogo = "{$wgScriptPath}/mylogo.jpg";</code><br />
<br />
(In this example, the image is in the same folder as the LocalSettings.php file.)<br />
<br />
If you want to change the logo in only specific pages, override #p-logo css's background-image property or use third party extension like Extension:LogoFunctions.<br />
<br />
Caution: Do not simply overwrite the default logo installed with MediaWiki <code>(/skins/common/images/wiki.png)</code>; this file will be overwritten when you upgrade.<br />
<br />
A good logo size is 135x135px or 150x150px. The maximum logo size in Vector is ~160x160px, while MonoBook's is ~155x155px. A logo that is too large will be cut off.<br />
<br />
Source: https://www.mediawiki.org/wiki/Manual:FAQ#How_do_I_change_the_logo.3F<br />
<br />
See also: https://www.mediawiki.org/wiki/Manual:$wgLogo<br />
<br />
== On This Day ==<br />
<br />
See [[MediaWiki On This Day]].<br />
<br />
== WikiApiary ==<br />
<br />
[[WikiApiary]] is a resource for people who run MediaWiki websites.<br />
<br />
WikiApiary collects, graphs and analyzes information about MediaWiki websites, providing visibility and awareness of activity.<br />
<br />
== See also ==<br />
<br />
=== General ===<br />
<br />
* [[Database]]<br />
* [[Information system]]<br />
* [[Information technology]]<br />
* [[Math support in MediaWiki]]<br />
* [[MediaWiki naming conventions]]<br />
* [[MySQL]]<br />
* [[PHP]]<br />
* [[Scalability]]<br />
* [[Wiki]]<br />
* [[WikiApiary]]<br />
* [[Wikipedia]]<br />
<br />
=== Special pages ===<br />
<br />
* [[MediaWiki:Sidebar]]<br />
* [[Special:Version]]<br />
<br />
== External links ==<br />
<br />
=== General ===<br />
<br />
* [https://www.mediawiki.org/wiki/MediaWiki MediaWiki Home Page]<br />
* [https://en.wikipedia.org/wiki/MediaWiki MediaWiki] @ Wikipedia<br />
* [https://www.cloudways.com/blog/mediawiki-seo-tips/ MediaWiki SEO Tips]<br />
<br />
=== Skins ===<br />
<br />
* [https://www.mediawiki.org/wiki/Skin:Foreground Foreground]<br />
<br />
[[Category:MediaWiki]]<br />
[[Category:Wiki]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Mediawiki&diff=20276Mediawiki2018-08-19T14:57:25Z<p>Karl Jones: Redirected page to MediaWiki</p>
<hr />
<div>#REDIRECT [[MediaWiki]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Web_image&diff=20275Web image2018-08-13T14:27:19Z<p>Karl Jones: </p>
<hr />
<div>A '''web image''' is a [[digital image]] available via the [[World Wide Web]].<br />
<br />
== See also ==<br />
<br />
* [[Digital image]]<br />
<br />
== External links == <br />
<br />
* [http://stackoverflow.com/questions/16106234/is-there-an-optimal-image-size-width-x-height-filesize-for-full-screen-sca Is there an optimal image size ( width x height | filesize ) for full-screen scaling backgrounds?] @ Stack Overflow<br />
* [https://imgflip.com/memegenerator Meme generator] - superimpose custom text on image<br />
* [http://buns.life/ Put Words Between Buns]<br />
<br />
[[Category:Computing]]<br />
[[Category:Web design]]<br />
[[Category:Web design and development]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Linux&diff=20274Linux2018-08-09T17:58:03Z<p>Karl Jones: </p>
<hr />
<div>'''Linux''' (pronounced LIN-əks or, less frequently, LYN-əks) is a [[Unix-like]] [[operating system]] assembled under the [[free and open source]] model of [[software development]] and [[Software distribution|distribution]].<br />
<br />
== Description ==<br />
<br />
The defining component of Linux is the [[Linux kernel]], an [[operating system kernel]] first released on 5 October 1991 by Linus Torvalds.<br />
<br />
The [[Free Software Foundation]] uses the name [[GNU/Linux]] to describe the operating system, which has led to some controversy.<br />
<br />
Linux was originally developed as a free operating system for personal computers based on the Intel x86 architecture, but has since been ported to more computer hardware platforms than any other operating system.<br />
<br />
== POSIX ==<br />
<br />
Linux is mostly [[POSIX]]-compliant.<br />
<br />
== Marketplace ==<br />
<br />
Thanks to its dominance on smartphones, Android, which is built on top of the Linux kernel, has the largest installed base of all general-purpose operating systems.<br />
<br />
Linux, in its original form, is also the leading operating system on [[Server (computing)|servers]] and other [[Big iron|big iron systems]] such as mainframe computers and supercomputers, but is used on only around 1.5% of desktop computers.<br />
<br />
== Embedded systems ==<br />
<br />
Linux also runs on [[Embedded system|embedded systems]], which are devices whose operating system is typically built into the firmware and is highly tailored to the system. This includes:<br />
<br />
* Mobile phones<br />
* Tablet computers<br />
* Network routers<br />
* [[Facility automation control|Facility automation controls]]<br />
* Televisions<br />
* Video game consoles<br />
* Smart watches<br />
<br />
== Free and open-source software collaboration ==<br />
<br />
The development of Linux is one of the most prominent examples of free and open-source software collaboration. <br />
<br />
== See also ==<br />
<br />
* [[Big iron]]<br />
* [[Computing]]<br />
* [[cp (Unix)]]<br />
* [[Embedded system]]<br />
* [[Operating system]]<br />
* [[Operating system kernel]]<br />
* [[Personal computer]]<br />
* [[Software]] <br />
* [[Software development]] <br />
* [[Software distribution]]<br />
* [[SSH]]<br />
* [[Sudo]]<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/Linux Linux] @ Wikipedia<br />
* [https://www.lifewire.com/install-linux-mint-4173111 How to Install Linux Mint]<br />
<br />
[[Category:Computer programming]]<br />
[[Category:Computer science]]<br />
[[Category:Computing]]<br />
[[Unix]]<br />
[[Category:Web design and development]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=AngularJS&diff=20273AngularJS2018-08-03T20:52:54Z<p>Karl Jones: </p>
<hr />
<div>In software development, AngularJS (commonly referred to as "Angular") is an [[open source]] [[web application]] [[JavaScript library|JavaScript framework]] for developing [[Single-page application|single-page applications]].<br />
<br />
This article focuses on Angular 2.<br />
<br />
== Description ==<br />
<br />
AngularJS simplifies both the development and the testing of web applications by providing a framework for [[client-side]] [[Model-view-controller|Model–view–controller]] (MVC) architecture, along with components commonly used in [[rich Internet application|rich Internet applications]].<br />
<br />
AngularJS works by first reading the [[HTML]] page, which has embedded into it additional custom tag attributes. <br />
<br />
Angular interprets those attributes as directives to bind input or output parts of the page to a model that is represented by standard JavaScript variables. <br />
<br />
The values of those JavaScript variables can be manually set within the code, or retrieved from static or dynamic JSON resources.<br />
<br />
== Why Angular 2 ==<br />
<br />
* Keep and enhance best practices from Angular 2<br />
* Standards: new syntax for templates binding to native DOM<br />
* Improved change detection for speed/performance<br />
* Reactive mechanism handling<br />
* Immutable data objects<br />
<br />
== Directive ==<br />
<br />
A directive is a class decorated with <code>@Directive</code>.<br />
<br />
See [[AngularJS directive]].<br />
<br />
== Component ==<br />
<br />
A component is a directive with added template features.<br />
<br />
See [[AngularJS component]].<br />
<br />
== Metadata ==<br />
<br />
Metadata allows Angular to process (decorate) a class.<br />
<br />
See [[AngularJS metadata]].<br />
<br />
== Templates ==<br />
<br />
Template is HTML which tells Angular how to render a component.<br />
<br />
See [[AngularJS template]].<br />
<br />
== Data binding ==<br />
<br />
Enables data to flow from component to template and vice-versa.<br />
<br />
See [[AngularJS data binding]].<br />
<br />
== Services ==<br />
<br />
A service is a class.<br />
<br />
Handles business logic (so components don't have to).<br />
<br />
Decorate with <code>@Injectable</code> to inject dependencies into service.<br />
<br />
== Modules ==<br />
<br />
See [[AngularJS module]].<br />
<br />
== Dependency injection ==<br />
<br />
See [[AngularJS dependency injection]].<br />
<br />
== Class definitions ==<br />
<br />
<pre><br />
.Class({<br />
constructor: function() {}<br />
});<br />
</pre><br />
<br />
== Components ==<br />
<br />
See [[AngularJS component]].<br />
<br />
== Forms ==<br />
<br />
See [[AngularJS form]].<br />
<br />
== Transclusion ==<br />
<br />
In Angular 2, the concept of transclusion is simply no longer necessary. Because component directives are built on top of web components, we can simply take advantage of the built-in web component functionality instead -- content tags.<br />
<br />
If we use content tags with select attributes to filter the user-provided template, our directive already has all that it needs natively to handle multiple insertion points. <br />
<br />
See:<br />
<br />
* [https://scotch.io/tutorials/angular-2-transclusion-using-ng-content Angular 2 Transclusion using ng-content].<br />
* [https://toddmotto.com/transclusion-in-angular-2-with-ng-content Transclusion in Angular 2]<br />
* [https://www.airpair.com/angularjs/posts/creating-components-p3-angular2-directives Creating Container Components, Part 3: Angular 2 Component Directives]<br />
<br />
== Promises ==<br />
<br />
Promises in AngularJS are provided by the built-in <code>$q</code> service. They provide a way to execute asynchronous functions in series by registering them with a promise object.<br />
<br />
Promises have made their way into native JavaScript as part of the ES6 specification. The angular $q service provides an interface that closely resembles this new API so porting code to ES6 should be easy.<br />
<br />
See [[Promise object (JavaScript)]].<br />
<br />
== Tooling ==<br />
<br />
See [[AngularJS tooling]].<br />
<br />
== PrimeNG ==<br />
<br />
PrimeNG is a collection of rich UI components for Angular 2. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.<br />
<br />
All widgets are open source and free to use under MIT License.<br />
<br />
See [http://www.primefaces.org/primeng/ PrimeNG].<br />
<br />
== TreeView ==<br />
<br />
See:<br />
<br />
* [http://ngmodules.org/modules/angular.treeview Angular Treeview] @ ngmodules.org<br />
* [https://angular-ui-tree.github.io/angular-ui-tree AngularJS UI Tree] @ github.io<br />
* [http://stackoverflow.com/questions/11854514/is-it-possible-to-make-a-tree-view-with-angular Is it possible to make a Tree View with Angular?]<br />
<br />
== See also ==<br />
<br />
* [[AngularJS change detection]]<br />
* [[AngularJS pagination]]<br />
* [[Client-side]]<br />
* [[Framework (computing)]]<br />
* [[JavaScript library]]<br />
* [[Web application]]<br />
<br />
== External links ==<br />
<br />
* [https://www.angularjs.org/ Official website] <br />
* [https://angular.io/docs/js/latest/quickstart.html Quickstart]<br />
* [https://docs.angularjs.org/guide Developer guide]<br />
* [https://docs.angularjs.org/guide/introduction Introduction]<br />
* [https://docs.angularjs.org/guide/concepts Conceptual overview]<br />
* [https://docs.angularjs.org/tutorial/ Tutorial] <br />
* [http://code.karljones.com/angularjs/ Angular code examples] @ code.karljones.com<br />
* http://onehungrymind.com/build-a-simple-website-with-angular-2/ Building a simple website with Angular]<br />
* [https://github.com/jmcunningham/AngularJS2-Learning Learning Angular2]<br />
* [https://herringtondarkholme.github.io/2015/10/25/angular2-quick-start/ The Real Angular2 quick start]<br />
* [http://angularjs.blogspot.com/2016/04/5-rookie-mistakes-to-avoid-with-angular.html 5 Rookie Mistakes to Avoid with Angular 2]<br />
* [https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html Angular Change Detection Explained] @ thoughtram.io<br />
* [https://blog.thoughtram.io/angular/2016/02/01/zones-in-angular-2.html Zones in Angular] @ thoughtram.io<br />
* [https://en.wikipedia.org/wiki/AngularJS AngularJS] @ Wikipedia<br />
* [https://manuel-rauber.com/2016/09/30/how-to-debug-angular-2-with-webstorm/ How to debug Angular 2 with WebStorm]<br />
* [https://codeburst.io/angular-bad-practices-eab0e594ce92 Angular Bad Practices]<br />
<br />
[[Category:AngularJS]]<br />
[[Category:Web design and development]]<br />
[[Category:JavaScript]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Web_typography&diff=20272Web typography2018-07-31T11:52:11Z<p>Karl Jones: /* External links */</p>
<hr />
<div>'''Web typography''' refers to the use of fonts on the [[World Wide Web]].<br />
<br />
== Description ==<br />
<br />
When [[HTML]] was first created, font faces and styles were controlled exclusively by the settings of each Web browser. <br />
<br />
There was no mechanism for individual [[Web page|Web pages]] to control font display until Netscape introduced the <font> tag in 1995, which was then standardized in the HTML 2 specification. <br />
<br />
However, the font specified by the tag had to be installed on the user's computer or a fallback font, such as a browser's default sans-serif or monospace font, would be used. <br />
<br />
The first Cascading Style Sheets specification was published in 1996 and provided the same capabilities.<br />
<br />
The CSS2 specification was released in 1998 and attempted to improve the font selection process by adding font matching, synthesis and download. These techniques did not gain much use, and were removed in the CSS2.1 specification. <br />
<br />
However, Internet Explorer added support for the font downloading feature in version 4.0, released in 1997.<br />
<br />
Font downloading was later included in the [[CSS3 fonts module]], and has since been implemented in Safari 3.1, Opera 10 and Mozilla Firefox 3.5. This has subsequently increased interest in Web typography, as well as the usage of font downloading.<br />
<br />
== Alternatives ==<br />
<br />
A common hurdle in Web design is the design of mockups that include fonts that are not Web-safe. There are a number of solutions for situations like this.<br />
<br />
One common solution is to replace the text with a similar Web-safe font or use a series of similar-looking fallback fonts.<br />
<br />
Another technique is image replacement. This practice involves overlaying text with an image containing the same text written in the desired font. This is good for aesthetic purposes, but prevents text selection, increases bandwidth use, and is bad for search engine optimization.<br />
<br />
Also common is the use of Flash-based solutions such as sIFR. This is similar to image replacement techniques, though the text is selectable and rendered as a vector. However, this method requires the presence of a proprietary plugin on a client's system.<br />
<br />
Another solution is using Javascript to replace the text with VML (for Internet Explorer) or SVG (for all other browsers).<br />
<br />
Font hosting services allow users to pay a subscription to host non-Web-safe fonts online.<br />
<br />
Most services host the font for the user and provide the necessary @font-face CSS declaration.<br />
<br />
== See also ==<br />
<br />
* [[CSS3 fonts module]]<br />
* [[Google Fonts]]<br />
* [[Typography]]<br />
* [[Web design]]<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/Web_typography Web typography] @ Wikipedia<br />
* [https://boingboing.net/2016/10/19/popular-design-guides-are-resp.html Popular design guides are responsible for plague of grey type] @ Boing Boing<br />
* [http://contrastrebellion.com/ Contrast Rebellion] - "Low-contrast font color and unreadable texts? To hell with them!"<br />
* [https://boingboing.net/2018/07/31/web-typography-resource-collec.html Web typography resource collection] @ Boing Boing<br />
<br />
[[Category:Computing]]<br />
[[Category:Typography]]<br />
[[Category:Web design]]<br />
[[Category:Web design and development]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Word_processor&diff=20271Word processor2018-07-19T00:29:49Z<p>Karl Jones: </p>
<hr />
<div>A '''word processor''' is an electronic device or computer [[software application]], that performs the task of composition, editing, formatting, printing of [[documents]].<br />
<br />
== Literature ==<br />
<br />
Various people involved with [[literature]] -- novelists, poets, playwrights, screenwriters, and essayists -- naturally gravitated toward word processing once the technology became widely available.<br />
<br />
Notable early adopters in the mid- or late-1970s included [[Jerry Pournelle]], [[Larry Niven]], [[Stanley Elkin]], [[James Fallows]], and [[Michael Crichton]].<br />
<br />
== See also ==<br />
<br />
* [[Text editor]]<br />
* [[Writing]]<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/Word_processor Word processor] @ Wikipedia<br />
* [https://boingboing.net/2018/07/18/wordtsar-wordstar-updated-f.html WordTsar: WordStar updated "for the 21st Century"] @ Boing Boing<br />
<br />
[[Category:Application software]]<br />
[[Category:Literature]]<br />
[[Category:Word processors]]<br />
[[Category:Writing]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=Web_browser&diff=20270Web browser2018-07-11T14:21:53Z<p>Karl Jones: </p>
<hr />
<div>A '''web browser''' (commonly referred to as a '''browser''') is a [[Software|software application]] for retrieving, presenting and traversing [[information resources]] on the [[World Wide Web]]. <br />
<br />
== Description ==<br />
<br />
An information resource is identified by a [[Uniform_resource_identifier|Uniform Resource Identifier]] (URI/URL) and may be a [[web page]], [[image]], [[video]], or other piece of [[web content]].<br />
<br />
== Hyperlinks ==<br />
<br />
[[Hyperlink|Hyperlinks]] present in resources enable users easily to navigate their browsers to related resources.<br />
<br />
== Private networks ==<br />
<br />
Although browsers are primarily intended to use the World Wide Web, they can also be used to access information provided by web servers in [[Computer network (private)|private networks]] or [[Computer file|files]] in [[File system|file systems]].<br />
<br />
== Major browsers ==<br />
<br />
The major web browsers are [[Firefox]], [[Internet Explorer]], [[Google Chrome]], [[Opera]], and [[Safari]].<br />
<br />
== Software development tools ==<br />
<br />
Many browser-related [[software development]] tools are available, some built in to browsers, others external.<br />
<br />
See:<br />
<br />
* [[Browser tools]]<br />
* [[Inspect Element]]<br />
* [[View Source]]<br />
<br />
== See also ==<br />
<br />
* [[Browser console]]<br />
* [[Educational technology]]<br />
* [[Favicon]]<br />
* [[Firefox]]<br />
* [[Hyperlink]]<br />
* [[Inspect Element]]<br />
* [[Internet Explorer]]<br />
* [[Polyfill]]<br />
* [[User agent string]]<br />
* [[Web application]]<br />
* [[Web-based simulation]]<br />
* [[Web browser width]]<br />
* [[Web page]]<br />
* [[World Wide Web]]<br />
<br />
== External links ==<br />
<br />
* [https://en.wikipedia.org/wiki/Web_browser Web browser] @ Wikipedia<br />
* [http://webkay.robinlinus.com/ What every browser knows about you]<br />
* [https://boingboing.net/2018/07/11/browsh-a-modern-text-only-web.html Browsh: a modern text-only web browser] @ Boing Boing<br />
<br />
[[Category:Computer science]]<br />
[[Category:Internet]]<br />
[[Category:Web browsers]]<br />
[[Category:Web design]]<br />
[[Category:Web design and development]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=MediaWiki&diff=20269MediaWiki2018-07-04T13:31:44Z<p>Karl Jones: </p>
<hr />
<div>'''MediaWiki''' is a [[free and open-source]] [[wiki]] application.<br />
<br />
== Description ==<br />
<br />
It was developed by the [[Wikimedia Foundation]] and runs on many [[Website|websites]], including [[Wikipedia]], [[Wiktionary]] and [[Wikimedia Commons]].<br />
<br />
== PHP and MySQL ==<br />
<br />
It is written in the [[PHP]] programming language and uses a [[MySQL|MySQL database]].<br />
<br />
== Features ==<br />
<br />
The software has more than 800 configuration settings and more than 2,000 extensions available for enabling various features to be added or changed. <br />
<br />
On Wikipedia alone, more than 1000 automated and semi-automated bots and other tools have been developed to assist in editing.<br />
<br />
== wikitext ==<br />
<br />
See:<br />
<br />
* [https://en.wikipedia.org/wiki/Help:HTML_in_wikitext Help:HTML in wikitext] @ Wikipedia<br />
* [https://www.mediawiki.org/wiki/Help:Formatting Help:Formatting]<br />
<br />
== History ==<br />
<br />
The first version of the software was deployed to serve the needs of the [[Wikipedia]] encyclopedia in 2002.<br />
<br />
Wikipedia and other Wikimedia projects continue to define a large part of the requirement set for MediaWiki.<br />
<br />
The software is optimized to efficiently handle large projects, which can have terabytes of content and hundreds of thousands of hits per second. <br />
<br />
Because Wikipedia is one of the world's largest websites, achieving [[scalability]] through multiple layers of caching and database replication has been a major concern for developers.<br />
<br />
== Other uses ==<br />
<br />
It has also been deployed by some companies as an internal knowledge management system, and some educators have assigned students to use MediaWiki for collaborative group projects.<br />
<br />
== Upgrading ==<br />
<br />
See: <br />
<br />
* [https://www.mediawiki.org/wiki/Manual:Upgrading Manual:Upgrading] @ MediaWiki<br />
* [http://www.wikihow.com/Update-MediaWiki-Wiki How to Update MediaWiki] @ Wiki How<br />
<br />
== Changing the logo ==<br />
<br />
The logo that appears in the top left of each page is determined by the <code>$wgLogo</code> configuration line in the <code>LocalSettings.php</code> file.<br />
<br />
There are two ways to change the logo:<br />
<br />
=== Method one ===<br />
<br />
Upload a picture to your wiki using the normal file uploading interface. This allows the logo to be replaced easily, so you may want to protect the page if you use this method.<br />
<br />
Then add the <code>$wgLogo</code> line to <code>LocalSettings.php</code>, for example:<br />
<br />
<code>$wgLogo = "{$wgUploadPath}/6/62/mylogo.png";</code><br />
<br />
=== Method two ===<br />
<br />
Upload an image to your server by other means (such as [[File Transfer Protocol|FTP]]).<br />
<br />
Add the <code>$wgLogo</code> line to LocalSettings.php, for example:<br />
<br />
<code>$wgLogo = "{$wgScriptPath}/mylogo.jpg";</code><br />
<br />
(In this example, the image is in the same folder as the LocalSettings.php file.)<br />
<br />
If you want to change the logo in only specific pages, override #p-logo css's background-image property or use third party extension like Extension:LogoFunctions.<br />
<br />
Caution: Do not simply overwrite the default logo installed with MediaWiki <code>(/skins/common/images/wiki.png)</code>; this file will be overwritten when you upgrade.<br />
<br />
A good logo size is 135x135px or 150x150px. The maximum logo size in Vector is ~160x160px, while MonoBook's is ~155x155px. A logo that is too large will be cut off.<br />
<br />
Source: https://www.mediawiki.org/wiki/Manual:FAQ#How_do_I_change_the_logo.3F<br />
<br />
See also: https://www.mediawiki.org/wiki/Manual:$wgLogo<br />
<br />
== On This Day ==<br />
<br />
See [[MediaWiki On This Day]].<br />
<br />
== WikiApiary ==<br />
<br />
[[WikiApiary]] is a resource for people who run MediaWiki websites.<br />
<br />
WikiApiary collects, graphs and analyzes information about MediaWiki websites, providing visibility and awareness of activity.<br />
<br />
== See also ==<br />
<br />
=== General ===<br />
<br />
* [[Database]]<br />
* [[Information system]]<br />
* [[Information technology]]<br />
* [[MediaWiki naming conventions]]<br />
* [[MySQL]]<br />
* [[PHP]]<br />
* [[Scalability]]<br />
* [[Wiki]]<br />
* [[WikiApiary]]<br />
* [[Wikipedia]]<br />
<br />
=== Special pages ===<br />
<br />
* [[MediaWiki:Sidebar]]<br />
* [[Special:Version]]<br />
<br />
== External links ==<br />
<br />
=== General ===<br />
<br />
* [https://www.mediawiki.org/wiki/MediaWiki MediaWiki Home Page]<br />
* [https://en.wikipedia.org/wiki/MediaWiki MediaWiki] @ Wikipedia<br />
* [https://www.cloudways.com/blog/mediawiki-seo-tips/ MediaWiki SEO Tips]<br />
<br />
=== Skins ===<br />
<br />
* [https://www.mediawiki.org/wiki/Skin:Foreground Foreground]<br />
<br />
[[Category:MediaWiki]]<br />
[[Category:Wiki]]</div>Karl Joneshttp://wiki.karljones.com/index.php?title=MediaWiki&diff=20268MediaWiki2018-07-04T13:31:09Z<p>Karl Jones: </p>
<hr />
<div>'''MediaWiki''' is a [[free and open-source]] [[wiki]] application.<br />
<br />
== Description ==<br />
<br />
It was developed by the [[Wikimedia Foundation]] and runs on many [[Website|websites]], including [[Wikipedia]], [[Wiktionary]] and [[Wikimedia Commons]].<br />
<br />
== PHP and MySQL ==<br />
<br />
It is written in the [[PHP]] programming language and uses a [[MySQL|MySQL database]].<br />
<br />
== Features ==<br />
<br />
The software has more than 800 configuration settings and more than 2,000 extensions available for enabling various features to be added or changed. <br />
<br />
On Wikipedia alone, more than 1000 automated and semi-automated bots and other tools have been developed to assist in editing.<br />
<br />
== wikitext ==<br />
<br />
See:<br />
<br />
* [https://en.wikipedia.org/wiki/Help:HTML_in_wikitext Help:HTML in wikitext] @ Wikipedia<br />
* [https://www.mediawiki.org/wiki/Help:Formatting Help:Formatting]<br />
<br />
== History ==<br />
<br />
The first version of the software was deployed to serve the needs of the [[Wikipedia]] encyclopedia in 2002.<br />
<br />
Wikipedia and other Wikimedia projects continue to define a large part of the requirement set for MediaWiki.<br />
<br />
The software is optimized to efficiently handle large projects, which can have terabytes of content and hundreds of thousands of hits per second. <br />
<br />
Because Wikipedia is one of the world's largest websites, achieving [[scalability]] through multiple layers of caching and database replication has been a major concern for developers.<br />
<br />
== Other uses ==<br />
<br />
It has also been deployed by some companies as an internal knowledge management system, and some educators have assigned students to use MediaWiki for collaborative group projects.<br />
<br />
== Upgrading ==<br />
<br />
See: <br />
<br />
* [https://www.mediawiki.org/wiki/Manual:Upgrading Manual:Upgrading] @ MediaWiki<br />
* [http://www.wikihow.com/Update-MediaWiki-Wiki How to Update MediaWiki] @ Wiki How<br />
<br />
== Changing the logo ==<br />
<br />
The logo that appears in the top left of each page is determined by the <code>$wgLogo</code> configuration line in the <code>LocalSettings.php</code> file.<br />
<br />
There are two ways to change the logo:<br />
<br />
=== Method one ===<br />
<br />
Upload a picture to your wiki using the normal file uploading interface. This allows the logo to be replaced easily, so you may want to protect the page if you use this method.<br />
<br />
Then add the <code>$wgLogo</code> line to <code>LocalSettings.php</code>, for example:<br />
<br />
<code>$wgLogo = "{$wgUploadPath}/6/62/mylogo.png";</code><br />
<br />
=== Method two ===<br />
<br />
Upload an image to your server by other means (such as [[File Transfer Protocol|FTP]]).<br />
<br />
Add the <code>$wgLogo</code> line to LocalSettings.php, for example:<br />
<br />
<code>$wgLogo = "{$wgScriptPath}/mylogo.jpg";</code><br />
<br />
(In this example, the image is in the same folder as the LocalSettings.php file.)<br />
<br />
If you want to change the logo in only specific pages, override #p-logo css's background-image property or use third party extension like Extension:LogoFunctions.<br />
<br />
Caution: Do not simply overwrite the default logo installed with MediaWiki <code>(/skins/common/images/wiki.png)</code>; this file will be overwritten when you upgrade.<br />
<br />
A good logo size is 135x135px or 150x150px. The maximum logo size in Vector is ~160x160px, while MonoBook's is ~155x155px. A logo that is too large will be cut off.<br />
<br />
Source: https://www.mediawiki.org/wiki/Manual:FAQ#How_do_I_change_the_logo.3F<br />
<br />
See also: https://www.mediawiki.org/wiki/Manual:$wgLogo<br />
<br />
== On This Day ==<br />
<br />
See [[MediaWiki On This Day]].<br />
<br />
== WikiApiary ==<br />
<br />
[[WikiApiary]] is a resource for people who run MediaWiki websites.<br />
<br />
WikiApiary collects, graphs and analyzes information about MediaWiki websites, providing visibility and awareness of activity.<br />
<br />
== See also ==<br />
<br />
=== General ===<br />
<br />
* [[Database]]<br />
* [[Information system]]<br />
* [[Information technology]]<br />
* [[MediaWiki naming conventions]]<br />
* [[MySQL]]<br />
* [[PHP]]<br />
* [[Scalability]]<br />
* [[Wiki]]<br />
* [[WikiApiary]]<br />
* [[Wikipedia]]<br />
<br />
=== Special pages ===<br />
<br />
* [[MediaWiki:Sidebar]]<br />
* [[Special:Version]]<br />
<br />
== External links ==<br />
<br />
=== General ===<br />
<br />
* [https://www.mediawiki.org/wiki/MediaWiki MediaWiki Home Page]<br />
* [https://en.wikipedia.org/wiki/MediaWiki MediaWiki] @ Wikipedia<br />
* [https://www.cloudways.com/blog/mediawiki-seo-tips/ MediaWiki SEO Tips]<br />
<br />
=== Skins ===<br />
<br />
* [https://foreground.wikiproject.net/wiki/Main_Page Foreground]<br />
<br />
[[Category:MediaWiki]]<br />
[[Category:Wiki]]</div>Karl Jones