15
Develop webapps with wonka.js

Wonka.js introduction

Embed Size (px)

DESCRIPTION

Learn a little bit about wonka.js webapps development.

Citation preview

Page 1: Wonka.js introduction

Develop webapps with wonka.js

Page 2: Wonka.js introduction

Install node.js

https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager

https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager
https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager
Page 3: Wonka.js introduction

Install git

http://git-scm.com/

http://git-scm.com/
Page 4: Wonka.js introduction

Install Wonka.js

Open your terminal and type:

$ sudo npm install -g wonkajs

Page 5: Wonka.js introduction

Create project

On your terminal type:

$ wonkajs project PROJECT_NAME

The folder content:

Page 6: Wonka.js introduction

Run server

On your terminal type:

$ wonkajs server 9300

Page 7: Wonka.js introduction

It’s alivehttp://localhost:9300

http://localhost:9300/#
Page 8: Wonka.js introduction

Create appType on the terminal:

$ wonkajs app APP_NAME

The folder content:

Page 9: Wonka.js introduction

Test the app

Run the server if you stopped:

$ wonkajs server 9300

Page 10: Wonka.js introduction

Visit the app

http://localhost:9300/#APP_NAME

http://localhost:9300/#
Page 11: Wonka.js introduction

Modify templateOpen root/templates/main.hbs

Page 12: Wonka.js introduction

Updatedhttp://localhost:9300

http://localhost:9300/#
Page 13: Wonka.js introduction

Modify the styleOpen stylesheets/ui.less

Page 14: Wonka.js introduction

Updatedhttp://localhost:9300

Page 15: Wonka.js introduction

Thanks!

Twitter: @jcebBlog: jceb.info

For more information visit:http://wonkajs.com


An Introduction to NSAn Introduction to NS2An Introduction to NS2 · 2016. 8. 26. · An Introduction to NSAn Introduction to NS2An Introduction to NS2 Textbook: T. Issariyakul and

An Introduction to NSAn Introduction to NS2An Introduction to NS2 · 2016. 8. 26. · An Introduction to NSAn Introduction to NS2An Introduction to NS2 Textbook: T. Issariyakul and

Documents
Topics Introduction 1 / 3 Introduction 2 / 3 Introduction 3 / 3

Topics Introduction 1 / 3 Introduction 2 / 3 Introduction 3 / 3

Documents
Introduction to Transducers, Introduction to Transducers ...engtech.weebly.com/.../more_on_transducers_sensors_actuators.pdf · Introduction to Transducers, Introduction to Transducers,

Introduction to Transducers, Introduction to Transducers ...engtech.weebly.com/.../more_on_transducers_sensors_actuators.pdf · Introduction to Transducers, Introduction to Transducers,

Documents
Introduction to Databases: Introduction

Introduction to Databases: Introduction

Documents
1 Introduction t 1. Introduction to Nanotechnology - UFAMhome.ufam.edu.br/berti/nanomateriais/Introduction to Nanotechnology... · Introduction t 1. Introduction to Nanotechnology

1 Introduction t 1. Introduction to Nanotechnology - UFAMhome.ufam.edu.br/berti/nanomateriais/Introduction to Nanotechnology... · Introduction t 1. Introduction to Nanotechnology

Documents
INTRODUCTIONS (LEADS) Creative introduction Action introduction Dialogue introduction Personal introduction Question introduction Quotation introduction

INTRODUCTIONS (LEADS) Creative introduction Action introduction Dialogue introduction Personal introduction Question introduction Quotation introduction

Documents
Introduction | Introduction | Millennium Serials · 2018. 4. 17. · MARC Display | Print | Introduction | Millennium Serials INTRODUCTION Introduction This tutorial introduces the

Introduction | Introduction | Millennium Serials · 2018. 4. 17. · MARC Display | Print | Introduction | Millennium Serials INTRODUCTION Introduction This tutorial introduces the

Documents
R as a Web Service Introduction Introduction Introduction

R as a Web Service Introduction Introduction Introduction

Documents
INTRODUCTIONS (LEADS) Academic introduction Creative introduction Action introduction Dialogue introduction Overarching societal statements Personal introduction

INTRODUCTIONS (LEADS) Academic introduction Creative introduction Action introduction Dialogue introduction Overarching societal statements Personal introduction

Documents
INTRODUCTION SPECIFICATIONS INTRODUCTION

INTRODUCTION SPECIFICATIONS INTRODUCTION

Documents
1. Introduction 10 - therackonline.com€¦ · 1. Introduction 10 - therackonline.com ... Introduction)

1. Introduction 10 - therackonline.com€¦ · 1. Introduction 10 - therackonline.com ... Introduction)

Documents
Introduction and Thesis Introduction - …...1 Introduction and Thesis Introduction: The introduction relates the topic to the main point of the essay. The introduction is composed

Introduction and Thesis Introduction - …...1 Introduction and Thesis Introduction: The introduction relates the topic to the main point of the essay. The introduction is composed

Documents
Introduction to Transducers, Introduction to Transducers ... on... · Introduction to Transducers, Introduction to Transducers, Sensors and ActuatorsSensors and Actuators Introduction

Introduction to Transducers, Introduction to Transducers ... on... · Introduction to Transducers, Introduction to Transducers, Sensors and ActuatorsSensors and Actuators Introduction

Documents
Introduction Section I: Introduction

Introduction Section I: Introduction

Documents
URBAN STREAM REHABILITATION. INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES

URBAN STREAM REHABILITATION. INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES

Documents
Introduction Chapitre 1 · Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Introduction Chapitre 1 · Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Documents
1. INTRODUCTION 1.1 Introduction

1. INTRODUCTION 1.1 Introduction

Documents
Introduction - daks2k3a4ib2z.cloudfront.net€¦ · Introduction Establishedin1974MarbleHillFireplacesofferoneofthelargestandmostcomprehensiveselectionsof …

Introduction - daks2k3a4ib2z.cloudfront.net€¦ · Introduction Establishedin1974MarbleHillFireplacesofferoneofthelargestandmostcomprehensiveselectionsof …

Documents
Systems Analysis I introduction I introduction. 2Systems Analysis - Introduction Contents Introduction Introduction 3 classic phases 3 classic phases

Systems Analysis I introduction I introduction. 2Systems Analysis - Introduction Contents Introduction Introduction 3 classic phases 3 classic phases

Documents
1. Introduction 1. Introduction 1. Introduction 1 ... · Introduction 1. Introduction 1. Introduction 1. Introduction 6061B0242401. The Phone Screen From the Phone screen, you can

1. Introduction 1. Introduction 1. Introduction 1 ... · Introduction 1. Introduction 1. Introduction 1. Introduction 6061B0242401. The Phone Screen From the Phone screen, you can

Documents
Introduction and Welcome€¦ · Introduction and Welcome Introduction 4

Introduction and Welcome€¦ · Introduction and Welcome Introduction 4

Documents
voip-iptel-introduction-SRK1.ppt voip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-ip

voip-iptel-introduction-SRK1.ppt voip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-ip

Documents
Introduction - University of Cambridge · Introduction. Introduction

Introduction - University of Cambridge · Introduction. Introduction

Documents
The Sacrament of Baptism Introduction Video Introduction Video The Sacrament of Baptism Introduction Video Introduction Video

The Sacrament of Baptism Introduction Video Introduction Video The Sacrament of Baptism Introduction Video Introduction Video

Documents
§1.1.1 INTRODUCTION: 1. INTRODUCTION

§1.1.1 INTRODUCTION: 1. INTRODUCTION

Documents
Industry introduction Industry introduction Company introduction Company introduction Production introduction Display time time content

Industry introduction Industry introduction Company introduction Company introduction Production introduction Display time time content

Documents
PRODUCT INTRODUCTION Company Introduction

PRODUCT INTRODUCTION Company Introduction

Documents
Introduction to Logic Introduction

Introduction to Logic Introduction

Documents
Introducción / Introduction / Introduction

Introducción / Introduction / Introduction

Documents
An Introduction to NSAn Introduction to NS2An Introduction

An Introduction to NSAn Introduction to NS2An Introduction

Documents