This will give the basic knowledge of Angular. We have been uploaded Angular part 1 and Angular part 2 key notes that gives the knowledge of angular in a well defined manner you can learn also .
2. 1
node -v Run javascript on server
npm -v Node package manager (to manage back end
package)
ng version ng stands for Angular
bower --version Package Manager for front End Packages
Initial SetUp Step by step
cd Desktop
mkdir contacts
cd contacts
clear
node - -version (to check version if node is already install otherwise install node )
bower - -version ( node and bower are tools )
// (go to contact director and install necessary component For server side We are going to use express
below command)
npm install express
(let me check home directory of bowerrc file with command
cat ~/.bowerrc ){ “directory” :”public/lib”}
bower install angular (Get Angular Library)
bower install bootstrap (Get bootstrap Library this will download both necessary css and javascript)
clear
mkdir public/views // for angular views
mkdir public/src // for custom javascript
open . // open project directory
3. 2
Express is the fastest framework for node.js
$ npm install express –save
Node download link (https://nodejs.org/en/)
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript
engine.
V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in
C++. It is used in Chrome and in Node.js, among others. It
implements ECMAScript and WebAssembly, and runs on Windows 7 or later, macOS 10.12+,
and Linux systems that use x64, IA-32, ARM, or MIPS processors. V8 can run standalone, or
can be embedded into any C++ application.
Bower can manage components that contain HTML, CSS, JavaScript, fonts or even
image files. Bower doesn’t concatenate or minify code or do anything else - it just
installs the right versions of the packages you need and their dependencies.
To get started, Bower works by fetching and installing packages from all over, taking
care of hunting, finding, downloading, and saving the stuff you’re looking for. Bower
keeps track of these packages in a manifest file, bower.json. How you use packages is
up to you. Bower provides hooks to facilitate using packages in your tools and
workflows.
Bower is optimized for the front-end. If multiple packages depend on a package - jQuery
for example - Bower will download jQuery just once. This is known as a flat dependency
graph and it helps reduce page load.
4. 3
Install Bower
Bower is a command line utility. Install it with npm.
$ npm install -g bower
Bower requires node, npm and git.
5. 4
Install packages
Install packages with bower install. Bower installs packages to bower_components/.
$ bower install <package>
A package can be a GitHub shorthand, a Git endpoint, a URL, and more. Read more
about bower install.
# installs the project dependencies listed in bower.json
$ bower install
# registered package
$ bower install jquery
# GitHub shorthand
$ bower install desandro/masonry
# Git endpoint
$ bower install git://github.com/user/package.git
# URL
$ bower install http://example.com/script.js
Search packages
Search Bower packages and find the registered package names for your favorite
projects.
Save packages
Create a bower.json file for your package with bower init.
Then save new dependencies to your bower.json with bower install PACKAGE --
save
Use packages
How you use packages is up to you. We recommend you use Bower together
with Grunt, RequireJS, Yeoman, and lots of other tools or build your own workflow
with the API. You can also use the installed packages directly, like this, in the case
of jquery:
<script
src="bower_components/jquery/dist/jquery.min.js"></script>
6. 5
Express is one of the most popular frameworks for building web applications
in Node. Recently, version 4 of Express was released, and with it there are a
bunch of new features. In this course, you're going to learn Express from the
ground up: not just the new features, but everything. If you haven't had a
chance to look into Express before, now's your chance!
Node.js is a plateform built on Chrome’s Javascript runtime for easily building fast, scalable network
application.
Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for
data-intensive real time applications that run across distributed devices.
cd Desktop
mkdir expressApp
cd expressApp
npm install express (download express node package)
clear
ls (list all the file and folder in this directory)
ls node_module (show file and folder within node_module directory)
Learn about documentation expressjs, nodejs, angularjs, PhoneGap,ionic