Search

Search

FullStack Development with GraphQL NodeJs & Angular 6

FullStack Development with GraphQL NodeJs & Angular 6

Main Speaker:


Ron Ezra

Tracks:

Code

Seminar Catgories:

Back-end
Front-end
Fullstack

Course ID:

18426

Date:

26.11.2018

Time:

Daily seminar
9:00-16:30

Add to Calendar 26.11.2018 09:00 26.11.2018 16:30 Asia/Jerusalem FullStack Development with GraphQL NodeJs & Angular 6

Node.js offers one of the most innovative solutions to building servers and web/mobile applications. Its single-threaded event looping and asynchronous, non-blocking input/output processing feature distinguishes it from other runtime environments. Its scope is rapidly increasing with valuable contributions from the developer community and other technology giants. Express.js is one of the most essential web frameworks for Node.js. It is a minimalist framework for building a host of web and mobile applications as well as application programming interfaces (APIs). A lot of popular applications and websites like MySpace, Geekli.st, Klout, Segment.io and Yummly are powered by Express.js. Express.js is offers various features, like template engines, simplified multiple routing, database integration and more. Angular is a framework for building client applications in HTML and either JavaScript or a language like TypeScript that compiles to JavaScript. The framework consists of several libraries, some of them core and some optional. You write Angular applications by composing HTML templates with Angularized markup, writing component classes to manage those templates, adding application logic in services, and boxing components and services in modules. Then you launch the app by bootstrapping the root module. Angular takes over, presenting your application content in a browser and responding to user interactions according to the instructions you’ve provided.

GraphQL is a query language for your API, and a server-side runtime for executing queries by using a type system you define for your data. GraphQL isn’t tied to any specific database or storage engine and is instead backed by your existing code and data.

You’ll learn how to create a GraphQL schema and how to use it, including an HTTP-based one. You’ll learn about the different features of the GraphQL language as well as how to build them in a GraphQL server.

Overview

Node.js offers one of the most innovative solutions to building servers and web/mobile applications. Its single-threaded event looping and asynchronous, non-blocking input/output processing feature distinguishes it from other runtime environments. Its scope is rapidly increasing with valuable contributions from the developer community and other technology giants. Express.js is one of the most essential web frameworks for Node.js. It is a minimalist framework for building a host of web and mobile applications as well as application programming interfaces (APIs). A lot of popular applications and websites like MySpace, Geekli.st, Klout, Segment.io and Yummly are powered by Express.js. Express.js is offers various features, like template engines, simplified multiple routing, database integration and more. Angular is a framework for building client applications in HTML and either JavaScript or a language like TypeScript that compiles to JavaScript. The framework consists of several libraries, some of them core and some optional. You write Angular applications by composing HTML templates with Angularized markup, writing component classes to manage those templates, adding application logic in services, and boxing components and services in modules. Then you launch the app by bootstrapping the root module. Angular takes over, presenting your application content in a browser and responding to user interactions according to the instructions you’ve provided.

GraphQL is a query language for your API, and a server-side runtime for executing queries by using a type system you define for your data. GraphQL isn’t tied to any specific database or storage engine and is instead backed by your existing code and data.

You’ll learn how to create a GraphQL schema and how to use it, including an HTTP-based one. You’ll learn about the different features of the GraphQL language as well as how to build them in a GraphQL server.

Who Should Attend

  • JavaScript Advanced
  • Node js basic
  • Angular basic knowledge and concept

Course Contents

NodeJS

  • Introduction to Nodejs
  • Project setup: Hello World
  • Blocking vs. non-blocking I/O
  • Node modules and events
  • NPM
  • A synchronicity and callbacks
  • Working with Promises

ExpressJS

  • Introduction to Express, installation and basic setup
  • Application configuration
  • Routing
  • Build a RESTFul API using Node and Express

GraphQL

  • Introduction to GraphQL.
  • Basic Language
  • Editor
  • Fields
  • Variables
  • Fragments and mutations
  • GraphQL runtime
    • creating a schema
    • setting Http EndPoint
    • custom types
    • object context
  • GraphQL vs RESTful API

Angular

  • Angular Overview
  • Angular CLI
  • Build: Hello World application
  • App Module
  • Component
  • Services and DI – HttpClient
  • Consuming GraphQL Service from angular
  • Data Binding & Property Binding
  • ReactiveForms
  • ReactiveX Library – RXJS, Observable
  • Templates and Routing

 

 



Contact