addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramlinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Node.js Meetup Mannheim October – Angular 2 Special

Johannes Hoppe will give a Angular 2 Mini-Workshop



# Angular 2 Mini-Workshop
_____

Let’s code Angular!

Angular 2 is finally out. The most successful single-page framework got a complete rewrite. Everything is new, the programming language, the patterns and principles and all the tooling. The new Angular is not a framework anymore, it’s a platform. This might be a bit overwhelming, but you will love it!

Johannes will give you a short introduction to Angular. After that we will jump directly into coding. We will create simple application and we will learn the basic concepts of @angular/core. Of course, we can deep-dive into interesting topics, but the plan is to get everybody on board. There will be no special knowledge to AngularJS or web development required. Just make sure, that your laptop is prepared. If you don’t want to code, this will be fine, too. There will be some beer and enough time for discussions. Cheers,
Johannes from [angular2buch.de](http://angular2buch.de)


## Required Software

1. Node.js **6.5** or higher - https://nodejs.org/
2. Visual Studio Code **1.5** or higher - https://code.visualstudio.com/
3. Google Chrome - https://www.google.com/chrome/
4. Git - https://git-scm.com/


## Install packages in advance, please!

Node-gyp is involved, so windows user will want to install the `windows-build-tools` first:

```
npm install -g windows-build-tools
```

Everybody should install the [angular-cli](https://cli.angular.io/) right in advance:

```
npm install -g angular-cli@1.0.0-beta.18
```

... and please double-check the versions:

```
node -v
> Expected: v6.x.x

npm -v
> Expected: 3.x

ng -v
> Expected: 1.0.0-beta.18

```

## Create an empty project

Please create an empty angular-cli project in advance, too.
Change to your working directory and execute:

```
ng new book-rating
cd book-rating
npm start
```

Important! Depending on your internet connection this will take some serious amount time.
Get a fresh coffe and be patient while starring at the following text: `Installing packages for tooling via npm.` :-)
Finally navigate to http://localhost:4200 and verify that you see the text "app works!"
Everything is working? Excellent!

__See you at Thursday!__



Beitreten oder anmelden um zu kommentieren.

  • Michael M.

    Thx very much, althou I had to leave early! Are you doing another event like this in the "region" again?

    28. Oktober

    • Michael M.

      Mainly especially Angular2 :-)
      I think node.js stuff will definitely be interesting too!

      28. Oktober

    • Alejandro R.

      Yes, thanks again Johannes for the nice presentation. I'm also looking forward for the next meetup :)

      28. Oktober

  • Christian H.

    Hey Guys it was really funny to see all this stuff and the JS Fanclub. I'm also in for another event in December/January. If a place is needed we can host this at our company

    28. Oktober

  • Johannes H.

    I'm fine with both. All node.js MA meetups I attended were done in English language, because there's always a non-native speaker in the audience. ;-)

    27. Oktober

  • Ein ehemaliges Mitglied
    Ein ehemaliges Mitglied

    Hi Johannes, is the Workshop in English or German?

    27. Oktober

  • vanThome

    That is the correct link: https://ng-vcl.github.io/ng-vcl/#/

    21. Oktober

  • vanThome

    Can't make it unfortunately, but I want to advertise our growing NG2 Component library: https://github.com/ng-vcl
    You will need something like this, if you want to create high-class NG2 apps.

    21. Oktober

Registrieren

Meetup Mitglieder, Anmelden

Mit der Registrierung erklärst Du Dich mit den Allgemeinen Geschäftsbedingungen und der Datenschutzerklärung von Meetup einverstanden.