tutsplus / modern-web-apps-with-angular

Modern Web Apps With Angular

Instructor: Andrew Burgess

Angular is more than just the next version of popular AngularJS front-end framework. Angular takes all the best parts of AngularJS and improves them. It's now a powerful and feature-complete framework that you can use to build the best web apps. Built with TypeScript in mind, Angular takes advantage of futuristic language features such as decorators and interfaces, which make coding faster and easier. Angular is also a great platform for building cross-platform mobile apps.

If you want to create modern web apps with Angular, this is the course for you. In this course, Andrew Burgess will show you how to code a complete web app with Angular, using the most current features and architectural patterns. Follow along with Andrew and build a full-featured project management app, with user login and validation and real-time chat. You'll get lessons on the Angular template language, structuring your app, routing, form validation, services, observables, and more. So let's get started!

We've built comprehensive guides to help you learn JavaScript and Angular, whether you're just getting started or you want to explore more advanced topics.

• Learn JavaScript: The Complete Guide
• Learn Angular

Source Files Description

This repository contains the source code for the completed course project. In it you will find three subfolders:

• projector-server: a simple backend for the project
• projector: the completed course project
• quickstart: the starting point for following along with the course

---

These are source files for the Envato Tuts+ course: Modern Web Apps With Angular

Available on Tuts+. Teaching skills to millions worldwide.

modern-web-apps-with-angular's Issues

Material version is wrong, breaks app

This tutorial claims that the correct version of the Material library is ^2.0.0-alpha.9-3 and that the latest version available should work, but in fact you have to roll back to exactly 2.0.0-alpha.9-3 in order for the app to work.

The version used in the tutorial breaks, and I was unable to fix it until I looked at the commit history for the Material library and found the latest version with a file structure that matches what this repo and the tutorial expect:
https://github.com/angular/material2/releases/tag/2.0.0-alpha.9

Dependency Issues and missing install instructions.

You need to change your package.json for the quick start package.json for angular-in-memory-web-api to be 0.1.13 not ~0.1.13 or else it has dependency clashes with rxjs and zone.js.

Cant get the data from server when uploaded on the web

Hi,
I just tried to upload the server on heroku, it works fine, at the end of my server.js file I have:

app
  .use(bodyParser.json())
  .use('/api', router).listen(process.env.PORT || 3000, function(){
  console.log("Express server listening on port %d in %s mode", this.address().port, app.settings.env);
})

but I cant get the data to my frontend Angular application. It says:

[HPM] Error occurred while trying to proxy request /api/login from localhost:3000 to https://blooming-waters-35403.herokuapp.com (undefined) (https://nodejs.org/api/errors.html#errors_common_system_errors)

my bs-config.js file looks like this:

const proxyMiddleware = require('http-proxy-middleware');
const proxyURL = 'https://blooming-waters-35403.herokuapp.com';

module.exports = {
  ghostMode: false,
  server: {
    middleware: [proxyMiddleware('/api', { target: proxyURL })]
   }
};

I did not make any other changes on this project, so I think it should be working fine, but it isnt. Please, what should I do?

404 GET /api/projects

When i npm run lite I see [HPM] Proxy created: /api -> http://localhost:9876 and when I go to http://localhost:9876/api/projects I can see the json.

But when i load the angular app on port 3000 I get 404 GET /api/projects... Like on the videos I am certain that my bs-config is set up properly and the http-proxy-middleware was installed correctly.

Do you know why the proxy server cannot be used to get the data from 9876?