Code Monkey home page Code Monkey logo

angular-master-class-starter's Introduction

Angular Master Class

This repository contains all the Lab Solutions for the Angular Master Class courseware by thoughtram.

Learning Modules

Each learning module of the Angular Master Class course has 1 or more lab exercises. Each lab exercise adds features and enhancements to the previous lab exercise.

  • The final module solutions are stored in module branches.
  • The lab exercise solutions are accessed via git tags; e.g. jump-start-step-10 or observables-step-3.

Shown below are quick-links and ordering of the Angular Master Class courseware modules:

Module Git Command
Module 1: Jump-Start git checkout jump-start-step-<xxx>
Module 2: Observables git checkout observables-step-<xxx>
Module 3: Architecture git checkout architecture-step-<xxx>
Module 4: Routing git checkout routing-step-<xxx>
Module 5: Forms git checkout forms-step-<xxx>
Module 6: Redux git checkout redux-step-<xxx>
Module 7: ngrx git checkout ngrx-step-<xxx>
Module 8: Testing git checkout testing-step-<xxx>
Module 9: Reusable Libraries git checkout reusable-libraries-step-<xxx>
Module 10: Progressive Web Apps git checkout pwa-step-<xxx>
Module 11: Universal git checkout universal-step-<xxx>

For each lab exercise, simply use the git command to quickly checkout the solution for that lab exercise:

git checkout jump-start-step-11

To checkout the final module solution (after all the lab exercises are completed), either checkout the branch or the latest tag of that branch. So, for example, to checkout the final solution Module 1: Jump-Start, use:

git checkout jump-start

Local Setup

If not done already, clone this repository using:

$ git clone https://github.com/thoughtram/angular-master-class-starter.git

Done? Great, now install the dependencies (this might take a little while):

$ cd angular-master-class-starter
$ npx yarn install

You may also need to globally install the Angular-Cli: npm i -g @angular/cli

Web and App Servers

To launch your web application, use a Terminal session with the command:

$ ng serve

This starts a web server for the Angular application; open with a browser url http://localhost:4200.

And since your Angular application may request external, remote data [from http://localhost:4201/api], you will need a local app server to respond to the REST API calls. We have already configured a server as part of this repository.

Simply start a second, separate Terminal session with the commend:

$ npm run rest-api

While only some of the solutions use the app server, it will not hurt to start it immediately.

Important

Have fun and good luck!

Christoph & Pascal & Dominic

angular-master-class-starter's People

Contributors

0x-r4bbit avatar kevinsmet avatar

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.