Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

learn-ruby

Learning resources for Ruby, Rails, and related skills.
https://github.com/fpsvogel/learn-ruby

Last synced: 2 days ago
JSON representation

  • Basics

    • Ruby basics

      • x - - https://images.squarespace-cdn.com/content/v1/5527cdbae4b0ee7b897c2111/1530279450483-K5BJ5TZGMYSWYA3QQA63/POODR_2e_cover_low_res.jpg -->
      • x - - https://upload.wikimedia.org/wikipedia/commons/7/73/Ruby_logo.svg -->
      • one that gives statistics on a reading log - - https://miro.medium.com/v2/resize:fit:774/1*PGxvXulYR1Zp3TPx7FjMsQ.png -->
      • x - - https://avatars.githubusercontent.com/u/4441966?s=400 -->
      • x - - https://letslearnruby.com/images/gorails.jpg -->
      • x - ruby), if you like an interactive approach. <!-- https://www.globalnerdy.com/wordpress/wp-content/uploads/2009/08/chunky_bacon.jpg -->
      • x - - https://avatars.githubusercontent.com/u/5624255?s=400 -->
      • x - - https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1477514056i/31183020.jpg -->
      • Coding Challenges - io/build-your-own-x), [Projectbook](https://projectbook.code.brettchalupa.com), [Project-based learning](https://github.com/practical-tutorials/project-based-learning#ruby) <!-- https://d31ezp3r8jwmks.cloudfront.net/2injd2hqjy28zry8i3khh7jauncy -->
      • x - known. Since its search uses a query param, you can add a search keyword to your browser to let you quickly search from the address bar, for example `rb partition` would take you to [https://rubyapi.org/3.4/o/s?q=partition](https://rubyapi.org/3.2/o/s?q=partition) <!-- https://upload.wikimedia.org/wikipedia/commons/7/73/Ruby_logo.svg -->
      • there are Ruby game engines - - https://letslearnruby.com/images/game.svg -->
      • there are Ruby game engines - - https://letslearnruby.com/images/game.svg -->
      • Bridgetown - - https://www.bridgetownrb.com/images/bridgetown-avatar.png -->

    • Rails basics

      • x - - https://avatars.githubusercontent.com/u/46581?s=400 -->
      • started building a large-ish Rails app - ai-story-writer), [2](https://fpsvogel.com/posts/2021/wiki-stumble-wikipedia-explorer), [3](https://fpsvogel.com/posts/2021/pass-the-story-collaborative-writing-game), [4](https://fpsvogel.com/posts/2022/doctor-lookup-health-provider-search-tool)).
      • x - - https://avatars.githubusercontent.com/u/4441966?s=400 -->
      • x - we-test-rails-applications). (In the book, ignore controller specs because [they have been superseded by request specs](https://stackoverflow.com/a/46500842).) <!-- https://public-files.gumroad.com/g2f7k3fkbdgvubnh1b2cmsdcsenc -->
      • x - - https://pragprog.com/titles/rspec3/effective-testing-with-rspec-3/rspec3.jpg -->
      • x - - https://letslearnruby.com/images/gorails.jpg -->
      • x - - https://bear-images.sfo2.cdn.digitaloceanspaces.com/henry/performance.webp -->
      • x - - https://i.ytimg.com/pl_c/PLHFP2OPUpCeZcPutT9yn4-e0bMmrn5Gd1/studio_square_thumbnail.jpg?sqp=COjO6sMG-oaymwEICNYGEOADSFqi85f_AwYIkPrewwY=&rs=AOn4CLBrUaluGKis8cA1_P5fGEeAZ2e_yA -->
      • 1 - stumble-wikipedia-explorer), [3](https://fpsvogel.com/posts/2021/pass-the-story-collaborative-writing-game), [4](https://fpsvogel.com/posts/2022/doctor-lookup-health-provider-search-tool)).
      • x - - https://avatars.githubusercontent.com/u/10871348?s=400 -->

    • Getting hired

    • Front-end basics

      • x - Learn web development](https://developer.mozilla.org/en-US/docs/Learn_web_development) or [web.dev - Learn web development](https://web.dev/learn/). <!-- https://avatars.githubusercontent.com/u/4441966?s=400 -->

  • Front end

    • JavaScript

      • - wc.org/guides/developing-components/code-examples/)
      • - 2-for-react-devs)
      • - 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 -->
      • - kinded-types/) and [Point-free Programming via HKTs](https://code.lol/post/programming/hkt-tacit/)
      • - style-guide/)
      • - frontend-framework/), 💲[Build a Frontend Web Framework](https://www.manning.com/books/build-a-frontend-web-framework-from-scratch)
      • x - - https://res.cloudinary.com/total-typescript/image/upload/v1676015688/core-volume_2x_wt7jnc.png -->
      • - fest](https://github.com/sindresorhus/type-fest), [Effect](https://effect.website/)
      • - 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)
      • - treat-2021-day-1/)
      • 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://upload.wikimedia.org/wikipedia/commons/9/98/MDN_Web_Docs.svg -->
      • - Declarative Shadow DOM](https://web.dev/articles/declarative-shadow-dom)
      • command and commandfor - - https://upload.wikimedia.org/wikipedia/commons/e/e1/Google_Chrome_icon_%28February_2022%29.svg -->
      • x - - https://javascript.info/img/site_preview_en_512x512.png -->
      • 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 -->
      • 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 -->
      • 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)
      • Invoker Commands - - https://upload.wikimedia.org/wikipedia/commons/9/98/MDN_Web_Docs.svg -->
      • x - JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) <!-- https://exploringjs.com/js/img/cover-homepage.jpg -->

    • Usability

      • x - - https://m.media-amazon.com/images/I/416Hql52NCL.jpg -->
      • x - - https://optim.tildacdn.one/tild6639-3864-4563-a666-623739336438/-/resize/640x/-/format/webp/Group_18_Copy.png.webp -->
      • x - - https://m.media-amazon.com/images/I/51sdCuqMwWL._AC_UF1000,1000_QL80_.jpg -->

    • Hotwire

      • Hotwire Weekly - - https://assets.buttondown.email/images/1bdac043-d137-4e4f-86ef-4df5c3b34029.png -->
      • Stimulus-Use - - https://avatars.githubusercontent.com/u/65528542?s=400 -->
      • - - 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 Components - - https://avatars.githubusercontent.com/u/72915408?s=400 -->

    • Accessibility

    • Web standards

    • 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 -->

    • CSS

      • x - - https://letslearnruby.com/images/spicy-web.png -->

  • Advanced Ruby and Rails

    • Advanced Ruby

      • - matz-is-not-a-threading-guy), Nobody Understands the GIL (parts [1](https://web.archive.org/web/20170801134641/https://www.jstorimer.com/blogs/workingwithcode/8085491-nobody-understands-the-gil), [2](https://web.archive.org/web/20161024030142/http://www.jstorimer.com/blogs/workingwithcode/8100871-nobody-understands-the-gil-part-2-implementation), [3](https://web.archive.org/web/20160506090126/http://www.jstorimer.com/blogs/workingwithcode/8158971-nobody-understands-the-gil-part-3-thread-safety))
      • x - - https://pragprog.com/titles/agcr/confident-ruby/agcr_hucf967c33f389130ab619766a81118218_436632_375x0_resize_q75_box.jpg -->
      • - ->
      • x - - https://learnbyexample.github.io/Ruby_Regexp/images/ruby_regexp.png -->
      • x - - https://m.media-amazon.com/images/I/91QfMPAeQZL._AC_UF1000,1000_QL80_.jpg -->
      • - and-threading-in-ruby/), [3](https://www.toptal.com/ruby/ruby-concurrency-and-parallelism-a-practical-primer), [4](https://www.sitepoint.com/forking-ipc-ruby-part/), [5](https://thoughtbot.com/blog/untangling-ruby-threads)

    • Advanced Rails

      • x - - https://public-files.gumroad.com/84806cmcnanyrmtnxfxvruodap1n -->
      • x
      • x - - https://public-files.gumroad.com/3x0fwqyo139zgcyn5bwcdsi9jas0 -->
      • - specific)
      • x - - https://m.media-amazon.com/images/I/41MAUvi--4L.jpg -->
      • x - - https://avatars.githubusercontent.com/u/124714131?s=400 -->
      • - postgresql-queries/), [this one at thoughtbot](https://thoughtbot.com/blog/advanced-postgres-performance-tips).

    • Hotwire

  • Miscellaneous

  • Foundational tools

    • SQL

      • x - - https://www.sqlteaching.com/database.png -->
      • - - https://sqlfordevs.com/build/assets/ebook.454b5368.png -->

    • Git

      • x - - https://i.ytimg.com/vi/jm7QsI-nNjk/hqdefault.jpg -->

    • How the Internet works

      • x - - https://m.media-amazon.com/images/I/517X347vzZL.jpg -->

  • Foundations

    • SQL and databases

      • x - - https://sqlfordevs.com/build/assets/ebook.454b5368.png -->
      • x - - https://cdn-icons-png.flaticon.com/512/4299/4299956.png -->
      • x - - https://use-the-index-luke.com/static/util_squirrel.og.fMeqdSQq.png -->
      • x - - https://opengraph.githubassets.com/5dc8f962a8ff3a00a68a35d74a38b117b653d05e8891b85360df152f6755b4b9/AlisdairO/pgexercises -->
      • - - 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/) -->
      • - ->

    • Git

      • x
      • x - - https://ohmygit.org/assets/images/oh-my-git.png -->
      • x - flight-rules) <!-- https://upload.wikimedia.org/wikipedia/commons/5/50/Fxemoji_u2049.svg -->
      • x
      • x - - https://i.ytimg.com/vi/jm7QsI-nNjk/hqdefault.jpg -->
      • - - https://m.media-amazon.com/images/I/417jkTBWA3L._SX342_SY445_PQ78_.jpg -->

    • SQL

      • x - - https://velog.velcdn.com/images/zero__/post/71852f7f-bbd2-4f51-9025-590644dec95b/image.jpeg -->
      • x - - https://mystery.knightlab.com/174092-clue-illustration.png -->

    • The Web

      • x - oriented approach to web development. <!-- https://m.media-amazon.com/images/I/812G33tb9aL._AC_UF1000,1000_QL80_.jpg -->
      • x - - https://public-files.gumroad.com/jts5dlyxih0sxbxf28iht34mney8 -->
      • 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)
      • - 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 -->
      • - - https://avatars.githubusercontent.com/u/13749115 -->
      • x - - https://m.media-amazon.com/images/I/517X347vzZL.jpg -->
      • x - - https://m.media-amazon.com/images/I/81kskbg8BXL.jpg -->

    • Getting hired

  • Beyond web development

    • Advanced Rails

      • x - - https://avatars.githubusercontent.com/u/5624255?s=400 -->
      • - of-contents/). Related: 💲[Establishing SRE Foundations](https://www.amazon.com/Establishing-Foundations-Step-Step-Organizations/dp/0137424604), 💲[Real-World SRE](https://www.packtpub.com/en-us/product/real-world-sre-9781788628884), 💲[Brendan Gregg's books](https://www.brendangregg.com/books.html)
      • - qw7lIG), [case studies archive](https://quastor.substack.com/archive)

  • Ruby media

    • Chat / social media

      • Ruby.social (Mastodon) - - https://upload.wikimedia.org/wikipedia/commons/d/d5/Mastodon_logotype_%28simple%29_new_hue.svg -->

    • Podcasts

      • Friendly Show - - https://storage.buzzsprout.com/zhyzuuam1vptl88kzpj22qnk8naa
      • Rubber Duck Dev Show - - https://i.ytimg.com/vi/HIuyzkeWLdQ/maxresdefault.jpg -->
      • Ruby for All - - https://images.transistor.fm/images/show/32763/medium_1661990746-artwork.jpg -->
      • YAGNI - - https://images.transistor.fm/images/show/32802/medium_1659401516-artwork.jpg -->
      • Tightly Coupled Book Club - - https://img.rss.com/tightly-coupled-book-club/400/20230320_080352_39a56ab7cb62348b7e033fd90746e2ff.jpg -->
      • Bike Shed - - https://assets.fireside.fm/file/fireside-images/podcasts/images/1/167c01a1-0eb9-4640-b488-c2f6d6866650/cover_small.jpg -->
      • Code and the Coding Coders who Code it - - https://podcast.drbragg.dev/images/podcast.jpeg -->
      • Code with Jason - - https://www.codewithjason.com/wp-content/uploads/2023/01/jason-300x300.jpeg -->
      • Fullstack Ruby - - https://www.fullstackruby.dev/images/fullstack_ruby_icon.png -->
      • IndieRails - - https://letslearnruby.com/images/indie-rails.webp -->
      • Maintainable - - https://maintainable.fm/images/maintainable-cover-robby-mid.jpg -->
      • On Rails - - https://storage.buzzsprout.com/78557u6tzo0eqjokvc5skiidkveo -->
      • Rails Changelog - - https://letslearnruby.com/images/rails-changelog.webp -->
      • Remote Ruby - - https://storage.buzzsprout.com/variants/y355ibk4nfqsqu37yrvz8a6o63z1/b49cbe86cb411762753e730c58953bb88ad958a9d657212c074729b6f04e5463.jpg -->
      • Rooftop Ruby - - https://storage.buzzsprout.com/variants/4ln9kmgzd7365e01mek8zsnnoyc7/b49cbe86cb411762753e730c58953bb88ad958a9d657212c074729b6f04e5463.jpg -->
      • Ruby on Rails Podcast - hosts, and hired an editor. <!-- https://assets.fireside.fm/file/fireside-images/podcasts/images/e/ed4e373f-21b4-44bb-a2f3-630a56c17f71/cover_small.jpg -->
      • Ruby Rogues - - https://topenddevs.us-southeast-1.linodeobjects.com/7tb1xhkypftrpf3dwr83ztyccwte -->
      • The Ruby Gems Podcast - - https://storage.buzzsprout.com/tn40v00w9sd9tw6gpg2m7un3ml09 -->

    • "Let's build" screencasts

    • Topical screencasts

    • Live streams

      • pushcx
      • ChaelCodes - source development <!-- https://static-cdn.jtvnw.net/jtv_user_pictures/7d0747d3-6b95-495e-866f-8b7203a29554-profile_image-300x300.png -->

  • Rails codebases to study

  • Preliminaries

Programming Languages
Ruby 44 JavaScript 4 HTML 3 Shell 3 TypeScript 1
Categories
Front end 95 Advanced Ruby and Rails 83 Miscellaneous 64 Basics 41 Ruby media 40 Foundational tools 34 Foundations 34 Beyond web development 19 Preliminaries 3 Rails codebases to study 1
Sub Categories
Advanced Rails 80 Rails codebases to study 52 JavaScript 47 SQL 34 Advanced Ruby 21 Podcasts 18 HTML and CSS basics 18 Ruby basics 16 Hotwire 14 Getting hired 13 Rails basics 12 SQL and databases 11 Topical screencasts 10 "Let's build" screencasts 10 Git 10 The Web 10 Community 6 Ruby that is not web development 6 Usability 6 Web standards 4 Accessibility 4 CSS 3 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 32 rails 23 ruby-on-rails 8 javascript 7 open-source 5 docker 3 rails-application 3 cms 3 forum 2 postgresql 2 examples 2 exercises 2 command-line 2 customer-support 2 rails-engine 2 non-profit 2 rubyforgood 2 react 2 book 2 webpack 2 rubygems 2 vuejs 2 ebook 2 community 2 ecommerce 2 linux 2 bash 2 hotwire 2 documentation 2 stimulusjs 1 spina 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 documentation-tool 1 bridgetown 1