angularclass / retain-app Goto Github PK

View Code? Open in Web Editor NEW

150.0 17.0 177.0 200 KB

📓 Free Angular 2 (and Angular 4) Fundamentals Course by @AngularClass

Home Page: http://courses.angularclass.com/courses/angular-2-fundamentals

CSS 36.57% HTML 20.91% TypeScript 11.04% JavaScript 31.49%

retain-app's Introduction

Angular 2 Fundamentals: Retain App

Google Keep remake application for Angular 2 Fundamentals course

Overview

This repo is designed to accompany the free Angular 2 Fundamentals course. It is a step by step curriculum introducing you to Angular 2 by rebuilding Google Keep. All lessons are broken down into individual branches, with a start and solution branch for each lesson. We recommend taking the course which includes the videos and text descriptions for each lesson to maximize your learnings!

Dependencies

Node > 6.x
npm > 3.x
globals (npm install --global)
- typescript
- webpack
- webpack-dev-server
- tslint

Getting Started

Clone or fork this repository
run npm install --global typescript webpack webpack-dev-server tslint
run npm install
run npm start to fire up dev server
open browser to http://localhost:3000

Workflow

Start the course
Watch the video for the current lesson
Checkout to the appropriate branch for the lesson
Follow along and build the app!

Instructor

Scott Moss

Introduction Video

retain-app's People

Contributors

Stargazers

Watchers

Forkers

programoxcomida pupreti ericmdantas dennybiasiolli sarxan26 psychobaatezu hatedinny1 artemzi ghstahl m66n chaabni jdefelice mikebellcoder brianshano kpl39 fabiothiroki rdbruhn mikebrannan taverasmisael utnas hongbo-miao ranganathk tlareg ck110 ykal nagyist ahrobinson marimax seancox willxing dejancencelj mb0606 caraclarke mohsenvafa rasmustg marquesdawson cob3x85 kzapata19 robsongomes dacrol hatruong28 amanthapar cenjennifer dguardia profh devil29 mkscala muz3 adhulappanavar mlottes fabionj ginocorrales crc83 colyas jsfrocha vikacep shtakai vladbash subpx mhetreramesh schrealex emmabaye stsmedia saintc0d3r mehdirazajaffri prithivirajg kafq flomaetschke jmcreasman mloayzagahona nabilnaffar kidema otisson cdemeke sabbir534 shankarthapa timdang machunmei sergiogeek7 henkieee jasonshin arusakov sezarmbar ekurniadi empereol georgestanescu darekb bytesfromali adrianmui andreirk patrickford michael-ameri milseg ervitis orodan 2016lalu brow1726 garlandrileyjr dacho68 binarygrrl

retain-app's Issues

module-10 - 'npm run api' return an error

I cloned a new project from :
[email protected]:AngularClass/retain-app.git

And i did all these commands :

npm install --global typescript webpack webpack-dev-server tslint
npm install
git checkout module-10

Added to package.json:
"api": "angularclass-server --api retain --port 3500"

npm install
And i get this errors:
https://gist.github.com/morwin10/ad977e66748e339dcbcf46705891e7a8

npm run api
And i get this errors:
https://gist.github.com/morwin10/4def17741c944a7074942b4a56482a2f

My package.json looks like this:

{
  "name": "retain",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "webpack --config webpack.spec.ts --progress --color && karma start",
    "start": "webpack-dev-server --inline --colors --progress --display-error-details --display-cached --port 3000  --content-base src",
    "api": "angularclass-server --api retain --port 3500"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/forms": "^0.2.0",
    "@angular/http": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "@angular/router": "3.0.0-beta.2",
    "@angularclass/api": "^1.1.8",
    "core-js": "^2.4.0",
    "lodash": "^4.13.1",
    "rxjs": "5.0.0-beta.6",
    "zone.js": "^0.6.12"
  },
  "devDependencies": {
    "awesome-typescript-loader": "1.0",
    "css-loader": "^0.23.1",
    "jasmine-core": "^2.4.1",
    "karma": "^1.1.1",
    "karma-chrome-launcher": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-mocha-reporter": "^2.0.4",
    "raw-loader": "^0.5.1",
    "to-string-loader": "^1.1.4",
    "ts-helpers": "^1.1.1",
    "typescript": "^1.8.10",
    "webpack": "^1.13.1",
    "webpack-dev-server": "^1.14.1"
  }
}

How can i solved this ?

npm-debug.log:
https://gist.github.com/morwin10/cef2bed3b1e85d18d2d2618556de4523

My system:
Windows 7 ultimate 64bit
node v6.4.0
npm v3.10.6

Issues when targeting es5

Hi,

On windows 10 / 64

Cloning the app,
npm install --global typescript webpack webpack-dev-server tslint
npm install
npm start

gives me a bunch of errors:

[at-loader] node_modules\@angular\core\src\facade\lang.d.ts:12:17
    'Map' only refers to a type, but is being used as a value here.

[at-loader] node_modules\@angular\core\src\facade\lang.d.ts:13:17
    'Set' only refers to a type, but is being used as a value here.

[at-loader] node_modules\@types\core-js\index.d.ts:47:36
    Cannot find name 'Iterable'.

[at-loader] node_modules\@types\core-js\index.d.ts:350:48
    Cannot find name 'PropertyKey'.

[at-loader] node_modules\@types\core-js\index.d.ts:351:52
    Cannot find name 'PropertyKey'.

Workaround:

On tsconfig.json
~~"target": "es5"~~
"target": "es6"

What should be done to target es5 correctly?

Issue during npm install

npm WARN @angular/[email protected] requires a peer of zone.js@^0.7.2 but none was installed.
npm WARN [email protected] No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]:
wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
added 937 packages in 141.404s

problems with certificate on angularclass.com

Don't know where it's a good place to put this, but there seems to be a problem with your your website's certificate!

no map error

solved by adding

"lib": ["es2015", "dom"]

to tsconfig.json

This repo no longer matches the lesson

the code no longer matches the latest release candidate and the server config can not handle the latest

Readme mispells "watch"

Readme > Workflow > "What the video" not "Watch"

hth,

/cka

Cannot find type definition file for 'chai' error

In the module-1 branch when I run npm install and then npm start I get the following errors in the console:

ERROR in [default] C:\Users\yurid\retain-app\node_modules\rxjs\observable\PairsObservable.d.ts:1:0
Cannot find type definition file for 'chai'.

ERROR in [default] C:\Users\yurid\retain-app\node_modules\rxjs\observable\dom\AjaxObservable.d.ts:1:0
Cannot find type definition file for 'chai'.

They don't seem the be critical thou since the build still completes fine and runs the server too. I still think it would be good to figure out what the issue is and make sure the module builds fine without any errors.

'../@angular/platform-browser-dynamic' no exported member 'bootstrap'

I'm getting an error where TS is not recognizing the exported 'bootstrap' function from platform-browser-dynamic.

ERROR in [default] ../retain-app/src/main.ts:1:9 
Module '"../retain-app/node_modules/@angular/platform-browser-dynamic/index"' has no exported member 'bootstrap'.

While watching the video 'Yo, World!' on AngularClass, I imported bootstrap in main.ts like so:

import { bootstrap } from '@angular/platform-browser-dynamic';

This is the dependency in the package.json:

"@angular/platform-browser-dynamic": "^2.0.0",

Any help is appreciated!