Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
The complete Airtable Custom Blocks development course
Rating: 4.8 out of 5(25 ratings)
2,466 students

The complete Airtable Custom Blocks development course

Master Airtable App Development by building custom blocks on the Airtable platform.
Created byPage Monk
Last updated 6/2020
English

What you'll learn

  • Note: Custom Blocks is in BETA
  • Be one of the first developers to create an app for Airtable
  • Learn Airtable Custom Blocks development
  • Learn to build enterprise grade apps on the Airtable platform

Course content

1 section • 17 lectures • 1h 38m total length

  • Introduction2:20

    Explore how to build your own Airtable custom blocks, start from example blocks with GitHub source, access beta docs, and follow prerequisites in JavaScript, React, and Node.js.

  • Where is the code?0:04
  • Create your First Block4:55

    Build your first hello world Airtable custom block by installing the editable block CLI, configuring your API key, and running the block on localhost with live updates.

  • Base, useBase - 2 ways to work with the Base Model7:09

    Explore the base model with the useBase hook, access base properties like id, name, and tables, and see how schema changes trigger component re-renders in Airtable custom blocks.

  • Tables - Working with the Table Model5:27

    Explore the table model in Airtable blocks, including fields, primary field, views, and permissions, then implement create, read, update, and delete operations and display table data in the UI.

  • Records, useRecords - Accessing the records in your table7:38

    Explore how to access and display records with use records, compare select records, views, and tables, and learn to optimize rendering using stable record ids and primary cell values.

  • Get Cell Value - Get data from individual fields5:50

    Learn to get cell values by parsing a field object or field name, retrieving data from table fields, and printing both values and labels in Airtable custom blocks.

  • Cell And Record Rendering - Use Airtable UI Components for rendering8:49

    Master rendering Airtable cells and records with UI components using the cell renderer and record card/list, wiring field and record data, and displaying values such as checkmarks.

  • Cursor - What is the user doing?4:22

    Use the cursor and watchable to detect selected record, fetch movie data from the open movie database API, and write results back to the record with a global API key.

  • Get Selected Record - The record selected by the user7:15

    Learn to get the name from the user-selected record by loading the correct table and using the record by id function; handle loading and extraction of the selected record data.

  • Fetch Data - Call an external API10:09

    Add a button in an Airtable custom block UI to fetch ratings from an external API, configure a secure API key in config, and update the record with the rating.

  • Update Record - Write data back to your table's records4:02

    Learn how to write data back to Airtable records from a custom block by updating a record with field values, after checking update permissions.

  • Added June 2020 - Get Selected Record and Async/Await10:42

    Discover how to reliably get the selected record in Airtable custom blocks by moving logic into a selected record component and adopting async/await for fetch calls.

  • GlobalConfig Part 1 - Store your configurations13:57

    Learn to store and retrieve API key using the global config in Airtable custom blocks, using the useGlobalConfig hook, with a settings dialog for input and permissions checks.

  • GlobalConfig Part 2 - Automatic configuration management2:20

    Learn automatic configuration management in the complete Airtable Custom Blocks course by saving an api key in a global config and persisting table picker and colors view selections.

  • Added June 2020 - Input Synced (GlobalConfig Part 3)3:13

    Refactor the UI to use the input component that automatically syncs with the global config, handles permissions, and renders read-only when appropriate.

  • Working with SCSS stylesheets0:05

Requirements

  • React basics
  • Javascript basics

Description

Airtable has opened its blocks development to developers - Its called "Custom Blocks".

Airtable is a billion dollar company that has opened its platform to developers.

Be one of the first to learn and build enterprise apps.


What will you learn?

----------------------------------

1. You will learn how to work with all the Airtable models - such as Bases, Tables, Records, etc.

2. You will learn to use React hooks provided by Airtable.

3. You will learn to use the UI components that make your block look like its a part of Airtable.

4. You will learn the basics to self-learn and implement any missing features.


Airtable Custom Blocks is very new in the market.

So NOW is the opportunity to become an Airtable Custom Blocks developer.


This course will be constantly updated with new features as and when they are released.


Who this course is for:

  • Web developers
  • Airtable Users

Report abuse