Facebook Developer Circles Community Content
Developer Circles are communities of innovators, where aspiring and experienced developers receive free tools to build new skills, grow ideas and boost their careers.
These are the curated list of awesome content created by Facebook Developer Circles community members around the world.
Getting Started · Learn the Basics · Contribute · Community · Support · Directory
Contents
💻Workshops
Useful workshop materials.
- Git training kit
- Basic Javascript
- React Router *Bahasa Indonesia
- Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
- NodeSchool
📋Articles
Useful articles and learning resources.
- Hello GraphQL Using Express
- DevC Resources CMS
- 5 Steps to Overcoming Deployment Anxiety with Error Monitoring
- 5 Reasons Why You Should Find the Time for Mentoring
- Git Cheat Sheet for Beginners and Intermediates
- Building a SlackBot with Node.js and SlackBots.js
- How to deploy a Node Application and Database to Heroku
- Introduction to Web Accessibility
- Introducing JAMstack: The Modern Web Architecture
- Building & Deploying your first Progressive Web App
- Introducing CSS Custom Properties (Variables)
- Getting Started With Hugo and Deploying to Netlify
- Introducing GitHub Linguist
- Manipulating Arrays in JavaScript
- Introduction to Chrome Lighthouse
- The GROWTH MINDSET demystified
- Byte Sized Computer Science: Order of Operations
- Build a Low Latency, Globally Distributed Python App using Macrometa's Geo-Distributed Database Cloud.
- Handling File Uploads in GraphQL and Vue
- Isomorphic Rendering on the JAMstack
- Dynamic product management in a static e-commerce workflow
- Secure and Scalable: An Introduction to JAMstack
- New to JAMstack? Everything You Need to Know to Get Started
- How to build a React Hooks front-end app with routing and authentication
- Zero to HTTP/2 with AWS and Hugo
- JAMstack Basics: How to Create a Gatsby Starter with Contentful and Deploy to Netlify
- JAMstack vs Isomorphic Server Side Rendering
- A step by step guide to your first CLI(Command Line Interface) app using Node.js
- New to JAMstack? How to make a site from A to Z
- From WordPress to JAMstack: How to make your website 10x faster
- JAMstack: The What, The Why and The How
- How to create a Borderlands-style skill tree in 5 minutes
- Adopting the JAMStack: Building CMS-backed static websites with Vue or React
- Build a JAMstack Personal Blog with Headless Ghost 2.0 CMS & Gatsby
- How to Build a JAMstack Website using Vue.js, Nuxt.js and Cosmic JS
- A Ghost Demo: How to Go Headless with Ghost CMS [Tutorial]
- Next.js E-Commerce Tutorial: Quick Shopping Cart Integration
- How to Build a Blog using React Static and Cosmic JS
- How to build a Static Serverless Blog for Free😇
- Creating Dynamic Routes in a Nuxt Application
- Why Building with a JAMstack is Awesome
- How to make your app's architecture secure right now: separation, configuration, and access
- Static File Hosting Doesn’t Have To Be So… Static
- Maximizing Your Professional Value, from Junior to Leader
- How to Launch a Side Project from Zero
- How to prepare for a technical interview - tips and tricks to perform your best
- Introduction to ES6 modules
- Handling Static Forms - The Client-side Way
- How to Contribute to an Open Source Project
- Tech Interview Handbook
- Front-end Developer Handbook
🛠Tools
- Graph API Explorer - Test, create, and authenticate API calls and debug responses.
- Sharing Debugger - Preview how your content will look when it's shared to Facebook.
- JetBrains Tools App - Manage installed JetBrains tools, download new ones and open recent projects.
- StaticGen - A List of Static Site Generators for JAMstack Sites
- Headless CMS - A List of Content Management Systems for JAMstack Sites
- Netlify - Everything you need to build fast, modern websites from local development to global deployment.
- Postman - The Collaboration Platform for API Development
- StaticKit - Form Hosting for JAMstack Sites
- Vercel - The easiest way to deploy websites
- Disqus - Blog comment hosting service for your JAMstack sites
- NetlifyCMS - Headless CMS content management for your Git workflow
- Carbon - Create and share beautiful images of your source code.
- Parcel - Blazing fast, zero configuration web application bundler
- Emotion - A CSS-in-JS library that promises users a high level of performance and flexibility.
- Create React App - Create React apps with no build configurations.
📖Books
- Clean Code, by Robert C. Martin
- The Pragmatic Programmer, by Andy Hunt, Dave Thomas
- Cracking the Coding Interview, by Gayle Laakmann McDowell
- The Effective Engineer, by Edmond Lau
- The Developer's Guide to Content Creation, by Stephanie Morillo
- The Developer's Guide to Creating a Successful Blog, by Flavio Copes
- Technical Writing for Dummies, by Sheryl Lindsell-Roberts
- The Handbook of Technical Writing, by Gerald J. Alre
- You Dont Know JS, by Kyle Simpson
📺Videos
- Contributing to Open Source for the first time, by Cami Williams
- Deep Dive into Git, by Edward Thomson
- GraphQL: The Mental Model, by Dhaivat Pandya
- You need an API: Now what?, by Erin McKean
- The All Powerful Front End Developer, by Chris Coyier
- Frontend for a server-less stack, by Brian Douglas
- Why static types in Javascript?, by Preethi Kasireddy
- Using Elm to Prototype and Build Web Applications, by David Calavera
- Cracking the Coding Interview, by Gayle Laakmann McDowell
🎙Podcasts
- The Diff
- Software Engineering Daily
- JAMstack Radio
- Syntax.fm
- Full Stack Radio
- Shop Talk
- JavaScript Jabber
- React Podcast
- Code Newbie
- Ladybug Podcast
- GraphQL Radio
- Front End Happy Hour
- Go Figure
🎊Fun
Useful fun activities that can be done at the meetup/events/activities.
- Kahoot - Kahoot! brings engagement and fun to your events and makes learning awesome.
- Wheel Of Names - Random name picker with Wheel Of Fortunes style animation.
- AirConsole - Multiplayer browser games with your smartphones as the gamepads.
- Gartic - Pictionary-inspired games that can be played online
License
Facebook Developer Circles Community Content is MIT licensed.
The Facebook Developer Circles Community Content documentation (e.g., .md files) is Creative Commons licensed.