Start.
Now as I open and change files in this folder.
That's a and make a new file.
explorer.exe > C:\Users\Jennings\Desktop\paircast-demo
Don't test DOT t x t notice up aircraft has started tracking those changes detected that new file And if you open up a file, and I just say hello.
notepad.exe > test.txt - Notepad
Commit a9b5a9c275f38c51ec1e32cedc9b1060b06b8716
--- test.txt
+++ test.txt
@@ -0,0 +1 @@
+hello!+
\ No newline at end of file
You'll see impair cast again. It's detected two new lines, one for the helo and one for the new line.
All right, so let's dive into it.
Paircast.exe > Paircast
If I were to start this tutorial on, we're going to talk about
Sales Js today, So let's take a look at that.
chrome.exe > Sails.js | Realtime MVC Framework for Node.js - Google Chrome
Is the package I used that actually powers the back end of pear cast and there's a global NPM module. So what we'll do is we'll start with the command prompt.
ConEmu64.exe > Cmder
And I will navigate to the desktop and appear cast Didem a folder.
And I'll start by doing NPM install.
Sales dash cheap.
You'll notice that here's this is my get branch.
This is actually a link to the future video. Although this work is being done in a get branch that we can access later.
When sales has done installing in this tutorial. What we would do is we do sales knew.
Napped.
And we'll put it as a sub directory.
Call it sales demo.
And for this
Example. We're going to go with a full fledged demon here.
One.
Now again, if we look at the
Or cast tracking here. We concede at all of these assets and directories that sales is automatically generating are being tracked.
You'll also notice node modules. It's not tracked their caste is recursive Lee using
Paircast.exe > Paircast
Did ignores, so we're not going to commit anything that's into getting nor it means things like your environment files are safe.
Modules will be tracked on ly changes are tracked.
And on that note. It's a little we don't upload any any existing files.
The only files that are uploaded our file changes and new files This way you can keep your code private.
All right. So here we are.
The dam has been created and will be for example, sails lift
ConEmu64.exe > Cmder
We're in the wrong directory. So let's go into that app folder Sails lift.
explorer.exe >
Paircast.exe > Paircast
Out of the sails out is running.
Refresh it. There we go.
Commit b07f7f55edae1427b1982ea3e5a8619014c362df
--- app/views/layouts/layout.ejs
+++ app/views/layouts/layout.ejs
@@ -38,6 +38,9 @@
<% /* Auto-injected «link» tags: */ %>
<!--STYLES-->
+ <link rel="stylesheet" href="/dependencies/bootstrap-4/bootstrap-4.css">
+ <link rel="stylesheet" href="/dependencies/fontawesome.css">
+ <link rel="stylesheet" href="/styles/importer.css">
<!--STYLES END-->
</head>
<body>
chrome.exe > NEW_APP_NAME - Google Chrome
Okay, so
Now, let's stay in and make an example of how to add a new route to sales so sales as a handy utility will do. Sales generate new page still generate paged.
ConEmu64.exe > Cmder
It's called a hell of a world.
Here we go. So this is generated New? Hello, world again. We're seeing those generations in fast tracking.
Paircast.exe > Paircast
And we'll just open this up in V s code.
Code.exe > Welcome - Visual Studio Code
Her cast works with any idea any environment. It's not just JavaScript. It's not just GS code. This works with our do we know it works with a text file. As I showed you Where could see IOS X code? Anything you're going to use?
Code.exe > Open Folder
It is based off git and that allows us to track any generic file changes not using V s co so going into that factory, we will
We need to find it. It's in users. Jennings
Um
Desktop paradise demo app. Okay, let's open that up.
Code.exe > Welcome - app - Visual Studio Code
So here we are.
We're in our sales up and imagine we want to follow the directions that sales told us of sales estimates of modifications here. We want to add something to our route.
ConEmu64.exe > Cmder
Copy that.
So let's go into our controllers and our I don't know where the routes file this. I'll just use the routes.
Code.exe > Welcome - app - Visual Studio Code
And we're going to add that route. I also no need to go into policies.
Commit 3a7721ade7d7afcf687fcd54e442c0361457e29a
--- app/config/routes.js
+++ app/config/routes.js
@@ -13,32 +13,34 @@ module.exports.routes = {
// ╔╦╗╦╔═╗╔═╗ ╦═╗╔═╗╔╦╗╦╦═╗╔═╗╔═╗╔╦╗╔═╗ ┬ ╔╦╗╔═╗╦ ╦╔╗╔╦ ╔═╗╔═╗╔╦╗╔═╗
// ║║║║╚═╗║ ╠╦╝║╣ ║║║╠╦╝║╣ ║ ║ ╚═╗ ┌┼─ ║║║ ║║║║║║║║ ║ ║╠═╣ ║║╚═╗
// ╩ ╩╩╚═╝╚═╝ ╩╚═╚═╝═╩╝╩╩╚═╚═╝╚═╝ ╩ ╚═╝ └┘ ═╩╝╚═╝╚╩╝╝╚╝╩═╝╚═╝╩ ╩═╩╝╚═╝
+ 'GET /hello-world': { action: 'view-hello-world' },
// ╦ ╦╔═╗╔╗ ╦ ╦╔═╗╔═╗╦╔═╔═╗
And we need to make the view. Hello?
Code.exe > policies.js - app - Visual Studio Code
World policy public.
Okay?
Commit 86895dc280a6fad751fc0e29ddd2f699a6750f13
--- app/config/policies.js
+++ app/config/policies.js
@@ -21,5 +21,6 @@ module.exports.policies = {
'legal/view-terms': true,
'legal/view-privacy': true,
'deliver-contact-form-message': true,
+ 'view-hello-world': true
};
So we created that route. Now we need to restart sales. So let's do that.
We've re started sales that we go and we should have a Hello, world around. So there we go. The hell world has been implemented and we can go into that view. Hello, World file starts Js
Commit a9e3e980b87654ed54c97814d69e2aaa14bb886b
--- app/views/layouts/layout.ejs
+++ app/views/layouts/layout.ejs
@@ -155,6 +155,7 @@
<script src="/js/pages/entrance/new-password.page.js"></script>
<script src="/js/pages/entrance/signup.page.js"></script>
<script src="/js/pages/faq.page.js"></script>
+ <script src="/js/pages/hello-world.page.js"></script>
<script src="/js/pages/homepage.page.js"></script>
<script src="/js/pages/legal/privacy.page.js"></script>
<script src="/js/pages/legal/terms.page.js"></script>
chrome.exe > NEW_APP_NAME - Google Chrome
There it is.
Code.exe > view-hello-world.js - app - Visual Studio Code
And we can change this title to Hello, world.
Okay, so this is a really simple tutorial. You can imagine how this keeps going, but it's in a cast. For now. I'll show you how you can put this together.
Commit e9343218b283e933952b63927938badd66a7971d
--- app/views/pages/hello-world.ejs
+++ app/views/pages/hello-world.ejs
@@ -1,7 +1,8 @@
<div id="hello-world" v-cloak>
- <h1>TODO: Implement this page.</h1>
- <p>(See also <em>assets/styles/pages/hello-world.less</em>, <em>assets/js/pages/hello-world.page.js</em>, and <em>api/controllers/view-hello-world.js</em>.)</p>
+ <h1>Hello World</h1>
+ <p>(See also <em>assets/styles/pages/hello-world.less</em>, <em>assets/js/pages/hello-world.page.js</em>, and
+ <em>api/controllers/view-hello-world.js</em>.)</p>
</div>
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>