hello-worlds
Hello World apps for JavaScript/HTML/CSS libraries/frameworks!
Assumptions:
- only the most simple basic hello world app
- remove all tests and commands for tests and dependencies for tests
- must say "Hello World" on the main component
- only include the minimal components (1 ideally)
- no routing, not extras whatsoever
- no styling
- nothing else !
- must work by running
npm installandnpm start(or equivalent) - must be in the folder named
<tech-name> - add yourself using the all-contributors bot
@allcontributors please add @<your-github-account> for code - add build steps and which folder to serve in the README.md
- verify that the app once built can be served from whatever folder the built assets are placed in
- verify that running
npx http-server <your-folder-to-serve>works - verify that a Pull Request doesnt already exist. If it does, feel free to contribue to it.
See existing samples for the idea ...
Projects are listed alphabetically.
| Project | Build steps | Serve this folder | Folder |
|---|---|---|---|
| Alpine.js | / |
alpine | |
| Angular.js | / |
angularjs | |
| Angular | npm run build -- --prod |
dist/hello |
angular |
| Angular Universal | npm run prerender |
dist/hello/browser |
angular-universal |
| Aurelia | npm run build |
dist |
aurelia |
| Babylon.js | / |
babylonjs | |
| Backbone.js | / |
backbone | |
| Blazor | Install .NET SDK then dotnet build |
/ |
blazor |
| Elm | npm run build |
public |
elm |
| Ember | npm run build |
dist |
ember |
| Flutter | Install Flutter SDK then flutter build web |
build/web |
flutter |
| Gatsby | npm run build |
public |
gatsby |
| Glimmer | npm run build |
dist |
glimmer |
| Gridsome | npm run build |
dist |
gridsome |
| HTML | / |
html | |
| Hugo | npm run build |
public |
hugo |
| Hyperapp | (uses CDN) | / |
hyperapp |
| Ionic Angular | npm run build -- --prod |
www |
ionic-angular |
| Ionic React | npm run build |
build |
ionic-react |
| JavaScript | / |
javascript | |
| jQuery | (uses CDN) | / |
jquery |
| KnockoutJS | npm run build |
dist |
knockoutjs |
| LitElement | npm run build |
dist |
lit-element |
| Marko | npm run build |
public |
marko |
| Meteor | npm run build |
bundle |
meteor |
| Mithril | npm run build |
dist |
mithril |
| Next.js | npm run build |
out |
nextjs |
| Nuxt.js | npm run generate |
dist |
nuxtjs |
| Polymer | npm run build |
build/default |
polymer |
| Preact | npm run build |
build |
preact |
| React | npm run build |
build |
react |
| Riot | npm run build |
dist |
riot |
| Scully | npm run build -- --prod |
dist/hello |
scully |
| Stencil | npm run build |
www |
stencil |
| Svelte | npm run build |
public |
svelte |
| Three.js | / |
threejs | |
| TypeScript | npm run build |
dist |
typescript |
| Vue | npm run build |
dist |
vue |
| VuePress | npm run build |
dist |
vuepress |
Resources
Azure Static Web Apps
- Learn how to Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps
- API support in Azure Static Web Apps
- Add an API to Azure Static Web Apps
- Authentication and authorization
- Routes
- Review pre-production environments
Contributors
✨
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!
-
说了好久好久要学习Backbone.js，现在终于下定决心开始学习了。然后呢，就根据我的学习进度在这里做个简单的记录，方便新人，也方便我自己以后回忆。 准备 用bower下载这几个库或框架也是醉了。。。由于使用的红杏只能在浏览器上使用，所以在GFW的协同之下真是下载得相当龟速啊！ jquery(或者zepto)，underscore.js,backbone.js终于下载完成，成功引入之后。开始从网
-
jepsen是一个分布式测试库，我们可以使用它对某个分布式系统执行一系列操作，并最终验证这些操作是否正确执行。 jepsen已经成功验证了很多分布式系统，我们可以在它的源码里面看到相关系统的测试代码，包括mysql-cluster，zookeeper，elasticsearch等。 为什么要研究jepsen，主要在于我们需要进行分布式数据库tidb的测试，自己写一套分布式测试框架难度比较大，并且还
-
题目描述 Given an input string, reverse the string word by word. 题目大意 输入一个字符串，将字符串中的单词按倒序排列（单词中的字母不要倒叙排列）。 示例 E1 Input: "the sky is blue" Output: "blue is sky the" E2 Input: " hello world! " Output:
-
用Java打印Hello World!! 所有的Java教材中,打印Hello Worlds!!一般都是第一课。打印Hello Worlds的代码也是很简单。 public class HelloWorld { public static void main (String[] args) { System.o
-
创建helloworld例子步骤： （1）创建文本hell.sh (2)利用vi等文本编辑器编写Shell脚本的格式是固定的，如下： #!/bin/sh #comments Your commands go here 首 行中的符号#!告诉系统其后路径所指定的程序即是解释此脚本文件的Shell程 序。如果首行没有这句话，在执行脚本文件的时候，将会出现错误。后续的部
-
http://www.cnblogs.com/huang0925/p/4966059.html 最近开始系统性的学习scala。其实之前使用过scala的，比如我在用Gatling这款性能测试工具的时候就接触到了scala了。Gatling本身就是用Scala写的，而且Gatling的性能测试配置文件本身就是一个scala类，可以随意使用scala甚至是Java提供的各种类库。当时觉得用Gatli
-
React with Webpack -1: 介绍&Helloworld node.js 开发之react 学习1 context：node.js 开发的工具和lib发展的很快，in other worlds, 出现了太多的新东东。 在facebook的威名下的react自然吸引了很多的关注。 下面开始react的第一个学习过程。 转载： from fakefish introduction 在
-
<!DOCTYPE html> <html> <head> <title>backbone.js-Hello World</title> </head> <body> <button id="check">报到</button> <ul id="world-list"> </ul> </body> <!--之前是版本1.4,会导致一些问题--> <script src="./jq
-
Hello World是任何人必须开发以理解一门新语言或一个新平台的第一个程序：在这个教程里将解释如何使用MarteEngine写一个最简单的Hello World例子。 我们的Hello World例子像你展示如何在屏幕上写一个单独的字符串“Hello World”,它还解释了MarteEngine的一些核心概念。 Main class 在我们的例子中Main class是一个执行应用的类。想象
-
aniel in his article entitled "Teetering On The Brink . ." which you have posted on Fourwinds. Violinio Germain has referred to the Violet Flame many times and now Gary McDaniel is asking us to invoke
-
一旦我们设置了开发，就该开始使用Koa开发我们的第一个应用程序了。 创建一个名为app.js的新文件，并在其中键入以下内容。 var koa = require('koa'); var app = koa(); app.use(function* (){ this.body = 'Hello world!'; }); app.listen(3000, function(){ conso
-
创建一个名为app.js的文件并输入以下代码来设置快速应用程序 - var app = require('express')(); var http = require('http').Server(app); app.get('/', function(req, res) { res.sendfile('index.html'); }); http.listen(3000, functio
-
显示Hello World消息的简单GUI应用程序使用以下步骤构建 - 导入wx模块。 定义Application类的对象。 创建一个顶级窗口作为wx.Frame类的对象。 标题和大小参数在构造函数中给出。 虽然可以在Frame对象中添加其他控件，但无法管理其布局。 因此，将Panel对象放入Frame中。 添加一个StaticText对象，在窗口内的所需位置显示“Hello World”。 通过
-
我们已经设置了开发，现在是时候开始使用Express开发我们的第一个应用程序了。 创建一个名为index.js的新文件，并在其中键入以下内容。 var express = require('express'); var app = express(); app.get('/', function(req, res){ res.send("Hello world!"); }); app.lis
-
在本章中，我们将使用jBPM编写第一个程序“Hello World”。 按照下面给出的步骤 - 转到文件→新建→Drools项目 - 单击Next 。 为第一个项目命名一个合适的名称:在我们的案例中为“HelloWorld”。 单击Next 。 选择底部的两个复选框，即 - 将示例HelloWorld流程文件添加到此项目 添加一个用于加载和执行HelloWorld进程的示例类 单击Next 。 单
-
使用PyGTK创建窗口非常简单。 要继续，我们首先需要在代码中导入gtk模块。 import gtk gtk模块包含gtk.Window类。 它的对象构造一个顶层窗口。 我们从gtk.Window派生一个类。 class PyApp(gtk.Window): 定义构造函数并调用gtk.window类的show_all show_all()方法。 def __init__(self): s