initial commit

1 day ago · a88da118db
commit a88da118db
3 changed files with 84 additions and 0 deletions
--- a/Readme.md
+++ b/Readme.md
@ -0,0 +1,68 @@
 # Basic procedure to init a JS proyect
 This basic repository shows how to prepare basic JS apps to run and test in Unix like OS. The guide use the `serve` node package installed globally; alternally you can use `live server` extension in visual studio code to mount a basic server for testing.
 ## 1. Create the project directory
 ```sh
 mkdir my-js-project
 cd my-js-project
 ```
 ## 2. Create the basic files
 ```sh
 touch index.html
 touch script.js
 ```
 **index.html**
 ```html
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="UTF-8">
  <title>Test JS</title>
 </head>
 <body>
  <h1>Hello Blink!</h1>
  <button onclick="sayHello()">Click me</button>
  <script src="script.js"></script>
 </body>
 </html>
 ```
 **script.js**
 ```js
 function sayHello() {
  alert("Hello from JS!");
  console.log("Hello from script.js!");
 }
 ```
 ## 3. Install a simple static server
 If you want to serve this app via a web browser use:
 ```sh
 npm install -g serve
 ```
 This will install globally, if you already do not have installed, and then you can use later for this or further js projects:
 ```sh
 serve .
 ```
 By default it serves on `http://localhost:3000`
 ## 4. Access it in the web browser
 Once you execute the `serve` commmand a prompt will let you know where your server is serving:
 ```sh
 Serving!                             ││                                        ││   - Local:    http://localhost:3000    ││   - Network:  http://172.18.0.2:3000 
 ```
 thus, you can visit it locally or in other device with the `network` address.
 **Note: if you are using Blink Shell app for iPad** you must open other Blink terminal and forward the the exposed port:
 ```sh
 Blink> build port add htools 3000 3000
 ```
 after that you will be able to open the app only directly from your iPad if you did it by `Blink Build`. Otherwise, the app will be abaileble at the provided URL.
--- a/index.html
+++ b/index.html
@ -0,0 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="UTF-8">
  <title>Test JS</title>
 </head>
 <body>
  <h1>Hello Blink!</h1>
  <button onclick="sayHello()">Click me</button>
  <script src="script.js"></script>
 </body>
 </html>
--- a/script.js
+++ b/script.js
@ -0,0 +1,4 @@
 function sayHello() {
  alert("Hello from JS!");
  console.log("Hello from script.js!");
 }