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 21 hours ago
JSON representation

  • Foundations

    • Git

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

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

      • - Learn Accessibility](https://web.dev/learn/accessibility/)

    • CSS

      • x - - https://letslearnruby.com/images/spicy-web.png -->
      • 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 -->
      • Stimulus-Use - - https://avatars.githubusercontent.com/u/65528542?s=400 -->
      • 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 -->

    • 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

      • x - - https://m.media-amazon.com/images/I/51sdCuqMwWL._AC_UF1000,1000_QL80_.jpg -->
      • 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 -->

    • Web standards

  • Miscellaneous

Programming Languages
Ruby 45 Shell 4 JavaScript 4 HTML 3 TypeScript 1
Categories
Front end 107 Advanced Ruby and Rails 100 Miscellaneous 67 Basics 46 Foundations 42 Ruby media 40 Foundational tools 34 Beyond web development 19 Preliminaries 3 Rails codebases to study 1
Sub Categories
Advanced Rails 93 Rails codebases to study 53 JavaScript 42 SQL 34 Advanced Ruby 25 Hotwire 22 Podcasts 18 HTML and CSS basics 18 Ruby basics 17 SQL and databases 16 Rails basics 14 Getting hired 14 Git 13 Topical screencasts 10 Web standards 10 "Let's build" screencasts 10 The Web 10 Community 7 Ruby that is not web development 7 Usability 6 Accessibility 5 CSS 5 How the Internet works 2 Live streams 2 Front-end basics 2 Chat / social media 1 What's the best single learning resource? 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