From ce93632ff426f9431d3cf1317d01000915fc9f66 Mon Sep 17 00:00:00 2001 From: Charlie Date: Wed, 23 May 2018 22:15:22 +0100 Subject: [PATCH] Init. --- .gitignore | 4 ++++ _config.yaml | 4 ++++ _includes/nav.html | 16 ++++++++++++++++ _layouts/default.html | 26 ++++++++++++++++++++++++++ _layouts/home.html | 7 +++++++ _layouts/post.html | 7 +++++++ _topic/framework.markdown | 4 ++++ _topic/javascript.markdown | 8 ++++++++ _topic/library.markdown | 11 +++++++++++ _topic/react.markdown | 25 +++++++++++++++++++++++++ index.html | 10 ++++++++++ 11 files changed, 122 insertions(+) create mode 100644 .gitignore create mode 100644 _config.yaml create mode 100644 _includes/nav.html create mode 100644 _layouts/default.html create mode 100644 _layouts/home.html create mode 100644 _layouts/post.html create mode 100644 _topic/framework.markdown create mode 100644 _topic/javascript.markdown create mode 100644 _topic/library.markdown create mode 100644 _topic/react.markdown create mode 100644 index.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..2ca8682 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +_site/ +.sass-cache/ +.jekyll-cache/ +.jekyll-metadata diff --git a/_config.yaml b/_config.yaml new file mode 100644 index 0000000..45922be --- /dev/null +++ b/_config.yaml @@ -0,0 +1,4 @@ +collections: + topic: + output: true + permalink: /:name \ No newline at end of file diff --git a/_includes/nav.html b/_includes/nav.html new file mode 100644 index 0000000..3b46685 --- /dev/null +++ b/_includes/nav.html @@ -0,0 +1,16 @@ + \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..56ab1cd --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,26 @@ + + + + + + + + + + + Hello, world! + + + {% include nav.html %} + +
+ + {{ content }} + + + + + + + + \ No newline at end of file diff --git a/_layouts/home.html b/_layouts/home.html new file mode 100644 index 0000000..4d6a0ae --- /dev/null +++ b/_layouts/home.html @@ -0,0 +1,7 @@ +--- +layout: default +--- + +
+ {{ content }} +
\ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..4d6a0ae --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,7 @@ +--- +layout: default +--- + +
+ {{ content }} +
\ No newline at end of file diff --git a/_topic/framework.markdown b/_topic/framework.markdown new file mode 100644 index 0000000..216b53c --- /dev/null +++ b/_topic/framework.markdown @@ -0,0 +1,4 @@ +--- +layout: post +title: "Software Framework" +--- \ No newline at end of file diff --git a/_topic/javascript.markdown b/_topic/javascript.markdown new file mode 100644 index 0000000..151425b --- /dev/null +++ b/_topic/javascript.markdown @@ -0,0 +1,8 @@ +--- +layout: post +title: "JavaScript" +--- + +# JavaScript + +JavaScript is a [programming language](programming-language) that was created to allow enable richer experiences on the web by enabling web developers to write code that can run in a [client](client-server) [browser](web-browser). \ No newline at end of file diff --git a/_topic/library.markdown b/_topic/library.markdown new file mode 100644 index 0000000..6bece05 --- /dev/null +++ b/_topic/library.markdown @@ -0,0 +1,11 @@ +--- +layout: post +title: "Software Library" +--- + +# Software Library + +A library is a small collection of software components that are designed to be used in a larger system. The components in a library usually share a single cohesive theme and do not try to dictate how they should be used by other systems. + +#### Differs to +- [Software Framework](framework) \ No newline at end of file diff --git a/_topic/react.markdown b/_topic/react.markdown new file mode 100644 index 0000000..7c9d223 --- /dev/null +++ b/_topic/react.markdown @@ -0,0 +1,25 @@ +--- +layout: post +title: "React.JS" +--- + +# React.JS + +React.JS is a [library](/library) for building [user interfaces](ui). It utilises [JavaScript](javascript) and a special [syntax](syntax) for describing a heirachy of components that make up the interface called JSX. + +It was originally released in 2013 by [Facebook](https://facebook.com) as [open-source software](oss). It can be used to create [user interfaces](ui) for [web browsers](web-browser) and for mobile devices. + +#### Example +React components are [JavaScript](javascript) functions that return [JSX](jsx) elements. These elements are composed together to form more complicated features. +{% highlight javascript %} +var myUiElement = function(name) { + return
Hello { name }.
; +} +{% endhighlight %} + +#### Similar to +- [Vue.JS](vuejs) +- [Handelbars](handelbars) + +#### Prequisite knowledge +- [JavaScript](javascript) \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..1267f9c --- /dev/null +++ b/index.html @@ -0,0 +1,10 @@ +--- +layout: home +--- + + +{% for item in site.topic %} +

{{ item.title }}

+

{{ item.description }}

+

{{ item.title }}

+{% endfor %} \ No newline at end of file