You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: _posts/2018-04-11-welcome-to-jekyll.markdown
+1Lines changed: 1 addition & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -3,6 +3,7 @@ layout: post
3
3
title: "Welcome to Jekyll!"
4
4
date: 2018-04-11 19:34:47 +0200
5
5
categories: jekyll update
6
+
published: false
6
7
---
7
8
You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
[Hyperapp](https://github.com/hyperapp/hyperapp) is a tiny JavaScript framework for building web applications. It's been optimised for perfomance and simplicity, while still allowing for complex web applications. Given its reduced size and architecture, Hyperapp is also ideal for creating Progressive Web Applications (PWA), a topic we will be covering in a later post.
8
+
9
+
Since it is a new development and requires a different paradigm than many of the most popular frameworks, it may feel daunting to look at a Hyperapp project at first. However, Hyperapp is actually one of the simplest frameworks to learn and develop with. The resources linked here can be a valuable first step, but as with any programming exercise, the best approach is to try it yourself. You can fork Hyperapp from the Github link above and try out any of the examples below. Alternatively, you can use [Hyperstart](https://www.hyperstart.io/), an online development framework optimised for Hyperapp, which deploys pre-configured projects and already includes many of the examples mentioned here.
10
+
11
+
Whatever way you choose to code using Hyperapp, the first step should be to understand the documentation, available at [Github](https://github.com/hyperapp/hyperapp/blob/master/README.md). You can follow up with more texts from Jorge Bucaran, Hyperapp's creator, at [this Sitepoint article](https://www.sitepoint.com/hyperapp-1-kb-javascript-library/) and on [Github](https://gist.github.com/JorgeBucaran/8dc33b7947f3193eb2ea3d5700e27036).
12
+
13
+
## Code Examples
14
+
15
+
For a more complete and constantly updated list of projects built with Hyperapp, including boilerplates and utilities, check [Awesome Hyperapp](https://github.com/hyperapp/awesome-hyperapp).
16
+
17
+
There is also an ongoing community effort to document resources and examples at [Learn Hyperapp](https://github.com/LearnHyperapp). You can also find recipes to follow at [Hyperapp Recipes](https://github.com/LearnHyperapp/hyperapp-recipes), a collection of code snippets to teach basic and intermediary how-to functionality using Hyperapp.
*[How to call actions from other slices](https://www.hyperstart.io/projects/NYAw2ak7y3R75uHzHWydyk5cViH3-SCMgWopKZGsi3Sm6).
32
+
33
+
If you're a more advanced user looking for an example of a complex project, just check out the code for our website, [Hyperstart.io](https://github.com/hyperstart/hyperstart.io). It's an entirely open-source online development platform and probably one of the biggest projects being built using Hyperapp.
34
+
35
+
## Reading
36
+
37
+
Lastly, we should mention two blogs that deal with Hyperapp-related matters: [Hypercraft](https://zaceno.github.io/hypercraft/) and [Hyperapp Vox Populi](https://medium.com/hyperapp). We will also provide more examples and tutorials on this blog, so make sure to check it out as well!
38
+
39
+
Lastly, if you have any questions about Hyperapp, you can ask them on [Slack](https://hyperapp.slack.com/messages), [Twitter](https://github.com/HyperappJS), or [Reddit](https://www.reddit.com/r/hyperapp).
Copy file name to clipboardExpand all lines: about.md
+2-11Lines changed: 2 additions & 11 deletions
Original file line number
Diff line number
Diff line change
@@ -4,15 +4,6 @@ title: About
4
4
permalink: /about/
5
5
---
6
6
7
-
This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
7
+
We are two developers who truly believe in Hyperapp's capacity to change the JavaScript landscape. We built Hyperstart because we saw a lot of potential to develop ways to make programming faster and easier, by using this new framework and building devtools on top of our development platform.
8
8
9
-
You can find the source code for Minima at GitHub:
10
-
[jekyll][jekyll-organization] /
11
-
[minima](https://github.com/jekyll/minima)
12
-
13
-
You can find the source code for Jekyll at GitHub:
14
-
[jekyll][jekyll-organization] /
15
-
[jekyll](https://github.com/jekyll/jekyll)
16
-
17
-
18
-
[jekyll-organization]: https://github.com/jekyll
9
+
Here in this blog you will find tips, best practices, tutorials, and ramblings on JavaScript, start-up life, progressive web applications, and what's next on the world of tiny frameworks.
<metaname="viewport" content="width=device-width, initial-scale=1"><!-- Begin Jekyll SEO tag v2.4.0 -->
6
-
<title>Hyperstart blog | Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</title>
6
+
<title>Learn Hyperapp for PWAs | Blog for Hyperstart, a productive development environment focused on Hyperapp. Here we will post guides, tutorials and best practices to make powerful and simple web apps using Hyperapp.</title>
<metaproperty="og:title" content="Learn Hyperapp for PWAs" />
9
9
<metaproperty="og:locale" content="en_US" />
10
-
<metaname="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description." />
11
-
<metaproperty="og:description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description." />
<metaname="description" content="Blog for Hyperstart, a productive development environment focused on Hyperapp. Here we will post guides, tutorials and best practices to make powerful and simple web apps using Hyperapp." />
11
+
<metaproperty="og:description" content="Blog for Hyperstart, a productive development environment focused on Hyperapp. Here we will post guides, tutorials and best practices to make powerful and simple web apps using Hyperapp." />
<metaproperty="og:site_name" content="Learn Hyperapp for PWAs" />
15
15
<scripttype="application/ld+json">
16
-
{"description":"Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.","@type":"WebPage","url":"/blog/404.html","headline":"Hyperstart blog","@context":"http://schema.org"}</script>
16
+
{"description":"Blog for Hyperstart, a productive development environment focused on Hyperapp. Here we will post guides, tutorials and best practices to make powerful and simple web apps using Hyperapp.","@type":"WebPage","url":"http://localhost:4000/blog/404.html","headline":"Learn Hyperapp for PWAs","@context":"http://schema.org"}</script>
<p>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</p>
77
+
<p>Blog for Hyperstart, a productive development environment focused on Hyperapp. Here we will post guides, tutorials and best practices to make powerful and simple web apps using Hyperapp.</p>
<metaname="viewport" content="width=device-width, initial-scale=1"><!-- Begin Jekyll SEO tag v2.4.0 -->
6
-
<title>About | Hyperstart blog</title>
6
+
<title>About | Learn Hyperapp for PWAs</title>
7
7
<metaname="generator" content="Jekyll v3.7.3" />
8
8
<metaproperty="og:title" content="About" />
9
9
<metaproperty="og:locale" content="en_US" />
10
-
<metaname="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description." />
11
-
<metaproperty="og:description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description." />
<metaname="description" content="Blog for Hyperstart, a productive development environment focused on Hyperapp. Here we will post guides, tutorials and best practices to make powerful and simple web apps using Hyperapp." />
11
+
<metaproperty="og:description" content="Blog for Hyperstart, a productive development environment focused on Hyperapp. Here we will post guides, tutorials and best practices to make powerful and simple web apps using Hyperapp." />
<metaproperty="og:site_name" content="Learn Hyperapp for PWAs" />
15
15
<scripttype="application/ld+json">
16
-
{"name":"Hyperstart blog","description":"Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.","@type":"WebSite","url":"/blog/about/","headline":"About","@context":"http://schema.org"}</script>
16
+
{"name":"Learn Hyperapp for PWAs","description":"Blog for Hyperstart, a productive development environment focused on Hyperapp. Here we will post guides, tutorials and best practices to make powerful and simple web apps using Hyperapp.","@type":"WebSite","url":"http://localhost:4000/blog/about/","headline":"About","@context":"http://schema.org"}</script>
<p>This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at <ahref="https://jekyllrb.com/">jekyllrb.com</a></p>
46
-
47
-
<p>You can find the source code for Minima at GitHub:
<p>We are two developers who truly believe in Hyperapp’s capacity to change the JavaScript landscape. We built Hyperstart because we saw a lot of potential to develop ways to make programming faster and easier, by using this new framework and building devtools on top of our development platform.</p>
54
46
47
+
<p>Here in this blog you will find tips, best practices, tutorials, and ramblings on JavaScript, start-up life, progressive web applications, and what’s next on the world of tiny frameworks.</p>
<p>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</p>
71
+
<p>Blog for Hyperstart, a productive development environment focused on Hyperapp. Here we will post guides, tutorials and best practices to make powerful and simple web apps using Hyperapp.</p>
0 commit comments