learn-ruby
Learning resources for Ruby, Rails, and related skills.
https://github.com/fpsvogel/learn-ruby
Last synced: 2 days ago
JSON representation
-
Foundations
-
Git
-
SQL
-
SQL and databases
- x - - https://opengraph.githubassets.com/5dc8f962a8ff3a00a68a35d74a38b117b653d05e8891b85360df152f6755b4b9/AlisdairO/pgexercises -->
- x - - https://use-the-index-luke.com/static/util_squirrel.og.fMeqdSQq.png -->
- x - - https://cdn-icons-png.flaticon.com/512/4299/4299956.png -->
- - - https://letslearnruby.com/images/aoc.png -->
- - - https://www.visidata.org/blog/assets/2022-hod.png -->
- - - https://technicaldeft.com/assets/cover-7aeb12d933616519e5c20a12fc8d096773005cff72b0089271ee4eef1512078a.png -->
- Build Your Own Redis Server - redis-cli/), [Build Your Own Fast, Persistent KV Store](https://dineshgowda.com/posts/build-your-own-persistent-kv-store/), [Build Your Own Redis (incomplete)](https://rohitpaulk.com/articles/redis-0), [Rebuilding Redis in Ruby (incomplete)](https://redis.pjam.me/) -->
- - ->
- x - - https://sqlfordevs.com/build/assets/ebook.454b5368.png -->
- - ->
- - ->
-
The Web
- - - https://avatars.githubusercontent.com/u/13749115 -->
- - under-the-hood/how-to-build-a-network-stack-in-ruby-f73aeb1b661b) <!-- https://t4.ftcdn.net/jpg/11/99/95/95/360_F_1199959583_gzQxZgCvnoMYNRajL9W5Mn4jROfPqDJg.jpg -->
- Ruby HTTP server from the ground up - a-simple-websockets-server-from-scratch-in-ruby/), [Build Your Own Web Server](https://codingchallenges.fyi/challenges/challenge-webserver/), [How to Build a Web App with and without Rails Libraries](https://shopify.engineering/building-web-app-ruby-rails), [a Reddit discussion with helpful comments](https://www.reddit.com/r/ruby/comments/vfc02l/newb_here_have_you_written_your_own_web_server)
- x - - https://public-files.gumroad.com/jts5dlyxih0sxbxf28iht34mney8 -->
- x - oriented approach to web development. <!-- https://m.media-amazon.com/images/I/812G33tb9aL._AC_UF1000,1000_QL80_.jpg -->
- x - - https://m.media-amazon.com/images/I/517X347vzZL.jpg -->
- x - - https://m.media-amazon.com/images/I/81kskbg8BXL.jpg -->
-
-
Front end
-
Accessibility
-
CSS
- x - - https://letslearnruby.com/images/spicy-web.png -->
-
Hotwire
- Hotwire Weekly - - https://assets.buttondown.email/images/1bdac043-d137-4e4f-86ef-4df5c3b34029.png -->
- - - https://letslearnruby.com/images/master-hotwire.png -->
- - - https://pragprog.com/titles/jmnative/hotwire-native-for-rails-developers/jmnative-500.jpg -->
- - future-of-full-stack-rails-turbo-morph-drive), pt. 2 [on view transitions](https://evilmartians.com/chronicles/the-future-of-full-stack-rails-turbo-view-transitions))
- turbo-rails "Usage" README section
- thoughtbot - Hotwire examples - - https://avatars.githubusercontent.com/u/6183?s=400 -->
- Stimulus-Use - - https://avatars.githubusercontent.com/u/65528542?s=400 -->
- Stimulus Components - - https://avatars.githubusercontent.com/u/72915408?s=400 -->
- Hotwire Weekly - - https://assets.buttondown.email/images/1bdac043-d137-4e4f-86ef-4df5c3b34029.png -->
-
HTML and CSS basics
- - - https://www.spicyweb.dev/images/spicy-web-avatar-light.png -->
- Grid Critters - - https://process.fs.teachablecdn.com/ADNupMnWyR7kCWRvm76Laz/resize=width:705/https://www.filepicker.io/api/file/SaS7C1ZSeeZUEzvnAl2x -->
- CSS Diner - - https://i.pinimg.com/736x/8a/b1/ad/8ab1ad8128508785f956eb6f58779b47.jpg -->
- Flexbox Froggy - - https://flexboxfroggy.com/favicon.ico -->
-
JavaScript
- command and commandfor - - https://upload.wikimedia.org/wikipedia/commons/e/e1/Google_Chrome_icon_%28February_2022%29.svg -->
- x - JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) <!-- https://exploringjs.com/js/img/cover-homepage.jpg -->
- x - import maps](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap) <!-- https://peterxjang.com/img/1__H8PH__HaV43gZyBJz0mJHxA.png -->
- x - - https://javascript.info/img/site_preview_en_512x512.png -->
- - frontend-framework/), 💲[Build a Frontend Web Framework](https://www.manning.com/books/build-a-frontend-web-framework-from-scratch)
- - your-own-react/), [Creating Our Own React From Scratch](https://itnext.io/creating-our-own-react-from-scratch-82dd6356676d), [Let's build a React from scratch](https://geekpaul.medium.com/lets-build-a-react-from-scratch-part-1-virtualdom-and-renderer-14f4f716de62)
- - a-vue-js-like-framework-from-scratch-part-1-introduction-3nbf), [A Hands-on Introduction to Fine-Grained Reactivity](https://dev.to/ryansolid/a-hands-on-introduction-to-fine-grained-reactivity-3ndf) and [SolidJS: Reactivity to Rendering](https://angular.love/solidjs-reactivity-to-rendering), [Compile Svelte 5 in your head](https://lihautan.com/compile-svelte-5-in-your-head)
- Effectual JS
- how to build your own JS framework
- Let's Build a Custom JavaScript Framework
- Client Side Routing - javascript-reactivity-build-signals-from-scratch, https://newsletter.unstacked.dev/p/dev-101-custom-javascript-signals
- x - - https://mattpocock.gallerycdn.vsassets.io/extensions/mattpocock/ts-error-translator/0.10.1/1694612358825/Microsoft.VisualStudio.Services.Icons.Default -->
- x - - https://res.cloudinary.com/total-typescript/image/upload/v1676015688/core-volume_2x_wt7jnc.png -->
- - treat-2021-day-1/)
- - kinded-types/) and [Point-free Programming via HKTs](https://code.lol/post/programming/hkt-tacit/)
- - fest](https://github.com/sindresorhus/type-fest), [Effect](https://effect.website/)
- - style-guide/)
- x - - https://upload.wikimedia.org/wikipedia/commons/9/98/MDN_Web_Docs.svg -->
- - Declarative Shadow DOM](https://web.dev/articles/declarative-shadow-dom)
- - wc.org/guides/developing-components/code-examples/)
- - 2-for-react-devs)
- x - - https://i.ytimg.com/vi/8aGhZQkoFbQ/maxresdefault.jpg -->
- Alpine.js - ajax.js.org/) for functionality like i-html/htmx. <!-- https://avatars.githubusercontent.
- - signals](https://github.com/stackblitz/alien-signals), [Preact Signals](https://github.com/preactjs/signals)
-
Usability
-
Web standards
- View Transitions - - https://upload.wikimedia.org/wikipedia/commons/9/98/MDN_Web_Docs.svg -->
- Speculation Rules - - https://upload.wikimedia.org/wikipedia/commons/9/98/MDN_Web_Docs.svg -->
- Under-Engineered Patterns - - https://adrianroselli.com/wp-content/uploads/2022/08/cthulhu-selfie-300x300.jpg -->
- Stephanie Eckles - Modern CSS Solutions - - https://moderncss.dev/img/social/home.jpeg -->
- Stephanie Eckles - SmolCSS - - https://smolcss.dev/smolcss.png -->
- Plain Vanilla - - https://letslearnruby.com/images/plain-vanilla.png -->
- Popover - - https://upload.wikimedia.org/wikipedia/commons/9/98/MDN_Web_Docs.svg -->
- IntersectionObserver - - https://upload.wikimedia.org/wikipedia/commons/9/98/MDN_Web_Docs.svg -->
- Invoker Commands - - https://upload.wikimedia.org/wikipedia/commons/9/98/MDN_Web_Docs.svg -->
- Modern CSS - - https://modern-css.com/assets/images/apple-touch-icon.png -->
-
-
Miscellaneous
-
Community
- r/ruby - - https://letslearnruby.com/images/reddit.svg -->
- Discord: Ruby - - https://cdn.prod.website-files.com/6257adef93867e50d84d30e2/636e0a6a49cf127bf92de1e2_icon_clyde_blurple_RGB.png -->
- Bluesky starter packs for Ruby developers - - https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Bluesky_Logo.svg/543px-Bluesky_Logo.svg.png -->
- Slack: Ruby on Rails Link - - https://www.rubyonrails.link/assets/railslink-icon-10c1d749590f731efcb92fc4ffb599a6171cfd89e2eb2080b925d247060017db.png -->
- Lobsters - specific, but it's a way to widen your horizons and the discussions are of high quality. It's like Hacker News but smaller and more focused on programming. <!-- https://letslearnruby.com/images/lobsters.png -->
- Awesome Ruby Blogs
-
Rails codebases to study
- OpenSourceRails
- Ruby projects on CodeTriage
- Real World Rails - list-of-open-source-ruby-on-rails-applications-you-can-use-as-a-reference/))
- Awesome Ruby and Rails Open Source Apps
- github.com/nshki/naisho
- github.com/carsoncole/workypad
- once.com/writebook - - https://once.com/assets/images/logo-writebook.png -->
- github.com/garyharan/fresh
- github.com/ChaelCodes/MeetAnotherDay
- github.com/SpinaCMS/Spina
- github.com/codetriage/codetriage - source projects.*
- github.com/demingfactor/calagator
- github.com/rubyevents/rubyevents
- github.com/lookbook-hq/lookbook
- github.com/thoughtbot/upcase
- github.com/joemasilotti/railsdevs.com
- github.com/galahq/gala
- github.com/CircuitVerse/CircuitVerse
- github.com/docusealco/docuseal
- github.com/rubyforgood/homeward-tails
- github.com/TheOdinProject/theodinproject
- github.com/AllYourBot/hostedgpt - hosted ChatGPT alternative.*
- github.com/RailsEventStore/ecommerce - Driven Design), CQRS, and Event Sourcing.*
- github.com/lobsters/lobsters
- github.com/maybe-finance/maybe
- github.com/rauversion/rauversion
- github.com/ifmeorg/ifme
- github.com/openSUSE/osem
- github.com/chicago-tool-library/circulate
- github.com/feedbin/feedbin
- github.com/AlchemyCMS/alchemy_cms
- github.com/huginn/huginn
- github.com/rubyforgood/casa
- github.com/rubyforgood/human-essentials
- github.com/rubygems/rubygems.org
- github.com/WikiEducationFoundation/WikiEduDashboard
- github.com/chatwoot/chatwoot
- github.com/solidusio/solidus - commerce platform.*
- github.com/alphagov/whitehall
- github.com/mastodon/mastodon - hosted and federated.*
- github.com/redmine/redmine
- github.com/forem/forem
- github.com/openfoodfoundation/openfoodnetwork
- github.com/decidim/decidim
- github.com/zammad/zammad
- github.com/antiwork/gumroad - commerce platform.*
- github.com/opf/openproject
- github.com/discourse/discourse
- github.com/instructure/canvas-lms
- gitlab.com/gitlab-org/gitlab - - https://letslearnruby.com/images/gitlab.png -->
- github.com/basecamp/once-campfire - hosted chat application similar to Slack.*
- github.com/eigenfocus/eigenfocus - hosted project/time management app.*
- Real World Rails - list-of-open-source-ruby-on-rails-applications-you-can-use-as-a-reference/))
-
Ruby that is not web development
- Ruby One-Liners Guide - processing-with-ruby) <!-- https://learnbyexample.github.io/learn_ruby_oneliners/images/ruby_oneliners.png -->
- DragonRuby Game Toolkit - pocket), [MiniGL](https://github.com/victords/minigl), [mruby-cute](https://github.com/pusewicz/mruby-cute), [Raylib Ruby](https://www.raylib-ruby.com/), [Reight](https://github.com/xord/reight), [Ruby 2D](https://www.ruby2d.com/), [Taylor](https://www.taylormadetech.dev), [TIC-80](https://tic80.com/) <!-- https://img.itch.zone/aW1nLzIzNjU2MzQucG5n/original/WFWBHQ.png -->
- Gamefic - based games and interactive fiction. See [Getting Started](https://gamefic.com/guides/getting-started) and [examples](https://github.com/castwide/gamefic-sdk/tree/master/examples). <!-- https://gamefic.com/assets/goony-6ea3e43a0283cf3bacced44d7f9e0486f27e845415b64350481592e2c1939abf.png -->
- SC2AI - - https://gitlab.com/uploads/-/system/project/avatar/60342720/logo.png?width=400 -->
- Sonic Pi - - https://avatars.githubusercontent.com/u/67760337 -->
- Ronin - - https://ronin-rb.dev/images/logo.svg -->
- Building Your Own Roguelike - - https://m.media-amazon.com/images/I/81yCiQvErDL._SY522_.jpg -->
-
-
Preliminaries
-
What's the best single learning resource?
-
-
Rails codebases to study
-
Topical screencasts
- github.com/eigenfocus/eigenfocus - hosted project/time management app.*
-
-
Ruby media
-
Chat / social media
- Ruby.social (Mastodon) - - https://upload.wikimedia.org/wikipedia/commons/d/d5/Mastodon_logotype_%28simple%29_new_hue.svg -->
-
"Let's build" screencasts
- CJ Avilla - CreatorPlatform.xyz - - https://i.ytimg.com/vi/uuHtuR2FFS4/maxresdefault.jpg -->
- Conner Jensen - ecommerce app - - https://i.ytimg.com/vi/hURUMwdCWuI/maxresdefault.jpg -->
-
Programming Languages
Categories
Sub Categories
Advanced Rails
89
Rails codebases to study
53
JavaScript
42
SQL
34
Advanced Ruby
26
HTML and CSS basics
18
Podcasts
18
Ruby basics
16
Hotwire
15
SQL and databases
13
Getting hired
13
Rails basics
12
Git
11
Topical screencasts
10
Web standards
10
"Let's build" screencasts
10
The Web
10
Ruby that is not web development
7
Community
6
Usability
6
Accessibility
5
CSS
4
How the Internet works
2
Live streams
2
Chat / social media
1
What's the best single learning resource?
1
Front-end basics
1
Keywords
ruby
34
rails
24
ruby-on-rails
8
javascript
7
open-source
6
docker
3
rails-application
3
cms
3
vuejs
2
rubygems
2
webpack
2
book
2
react
2
learning
2
rubyforgood
2
non-profit
2
rails-engine
2
forum
2
customer-support
2
command-line
2
real-world
2
exercises
2
postgresql
2
examples
2
ebook
2
ecommerce
2
community
2
linux
2
bash
2
hotwire
2
documentation
2
spina
1
stimulusjs
1
spina-cms
1
personal-finance
1
spina-gem
1
website
1
boilerplate
1
crm
1
rails-api
1
finance
1
rails5
1
gem
1
instructure
1
gerrit-mirror
1
canvas-lms
1
product
1
static-site-generator
1
jamstack
1
esbuild
1