Coder Social home page Coder Social logo

amandeepmittal / gatsby-tutorials Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ooloth/gatsbytutorials.com

0.0 3.0 0.0 1.96 MB

A community-updated list of video, audio and written tutorials to help you learn GatsbyJS. ๐Ÿ‘ฉโ€๐Ÿ’ป

Home Page: https://www.gatsbytutorials.com

License: MIT License

JavaScript 28.10% CSS 71.90%

gatsby-tutorials's Introduction

Gatsby Tutorials

Gatsby Tutorials is a website that aims to list every GatsbyJS learning resource currently available online. ๐ŸŽ‰

You can find tutorials that interest you in several ways:

  • Browse the list (recent tutorials are listed first) ๐Ÿ‘€
  • Search for specific words or phrases ๐Ÿ•ต๏ธโ€โ™€๏ธ
  • Filter by format (๐ŸŽง, โœ๏ธ or ๐Ÿ“บ)
  • Filter by topic ๐Ÿคทโ€โ™‚๏ธ
  • Filter by author ๐Ÿ‘ฉโ€๐Ÿซ
  • Filter by source ๐Ÿ—ž๏ธ

Notice a tutorial is missing from the list? Please add it! ๐Ÿ™

How do I add a tutorial?

The easiest approach is to use the make your changes here on the GitHub website:

  1. Open the src/data/tutorials.yml file on GitHub ๐Ÿ“‚
  2. Use the file editor to add a new tutorial (or edit existing ones) โœ๏ธ
  3. Preview your changes ๐Ÿ‘“
  4. Commit your changes ๐Ÿ‘
  5. Create a pull request ๐Ÿ“ค

Please follow this format and indentation:

- title: 'GatsbyJS: How to Create the Fastest Sites in the World'
  link: https://www.youtube.com/watch?v=Gtd-Ht-D0sg
  format: video
  language: en
  date: 2017-10-01
  length: '24:52'
  authors: 
    - Kyle Mathews
  source: ReactNext 2017
  topics:
    - introduction
    - performance
  • title - Title of tutorial (string; required)
  • link - Working URL where tutorial can be found (string; required)
  • format - Media format of tutorial (string with the value video, audio or text; required)
  • language - Spoken/written language of the tutorial (string with a two-letter ISO 639-1 language code; required)
  • date - Date tutorial was originally published (string in YYYY-MM-DD format; optional)
  • length - Length of tutorial, if applicable (string; optional)
  • authors - Name of author(s) or speaker(s) (array of strings; optional)
  • source - Name of YouTube channel, podcast, conference, blog, etc. if different from author's name (string; optional)
  • topics - Main topic(s) covered by the tutorial (array of strings; required)

Where possible, please add tutorial series as one entry with a link to the series homepage.

Coming Soon

Better filters ๐Ÿท

  • Filter tutorials by language
  • Filter by multiple topics at once
  • Cancel active filter by clicking it again

Better performance โšก๏ธ

  • Paginate tutorials (and search results)
  • Generate filter lists at build time

Better search ๐Ÿ•ต๏ธโ€โ™‚๏ธ

  • Implement fuzzy search to allow non-sequential search terms
  • Highlight search string in search results

Happy learning! ๐Ÿค“

gatsby-tutorials's People

Contributors

ooloth avatar cwlsn avatar kmelkon avatar smakosh avatar

Watchers

James Cloos avatar Aman Mittal avatar  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.