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: about 14 hours ago
JSON representation

  • Front end

    • JavaScript

      • - wc.org/guides/developing-components/code-examples/)
      • - 2-for-react-devs)
      • - style-guide/)
      • 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 -->
      • x - - https://i.ytimg.com/vi/8aGhZQkoFbQ/maxresdefault.jpg -->
      • Alpine.js - ajax.js.org/) for functionality like i-html/htmx. <!-- https://avatars.githubusercontent.
      • - frontend-framework/), 💲[Build a Frontend Web Framework](https://www.manning.com/books/build-a-frontend-web-framework-from-scratch)
      • - 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/)
      • 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 -->
      • - 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 -->
      • Hotwire Weekly - - https://assets.buttondown.email/images/1bdac043-d137-4e4f-86ef-4df5c3b34029.png -->
      • Hotwire.io - - https://hotwire.io/apple-touch-icon.png -->
      • Betterstimulus - - https://raw.githubusercontent.com/github/explore/b0f7ffc5ee5bc1b6dfc1bbc4d75dd2587a243c14/topics/stimulus/stimulus.png -->
      • Stimulus-Use - - https://avatars.githubusercontent.com/u/65528542?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 -->
      • 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
      • 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).
      • x - - https://m.media-amazon.com/images/I/41MAUvi--4L.jpg -->
      • x - - https://avatars.githubusercontent.com/u/124714131?s=400 -->
      • x - - https://public-files.gumroad.com/84806cmcnanyrmtnxfxvruodap1n -->

    • Hotwire

  • Miscellaneous

  • Basics

    • 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 -->
      • x - Build a Blog with Rails 7](https://gorails.com/series/build-a-blog-with-rails-7) if you like videos. <!-- https://i.ytimg.com/vi/_lRlOGS8Bgo/hqdefault.jpg -->
      • x - - https://bear-images.sfo2.cdn.digitaloceanspaces.com/henry/performance.webp -->

    • Getting hired

    • Ruby basics

      • 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 -->
      • x - - https://images.squarespace-cdn.com/content/v1/5527cdbae4b0ee7b897c2111/1530279450483-K5BJ5TZGMYSWYA3QQA63/POODR_2e_cover_low_res.jpg -->

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

  • 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://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/) -->
      • x - - https://www.sqlteaching.com/database.png -->
      • x - - https://letslearnruby.com/images/sql-bolt.png -->
      • x - - https://sqlfordevs.com/build/assets/ebook-BaM0l9I6.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 -->
      • - ->

    • 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 102 Advanced Ruby and Rails 88 Miscellaneous 65 Basics 45 Ruby media 40 Foundations 38 Foundational tools 34 Beyond web development 19 Preliminaries 3 Rails codebases to study 1
Sub Categories
Advanced Rails 84 Rails codebases to study 52 JavaScript 47 SQL 34 Advanced Ruby 22 Hotwire 20 Podcasts 18 HTML and CSS basics 18 Ruby basics 17 Rails basics 14 Getting hired 14 SQL and databases 14 Git 11 Topical screencasts 10 "Let's build" screencasts 10 The Web 10 Community 7 Ruby that is not web development 6 Usability 6 Web standards 4 Accessibility 4 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 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