Giter VIP home page Giter VIP logo

turtlewolfe / chapter07 Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 18 KB

Chapter 7. Introduction to Angular The last piece of the MEAN puzzle is, of course, Angular. Back in 2009, while building their JSON as platform service, developers Miško Hevery and Adam Abrons noticed that the common JavaScript libraries weren't enough. The nature of their rich web applications raised the need for a more structured framework that would reduce redundant work and keep the project code organized. Abandoning their original idea, they decided to focus on the development of their framework, naming it AngularJS and releasing it under an open source license. The idea was to bridge the gap between JavaScript and HTML and help popularize single-page application development. In the years to come, AngularJS—now referred to as Angular—became one of the most popular frameworks in the JavaScript ecosystem, and it completely changed the frontend development world. However, in the past few years, there were a few major paradigm shifts. So, when the Google-sponsored team decided to work on Angular's next version, they introduced a whole set of new ideas. In this chapter, we'll cover the following topics:

JavaScript 66.07% HTML 8.52% TypeScript 25.41%

chapter07's Introduction

Chapter07

MEAN Web Development - Second Edition

By Amos Q. Haviv November 2016

Chapter Seven

This book was written by the man that laid most of the original ground work for the MEAN Stack. At the end of chapter seven I should have a funtional starting point with OAuth for authenticating with passport. I've created the repository of establishing a checklist to get it running on a node server, and will gladly take pull request from anyone that can help me figure it out. I thought I'd just install it on my local copy of node. NPM install, change the OAuth Keys and Secrets. But I keep getting hung up at Angulars 'loading..'

  1. npm install
  2. npm start

//2. node server

Creating the signin component Creating the signup component Creating the authentication service Creating the home module Creating the home component Configuring the home routes Refactoring the application module Configuring the application routes $ npm start call back's out of sync did we install type script clean copy, skip update.. just install $ npm start title: 'Hello World',

https://www.packtpub.com/web-development/mean-web-development-second-edition

chapter07's People

Contributors

turtlewolfe avatar

Watchers

avatar

chapter07's Issues

302 Deprecation

npm install

npm WARN deprecated [email protected]: Typings is deprecated in favor of NPM @types
--see README for more information
npm WARN deprecated [email protected]: Please upgrade to 2.2.19 or higher

>[email protected] postinstall C...
>typings install

typings WARN deprecated 11/21/2016: "registry:dt/nodes#6.0.0+20161102143327" is deprecated <updated, replaced or removed>

typings WARN deprecated 5/9/2016: "registry:dt/socket.io-client#1." is deprecated <updated, replaced or removed>

enter image description here

npm install errors for chapter 7

npm start

enter image description here

npm start errors for chapter 7

app\views\index.js

<!DOCTYPE html>
<html>
<head>
	<title><%= title %></title>
	<base href="/">
</head>
<body>
	<mean-app>
		<h1>Loading...</h1>
	</mean-app>
	
	<script type="text/javascript">
		window.user = <%- user || 'null' %>;
	</script>
	
	<script src="lib/core-js/client/shim.min.js"></script>
	<script src="lib/zone.js/dist/zone.js"></script>
	<script src="lib/reflect-metadata/Reflect.js"></script>
	<script src="lib/systemjs/dist/system.js"></script>
	
	<script src="systemjs.config.js"></script>
	<script>
		System.import('app').catch(function(err){ console.error(err); });
	</script>
</body>
</html>

Chapter07 on GitHub

302 deprecations

enter image description here

enter image description here

app\views\index.js

<!DOCTYPE html>
<html>
<head>
	<title><%= title %></title>
	<base href="/">
</head>
<body>
	<mean-app>
		<h1>Loading...</h1>
	</mean-app>
	
	<script type="text/javascript">
		window.user = <%- user || 'null' %>;
	</script>
	
	<script src="lib/core-js/client/shim.min.js"></script>
	<script src="lib/zone.js/dist/zone.js"></script>
	<script src="lib/reflect-metadata/Reflect.js"></script>
	<script src="lib/systemjs/dist/system.js"></script>
	
	<script src="systemjs.config.js"></script>
	<script>
		System.import('app').catch(function(err){ console.error(err); });
	</script>
</body>
</html>

Chapter07 on GitHub

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.