Build Dynamic Applications with GraphQL

A rapid guild to building web apps with GraphQL

4.30 (10 reviews)
Udemy
platform
English
language
Web Development
category
95
students
8.5 hours
content
Jun 2019
last update
$54.99
regular price

What you will learn

Build complete, effective web apps that interact with a backend via GraphQL queries.

Construct a schema for your project on GraphQL.

Create your own server for your application in GraphQL.

Learn tooling to troubleshoot issues that may occur while using your own or any other GraphQL server.

Use Apollo Cache effectively to avoid unnecessary round-trips and provide a smooth experience for your end users.

Create your own GraphQL backend on any cloud—with minimal effort.

Easily turn any data you have into real-time applications—without using third-party services or cumbersome manual polling.

Description

Are you a frontend developer looking for a simpler way to interact with the server side? Look no further, as this Course is perfect for you!

GraphQL is a data-fetching API developed by Facebook. It powers millions of devices and most components of the Facebook and Instagram website. In this course, you will get an introduction into GraphQL as a bridge to React client application to communicate with servers as the missing data-fetching or query language. You will then learn to add features to your board such as adding or editing a task, implement the shared whiteboard functionality by populating the changes into other sessions and much more. Moving further, build a job board application using Apollo Client to React. Create a chat application and dive deep into its advanced topics such as Authentication/Authorization and Real-time Subscriptions. In the last application, we will look at how you can use Apollo client in combination with REST APIs.

By the end of the course, you will know how to create real-world GraphQL effectively and apply those skills at your job, efficient in using GraphQL for API development.

Contents and Overview

This training program includes 2 complete courses, carefully chosen to give you the most comprehensive training possible.

The first course, Hands-on Application Building with GraphQL you will learn how to build your own Trello-like web application using GraphQL. The course starts by teaching you GraphQL basics and comparing it with REST; you will then learn to run queries and specify types in its schema system. The course then shows you how to build a Graphql server and a client UI and connect this Apollo-based client to the server. You will then learn to add features to your board such as adding or editing a task. You will then see how to implement the shared whiteboard functionality by populating the changes into other sessions and how to solve the conflicts in this real-world scenario with concurrent changes from different users. The course then shows you how to add authentication to your application to prevent unwanted access to it and user-centric web service. Finally, you will learn troubleshooting typical problems that may occur while running your app, and how to fine-tune the schema and communication of client-server. By the end of the course, you will be able to build your own applications using GraphQL.

The second course, GraphQL Projects you will learn GraphQL design principles and what makes it different from REST while creating real-world projects. You will build a job board application using Apollo Client to React and know how to use it. Create a chat application and dive deep into its advanced topics such as Authentication/Authorization and Real-time Subscriptions. In the last application, we will look at how you can use Apollo client in combination with REST APIs. By the end of the course, you will know how to create real-world GraphQL effectively and apply those skills at your job.

About the Authors:

  • Robert Hostlowsky (@rhosts) has been gaining experience in various roles in software development. He currently works at codecentric AG as a senior consultant and as a developer and technical coach, following the goals of high quality and efficiency. Since 2012 He has been an enthusiastic supporter of the software crafts movement. For more than 2 years he has been working with GraphQL. As a speaker at various conferences and meetups, he has presented this topic to more than 500 people.

  • Maxim Filimonov is a full-stack software engineer with over a decade of experience in various industries. He has been part of large enterprises and world-renowned consultancies, and a core team member of multiple startups. For the last 2.5 years Maxim has been focusing on mentoring other developers as part of the Thinkful Inc. online coding bootcamp and his own company: Reify Academy. Maxim has been using GraphQL on various projects for the last 1.5 years and have also helped several of his students implement GraphQL projects. He holds a Master of Computer Science degree from Bauman Moscow State Technical University and has spoken about GraphQL at several meetups in Australia. Outside his work, his main passion is personal development, mindfulness, and travel. You can find him meditating/dancing all over the World.

Content

Hands-on Application Building with GraphQL

The Course Overview
Comparing GraphQL to REST: Trello Rest API
Starting a Project on Graphcool
Building GraphQL Schema for the project
Working with GraphQL Queries and Types
Using the Built-in GraphQL for Analyzing and Verifying the Schema
Adding Some Mocked Data in Your Application
Using Real Trello Data with a REST API
Running Our Own Server Locally
Local GraphQL Server with Database
Setting Up a React Application
Creating the UI Components
Integrating Apollo Framework/Apollo Provider
Implementing the GraphQL Fragments
Connecting to Graphcool Cloud-Based Storage Backend
Exploring the UI for Adding New Cards and New Lists
Connecting to Server, Calling the Mutations for Adding Cards
How the UI Gets Updated: Handle Mutations on the Client
Implementing a UI for Editing Cards and Connecting to the Server
Implementing a UI for Moving Cards and Connecting to the Server
Subscriptions: Setting Up and Using in Playground
Client-Side Connection via Web-Sockets
Updating an Existing Card
Advanced Subscription
Updating the Mechanism and Strategy for Concurrent Changes
Extending the Server to Enable Authentication and User Management
Add Sign-in, Log In/Out
User’s Boards and More Authorisation
Track and Show Author
Troubleshooting and Error Handling
Tuning

GraphQL Projects

The Course Overview
Bootstrapping Application with Create-React-App
Displaying Job Board Data on the Screen
Modifying and Deleting Job Applications
Debug Apollo
Apollo Client Links Overview
Adding REST Link to Our Job Board Application
Application Overview
Building Chat without Authentication
Adding Authentication on Backend
Adding Authentication on Frontend
Subscriptions Overview
Bootstrapping Application
Creating Simulator of Vehicle Activity
Showing Vehicles on the Map with Real-Time Location
Adding Filters to Fleet Tracking Application
Updating Apollo Cache Manually
Updating Apollo Cache Automatically
Test Your Knowledge

Screenshots

Build Dynamic Applications with GraphQL - Screenshot_01Build Dynamic Applications with GraphQL - Screenshot_02Build Dynamic Applications with GraphQL - Screenshot_03Build Dynamic Applications with GraphQL - Screenshot_04

Charts

Price

Build Dynamic Applications with GraphQL - Price chart

Rating

Build Dynamic Applications with GraphQL - Ratings chart

Enrollment distribution

Build Dynamic Applications with GraphQL - Distribution chart

Related Topics

2421674
udemy ID
6/20/2019
course created date
7/2/2019
course indexed date
Bot
course submited by