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: 3 days ago
JSON representation

  • Front end

    • JavaScript

      • - 2-for-react-devs)
      • Alpine.js - ajax.js.org/) for functionality like i-html/htmx. <!-- https://avatars.githubusercontent.
      • - style-guide/)
      • IntersectionObserver - - https://upload.wikimedia.org/wikipedia/commons/9/98/MDN_Web_Docs.svg -->
      • - fest](https://github.com/sindresorhus/type-fest), [Effect](https://effect.website/)
      • 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 -->
      • 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/)
      • Popover - - https://upload.wikimedia.org/wikipedia/commons/9/98/MDN_Web_Docs.svg -->
      • 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/)
      • x - - https://i.ytimg.com/vi/8aGhZQkoFbQ/maxresdefault.jpg -->
      • - 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 -->

    • CSS

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

    • HTML and CSS basics

      • CSS Diner - - https://i.pinimg.com/736x/8a/b1/ad/8ab1ad8128508785f956eb6f58779b47.jpg -->
      • Flexbox Froggy - - https://flexboxfroggy.com/favicon.ico -->
      • Grid Critters - - https://process.fs.teachablecdn.com/ADNupMnWyR7kCWRvm76Laz/resize=width:705/https://www.filepicker.io/api/file/SaS7C1ZSeeZUEzvnAl2x -->
      • - - https://www.spicyweb.dev/images/spicy-web-avatar-light.png -->

    • Web standards

    • Usability

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

    • Accessibility

    • Hotwire

      • Stimulus Components - - https://avatars.githubusercontent.com/u/72915408?s=400 -->
      • turbo-rails "Usage" README section
      • - 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))
      • - - https://pragprog.com/titles/jmnative/hotwire-native-for-rails-developers/jmnative-500.jpg -->
      • Hotwire Weekly - - https://assets.buttondown.email/images/1bdac043-d137-4e4f-86ef-4df5c3b34029.png -->
      • - - https://letslearnruby.com/images/master-hotwire.png -->
      • thoughtbot - Hotwire examples - - https://avatars.githubusercontent.com/u/6183?s=400 -->
      • Stimulus-Use - - https://avatars.githubusercontent.com/u/65528542?s=400 -->

  • Ruby media

    • Podcasts

      • Ruby Rogues - - https://topenddevs.us-southeast-1.linodeobjects.com/7tb1xhkypftrpf3dwr83ztyccwte -->
      • Code and the Coding Coders who Code it - - https://podcast.drbragg.dev/images/podcast.jpeg -->
      • Remote Ruby - - https://storage.buzzsprout.com/variants/y355ibk4nfqsqu37yrvz8a6o63z1/b49cbe86cb411762753e730c58953bb88ad958a9d657212c074729b6f04e5463.jpg -->
      • Maintainable - - https://maintainable.fm/images/maintainable-cover-robby-mid.jpg -->
      • 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 -->
      • Tightly Coupled Book Club - - https://img.rss.com/tightly-coupled-book-club/400/20230320_080352_39a56ab7cb62348b7e033fd90746e2ff.jpg -->
      • YAGNI - - https://images.transistor.fm/images/show/32802/medium_1659401516-artwork.jpg -->
      • Bike Shed - - https://assets.fireside.fm/file/fireside-images/podcasts/images/1/167c01a1-0eb9-4640-b488-c2f6d6866650/cover_small.jpg -->
      • 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 -->
      • On Rails - - https://storage.buzzsprout.com/78557u6tzo0eqjokvc5skiidkveo -->
      • Rails Changelog - - https://letslearnruby.com/images/rails-changelog.webp -->
      • 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 -->
      • The Ruby Gems Podcast - - https://storage.buzzsprout.com/tn40v00w9sd9tw6gpg2m7un3ml09 -->

    • Topical screencasts

    • 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

    • Live streams

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

  • Miscellaneous

  • Foundations

    • SQL and databases

      • - - https://www.visidata.org/blog/assets/2022-hod.png -->
      • 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://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 -->
      • x - - https://letslearnruby.com/images/sql-bolt.png -->

    • Git

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

    • SQL

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

    • The Web

      • - - https://avatars.githubusercontent.com/u/13749115 -->
      • x - - https://m.media-amazon.com/images/I/81kskbg8BXL.jpg -->
      • - 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 -->

    • Getting hired

  • Basics

    • Rails basics

      • x - - https://pragprog.com/titles/rspec3/effective-testing-with-rspec-3/rspec3.jpg -->
      • 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 -->
      • 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://letslearnruby.com/images/gorails.jpg -->
      • x - - https://avatars.githubusercontent.com/u/10871348?s=400 -->
      • 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 -->
      • x - - https://avatars.githubusercontent.com/u/46581?s=400 -->
      • 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)).

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

    • Ruby basics

      • x - ruby), if you like an interactive approach. <!-- https://www.globalnerdy.com/wordpress/wp-content/uploads/2009/08/chunky_bacon.jpg -->
      • Bridgetown - - https://www.bridgetownrb.com/images/bridgetown-avatar.png -->
      • x - - https://avatars.githubusercontent.com/u/4441966?s=400 -->
      • x - - https://letslearnruby.com/images/gorails.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 -->
      • one that gives statistics on a reading log - - https://miro.medium.com/v2/resize:fit:774/1*PGxvXulYR1Zp3TPx7FjMsQ.png -->
      • there are Ruby game engines - - https://letslearnruby.com/images/game.svg -->
      • 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 -->
      • x - - https://upload.wikimedia.org/wikipedia/commons/7/73/Ruby_logo.svg -->
      • there are Ruby game engines - - https://letslearnruby.com/images/game.svg -->
      • x - - https://images.squarespace-cdn.com/content/v1/5527cdbae4b0ee7b897c2111/1530279450483-K5BJ5TZGMYSWYA3QQA63/POODR_2e_cover_low_res.jpg -->

  • Advanced Ruby and Rails

    • Advanced Rails

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

    • Advanced Ruby

      • - ruby](https://github.com/ruby-concurrency/concurrent-ruby), [parallel](https://github.com/grosser/parallel)
      • - ->
      • 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 -->
      • x - - https://pragprog.com/titles/agcr/confident-ruby/agcr_hucf967c33f389130ab619766a81118218_436632_375x0_resize_q75_box.jpg -->
      • - 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))
      • - 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)

    • Hotwire

  • Beyond web development

    • Advanced Rails

      • - 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)
      • x - - https://avatars.githubusercontent.com/u/5624255?s=400 -->
      • - qw7lIG), [case studies archive](https://quastor.substack.com/archive)

  • Preliminaries

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

  • Rails codebases to study

Programming Languages
Ruby 45 JavaScript 4 HTML 3 Shell 3 TypeScript 1
Categories
Front end 95 Advanced Ruby and Rails 88 Miscellaneous 64 Basics 41 Ruby media 40 Foundations 35 Foundational tools 34 Beyond web development 19 Preliminaries 3 Rails codebases to study 1
Sub Categories
Advanced Rails 82 Rails codebases to study 52 JavaScript 47 SQL 34 Advanced Ruby 24 Podcasts 18 HTML and CSS basics 18 Ruby basics 16 Hotwire 14 Getting hired 13 Rails basics 12 SQL and databases 12 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 33 rails 23 ruby-on-rails 8 javascript 7 open-source 5 docker 3 rails-application 3 cms 3 forum 2 examples 2 postgresql 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