johnpapa

npm init –y
npm i angular2 systemjs --save --save-exact
npm i typescript tsd live-server --save-dev

johnpapa

function learn-sync {
  # ######################################
  # What this does:
  # ① Get the latest for your origin and upstream main branches'
  # ② Make sure your main origin is in sync with your upstream and your local is pushed'
  # ③ Checkout your branch for your Learn module and pull the latest'
  # ④ Merge main with your Learn branch. This will sync your branch all changes in the upstream'
  #
  # Steps:
  # 1. Navigate to your Learn repo (learn-pr, learn-m365-pr, etc)

johnpapa

Angular Fundamentals

Do you want to get a jumpstart on developing with Angular so you can build robust Web applications? Learn how to work with data binding, create components, and communicate across components with input/output bindings. You'll learn how to abstract logic into client-side services, provide services using the Angular injectors, and take advantage of dependency injection. When it's time to communicate with a server, you'll need to talk over HTTP. We'll learn how to send and receive data to and from a server using Http and use RxJS and observables.

You'll also learn how to get up and running quickly with the Angular CLI. Bring your laptop, as you’ll be writing Angular code using what you learn in several hands-on exercises.

What you'll learn

Learn about the Angular framework, the requirements to getting started, and the basic of TypeScript.

johnpapa

Description

Do you want to learn the fundamentals of Vue so you can start creating apps right away? Join us and you’ll learn Vue from the ground up including how to display data, capture user interactions, create components, communicate across components, debug your app, add in plugins, and so much more. This one day workshop is for developers who have not started or have just started, learning Vue. Bring your laptop, as you’ll be writing Vue code using what you learn in several hands-on exercises. Who should attend

This one day workshop is for developers who have not started or have just started, learning Vue.

What will you learn

johnpapa

Preparing to Write a Learn Module

Setting Up

The first step is to fork the Learn repository so you have a forked repository that you can control.

What you'll do:

johnpapa

styles

johnpapa

function parse_git_branch() {
    git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/ (\1)/'
}

export PS1="\u @ \w$\[\033[32m\]\$(parse_git_branch)\[\033[00m\] \n$ "

johnpapa

{
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "node": true
  },
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true

johnpapa

// Function expression
const getThing1 = function(search: string) {
  return getThingy(search);
};

// Function declaration
function getThing2(search: string) {
  return getThingy(search);
}

johnpapa

Angular Architecture Workshop Setup

Please install the following recommended tools prior to the workshop.

Thanks for joining us!

Highly Recommended

1. Install Visual Studio Code